<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {letter-spacing: 1px;}
body {font-weight: 400;}
.pagetitle {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;}
dl,ul,ol {margin-bottom:0!important;}
.skin-light .btn {font-size: 1rem;}
.skin-light .btn.btn-md {font-size: 0.95rem;}
.skin-light .btn.btn-sm {letter-spacing: normal;}
.fs-12 {font-size: 0.8rem!important;}
.fs-14 {font-size: 0.9rem!important;}
.fs-15 {font-size: 0.95rem!important;}
.fs-16 {font-size: 1rem!important;}
.fs-18 {font-size: 1.2rem!important;}
.fs-20 {font-size: 1.3rem!important;}
.fs-22 {font-size: 1.4rem!important;}
.fs-24 {font-size: 1.5rem!important;}
.fs-26 {font-size: 1.6rem!important;}
.fs-28 {font-size: 1.7rem!important;}
.fs-32 {font-size: 2rem!important;}
.fs-46 {font-size: 2.85rem!important;}
.h6-responsive {font-size: 100%!important;}
figure {margin: unset;}
img[src=""]{opacity:0;width:0;height:0;}
.text-hide {width:0;}
img[data-src=""]{opacity:0;width:0;height:0;}
img {max-width:100%;}

.jzbody {word-wrap:break-word;}
.jzbody figcaption {font-size:.9rem;padding:10px 10px 30px;}
.jzbody figcaption:before {content: "�魿";}
.jzbody strong {font-weight: bold!important;}
blockquote {position: relative; padding: 0 0 0 1rem;}
blockquote:after {
	content: '';
	position: absolute;
    width: 4px;
    height: 100%;
    background: #6c757d;
    top: 0px;
    left: 0px;}
.skin-light .dropdown-menu {margin: .5rem 0 0;}
.skin-light .dropdown-menu .dropdown-item, .skin-light .dropdown-menu a {font-size: 1rem;}

.tr-1 {
	overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: inherit;
	line-height:1.5;
	max-height: 28px;
}
.tr-2 {
	overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: inherit;
    max-height: 48px;
}
.tr-3 {
	overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: inherit;
    max-height: 72px;
}
.tr-4 {
	overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: inherit;
    max-height: 96px;
}
.text-shadow {text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;}
.logo-h1 {
	background-repeat: no-repeat; background-position: center; background-size: contain;
	font-size: 1.25rem;height:48px; line-height: 48px; margin: 0 auto;
}
.logo-img {height: 48px;}

.notify {
    font-size: 0.8rem;
    color: #fff;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 6px;
    background: red;
    position: absolute;
    right: 2px;
    top: 2px;
}

.banner {margin-top: 72px;}
.nopic2bg:before {
	content: "";
	display: block;
	background-image: url("../images/bg.jpg"); background-size: cover; filter: blur(1px);
}
.nopic2bg-classtype:before {
	content: "";
	display: block;
	background-image: url("../images/bg.jpg"); background-size: cover; filter: blur(1px);
	background-position: center;
	height: 100%;
}
.slider-bg:after {
	content: "";
	position: absolute;
	background-image:url("../images/slider-default-bg-1920.jpg");
	background-size: cover;
	background-position: center;
	width: 100%;
	padding-top: 41.5%;
	z-index: -1;
	top: 0;
	opacity: .3;
}
.index-article-img {
	object-fit: cover;
    object-position: center;
    height: 269px;
    width: 100%;
	border-radius: .375rem;
}
.index-article-img-s {
	object-fit: cover;
    object-position: center;
    height: 78px;
    width: 100%;
	border-radius: .375rem;
}
.webshop-article-list-img {width: 50%; float: left;}
.webshop-article-list-body {width: 50%; padding: 0.4rem 1rem; float: left;}
.article-list-img {
	object-fit: cover;
    object-position: center;
    height: 163px;
	width: 100%;
	border-radius: .375rem 0 0 .375rem;
}
/*�蘨閬��糓瘥㻳pad憭抒�*/
@media (min-width: 576px) {
	.container.x-fluid {max-width: 100%;}
}
@media (min-width: 768px) {
	.skin-light .navbar .navbar-nav.border-top {border-top: none!important;}
	.container.x-fluid {max-width: 720px;}
}
@media (min-width: 992px) {
	.container.x-fluid {max-width: 960px;}
}
@media (min-width: 1200px) {
	.container.x-fluid {max-width: 1140px;}
}

/*銝齿糓�𤓖��*/
@media (max-width: 1024px) {
	.index-article-img {
		height: 224px;
		border-radius: 0;
	}

}
@media (max-width: 991px){
	.row-nowrap {flex-flow:row nowrap; overflow-x: auto; list-style: none;}
	.index-article-img {
		height: 164px;
	}
	.index-article-img-s {
		height: 74.5px;
	}
	.webshop-article-list-img {
	width: 100%;
    float: none;
    }
    .webshop-article-list-body {
	width: 100%;
    float: none;
    padding: 0.5rem 0.5rem 1rem;
    }
.article-list-img {
    height: 163px;
	border-radius: .375rem;
}
}
/*�糓��𧢲��*/
@media (max-width: 767px) {
	.col-75 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 75%;
	    max-width: 75%;
	}
	.banner {margin-top: 53.02px;}
	.h-xs-fluid {height:100vh!important;}

	.index-article-img {
		height: 40vw;
		border-radius: 0;
	}
	.index-article-img-s {
		height: 78.25px;
	}
	.webshop-article-list-img {
		width: 45%;
	    float: left;
	}
	.webshop-article-list-body {
	    width: 55%;
	    float: left;
	    padding: 0.5rem 0.5rem 1rem;
	}

	.article-list-img {
		height: 40vw;
		border-radius: 0;
	}
}
@media (max-width: 736px) {
	.index-article-img {
		height: 254px;
	}
	.index-article-img-s {
		height: 78.25px;

	}
	.article-list-img {
		height: 130px;
		border-radius: 0;
	}
}
@media (max-width: 479px) {
	.index-article-img {
		height: 45vw;
		border-radius: 0;
	}
	.index-article-img-s {
		height: 88px;

	}
	.webshop-article-list-img {
		width: 100%;
	    float: none;
    }
    .webshop-article-list-body {
		width: 100%;
	    float: none;
	    padding: 0.5rem;
    }
	.article-list-img {
		height: 50vw;
		border-radius: 0;
	}
    .tab-even-white:nth-child(even) {
		background-color: white;
    }
    .tab-odd-white:nth-child(odd) {
		background-color: white;
    }
    .tab-even-gray:nth-child(even) {
		background-color: var(--light);
    }
    .tab-odd-gray:nth-child(odd) {
		background-color: var(--light);
    }
    .tab-even-dark:nth-child(even) {
		background-color: var(--main-bg)!important;
    }
    .tab-odd-dark:nth-child(odd) {
		background-color: var(--main-bg)!important;
    }
	.row-m {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media (max-width: 375px) {
	.index-article-img-s {
		height: 78.25px;

	}
}

:root {
	--main-color: blue;
	--main-bg: #2e2e2e;
	--main-darkbg: rgba(0,0,0,.2);
	--menu-color: grey;
	--main-pinkbg: #E6007A;
}
#slide {
	background-position: center;
	background-size: contain;
	padding-top: 41.5%;
	background-repeat: no-repeat;
}
footer.page-footer .footer-copyright {background-color: var(--main-darkbg)!important;}
footer.page-footer .system-copyright {background-color: var(--main-pinkbg)!important;}
.elegant-color {background-color: var(--main-bg)!important;}

.menu {
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0;
	outline: none;
	position: relative;
	border: none;
	background: none;
	cursor: pointer;
	-webkit-appearence: none;
	-webkit-tap-highlight-color: transparent;
}
.menu svg {
	width: 64px;
	height: 48px;
	top: -6px;
	left: -14px;
	stroke: var(--menu-color);
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
	display: block;
	position: absolute;}
.menu svg path {
	transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s);
	stroke-dasharray: var(--array-1, 26px) var(--array-2, 100px);
	stroke-dashoffset: var(--offset, 126px);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);}
.menu svg path:nth-child(2) {--duration: .7s;--easing: ease-in;--offset: 100px;--array-2: 74px;}
.menu svg path:nth-child(3) {--offset: 133px;--array-2: 107px;}
.menu.active svg path {--offset: 57px;}
.menu.active svg path:nth-child(1),
.menu.active svg path:nth-child(3) {--delay: .15s;--easing: cubic-bezier(.2, .4, .2, 1.1);}
.menu.active svg path:nth-child(2) {--duration: .4s;--offset: 2px;--array-1: 1px;}
.menu.active svg path:nth-child(3) {--offset: 58px;}

/*YouTube magic-popup video-play*/
.video-play {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
}
.overlay-video {position:absolute;left:0;top:0;right:0;bottom:0;}
.video-play a {
    background: #f70d28;
    height: 40px;
    width: 56px;
    display: inline-block;
    color: white;
    border-radius: .5rem;
    line-height: 38px;
	padding-left: 5px;
}

[data-overlay] {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.pfl::first-letter{
	font-size:3rem;
	line-height:3rem;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 500;
	float:left;
	color:#b964a4;
}

/* �蒈�亥��酉�羓�㛖�����𥟇���� */
		.form {
		  position: relative;
		  background: #FFFFFF;
		  margin: 0 auto;
		  padding: 0 0 1rem 0;
		}
		.form .register-form {
		  display: none;
		}
		.shake_effect{
		 	-webkit-animation-name: shake;
  			animation-name: shake;
  			-webkit-animation-duration: 1s;
  			animation-duration: 1s;
		}
		@-webkit-keyframes shake {
		  from, to {
		    -webkit-transform: translate3d(0, 0, 0);
		    transform: translate3d(0, 0, 0);
		  }

		  10%, 30%, 50%, 70%, 90% {
		    -webkit-transform: translate3d(-10px, 0, 0);
		    transform: translate3d(-10px, 0, 0);
		  }

		  20%, 40%, 60%, 80% {
		    -webkit-transform: translate3d(10px, 0, 0);
		    transform: translate3d(10px, 0, 0);
		  }
		}

		@keyframes shake {
		  from, to {
		    -webkit-transform: translate3d(0, 0, 0);
		    transform: translate3d(0, 0, 0);
		  }

		  10%, 30%, 50%, 70%, 90% {
		    -webkit-transform: translate3d(-10px, 0, 0);
		    transform: translate3d(-10px, 0, 0);
		  }

		  20%, 40%, 60%, 80% {
		    -webkit-transform: translate3d(10px, 0, 0);
		    transform: translate3d(10px, 0, 0);
		  }
		}
		
/* 隤踵㟲modal璅��� */
.modal {background-size: cover;}
.modal-body {padding:0;}
.modal-content {
    /*background-color: transparent;*/
    /*border: 1px solid rgba(0,0,0,0);*/
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
/*�蒈�交�厰�閙見撘�*/
.btn-facebook {
	background: #4267b2;
	border-radius: 5px;
	height: 48px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:8px;
	line-height:38px;
	font-size:1rem;
}
.btn-twitter {
	background: #55ACEE;
	border-radius: 5px;
	height: 48px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:8px;
	line-height:38px;
	font-size:1rem;
}
.btn-google {
	background: #DE4B39;
	border-radius: 5px;
	height: 48px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:8px;
	line-height:38px;
	font-size:1rem;
}

/*table caption靽格㺿*/
caption {caption-side: top;}
table td {font-weight: 400!important;}

/*�⊿�𦦵�躰�峕艶撠齿�𥪯耨甇�*/
a {color: #0056b3;}
a:hover {color: #007bff;}
a:focus, a:focus img, input:focus, button:focus {border: 3px dotted red!important;}
a:focus {outline-color: red!important;}
button:focus {border: 3px dotted white!important;}
.skin-light .btn-dark-green {background-color: #1b5e20!important;}
.skin-light .btn-dark-blue {color: var(--white); background-color: #1359A0!important;}
.skin-light .badge-secondary, .skin-light .bg-secondary, .skin-light .btn-secondary, .skin-light .color-secondary, .skin-light.color-secondary {background-color: #683CB9!important;}
.skin-light .btn-secondary:hover {background-color: #683CB9!important;.skin-light .navbar .navbar-nav .nav-item .nav-link:hover {border-bottom: 6px solid rgba(0,0,0,.8);}


/*Google��厰�閖�閬���璅躰�睃ê̌*/
.abcRioButtonBlue {
    background-color: #4285f4;
    border: none;
    color: #fff;
}
.abcRioButton {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow 0 2px 4px 0px rgba(0,0,0,.25): ;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .218s,border-color .218s,box-shadow .218s;
    transition: background-color .218s,border-color .218s,box-shadow .218s;
    -webkit-user-select: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    color: #262626;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
}
.abcRioButtonBlue .abcRioButtonContentWrapper {
    border: 1px solid transparent;
	background-color: #4285f4;
}
.abcRioButtonBlue .abcRioButtonContentWrapper:hover {
    border: 1px solid transparent;
	background-color: #dc3545;
}

.abcRioButtonContentWrapper {
    height: 100%;
    width: 100%;
}
.abcRioButtonBlue .abcRioButtonIcon {
    background-color: #fff;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}
.abcRioButtonIcon {
    float: left;
}
.abcRioButtonContents {
    font-family: Roboto,arial,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .21px;
	margin:auto;
    vertical-align: middle;
	color: white;
}
.btn-google-bg {
    padding: 0;
    width: 38px;
    height: 38px;
    margin: 0;
    background-image: url(https://developers.google.com/identity/images/g-logo.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
	position:absolute;
}

/* ----- 撖�蝣潭䰻��� ----- */
.form-password input {
  width: 300px;
  color: #666;
  font-size: 0.9rem;
  line-height: 36px;
  padding: 0 10px;
  border: 1px solid #e1e1e1;
}
.form-password i {
  position: absolute;
  color: #333;
  width: 30px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  right: 0;
  top: 0;
  cursor: pointer;
}
.form-password i.fa-eye-slash {
  display: none;
}
.form-password i.fa-eye {
  display: block;
}
</pre></body></html>