<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/** bannerSection **/
#bannerSection {
	position:relative;
	width:100%;
	margin:0 auto;
}


/** banner **/
#banner {
	position:relative;
	width:100%;
	margin:0 auto;
	background:#d8d1c9;
}
#banner .listshow {
	width:100%;
	line-height:0;
	height:44.8%;
	margin:0 auto;
}
#banner .listshow .slick-slide {
	overflow:visible;
}
#banner .listshow .slick-slide a {
	display:block;
	width:100%;
	height:100%;
	background:#FFF;
}
#banner .listshow &gt; .item {
	display:none;
	width:100%;
}
#banner .listshow &gt; .item:nth-child(-n+1) {
	display:block;
}
#banner .listshow a:focus {
	outline:1px dashed #FF6600;
}
#banner .listshow a .img {
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-bottom:44.8%;
	background-color:#FFF;
	overflow:hidden;
}
#banner .listshow a .img picture {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#banner .listshow a .img img {
	max-width:100%;
	height:auto;
}
#banner .slick-prev,
#banner .slick-next {
	position:absolute;
	display:block;
	width:45px;
	height:45px;
	background:rgba(0,0,0,.1);
	border:1px solid #FFF;
	box-sizing:border-box;
	z-index:10;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#banner .slick-prev {
	left:20px;
}
#banner .slick-next {
	right:20px;
}
#banner .slick-prev:before,
#banner .slick-next:before {
	display:none;
}
#banner .slick-prev:hover,
#banner .slick-prev:focus,
#banner .slick-next:hover,
#banner .slick-next:focus {
	border-color:#fff45c;
	filter:alpha(opacity=100);
	opacity:1;
}
#banner .slick-prev:focus,
#banner .slick-next:focus {
	outline:1px dashed #FF6600 !important;
}
#banner .slick-prev span,
#banner .slick-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#banner .slick-prev span:before,
#banner .slick-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:12px;
    height:12px;    
    z-index:2;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#banner .slick-prev span:before {
	left:18px;
    top:50%;
	margin:-6px 0 0 0;
	border-left:2px solid #FFF;
    border-top:2px solid #FFF;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
#banner .slick-next span:before {
	right:18px;
    top:50%;
	margin:-6px 0 0 0 ;
	border-right:2px solid #FFF;
    border-top:2px solid #FFF;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
#banner .slick-prev:hover span:before,
#banner .slick-prev:focus span:before,
#banner .slick-next:hover span:before,
#banner .slick-next:focus span:before {
	border-color:#fff45c;
}
@media screen and (min-width:768px) {
	#banner .slick-prev,
	#banner .slick-next {
		top:inherit;
		bottom:0;
		margin-top:-40px;
	}
	#banner .slick-prev {
		left:inherit;
		right:75px;
	}
	#banner .slick-next {
		right:20px;
	}
}
@media screen and (min-width:991px) {
	#banner .slick-prev,
	#banner .slick-next {
		bottom:55px;
	}
	#banner .slick-prev {
		left:inherit;
		right:calc(1vw + 95px);
	}
	#banner .slick-next {
		right:calc(1vw + 40px);
	}
}
@media screen and (min-width:1200px) {
	#banner .slick-prev,
	#banner .slick-next {
		bottom:80px;
		width:55px;
		height:55px;
	}
	#banner .slick-prev {
		right:calc(3vw + 105px);
	}
	#banner .slick-next {
		right:calc(3vw + 40px);
	}
	#banner .slick-prev span:before {
		left:22.5px;
	}
	#banner .slick-next span:before {
		right:22.5px;
	}
}
@media screen and (min-width:1600px) {
	#banner .slick-prev,
	#banner .slick-next {
		bottom:105px;
		width:60px;
		height:60px;
	}
	#banner .slick-prev {
		right:calc(5vw + 110px);
	}
	#banner .slick-next {
		right:calc(5vw + 40px);
	}
	#banner .slick-prev span:before {
		left:15px;
	}
	#banner .slick-next span:before {
		right:15px;
	}
	#banner .slick-prev span:before,
	#banner .slick-next span:before {  
		width:10px;
		height:10px;
	}
	#banner .slick-prev span:before {
		left:21px;
		margin:-5px 0 0 0;
	}
	#banner .slick-next span:before {
		right:21px;
		margin:-5px 0 0 0 ;
	}
	#banner .slick-prev span:after,
	#banner .slick-next span:after {
		position:absolute;
		left:50%;
		top:50%;
		content:"";
		display:block;   
		width:16px;
		height:2px;    
		z-index:2;	
		box-sizing:border-box;
		background:#FFF;
		margin:-1px 0 0 -8px;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	#banner .slick-prev:hover span:after,
	#banner .slick-prev:focus span:after,
	#banner .slick-next:hover span:after,
	#banner .slick-next:focus span:after {
		background:#fff45c;
	}
}
@media screen and (min-width:1920px) {
	#banner .slick-prev,
	#banner .slick-next {
		bottom:130px;
	}
	#banner .slick-prev {
		right:calc(((100% - 1720px) / 2) + 110px);
	}
	#banner .slick-next {
		right:calc(((100% - 1720px) / 2) + 40px);
	}
}


/* ----- banner_control ----- */
.banner_control {
	display:none;
	position:absolute;
	right:20px;
	bottom:20px;
	width:calc(100% - 40px);
	text-align:right;
	letter-spacing:-9px;
	padding:0;
	z-index:10;
}
.banner_control .total {
	display:inline-block;
	min-height:45px;
	letter-spacing:0;
	vertical-align:top;
}
.banner_control .total span {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
}
.banner_control .total .line {
	position:relative;
	display:inline-block;
	width:16px;
	text-indent:-9999px;
	vertical-align:middle;
	margin:0 5px;
}
.banner_control .total .line::before {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:50%;
	width:1px;
	height:18px;
	background:#FFF;
	margin-top:-11px;
	margin-left:-6px;
	-webkit-transform-origin:bottom;
	-webkit-transform:skewX(-30deg);
	-moz-transform-origin:bottom;
	-moz-transform:skewX(-30deg);
	-ms-transform-origin:bottom;
	-ms-transform:skewX(-30deg);
	-o-transform-origin:bottom;
	-o-transform:skewX(-30deg);
	transform-origin:bottom;
	transform:skewX(-30deg);
}
.banner_control .button {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	padding:0;
	border:none;
	cursor:pointer;
	letter-spacing:0;
	border:1px solid #FFF;
	box-sizing:border-box;
	background:rgba(0,0,0,.1);
	vertical-align:top;
	margin-right:10px;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.banner_control .button:hover,
.banner_control .button:focus {
	border-color:#fff45c;
}
.banner_control .btn-next {
	margin:0 0 0 10px;
}
.banner_control .btn-play {
	display:none;
}
.banner_control .btn-prev:before,
.banner_control .btn-next:before {
	display:none;
}
.banner_control .btn-prev span,
.banner_control .btn-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.banner_control .btn-prev span:before,
.banner_control .btn-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:12px;
    height:12px;    
    z-index:2;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.banner_control .btn-prev span:before {
	left:18px;
    top:50%;
	margin:-6px 0 0 0;
	border-left:2px solid #FFF;
    border-top:2px solid #FFF;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.banner_control .btn-next span:before {
	right:18px;
    top:50%;
	margin:-6px 0 0 0 ;
	border-right:2px solid #FFF;
    border-top:2px solid #FFF;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.banner_control .btn-prev:hover span:before,
.banner_control .btn-prev:focus span:before,
.banner_control .btn-next:hover span:before,
.banner_control .btn-next:focus span:before {
	border-color:#fff45c;
}
.banner_control .btn-play span:before {
	position:absolute;
	content:"";
    display:block;
	top:50%;
	left:50%;
    width:0;
	height:0;
	border-style:solid;
	border-width:6px 0 6px 9px;
	border-color:transparent transparent transparent #FFF;
	box-sizing:border-box;
	margin:-6px 0 0 -3px; 
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.banner_control .btn-play:hover span:before,
.banner_control .btn-play:focus span:before {
	border-color:transparent transparent transparent #fff45c;
}
.banner_control .btn-stop span:before,
.banner_control .btn-stop span:after {
	position:absolute;
	content:"";
    display:block; 
	top:50%;  
	left:50%;
    width:3px;
    height:14px;
	background:#FFF;
	margin:-7px 0 0 0;   
    z-index:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.banner_control .btn-stop span:before {
	margin-left:-5px;
}
.banner_control .btn-stop span:after {
	margin-left:2px;
}
.banner_control .btn-stop:hover span:before,
.banner_control .btn-stop:focus span:before,
.banner_control .btn-stop:hover span:after,
.banner_control .btn-stop:focus span:after {
	background:#fff45c;
}
@media screen and (max-width:767px) {
	.banner_control {
		text-align:center;
	}
}
@media screen and (min-width:991px) {
	.banner_control {
		bottom:70px;
		right:calc(1vw + 40px);
		width:auto;
	}
}
@media screen and (min-width:1200px) {
	.banner_control {
		bottom:100px;
		right:calc(3vw + 40px);
	}
	.banner_control .total {
		min-height:55px;
	}
	.banner_control .total span {
		line-height:55px;
	}
	.banner_control .button {
		width:55px;
		height:55px;
	}
	.banner_control .btn-prev span:before {
		left:22.5px;
	}
	.banner_control .btn-next span:before {
		right:22.5px;
	}
}
@media screen and (min-width:1600px) {
	.banner_control {
		bottom:130px;
		right:calc(5vw + 40px);
	}
	.banner_control .total {
		min-height:60px;
	}
	.banner_control .total span {
		line-height:60px;
	}
	.banner_control .button {
		width:60px;
		height:60px;
	}
	.banner_control .btn-prev span:before {
		left:15px;
	}
	.banner_control .btn-next span:before {
		right:15px;
	}
	.banner_control .btn-prev span:before,
	.banner_control .btn-next span:before {  
		width:10px;
		height:10px;
	}
	.banner_control .btn-prev span:before {
		left:21px;
		margin:-5px 0 0 0;
	}
	.banner_control .btn-next span:before {
		right:21px;
		margin:-5px 0 0 0 ;
	}
	.banner_control .btn-prev span:after,
	.banner_control .btn-next span:after {
		position:absolute;
		left:50%;
		top:50%;
		content:"";
		display:block;   
		width:16px;
		height:2px;    
		z-index:2;	
		box-sizing:border-box;
		background:#FFF;
		margin:-1px 0 0 -8px;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	.banner_control .btn-prev:hover span:after,
	.banner_control .btn-prev:focus span:after,
	.banner_control .btn-next:hover span:after,
	.banner_control .btn-next:focus span:after {
		background:#fff45c;
	}
}
@media screen and (min-width:1920px) {
	.banner_control {
		bottom:150px;
		right:calc(((100% - 1720px) / 2) + 40px);
	}
}


/* ----- titHead ----- */
.titHead {
	position:relative;
	width:100%;
	margin:0 auto;
}
.titHead h2 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:4.5em;
    font-weight:bold;
}
.titHead p {
	color:#000;
	font-size:1.7em;
	font-weight:bold;
	line-height:175%;
	text-align:justify;
}
.titHead h2 + p {
	margin-top:20px;
}
@media screen and (max-width:380px) {
	.titHead h2 {
		font-size:4.3em;
	}
}
@media screen and (min-width:991px) {
	.titHead h2 {
		font-size:4.7em;
	}
}
@media screen and (min-width:1200px) {
	.titHead h2 {
		font-size:5.1em;
	}
	.titHead h2 + p {
		margin-top:30px;
	}
}
@media screen and (min-width:1600px) {
	.titHead h2 {
		font-size:5.5em;
	}
}
@media screen and (min-width:1920px) {
	.titHead h2 {
		font-size:5.9em;
	}
	.titHead p {
		font-size:1.9em;
	}
	.titHead h2 + p {
		margin-top:40px;
	}
}


/* ----- moreBtn ----- */
.moreBtn {
	position:absolute;
	right:0;
	top:1px;
	display:inline-block;
}
.moreBtn a {
	display:block;
	width:45px;
	height:45px;
	background:#000;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#serviceSection .applyBox .moreBtn a {
	background:none;
	border:1px solid #FFF;
}
.moreBtn a:hover,
.moreBtn a:focus {
	background:#A40000;
}
#serviceSection .applyBox .moreBtn a:hover,
#serviceSection .applyBox .moreBtn a:focus {
	background:#A40000;
	border:1px solid #A40000;
}
.moreBtn a span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.moreBtn a span::before,
.moreBtn a span::after {
	position:absolute;
	left:50%;
	top:50%;
	content:"";
	display:block;   
	width:16px;
	height:2px;    
	z-index:2;	
	box-sizing:border-box;
	background:#FFF;
	margin:-1px 0 0 -8px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.moreBtn a span::after {
    -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
            transform:rotate(90deg);
}
@media screen and (min-width:991px) {
	.moreBtn {
		top:3px;
	}
}
@media screen and (min-width:1200px) {
	.moreBtn {
		top:1px;
	}
	.moreBtn a {
		width:55px;
		height:55px;
	}
}
@media screen and (min-width:1600px) {
	.moreBtn a {
		width:60px;
		height:60px;
	}
}
@media screen and (min-width:1920px) {
}


/* ----- linkBtn ----- */
.linkBtn {
	width:100%;
	margin:0 auto;
}
#serviceSection .applyWord .linkBtn,
#goldenSection .goldenWord .linkBtn,
#saleSection .saleList .linkBtn {
	margin-top:20px;
}
.linkBtn a {
	display:inline-block;
	width:100%;
	max-width:230px;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:1.9em;
	font-weight:bold;
	line-height:43px;
	text-align:left;
	padding:0 10px 0 20px;
	border:1px solid #000;
	box-sizing:border-box;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.linkBtn a:hover,
.linkBtn a:focus {
	color:#A40000;
	border-color:#A40000;
}
#saleSection .saleList .linkBtn a {
	width:100%;
	max-width:100%;
	color:#FFF;
	border-color:#FFF;
}
#saleSection .saleList .linkBtn a + a {
	margin-top:15px;
}
#saleSection .saleList .st1 .linkBtn a:hover,
#saleSection .saleList .st1 .linkBtn a:focus {
	color:#026bde;
	background:#FFF;
}
#saleSection .saleList .st2 .linkBtn a:hover,
#saleSection .saleList .st2 .linkBtn a:focus {
	color:#162e70;
	background:#FFF;
}
.linkBtn span {
	position:relative;
	display:block;
	padding-right:25px;
}
.linkBtn span:before {
	position:absolute;
	content:"";
    display:block;
	right:0;
	top:50%; 
    width:24px;
    height:24px;   
    z-index:2;
	background:#000;
	box-sizing:border-box;
	margin-top:-12px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.linkBtn a:hover span:before,
.linkBtn a:focus span:before {
	background:#A40000;
}
#saleSection .saleList .linkBtn span:before {
	background:#FFF;
}
#saleSection .saleList .st1 .linkBtn a:hover span:before,
#saleSection .saleList .st1 .linkBtn a:focus span:before {
	background:#026bde;
}
#saleSection .saleList .st2 .linkBtn a:hover span:before,
#saleSection .saleList .st2 .linkBtn a:focus span:before {
	background:#162e70;
}
.linkBtn span:after {
	position:absolute;
	right:7px;
	top:50%;
	content:"";
	display:block;   
	width:10px;
	height:10px;    
	z-index:3;	
	margin:-5px 0 0 0;
	background-color:#FFF;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-mask-image:url(../images/icon-arrow.svg);
			mask-image:url(../images/icon-arrow.svg);
    -webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
#saleSection .saleList .st1 .linkBtn span:after {
	background-color:#026bde;
}
#saleSection .saleList .st2 .linkBtn span:after {
	background-color:#162e70;
}
#saleSection .saleList .linkBtn a:hover span:after,
#saleSection .saleList .linkBtn a:focus span:after {
	background-color:#FFF;
}
@media screen and (max-width:990px) {
	#serviceSection .applyWord .linkBtn,
	#goldenSection .goldenWord .linkBtn {
		text-align:center;
	}
}
@media screen and (min-width:540px) and (max-width:720px) {
	#saleSection .saleList .linkBtn {
		display:flex;
		justify-content:space-between;
	}
	#saleSection .saleList .linkBtn a {
		max-width:calc(50% - 5px);
	}
	#saleSection .saleList .linkBtn a + a {
		margin:0;
	}
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	#serviceSection .applyWord .linkBtn,
	#goldenSection .goldenWord .linkBtn,
	#saleSection .saleList .linkBtn {
		margin-top:30px;
	}
	.linkBtn a {
		max-width:250px;
		line-height:53px;
		padding:0 13px 0 20px;
	}
	#saleSection .saleList .linkBtn {
		display:flex;
		justify-content:space-between;
	}
	#saleSection .saleList .linkBtn a {
		max-width:calc(50% - 5px);
	}
	#saleSection .saleList .linkBtn a + a {
		margin:0;
	}
}
@media screen and (min-width:1440px) {
}
@media screen and (min-width:1600px) {
	.linkBtn a {
		max-width:340px;
		font-size:2.1em;
		line-height:58px;
		padding:0 15px 0 24px;
	}
}
@media screen and (min-width:1920px) {
	.applyWord .linkBtn,
	.goldenWord .linkBtn {
		margin-top:40px;
	}
}


/** newsSection **/
#newsSection {
	position:relative;
	width:100%;
	padding:40px 0;
	margin:0 auto;
	background:#eeeeee;
	z-index:2;
}
#newsSection .container {
	display:flex;
	flex-direction:column-reverse;
}
@media screen and (min-width:991px) {
	#newsSection {
		position:relative;
		padding:0;
		margin-top:-50px;
		background:none;
		box-sizing:border-box;
		z-index:2;
	}
	#newsSection:before {
		position:absolute;
		content:"";		
		left:0;
		top:0;
		display:block;   
		width:calc(100% - 75px);
		height:100%;
		background:#eeeeee;
		-webkit-border-radius:0 30px 30px 0;
		   -moz-border-radius:0 30px 30px 0;
				border-radius:0 30px 30px 0;
		z-index:-1;
	}
	#newsSection:after {
		position:absolute;
		content:"";
		left:0;
		bottom:0;
		display:block;   
		width:100%;
		height:calc(100% - 50px);
		visibility:visible;
		background:#d8d1c9;
		z-index:-2;
	}
	#newsSection .container {
		padding:25px 25px 25px 0;
		flex-direction:row;
		justify-content:space-between;
		box-sizing:border-box;
	}
}
@media screen and (min-width:1200px) {
	#newsSection {
		margin-top:-75px;
	}
	#newsSection:before {  
		width:calc(100% - 90px);
		-webkit-border-radius:0 40px 40px 0;
		   -moz-border-radius:0 40px 40px 0;
				border-radius:0 40px 40px 0;
	}
	#newsSection:after {
		height:calc(100% - 75px);
	}
	#newsSection .container {
		padding:30px 30px 30px 0;
	}
}
@media screen and (min-width:1600px) {
	#newsSection {
		margin-top:-100px;
	}
	#newsSection:before {
		-webkit-border-radius:0 50px 50px 0;
		   -moz-border-radius:0 50px 50px 0;
				border-radius:0 50px 50px 0;
	}
	#newsSection:after {
		height:calc(100% - 100px);
	}
	#newsSection .container {
		padding:40px 40px 40px 0;
	}
}
@media screen and (min-width:1920px) {
	#newsSection {
		margin-top:-125px;
	}
	#newsSection:before {  
		width:calc(100% - ((100% - 1720px) / 2));
	}
	#newsSection:after {
		height:calc(100% - 125px);
	}
}


/** homeNews **/
#homeNews {
	position:relative;	
	width:100%;
	box-sizing:border-box;
	margin:40px auto 0 auto;
}
#homeNews .slick-track {
	display:flex;
}
#homeNews .item {
	margin:10px auto;
}
#homeNews .slick-list {
	margin:0 -20px;
}
#homeNews .slick-slide {
	height:auto !important;
	padding:1px 21px;
	box-sizing:border-box;
}
#homeNews .slick-slide + .slick-slide {
	border-left:1px solid #999999;
	box-sizing:border-box;
}
#homeNews .slick-slide &gt; div {
	width:100%;
	height:100%;
}
#homeNews .slick-slide &gt; div .item {
	width:100%;
	height:100%;
	letter-spacing:0;
	margin:0 !important;
}
#homeNews .listshow {
	display:flex;
	letter-spacing:-9px;
	margin:0 -20px;
}
#homeNews .listshow.slick-slider {
	margin:0 !important;
}
#homeNews .listshow &gt; .item {
	display:none;
	width:50%;
	letter-spacing:0;
	vertical-align:top;
	padding:1px 21px;
	box-sizing:border-box;
}
#homeNews .listshow &gt; .item:nth-child(-n+2) {
	display:inline-block;
}
#homeNews .listshow &gt; .item + .item {
	border-left:1px solid #999999;
}
#homeNews .slide_control {
	position:absolute;
	right:50px;
	top:1px;
	display:none;
	padding:0;
}
#homeNews .slide_control.c1 {
	right:100px;
}
#homeNews .slide_control .btn-prev,
#homeNews .slide_control .btn-next {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	padding:0;
	background:none;
	border:1px solid #000;
	box-sizing:border-box;
	cursor:pointer;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#homeNews .slide_control .btn-prev {
	float:left;
}
#homeNews .slide_control .btn-next {
	float:right;
}
#homeNews .slide_control .btn-prev:hover,
#homeNews .slide_control .btn-next:hover,
#homeNews .slide_control .btn-prev:focus,
#homeNews .slide_control .btn-next:focus {
	border-color:#A40000;
}
#homeNews .slide_control .btn-prev:focus,
#homeNews .slide_control .btn-next:focus {
	outline:1px dashed #FF6600 !important;
}
#homeNews .slide_control .btn-prev.slick-disabled,
#homeNews .slide_control .btn-next.slick-disabled {
	cursor:default;
	border-color:#999999 !important;
}
#homeNews .slide_control .btn-prev span,
#homeNews .slide_control .btn-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#homeNews .slide_control .btn-prev span:before,
#homeNews .slide_control .btn-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:12px;
    height:12px;    
    z-index:2;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#homeNews .slide_control .btn-prev span:before {
	left:18px;
    top:50%;
	margin:-6px 0 0 0;
	border-left:2px solid #000;
    border-top:2px solid #000;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
#homeNews .slide_control .btn-next span:before {
	right:18px;
    top:50%;
	margin:-6px 0 0 0 ;
	border-right:2px solid #000;
    border-top:2px solid #000;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
#homeNews .slide_control .btn-prev:hover span:before,
#homeNews .slide_control .btn-next:hover span:before,
#homeNews .slide_control .btn-prev:focus span:before,
#homeNews .slide_control .btn-next:focus span:before {
	border-color:#A40000;
}
#homeNews .slide_control .btn-prev.slick-disabled span:before,
#homeNews .slide_control .btn-next.slick-disabled span:before {
	border-color:#999999 !important;
}
@media screen and (max-width:540px) {
	#homeNews .slick-list {
		margin:-12.5px 0;
	}
	#homeNews .slick-slide {
		padding:13px 0;
	}
	#homeNews .slick-slide + .slick-slide {
		border:none;
	}
	#homeNews .listshow {
		margin:-12.5px 0;
	}
	#homeNews .listshow &gt; .item {
		display:none !important;
		width:100%;
		padding:13px 0;
	}
	#homeNews .listshow &gt; .item:nth-child(-n+1) {
		display:inline-block !important;
	}
	#homeNews .listshow &gt; .item + .item {
		border:none;
	}
}
@media screen and (min-width:991px) {
	#homeNews {
		width:calc(100% - 350px);
		margin:10px 0 0 0;
	}
	#homeNews .slick-slide {
		min-height:240px;
		padding:10px 21px;
	}
	#homeNews .listshow &gt; .item {
		padding:10px 21px;
	}
	#homeNews .slide_control {
		top:3px;
	}
}
@media screen and (min-width:1200px) {
	#homeNews {
		width:calc(100% - 400px);
		margin-top:15px;
	}
	#homeNews .slick-list {
		margin:0 -30px;
	}
	#homeNews .slick-slide {
		min-height:260px;
		padding:15px 31px;
	}
	#homeNews .listshow {
		margin:0 -30px;
	}
	#homeNews .listshow &gt; .item {
		padding:15px 31px;
	}
	#homeNews .slide_control {
		right:65px;
		top:1px;
	}
	#homeNews .slide_control.c1 {
		right:130px;
	}
	#homeNews .slide_control .btn-prev,
	#homeNews .slide_control .btn-next {
		width:55px;
		height:55px;
	}
	#homeNews .slide_control .btn-prev span:before {
		left:22.5px;
	}
	#homeNews .slide_control .btn-next span:before {
		right:22.5px;
	}
}
@media screen and (min-width:1600px) {
	#homeNews {
		width:calc(100% - 470px);
	}
	#homeNews .slick-list {
		margin:0 -40px;
	}
	#homeNews .slick-slide {
		min-height:270px;
		padding:20px 41px;
	}
	#homeNews .listshow {
		margin:0 -40px;
	}
	#homeNews .listshow &gt; .item {
		display:none;
		width:33.333%;
		padding:20px 41px;
	}
	#homeNews .listshow &gt; .item:nth-child(-n+3) {
		display:inline-block;
	}
	#homeNews .slide_control {
		right:70px;
	}
	#homeNews .slide_control.c1 {
		right:140px;
	}
	#homeNews .slide_control .btn-prev,
	#homeNews .slide_control .btn-next {
		width:60px;
		height:60px;
	}
	#homeNews .slide_control .btn-prev span:before,
	#homeNews .slide_control .btn-next span:before {
		width:10px;
		height:10px;  
	}
	#homeNews .slide_control .btn-prev span:before {
		left:21px;
		margin:-5px 0 0 0;
	}
	#homeNews .slide_control .btn-next span:before {
		right:21px;
		margin:-5px 0 0 0 ;
	}
	#homeNews .slide_control .btn-prev span:after,
	#homeNews .slide_control .btn-next span:after {
		position:absolute;
		left:50%;
		top:50%;
		content:"";
		display:block;   
		width:16px;
		height:2px;    
		z-index:2;	
		box-sizing:border-box;
		background:#000;
		margin:-1px 0 0 -8px;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	#homeNews .slide_control .btn-prev:hover span:after,
	#homeNews .slide_control .btn-prev:focus span:after,
	#homeNews .slide_control .btn-next:hover span:after,
	#homeNews .slide_control .btn-next:focus span:after {
		background:#A40000;
	}
	#homeNews .slide_control .btn-prev.slick-disabled span:after,
	#homeNews .slide_control .btn-next.slick-disabled span:after {
		background:#999999 !important;
	}
}
@media screen and (min-width:1920px) {
}


/* ----- newsList ----- */
.newsList {
	margin-top:25px;
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.newsList {
		margin-top:30px;
	}
}
@media screen and (min-width:1600px) {
	.newsList {
		margin-top:35px;
	}
}
@media screen and (min-width:1920px) {
}

/* ----- news_list ----- */
.news_list {
	padding:0;
}
.news_list a {
	display:block;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
.news_list a dt {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.news_list a dt .date {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}
.news_list a dt .date em {
	display:block;
	font-size:3.1rem;
	font-style:normal;
}
.news_list a dt .label {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.news_list a dt .label span {
	display:flex;
	width:55px;
	height:55px;
	color:#FFF;
	background:#CC4E00;
	justify-content:center;
    align-items:center;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.news_list a dt .label span.new {
	background:url(../images/icon-news.svg) 50% 50% no-repeat;
	background-size:cover;
}
.news_list a dt .label span + span {
	margin-left:10px;
}
.news_list a dt .label span em {
	display:inline-block;
	max-width:2em;
	font-size:1.5em;
	font-style:normal;
	font-weight:bold;
	line-height:120%;
}
.news_list a dd {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	line-height:165%;
	box-sizing:border-box;
	margin-top:10px;
}
.news_list a:hover dd,
.news_list a:focus dd {
	color:#A40000;
}
.news_list a.link dd::after {
	content:'';
    display:inline-block;
    width:27px;
    height:27px;
	background:#000 url(../images/icon-link.svg) 50% 50% no-repeat;
	background-size:60% auto;
	vertical-align:middle;
	margin:-2px 0 2px 8px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
@media screen and (max-width:540px) {
	.news_list a {
		padding-left:20px;
		border-left:1px solid #999999;
		box-sizing:border-box;
	}
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.news_list a dt .label span {
		width:65px;
		height:65px;
	}
	.news_list a dt .label span em {
		font-size:1.7em;
	}
}
@media screen and (min-width:1600px) {
	.news_list a dt .label span {
		width:75px;
		height:75px;
	}
	.news_list a dt .label span em {
		font-size:1.9em;
	}
}
@media screen and (min-width:1920px) {
}


/** searchBox **/
#searchBox {
	position:relative;	
	width:100%;
	padding:25px;
	box-sizing:border-box;
	background:#004f80;
	margin:0 auto;
    -webkit-border-radius:20px;
       -moz-border-radius:20px;
            border-radius:20px;
	-webkit-box-shadow:0px 0px 15px inset rgba(0,0,0,.35);
	   -moz-box-shadow:0px 0px 15px inset rgba(0,0,0,.35);
			box-shadow:0px 0px 15px inset rgba(0,0,0,.35);
}
#searchBox &gt; ul {
	position:relative;
	z-index:1;
}
#searchBox &gt; ul &gt; li {
	list-style:none;
}
#searchBox &gt; ul &gt; li:nth-child(n+2) {
	display:none;
}
#searchBox &gt; ul.Tab &gt; li:nth-child(n+2) {
	display:block;
}
#searchBox a {
	display:flex;
	width:calc(100% / 3);
	min-height:55px;
	color:#79a9c9;
	text-align:center;
	padding:0;
	box-sizing:border-box;
	background-color:#003759;
	flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}
#searchBox a:hover,
#searchBox a:focus {
	color:#fff67f;
}
#searchBox &gt; ul &gt; li:nth-child(1) &gt; a {
	left:0;
    -webkit-border-radius:5px 0 0 5px;
       -moz-border-radius:5px 0 0 5px;
            border-radius:5px 0 0 5px;
}
#searchBox &gt; ul &gt; li:nth-child(2) &gt; a { left:calc(100% / 3); }
#searchBox a.saTab {
	position:absolute;
	top:0;
}
#searchBox a.saTabOn {
	position:relative;
	color:#294f66;
	background-color:#fff67f;
	cursor:text;
}
#searchBox a.saTabOn:before {  
	content:'';
	display:block;
	position:absolute;
	bottom:-5.5px;
	left:50%;
	width:11px;
	height:11px;
	background:#fff67f;
	margin-left:-5.5px;
	z-index:-1;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
	-webkit-box-shadow:0px 5px 5px rgba(0,0,0,.35);
	   -moz-box-shadow:0px 5px 5px rgba(0,0,0,.35);
			box-shadow:0px 5px 5px rgba(0,0,0,.35);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
#searchBox a span {
	position:relative;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:1.9em;
	font-weight:bold;
	line-height:125%;
	padding-left:30px;
}
#searchBox a span::before {
	position:absolute;
	left:0;
	top:50%;
	content:"";
	display:block;
	width:27px;
	height:27px;
	margin:-13.5px 0 0 0 ;
	background-color:#79a9c9;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
    -webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
#searchBox a:hover span::before,
#searchBox a:focus span::before {
	background-color:#fff67f;
}
#searchBox a.saTabOn span::before {
	background-color:#294f66;
}
#searchBox &gt; ul &gt; li:nth-child(1) a span::before {
	-webkit-mask-image:url(../images/searchBox-icon1.svg);
			mask-image:url(../images/searchBox-icon1.svg);
}
#searchBox &gt; ul &gt; li:nth-child(2) a span::before {
	-webkit-mask-image:url(../images/searchBox-icon2.svg);
			mask-image:url(../images/searchBox-icon2.svg);
}
#searchBox .saCont {
	float:left;
	width:100%;
	margin:25px auto;
}
#searchBox .saCont.mTop {
	margin-bottom:0 !important;
}
#searchBox .saCont.mTop:before {  
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:55px;
	background:#003759;
	z-index:-2;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
	-webkit-box-shadow:0px 5px 5px rgba(0,0,0,.35);
	   -moz-box-shadow:0px 5px 5px rgba(0,0,0,.35);
			box-shadow:0px 5px 5px rgba(0,0,0,.35);
}
#searchBox a.goldBtn {
	position:absolute;
	top:25px;
	right:25px;
	width:calc((100% - 50px) / 3);
	color:#FFDDAD;
	background:#835D21;
	z-index:2;
    -webkit-border-radius:0 5px 5px 0;
       -moz-border-radius:0 5px 5px 0;
            border-radius:0 5px 5px 0;
}
#searchBox a.goldBtn:hover,
#searchBox a.goldBtn:focus {
	color:#FFF;
	background:#A40000;
}
#searchBox a.goldBtn span::before {
	background:#ffd18c;
	-webkit-mask-image:url(../images/searchBox-icon3.svg);
			mask-image:url(../images/searchBox-icon3.svg);
}
#searchBox a.goldBtn:hover span::before,
#searchBox a.goldBtn:focus span::before {
	background:#FFF;
}
#searchBox .box {
	list-style:none;
}
#searchBox .box li {
	display:flex;
	width:100%;
	margin:0 auto;
}
#searchBox .box li + li {
	margin-top:15px;
}
#searchBox .box .formLabel {
	display:inline-block;
	width:80px;
	color:#FFF;
    font-size:1.7em;
    font-weight:bold;
	line-height:130%;
	letter-spacing:0;
	word-break:break-word;
	overflow:hidden;
	vertical-align:top;
}
#searchBox .box .formLabel &gt; span {
	position:relative;
	width:100%;
	padding:0;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
    align-items:center;
	align-content:center;
	min-height:50px;
}
#searchBox .box .formLabel &gt; span.wd2 {
    letter-spacing:2em;
    white-space:nowrap;
}
#searchBox .box .formLabel &gt; span.wd3 {
    letter-spacing:0.5em;
    white-space:nowrap;
}
#searchBox .box .search-query {
    display:inline-block;
    font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    width:calc(100% - 80px);
    height:50px;
    color:#000;
    font-size:1.7em;
    background:#FFF;
    border:none;
    box-sizing:border-box;
    padding:0 15px;
    margin:0;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
#searchBox .box .listBar {
    display:inline-block;
    font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    width:calc(100% - 80px);
    height:50px;
    color:#000;
    font-size:1.7em;
    border:none;
    box-sizing:border-box;
    padding:0 15px;
    margin:0;
	background:#FFF url(../images/select-bg.svg) no-repeat right;
	-webkit-appearance:none;
	   -moz-appearance:none;
	    -ms-appearance:none;
	        appearance:none;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
#searchBox .box .listBar:focus {
    color:#A40000;
    border:none;
    background:#fcf7f7 url(../images/select-bg-on.svg) no-repeat right
}
#searchBox .box .listBar option {
    color:#000;
    border:none;
    background:#fff
}
#searchBox .box .listBar:-ms-expand {
    display:none
}
#searchBox .box .search-btn {
    display:inline-block;
    width:100%;
    height:50px;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#FFF;
    font-size:1.9em;
	font-weight:bold;
    border:none;
    cursor:pointer;
    background:#007DB8;
    overflow:hidden;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
#searchBox .box .search-btn:hover,
#searchBox .box .search-btn:focus {
	background-color:#A40000;
}
#searchBox .box .search-btn span {
	position:relative;
	display:inline-block;
	padding-left:30px;
}
#searchBox .box .search-btn span::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:2px;
	height:20px;
	width:20px;
	border:3px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#searchBox .box .search-btn span::after {
	position:absolute;
	display:block;
	content:'';
	left:15px;
	top:20px;
	width:10px;
	height:4px;	
	background:#FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
#searchBox .box .search-btn span em {
	font-style:normal;
}
@media screen and (min-width:640px) and (max-width:990px) {
	#searchBox .box {
		display:flex;
	}
	#searchBox .box li {
		width:calc((100% - 80px) / 2);
		margin:0;
	}
	#searchBox .box li:last-child {
		width:50px;
	}
	#searchBox .box li + li {
		margin:0 0 0 15px;
	}
	#searchBox .box .search-btn {
		width:50px;
		height:50px;
	}
	#searchBox .box .search-btn span {
		width:100%;
		height:100%;
		padding-left:0;
		text-indent:-9999px;
	}
	#searchBox .box .search-btn span::before {
		left:10px;
		top:12px;
	}
	#searchBox .box .search-btn span::after {
		left:25px;
		top:30px;
	}
}
@media screen and (max-width:560px) {
	#searchBox a {
		min-height:65px;
	}
	#searchBox a span {
		max-width:4em;
		text-align:left;
	}
	#searchBox .saCont.mTop:before {
		height:65px;
	}
}
@media screen and (max-width:440px) {
	#searchBox {
		padding:20px;
	}
	#searchBox a.goldBtn {
		top:20px;
		right:20px;
		width:calc((100% - 40px) / 3);
	}
	#searchBox a span {
		max-width:3em;
		font-size:1.7em;
	}
}
@media screen and (min-width:991px) {
	#searchBox {
		width:320px;
		margin:0;
	}
	#searchBox a {
		min-height:90px;
	}
	#searchBox a.goldBtn {
		top:25px;
		right:25px;
		width:calc((100% - 50px) / 3);
	}
	#searchBox a span {
		max-width:4em;
		font-size:1.7em;
		padding:25px 0 0 0;
	}
	#searchBox a span::before {
		left:50%;
		top:0;
		margin:0 0 0 -11.5px;
	}
	#searchBox .saCont.mTop:before {
		height:90px;
	}
}
@media screen and (min-width:1200px) {
	#searchBox {
		width:360px;
		padding:30px;
	}
	#searchBox a {
		min-height:100px;
	}
	#searchBox a span {
		font-size:1.9em;
		padding-top:30px;
	}
	#searchBox a span::before {
		width:27px;
		height:27px;
		margin:0 0 0 -13.5px;
	}
	#searchBox a.goldBtn {
		top:30px;
		right:30px;
		width:calc((100% - 60px) / 3);
	}
	#searchBox .saCont.mTop:before {
		height:100px;
	}
	#searchBox .box .formLabel {
		width:90px;
		font-size:1.9em;
	}
	#searchBox .box .search-query {
		width:calc(100% - 90px);
		font-size:1.9em;
	}
	#searchBox .box .listBar {
		width:calc(100% - 90px);
		font-size:1.9em;
	}
	#searchBox .box .search-btn {
		font-size:2.1em;
	}
}
@media screen and (min-width:1600px) {
	#searchBox {
		width:430px;
		padding:35px;
	}
	#searchBox a {
		min-height:110px;
	}
	#searchBox a span {
		font-size:2.1em;
	}
	#searchBox a.goldBtn {
		top:35px;
		right:35px;
		width:calc((100% - 70px) / 3);
	}
	#searchBox .saCont.mTop:before {
		height:110px;
	}
	#searchBox .box li + li {
		margin-top:20px;
	}
	#searchBox .box .formLabel {
		width:100px;
		font-size:2.1em;
	}
	#searchBox .box .search-query {
		width:calc(100% - 100px);
	}
	#searchBox .box .listBar {
		width:calc(100% - 100px);
	}
}
@media screen and (min-width:1920px) {
}


/** pdSection **/
#pdSection {
	position:relative;
	width:100%;
	padding:40px 0;
	background:#d8d1c9;
	z-index:2;
}
#pdSection .container {
	display:flex;
	width:calc(100% - 20px);
	margin-left:20px;
	align-items:center;
}
#pdSection .pdWord {
	display:inline-block;
	width:290px;
	box-sizing:border-box;
}
#pdSection .pdWord .titHead h2 {
	margin-top:-10px;
}
#pdSection .pdWord .titHead h2 span {
	display:inline-block;
	margin-top:10px;
}
#pdSection .pdWord .titHead h2 span + span {
	color:#004280;
}
#pdSection .pdList {
	display:inline-block;
	width:calc(100% - 310px);
	padding:0;
	box-sizing:border-box;
	margin:0 0 0 20px;
	overflow:hidden;
}
@media screen and (max-width:768px) {
	#pdSection .container {
		flex-direction:column;
		width:100%;
		margin-left:0;
	}		
	#pdSection .pdWord {
		width:100%;
		padding:0 20px;
		margin:0;
	}
	#pdSection .pdWord .titHead h2 {
		text-align:center;
	}
	#pdSection .pdList {
		width:calc(100% - 10px);
		padding:0;
		box-sizing:border-box;
		margin-left:10px;
	}
}
@media screen and (max-width:640px) {
	#pdSection .pdList {
		padding-bottom:50px;
	}
}
@media screen and (max-width:540px) {
	#pdSection .pdList {
		max-width:460px;
		margin:0 auto;
	}
	#pdSection .pdWord .titHead h2 {
		text-align:center;
	}
}
@media screen and (min-width:991px) {
	#pdSection {
		position:relative;
		width:100%;
		z-index:2;
	}
	#pdSection::before {
		position:absolute;
		display:block;
		content:'';
		right:0;
		top:50px;
		width:calc(100% - 1000px);
		height:calc(100% - 100px);
		background:url(../images/pdSection-bg.png);
		-webkit-border-radius:50px 0 0 50px;
		   -moz-border-radius:50px 0 0 50px;
				border-radius:50px 0 0 50px;
	}
	#pdSection .container {
        width:calc(100% - 75px);
		margin-left:75px;
    }
	#pdSection .pdWord {
		width:300px;
	}
	#pdSection .pdList {
		width:calc(100% - 330px);
		margin:0 0 0 30px;
	}
}
@media screen and (min-width:1200px) {
	#pdSection {
		padding:70px 0 40px 0;
	}
	#pdSection::before {
		top:70px;
		width:calc(100% - 1140px);
		height:calc(100% - 110px);
	}
	#pdSection .container {
        width:calc(100% - 90px);
		margin:0 0 0 90px;
    }
	#pdSection .pdWord {
		width:390px;
	}
	#pdSection .pdList {
		width:calc(100% - 420px);
	}
}
@media screen and (min-width:1600px) {
	#pdSection {
		padding:90px 0 60px 0;
	}
	#pdSection::before {
		top:90px;
		width:calc(100% - 1190px);
		height:calc(100% - 150px);
	}
	#pdSection .pdWord {
		width:420px;
	}
	#pdSection .pdList {
		width:calc(100% - 460px);
		margin:0 0 0 40px;
	}
}
@media screen and (min-width:1920px) {
	#pdSection .container {
        width:calc(100% - ((100% - 1720px) / 2));
		max-width:inherit;
		margin:0 0 0 calc((100% - 1720px) / 2);
    }
}


/* ----- pd_slide_list ----- */
.pd_slide_list {
	display:inline-block;
	width:100%;
	letter-spacing:-9px;
	padding:0;
	box-sizing:border-box;
}
.pd_slide_list .slick-track {
	display:flex;
    flex-wrap:nowrap;
	align-items:center;
}
.pd_slide_list .item {
	letter-spacing:0;
	margin:10px auto;
}
.pd_slide_list &gt; .item {
	display:none;
	width:50%;
	vertical-align:top;
}
.pd_slide_list &gt; .item:nth-child(-n+2) {
	display:inline-block;
}
.pd_slide_list .slick-list {
	width:680px !important;
	padding-right:50px;
	margin:0 0 0 -50px;
}
.pd_slide_list .slick-slide {
	position:relative;
	width:340px !important;
	min-height:365px;
	padding:60px 20px;
}
.pd_slide_list .slick-current {
	width:400px !important;
	padding:80px 30px;
	z-index:10;
}
.pd_slide_list .slick-slide + .slick-current {
	margin-left:50px;
}
.pd_slide_list .slick-slide &gt; div {
	width:100%;
}
.pd_slide_list .slick-slide &gt; div .item {
	width:100%;
	margin:0 !important;
}
.pd_slide_list .box {
	position:relative;
	display:block;
	width:300px;
	height:100%;
	padding:25px;
	background:#FFF;
	box-sizing:border-box;
	-webkit-border-radius:25px;
	   -moz-border-radius:25px;
			border-radius:25px;
}
.pd_slide_list .slick-current .box {
	width:340px;
	min-height:500px;
	padding:25px;
	background:#004280;
	-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.3);
	   -moz-box-shadow:5px 5px 10px rgba(0,0,0,0.3);
			box-shadow:5px 5px 10px rgba(0,0,0,0.3);
}
.pd_slide_list .box:before {
	position:absolute;
	content:"";
    display:block;
	right:11px;
	top:11px;
    width:15px;
    height:15px;    
    z-index:2;
	background:#d0c9c1;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.pd_slide_list .slick-current .box:before {
	right:15px;
	top:15px;
    width:20px;
    height:20px;    
    z-index:2;
	background:#d0c9c1;
	-webkit-box-shadow:5px 5px 10px inset rgba(0,0,0,0.3);
	   -moz-box-shadow:5px 5px 10px inset rgba(0,0,0,0.3);
			box-shadow:5px 5px 10px inset rgba(0,0,0,0.3);
}
.pd_slide_list .box:after {
	position:absolute;
	right:-71px;
	top:-57px;
	content:"";
	display:block;   
	width:96px;
	height:78px;    
	z-index:3;
	background-color:#666666;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-mask-image:url(../images/icon-knot.svg);
			mask-image:url(../images/icon-knot.svg);
    -webkit-mask-size:100% 100%;
			mask-size:100% 100%;
}
.pd_slide_list .slick-current .box:after {
	right:-97px;
	top:-78px;
	width:129px;
	height:105px; 
	background-color:#665047;
}
.pd_slide_list .pic {
	position:relative;
	display:inline-block;
	width:120px;
	height:0;
	padding-bottom:120px;
	overflow:hidden;
	margin:0 auto;
	background:#eeeeee;
	margin:0 auto;
	-webkit-border-radius:150px;
	   -moz-border-radius:150px;
			border-radius:150px;
}
.pd_slide_list .slick-current .pic {
	width:160px;
	padding-bottom:160px;
	background:#FFF;
}
.pd_slide_list .pic span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-border-radius:150px;
	   -moz-border-radius:150px;
			border-radius:150px;
}
.pd_slide_list .pic span svg {
	width:100% !important;
	height:100% !important;
}
.pd_slide_list a:hover .pic,
.pd_slide_list a:focus .pic {
	-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}
.pd_slide_list dl {
	margin-top:20px;
}
.pd_slide_list dt {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.9em;
	font-weight:bold;
	margin-bottom:10px;
}
.pd_slide_list .slick-current dt {
	color:#FFF;
	font-size:3.9em;
	margin-bottom:30px;
}
.pd_slide_list dt span {
	display:block;
	color:#777676;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1rem;
	font-weight:normal;
	margin-top:10px;
}
.pd_slide_list .slick-current dt span {
	color:#7ecef4;
	font-size:1.1rem;
	font-weight:bold;
}
.pd_slide_list dd {
	display:block;
}
.pd_slide_list dd + dd {
	border-top:1px dashed #CCC;
}
.pd_slide_list .slick-current dd + dd {
	border:none;
	margin-top:10px;
}
.pd_slide_list dd a {
	display:block;
	color:#555555;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.5em;
	font-weight:bold;
	line-height:35px;
	-webkit-transition:all 0s ease;
	   -moz-transition:all 0s ease;
	     -o-transition:all 0s ease;
	        transition:all 0s ease;
}
.pd_slide_list dd a:hover,
.pd_slide_list dd a:focus {
	color:#A40000;
}
.pd_slide_list .slick-current dd a {
	color:#c6ccd6;
	font-size:1.9em;
	line-height:48px;
	padding:0 10px 0 20px;
	border:1px solid rgba(255,255,255,.5);
	box-sizing:border-box;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.pd_slide_list .slick-current dd a:hover,
.pd_slide_list .slick-current dd a:focus {
	color:#A40000;
	background:rgba(255,255,255,1);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pd_slide_list dd span {
	position:relative;
	display:block;
	padding-right:25px;
}
.pd_slide_list dd span:before {
	position:absolute;
	content:"";
    display:block;
	right:0;
	top:50%; 
    width:18px;
    height:18px;    
    z-index:2;
	background:#666666;
	box-sizing:border-box;
	margin-top:-9px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pd_slide_list dd span:after {
	position:absolute;
	right:5px;
	top:50%;
	content:"";
	display:block;   
	width:8px;
	height:8px;    
	z-index:3;	
	margin:-4px 0 0 0;
	background-color:#FFF;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-mask-image:url(../images/icon-arrow.svg);
			mask-image:url(../images/icon-arrow.svg);
    -webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.pd_slide_list dd a:hover span:before,
.pd_slide_list dd a:focus span:before {
	background:#A40000;
}
.pd_slide_list .slick-current dd span {
	padding-right:30px;
}
.pd_slide_list .slick-current dd span:before {
    width:24px;
    height:24px;    
	background:rgba(255,255,255,.5);
	margin-top:-12px;
}
.pd_slide_list .slick-current dd span:after {
	right:7px;
	width:10px;
	height:10px;    
	margin:-5px 0 0 0;
	background-color:#004280;
}
.pd_slide_list .slick-current dd a:hover span:before,
.pd_slide_list .slick-current dd a:focus span:before {
	background:#A40000;
}
.pd_slide_list .slick-current dd a:hover span:after,
.pd_slide_list .slick-current dd a:focus span:after {
	background:#FFF;
}
.pd_slide_control {
	display:none;
	position:relative;
	width:100%;
	text-align:right;
	letter-spacing:-9px;
	padding:0;
	margin-top:20px;
	z-index:10;
}
.pd_slide_control .total {
	display:inline-block;
	min-height:45px;
	letter-spacing:0;
	vertical-align:top;
}
.pd_slide_control .total span {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
}
.pd_slide_control .total .line {
	position:relative;
	display:inline-block;
	width:16px;
	text-indent:-9999px;
	vertical-align:middle;
	margin:0 5px;
}
.pd_slide_control .total .line::before {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:50%;
	width:1px;
	height:18px;
	background:#000;
	margin-top:-11px;
	margin-left:-6px;
	-webkit-transform-origin:bottom;
	-webkit-transform:skewX(-30deg);
	-moz-transform-origin:bottom;
	-moz-transform:skewX(-30deg);
	-ms-transform-origin:bottom;
	-ms-transform:skewX(-30deg);
	-o-transform-origin:bottom;
	-o-transform:skewX(-30deg);
	transform-origin:bottom;
	transform:skewX(-30deg);
}
.pd_slide_control .button {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	padding:0;
	border:none;
	cursor:pointer;
	letter-spacing:0;
	border:1px solid #000;
	box-sizing:border-box;
	background:none;
	vertical-align:top;
	margin-right:10px;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pd_slide_control .button:hover,
.pd_slide_control .button:focus {
	border-color:#A40000;
}
.pd_slide_control .btn-next {
	margin:0 0 0 10px;
}
.pd_slide_control .btn-play {
	display:none;
}
.pd_slide_control .btn-prev:before,
.pd_slide_control .btn-next:before {
	display:none;
}
.pd_slide_control .btn-prev span,
.pd_slide_control .btn-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.pd_slide_control .btn-prev span:before,
.pd_slide_control .btn-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:12px;
    height:12px;    
    z-index:2;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pd_slide_control .btn-prev span:before {
	left:18px;
    top:50%;
	margin:-6px 0 0 0;
	border-left:2px solid #000;
    border-top:2px solid #000;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.pd_slide_control .btn-next span:before {
	right:18px;
    top:50%;
	margin:-6px 0 0 0 ;
	border-right:2px solid #000;
    border-top:2px solid #000;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.pd_slide_control .btn-prev:hover span:before,
.pd_slide_control .btn-prev:focus span:before,
.pd_slide_control .btn-next:hover span:before,
.pd_slide_control .btn-next:focus span:before {
	border-color:#A40000;
}
.pd_slide_control .btn-play span:before {
	position:absolute;
	content:"";
    display:block;
	top:50%;
	left:50%;
    width:0;
	height:0;
	border-style:solid;
	border-width:6px 0 6px 9px;
	border-color:transparent transparent transparent #000;
	box-sizing:border-box;
	margin:-6px 0 0 -3px; 
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pd_slide_control .btn-play:hover span:before,
.pd_slide_control .btn-play:focus span:before {
	border-color:transparent transparent transparent #99322b;
}
.pd_slide_control .btn-stop span:before,
.pd_slide_control .btn-stop span:after {
	position:absolute;
	content:"";
    display:block; 
	top:50%;  
	left:50%;
    width:3px;
    height:14px;
	background:#000;
	margin:-7px 0 0 0;   
    z-index:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pd_slide_control .btn-stop span:before {
	margin-left:-5px;
}
.pd_slide_control .btn-stop span:after {
	margin-left:2px;
}
.pd_slide_control .btn-stop:hover span:before,
.pd_slide_control .btn-stop:focus span:before,
.pd_slide_control .btn-stop:hover span:after,
.pd_slide_control .btn-stop:focus span:after {
	background:#A40000;
}
@media screen and (max-width:990px) {
	.pd_slide_list .slick-track {
		margin-bottom:-60px;
	}
}
@media screen and (max-width:768px) {
	.pd_slide_list .slick-list {
		overflow:visible;
	}
	.pd_slide_list .slick-slide {
		padding-top:60px;
	}
	.pd_slide_list .slick-current {
		padding:80px 20px 80px 30px;
	}
	.pd_slide_control {
		position:absolute;
		left:420px;
		bottom:50px;
		width:auto;
		z-index:10;
	}
}
@media screen and (max-width:640px) {
	.pd_slide_control {
		display:none;
		left:0;
		bottom:40px;
		width:100%;
		text-align:center;
	}
}
@media screen and (max-width:540px) {
	.pd_slide_list .slick-track {
		margin:0;
	}
	.pd_slide_list .slick-list {
		width:inherit !important;
		height:inherit !important;
		padding-right:0;
		margin:0;
	}
	.pd_slide_list .slick-slide {
		width:100% !important;
		padding:15px;
		z-index:10;
	}
	.pd_slide_list .slick-current {
		padding:15px;
	}
	.pd_slide_list .slick-slide + .slick-current {
		margin-left:0;
	}
	.pd_slide_list &gt; .item {
		display:none !important;
		width:100%;
	}
	.pd_slide_list &gt; .item:nth-child(-n+1) {
		display:inline-block !important;
		margin:0 auto;
	}
	.pd_slide_list .box {
		width:100% !important;
		max-width:300px;
		min-height:460px !important;
		padding:25px;
		background:#004280;
		margin:0 auto;
		-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.3);
		   -moz-box-shadow:5px 5px 10px rgba(0,0,0,0.3);
				box-shadow:5px 5px 10px rgba(0,0,0,0.3);
	}
	.pd_slide_list .box:before {
		display:none;
	}
	.pd_slide_list .box:after {
		display:none;
	}
	.pd_slide_list .pic {
		display:block;
		width:140px !important;
		padding-bottom:140px !important;
		background:#FFF;
		margin:0 auto;
	}
	.pd_slide_list dt {
		color:#FFF;
		font-size:3.9em;
		text-align:center;
		margin-bottom:20px !important;
	}
	.pd_slide_list dt span {
		color:#7ecef4;
		font-size:1.1rem;
		font-weight:bold;
	}
	.pd_slide_list dd + dd {
		border:none;
		margin-top:10px;
	}
	.pd_slide_list dd a {
		color:#c6ccd6;
		font-size:1.9em;
		line-height:48px;
		padding:0 10px 0 20px;
		border:1px solid rgba(255,255,255,.5);
		box-sizing:border-box;
		-webkit-border-radius:50px;
		   -moz-border-radius:50px;
				border-radius:50px;
	}
	.pd_slide_list dd a:hover,
	.pd_slide_list dd a:focus {
		color:#A40000;
		background:rgba(255,255,255,1);
	}
	.pd_slide_list dd span {
		padding-right:30px;
	}
	.pd_slide_list dd span:before {
		width:24px;
		height:24px;    
		background:rgba(255,255,255,.5);
		margin-top:-12px;
	}
	.pd_slide_list dd span:after {
		right:7px;
		width:10px;
		height:10px;    
		margin:-5px 0 0 0;
		background-color:#004280;
	}
	.pd_slide_list dd a:hover span:before,
	.pd_slide_list dd a:focus span:before {
		background:#A40000;
	}
	.pd_slide_list dd a:hover span:after,
	.pd_slide_list dd a:focus span:after {
		background:#FFF;
	}
	.pd_slide_list .slick-prev,
	.pd_slide_list .slick-next {
		position:absolute;
		display:block;
		width:45px;
		height:45px;
		border:1px solid #000;
		box-sizing:border-box;
		z-index:10;
		-webkit-border-radius:100px;
		   -moz-border-radius:100px;
				border-radius:100px;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	.pd_slide_list .slick-prev {
		left:20px;	
	}
	.pd_slide_list .slick-next {
		right:20px;
	}
	.pd_slide_list .slick-prev:before,
	.pd_slide_list .slick-next:before {
		display:none;
	}
	.pd_slide_list .slick-prev:hover,
	.pd_slide_list .slick-next:hover,
	.pd_slide_list .slick-prev:focus,
	.pd_slide_list .slick-next:focus {
		border-color:#A40000;
	}
	.pd_slide_list .slick-prev:focus,
	.pd_slide_list .slick-next:focus {
		outline:1px dashed #FF6600 !important;
	}
	.pd_slide_list .slick-prev span,
	.pd_slide_list .slick-next span {
		position:relative;
		display:block;
		width:100%;
		height:100%;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	.pd_slide_list .slick-prev span:before,
	.pd_slide_list .slick-next span:before {
		position:absolute;
		content:"";
		display:block;   
		width:12px;
		height:12px;    
		z-index:2;
		box-sizing:border-box;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	.pd_slide_list .slick-prev span:before {
		left:18px;
		top:50%;
		margin:-6px 0 0 0;
		border-left:2px solid #000;
		border-top:2px solid #000;
		-webkit-transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
				transform:rotate(-45deg);
	}
	.pd_slide_list .slick-next span:before {
		right:18px;
		top:50%;
		margin:-6px 0 0 0 ;
		border-right:2px solid #000;
		border-top:2px solid #000;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
	}
	.pd_slide_list .slick-prev:hover span:before,
	.pd_slide_list .slick-next:hover span:before,
	.pd_slide_list .slick-prev:focus span:before,
	.pd_slide_list .slick-next:focus span:before {
		border-color:#A40000;
	}
}
@media screen and (max-width:460px) {
	.pd_slide_list .box {
		max-width:calc(100% - 20px);
	}
	.pd_slide_control .button {
		top:calc(100% + 30px);
	}
	.pd_slide_list .slick-prev {
		left:50%;
		margin-left:-50px;
	}
	.pd_slide_list .slick-next {
		right:50%;
		margin-right:-50px;
	}
}
@media screen and (min-width:991px) {
	.pd_slide_list .slick-list {
		width:1020px !important;
		min-height:680px;
	}
	.pd_slide_list .slick-slide {
		width:340px !important;
	}
	.pd_slide_list .slick-current {
		width:420px !important;
	}
	.pd_slide_list .box {
		width:300px;
		min-height:375px;
		padding:30px;
	}
	.pd_slide_list .slick-current .box {
		width:360px;
		min-height:520px;
		padding:35px;
	}
}
@media screen and (min-width:1200px) {
	.pd_slide_list .slick-list {
		width:1360px !important;
		min-height:660px;
	}
	.pd_slide_list &gt; .item {
		width:33.3333%;
	}
	.pd_slide_list &gt; .item:nth-child(-n+3) {
		display:inline-block;
	}
	.pd_slide_list .box {
		width:300px;
		min-height:390px;
		padding:30px;
	}
	.pd_slide_list .slick-current .box {
		width:400px;
		min-height:560px;
		padding:35px;
	}
	.pd_slide_list dl {
		margin-top:30px;
	}
	.pd_slide_list .slick-current dl {
		margin-top:20px;
	}
	.pd_slide_list dt {
		font-size:3.5em;
	}
	.pd_slide_list .slick-current dt {
		font-size:4.5em;
	}
	.pd_slide_list .slick-current dd a {
		font-size:2.1em;
		line-height:58px;
		padding:0 15px 0 24px;
	}
	.pd_slide_control .total {
		min-height:55px;
	}
	.pd_slide_control .total span {
		line-height:55px;
	}
	.pd_slide_control .button {
		width:55px;
		height:55px;
	}
	.pd_slide_control .btn-prev span:before {
		left:22.5px;
	}
	.pd_slide_control .btn-next span:before {
		right:22.5px;
	}
}
@media screen and (min-width:1600px) {
	.pd_slide_list &gt; .item {
		width:25%;
	}
	.pd_slide_list &gt; .item:nth-child(-n+4) {
		display:inline-block;
	}
	.pd_slide_control .total {
		min-height:60px;
	}
	.pd_slide_control .total span {
		line-height:60px;
	}
	.pd_slide_control .button {
		width:60px;
		height:60px;
	}
	.pd_slide_control .btn-prev span:before {
		left:15px;
	}
	.pd_slide_control .btn-next span:before {
		right:15px;
	}
	.pd_slide_control .btn-prev span:before,
	.pd_slide_control .btn-next span:before {  
		width:10px;
		height:10px;
	}
	.pd_slide_control .btn-prev span:before {
		left:21px;
		margin:-5px 0 0 0;
	}
	.pd_slide_control .btn-next span:before {
		right:21px;
		margin:-5px 0 0 0 ;
	}
	.pd_slide_control .btn-prev span:after,
	.pd_slide_control .btn-next span:after {
		position:absolute;
		left:50%;
		top:50%;
		content:"";
		display:block;   
		width:16px;
		height:2px;    
		z-index:2;	
		box-sizing:border-box;
		background:#000;
		margin:-1px 0 0 -8px;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	.pd_slide_control .btn-prev:hover span:after,
	.pd_slide_control .btn-prev:focus span:after,
	.pd_slide_control .btn-next:hover span:after,
	.pd_slide_control .btn-next:focus span:after {
		background:#A40000;
	}
}


/** serviceSection **/
#serviceSection {
	position:relative;
	width:100%;
	background:#d8d1c9;
	z-index:2;
}
#serviceSection .container {
	display:flex;
	width:100% !important;
	max-width:100% !important;
	justify-content:space-between;
	align-items:flex-end;
}
#serviceSection .applyBox {
	position:relative;
	display:flex;
	width:50%;
	padding:40px 40px 40px 20px;
	box-sizing:border-box;
	flex-direction:column;
}
#serviceSection .applyBox::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	width:calc(100% + 40px);
	height:100%;
	background:url(../images/applyBox-bg.webp) no-repeat bottom center;
	background-size:cover;
	z-index:-1;
	-webkit-border-radius:0 30px 30px 0;
	   -moz-border-radius:0 30px 30px 0;
			border-radius:0 30px 30px 0;
}
#serviceSection .applyBox .titHead h2 {
	color:#FFF;
}
#serviceSection .applyWord {
	position:relative;
	display:flex;
	width:calc(50% - 10px);
	padding:40px 20px 40px 40px;
	box-sizing:border-box;
	flex-direction:column;
}
#serviceSection .applyWord::before {
	position:absolute;
	display:block;
	content:'';
	right:0;
	top:0;
	width:calc(100% + 20px);
	height:100%;
	background:#FFF;
	z-index:-1;
	-webkit-border-radius:30px 0 0 0;
	   -moz-border-radius:30px 0 0 0;
			border-radius:30px 0 0 0;
}
#serviceSection .applyWord .titHead h2 span {
	display:inline-block;
}
#serviceSection .applyWord .titHead h2 span + span {
	color:#0075a9;
}
#serviceSection .applyWord ul {
	list-style:none;
	margin-top:20px;
}
#serviceSection .applyWord li {
	font-size:1.9em;
	line-height:165%;
	font-weight:bold;
	padding-left:23px;
	background:url(../images/applyWord-icon.svg) no-repeat 0 8px;
}
#serviceSection .applyWord li + li {
	margin-top:20px;
}
@media screen and (max-width:990px) {
	#serviceSection .container {
		flex-direction:column;
	}		
	#serviceSection .applyBox {
		width:100%;
		padding:40px 20px;
	}
	#serviceSection .applyBox::before {
		width:100%;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
	}
	#serviceSection .applyWord {
		width:100%;
		padding:40px 20px;
	}
	#serviceSection .applyWord::before {
		width:100%;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
	}
	#serviceSection .applyWord .titHead h2 {
		text-align:center;
	}
}
@media screen and (max-width:540px) {
	#serviceSection .applyBox::before {
		background-image:url(../images/applyBox-mobile-bg.webp);
	}
	#serviceSection .applyWord .titHead h2 {
		text-align:center;
	}
}
@media screen and (min-width:991px) {
	#serviceSection .applyBox {
		width:50%;
		min-height:740px;
		padding:50px 50px 50px 75px;
		z-index:1;
	}
	#serviceSection .applyBox::before {
		background-image:url(../images/applyBox-mobile-bg.webp);
	}
	#serviceSection .applyBox::after {
		position:absolute;
		display:block;
		content:'';
		right:10px;
		bottom:0;
		width:30px;
		height:30px;
		background-image:url(../images/applyBox-radius.svg);
		background-size:cover;
	}
	#serviceSection .applyBox .titHead {
		max-width:380px;
		margin:0;
	} 
	#serviceSection .applyWord {
		width:calc(50% - 10px);
		min-height:660px;
		padding:50px 75px 50px 30px;
		z-index:2;
	}
}
@media screen and (min-width:1200px) {
	#serviceSection .applyBox {
		width:calc(50% + 20px);
		min-height:660px;
		padding:60px 90px 80px 90px;
	}
	#serviceSection .applyBox::before {
		width:calc(100% + 40px);
		background-image:url(../images/applyBox-bg.webp);
		-webkit-border-radius:0 40px 40px 0;
		   -moz-border-radius:0 40px 40px 0;
				border-radius:0 40px 40px 0;
	}
	#serviceSection .applyBox::after {
		right:20px;
		width:40px;
		height:40px;
	}
	#serviceSection .applyBox .titHead {
		max-width:560px;
	} 
	#serviceSection .applyWord {
		width:calc(50% - 40px);
		min-height:600px;
		padding:60px 90px 30px 30px;
	}
	#serviceSection .applyWord::before {
		width:calc(100% + 40px);
		-webkit-border-radius:40px 0 0 0;
		   -moz-border-radius:40px 0 0 0;
				border-radius:40px 0 0 0;
	}
	#serviceSection .applyWord ul {
		margin-top:30px;
	}
	#serviceSection .applyWord li + li {
		margin-top:30px;
	}
}
@media screen and (min-width:1600px) {
	#serviceSection .applyBox {
		width:50%;
		min-height:740px;
		padding:70px 110px 90px 90px;
	}
	#serviceSection .applyBox::before {
		width:calc(100% + 70px);
		-webkit-border-radius:0 50px 50px 0;
		   -moz-border-radius:0 50px 50px 0;
				border-radius:0 50px 50px 0;
	}
	#serviceSection .applyBox::after {
		right:30px;
		width:50px;
		height:50px;
	}
	#serviceSection .applyBox .titHead {
		max-width:670px;
	} 
	#serviceSection .applyWord {
		width:calc(50% - 10px);
		min-height:640px;
		padding:70px 90px 70px 50px;
	}
	#serviceSection .applyWord::before {
		width:calc(100% + 40px);
		-webkit-border-radius:50px 0 0 0;
		   -moz-border-radius:50px 0 0 0;
				border-radius:50px 0 0 0;
	}
}
@media screen and (min-width:1920px) {
	#serviceSection .applyBox {
		padding:100px 190px 110px calc((100% - 1720px) / 2);
	}
	#serviceSection .applyBox::before {
		width:calc(100% + 60px);
	}
	#serviceSection .applyBox::after {
		right:50px;
		width:60px;
		height:60px;
	}
	#serviceSection .applyWord {
		padding:100px calc((100% - 1720px) / 2) 100px 50px;
	}
	#serviceSection .applyWord::before {
		width:calc(100% + 60px);
	}
	#serviceSection .applyWord ul {
		margin-top:40px;
	}
	#serviceSection .applyWord li + li {
		margin-top:40px;
	}
}


/* ----- applyList ----- */
.applyList {
	width:100%;
	margin:30px auto 0 auto;
}
.applyList ul {
	list-style:none;
	text-align:center;
	letter-spacing:-9px;
	margin:-7.5px;
}
.applyList ul li {
	display:inline-block;
	width:33.333%;
	letter-spacing:0;
	padding:7.5px;
	box-sizing:border-box;
	vertical-align:top;
}
.applyList ul li a {
	display:flex;
	flex-direction:column;
    justify-content:center;
	width:100%;
	padding:25px 0;
	box-sizing:border-box;
	background:rgba(0,0,0,.3);
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.applyList ul li a:hover,
.applyList ul li a:focus {
	background:#A40000;
}
.applyList ul li a p {
	color:#FFF;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.1em;
	font-weight:bold;
	line-height:125%;
	text-align:center;
	margin-top:10px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.applyList ul li a .icon {
	position:relative;
	display:block;
	width:100%;
	height:55px;
	background-color:#FFF;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
    -webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.applyList ul li a .c1 {
	-webkit-mask-image:url(../images/apply-icon1.svg);
			mask-image:url(../images/apply-icon1.svg);
}
.applyList ul li a .c2 {
	-webkit-mask-image:url(../images/apply-icon2.svg);
			mask-image:url(../images/apply-icon2.svg);
}
.applyList ul li a .c3 {
	-webkit-mask-image:url(../images/apply-icon3.svg);
			mask-image:url(../images/apply-icon3.svg);
}
.applyList ul li a .c4 {
	-webkit-mask-image:url(../images/apply-icon4.svg);
			mask-image:url(../images/apply-icon4.svg);
}
.applyList ul li a .c5 {
	-webkit-mask-image:url(../images/apply-icon5.svg);
			mask-image:url(../images/apply-icon5.svg);
}
.applyList ul li a .c6 {
	-webkit-mask-image:url(../images/apply-icon6.svg);
			mask-image:url(../images/apply-icon6.svg);
}
@media screen and (max-width:768px) {
	.applyList ul li {

	}
}
@media screen and (max-width:540px) {
	.applyList ul li {
		width:50%;
	}
}
@media screen and (min-width:991px) {
	.applyList {
		max-width:380px;
		margin:30px 0 0 0;
	}
	.applyList ul {
		margin:-10px;
	}
	.applyList ul li {
		width:50%;
		padding:10px;
	}
	.applyList ul li a {
		min-height:170px;
	}
}
@media screen and (min-width:1200px) {
	.applyList {
		max-width:560px;
		margin:40px 0 0 0;
	}
	.applyList ul li {
		width:33.333%;
		padding:10px;
	}
}
@media screen and (min-width:1600px) {
	.applyList {
		max-width:670px;
		margin:50px 0 0 0;
	}
	.applyList ul li a {
		padding:35px 0;
	}
	.applyList ul li a p {
		font-size:2.5em;
	}
}


/** goldenSection **/
#goldenSection {
	position:relative;
	width:100%;
	padding:40px 0;
	background:url(../images/goldenSection-bg.png);
	z-index:2;
}
#goldenSection .container {
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:space-between;
}
#goldenSection .goldenWord {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
}
#goldenSection .goldenWord .titHead h2 {
	margin-top:-10px;
}
#goldenSection .goldenWord .titHead h2 span {
	display:inline-block;
	margin-top:10px;
}
#goldenSection .goldenWord .titHead h2 span + span {
	color:#996c33;
}
#goldenSection .goldenList {
	display:inline-block;
	width:100%;
	padding:0;
	box-sizing:border-box;
	margin:20px 0 0 0;
}
@media screen and (max-width:990px) {
	#goldenSection .goldenWord .titHead h2 {
		text-align:center;
	}
	#goldenSection .goldenList {
		padding:0 0 55px 0;
		margin:30px auto 0 auto;
	}
}
@media screen and (max-width:768px) {		
	#goldenSection .goldenWord {
		width:100%;
	}
	#goldenSection .goldenList {
		width:100%;
		box-sizing:border-box;		
	}
}
@media screen and (max-width:720px) {
	#goldenSection .goldenList {
		max-width:560px;
	}
}
@media screen and (min-width:991px) {
	#goldenSection {
		position:relative;
		width:100%;
		padding:0;
		background:none;
		margin-top:40px;
		z-index:2;
	}
	#goldenSection::before {
		position:absolute;
		display:block;
		content:'';
		right:0;
		top:0;
		width:325px;
		height:100%;
		background:url(../images/goldenSection-bg.png);
		-webkit-border-radius:50px 0 0 50px;
		   -moz-border-radius:50px 0 0 50px;
				border-radius:50px 0 0 50px;
	}
	#goldenSection .container {
		flex-direction:row;
	}
	#goldenSection .goldenWord {
		position:relative;
		width:calc(100% - 400px);
	}
	#goldenSection .goldenList {
		width:400px;
		padding:70px 0;
		margin:0 -20px 0 20px;
	}
}
@media screen and (min-width:1200px) {
	#goldenSection .goldenWord {
		width:calc(100% - 480px);
		max-width:720px;
	}
	#goldenSection .goldenList {
		width:480px;
	}
}
@media screen and (min-width:1440px) {
	#goldenSection::before {
		width:calc(60% - 270px);
	}
	#goldenSection .goldenWord {
		width:40%;
	}
	#goldenSection .goldenList {
		width:calc(60% - 20px);
	}
}
@media screen and (min-width:1600px) {
	#goldenSection::before {
		width:calc(58% - 260px);
	}
	#goldenSection .goldenWord {
		width:43%;
	}
	#goldenSection .goldenList {
		width:calc(57% - 20px);
		max-width:980px;
	}
}
@media screen and (min-width:1920px) {
	#goldenSection::before {
		width:calc(740px + (100% - 1720px) / 2);
	}
}


/* ----- golden_slide_list ----- */
.golden_slide_list {
	display:inline-block;
	width:100%;
	letter-spacing:-9px;
	padding:0;
	box-sizing:border-box;
}
.golden_slide_list .slick-track {
	display:flex;
    flex-wrap:nowrap;
}
.golden_slide_list .item {
	letter-spacing:0;
	margin:10px auto;
}
.golden_slide_list &gt; .item {
	display:none;
	width:49%;
	padding:0 10px;
	vertical-align:top;
	box-sizing:border-box;
}
.golden_slide_list &gt; .item:nth-child(-n+2) {
	display:inline-block;
}
.golden_slide_list .slick-slide {
	position:relative;
	padding:20px;
}
.golden_slide_list .slick-slide &gt; div {
	width:100%;
	height:100%;
}
.golden_slide_list .slick-slide &gt; div .item {
	width:100%;
	height:100%;
	margin:0 !important;
}
.golden_slide_list .item a {
	display:block;
	width:100%;
	height:100%;
	-webkit-border-radius:25px;
	   -moz-border-radius:25px;
			border-radius:25px;
}
.golden_slide_list .item a:hover,
.golden_slide_list .item a:focus {
	-webkit-transform:scale(1.025);
	   -moz-transform:scale(1.025);
		-ms-transform:scale(1.025);
		 -o-transform:scale(1.025);
			transform:scale(1.025);
}
.golden_slide_list .box {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:20px;
	background:#FFF;
	box-sizing:border-box;
	-webkit-border-radius:25px;
	   -moz-border-radius:25px;
			border-radius:25px;
	-webkit-box-shadow:0 0 15px rgba(0%,0%,0%,0.3);
	   -moz-box-shadow:0 0 15px rgba(0%,0%,0%,0.3);
			box-shadow:0 0 15px rgba(0%,0%,0%,0.3);
}
.golden_slide_list .label {
	position:absolute;
	right:20px;
	top:-1vw;
	width:27%;
	height:0;
	padding-bottom:24%;
	background:url(../images/golden-label.svg);
	background-size:cover;
	z-index:100;
}
.golden_slide_list .label span {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	text-align:center;
}
.golden_slide_list .label span em {
	display:inline-block;
	width:100%;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.5vw;
	font-weight:bold;
	font-style:normal;
	margin-top:1.6vw;
}
.golden_slide_list .label span em + em {
	display:inline-block;
	width:100%;
	color:#000;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei";
	font-size:1.4vw;
	font-weight:bold;
	font-style:normal;
	margin-top:0;
}
.golden_slide_list .picBox {
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-bottom:75%;
	overflow:hidden;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.golden_slide_list .pic {
	position:absolute;
	left:0;
	top:0;
	display:flex;
	width:100%;
	height:100%;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:0;
	background:#EEEEEE url(../images/products-list-pic-bg.gif);
}
.golden_slide_list .pic picture {
	display:flex;
	width:100%;
	height:100%;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:0;
}
.golden_slide_list .pic &gt; img,
.golden_slide_list .pic picture img {
	max-width:100%;
	max-height:100%;
	height:auto;
	vertical-align:middle;
	padding:0;
	margin:0 auto;
}
.golden_slide_list .info {
	width:100%;
	text-align:left;
	margin-top:10px;
}
.golden_slide_list .info h3 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.1em;
	font-weight:bold;
	color:#000;
	line-height:135%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.golden_slide_list a:hover .info h3,
.golden_slide_list a:focus .info h3 {
	color:#A40000;
}
.golden_slide_list .info p {
	color:#333333;
	font-size:1.5em;
	line-height:135%;
	margin-top:5px;
}
.golden_slide_list .info h3 + p {
	color:#e3007f;
	font-weight:bold;
}

.golden_slide_control {
	display:none;
	position:relative;
	width:100%;
	text-align:right;
	letter-spacing:-9px;
	padding:0;
	margin-top:20px;
	z-index:10;
}
.golden_slide_control .total {
	display:inline-block;
	min-height:45px;
	letter-spacing:0;
	vertical-align:top;
}
.golden_slide_control .total span {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
}
.golden_slide_control .total .line {
	position:relative;
	display:inline-block;
	width:16px;
	text-indent:-9999px;
	vertical-align:middle;
	margin:0 5px;
}
.golden_slide_control .total .line::before {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:50%;
	width:1px;
	height:18px;
	background:#000;
	margin-top:-11px;
	margin-left:-6px;
	-webkit-transform-origin:bottom;
	-webkit-transform:skewX(-30deg);
	-moz-transform-origin:bottom;
	-moz-transform:skewX(-30deg);
	-ms-transform-origin:bottom;
	-ms-transform:skewX(-30deg);
	-o-transform-origin:bottom;
	-o-transform:skewX(-30deg);
	transform-origin:bottom;
	transform:skewX(-30deg);
}
.golden_slide_control .button {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	padding:0;
	border:none;
	cursor:pointer;
	letter-spacing:0;
	border:1px solid #000;
	box-sizing:border-box;
	background:none;
	vertical-align:top;
	margin-right:10px;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.golden_slide_control .button:hover,
.golden_slide_control .button:focus {
	border-color:#A40000;
}
.golden_slide_control .btn-next {
	margin:0 0 0 10px;
}
.golden_slide_control .btn-play {
	display:none;
}
.golden_slide_control .btn-prev:before,
.golden_slide_control .btn-next:before {
	display:none;
}
.golden_slide_control .btn-prev span,
.golden_slide_control .btn-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.golden_slide_control .btn-prev span:before,
.golden_slide_control .btn-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:12px;
    height:12px;    
    z-index:2;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.golden_slide_control .btn-prev span:before {
	left:18px;
    top:50%;
	margin:-6px 0 0 0;
	border-left:2px solid #000;
    border-top:2px solid #000;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.golden_slide_control .btn-next span:before {
	right:18px;
    top:50%;
	margin:-6px 0 0 0 ;
	border-right:2px solid #000;
    border-top:2px solid #000;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.golden_slide_control .btn-prev:hover span:before,
.golden_slide_control .btn-prev:focus span:before,
.golden_slide_control .btn-next:hover span:before,
.golden_slide_control .btn-next:focus span:before {
	border-color:#A40000;
}
.golden_slide_control .btn-play span:before {
	position:absolute;
	content:"";
    display:block;
	top:50%;
	left:50%;
    width:0;
	height:0;
	border-style:solid;
	border-width:6px 0 6px 9px;
	border-color:transparent transparent transparent #000;
	box-sizing:border-box;
	margin:-6px 0 0 -3px; 
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.golden_slide_control .btn-play:hover span:before,
.golden_slide_control .btn-play:focus span:before {
	border-color:transparent transparent transparent #99322b;
}
.golden_slide_control .btn-stop span:before,
.golden_slide_control .btn-stop span:after {
	position:absolute;
	content:"";
    display:block; 
	top:50%;  
	left:50%;
    width:3px;
    height:14px;
	background:#000;
	margin:-7px 0 0 0;   
    z-index:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.golden_slide_control .btn-stop span:before {
	margin-left:-5px;
}
.golden_slide_control .btn-stop span:after {
	margin-left:2px;
}
.golden_slide_control .btn-stop:hover span:before,
.golden_slide_control .btn-stop:focus span:before,
.golden_slide_control .btn-stop:hover span:after,
.golden_slide_control .btn-stop:focus span:after {
	background:#A40000;
}
@media screen and (max-width:990px) {
	.golden_slide_list .slick-slide {
		padding:15px;
	}
	.golden_slide_list .slick-prev,
	.golden_slide_list .slick-next {	
		position:absolute;
		display:block;
		width:45px;
		height:45px;
		border:1px solid #000;
		box-sizing:border-box;
		z-index:10;
		margin-top:-22.5px;
		-webkit-border-radius:100px;
		   -moz-border-radius:100px;
				border-radius:100px;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
		-webkit-transform:translate(0);
			-ms-transform:translate(0);
				transform:translate(0);
	}
	.golden_slide_list .slick-prev {
		left:0;	
	}
	.golden_slide_list .slick-next {
		right:0;
	}
	.golden_slide_list .slick-prev:before,
	.golden_slide_list .slick-next:before {
		display:none;
	}
	.golden_slide_list .slick-prev:hover,
	.golden_slide_list .slick-next:hover,
	.golden_slide_list .slick-prev:focus,
	.golden_slide_list .slick-next:focus {
		border-color:#A40000;
	}
	.golden_slide_list .slick-prev:focus,
	.golden_slide_list .slick-next:focus {
		outline:1px dashed #FF6600 !important;
	}
	.golden_slide_list .slick-prev span,
	.golden_slide_list .slick-next span {
		position:relative;
		display:block;
		width:100%;
		height:100%;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	.golden_slide_list .slick-prev span:before,
	.golden_slide_list .slick-next span:before {
		position:absolute;
		content:"";
		display:block;   
		width:12px;
		height:12px;    
		z-index:2;
		box-sizing:border-box;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	.golden_slide_list .slick-prev span:before {
		left:18px;
		top:50%;
		margin:-6px 0 0 0;
		border-left:2px solid #000;
		border-top:2px solid #000;
		-webkit-transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
				transform:rotate(-45deg);
	}
	.golden_slide_list .slick-next span:before {
		right:18px;
		top:50%;
		margin:-6px 0 0 0 ;
		border-right:2px solid #000;
		border-top:2px solid #000;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
	}
	.golden_slide_list .slick-prev:hover span:before,
	.golden_slide_list .slick-next:hover span:before,
	.golden_slide_list .slick-prev:focus span:before,
	.golden_slide_list .slick-next:focus span:before {
		border-color:#A40000;
	}
	.golden_slide_control {
		position:absolute;
		left:0;
		bottom:40px;
		width:100%;
		text-align:center;
		z-index:10;
	}
}
@media screen and (max-width:720px) {
	.golden_slide_list &gt; .item {
		display:none !important;
		width:100%;
	}
	.golden_slide_list &gt; .item:nth-child(-n+1) {
		display:inline-block !important;
	}
	.golden_slide_list .label {
		top:-1.5vw;
	}
	.golden_slide_list .label span em {
		font-size:4.1vw;
		margin-top:2.2vw;
	}
	.golden_slide_list .label span em + em {
		font-size:2.3vw;
	}
}
@media screen and (max-width:460px) {
	.golden_slide_list {
		padding:0;
	}
	.golden_slide_list .label {
		top:-2.1vw;
	}
	.golden_slide_list .label span em {
		font-size:5.7vw;
		margin-top:3.1vw;
	}
	.golden_slide_list .label span em + em {
		font-size:3.3vw;
	}
	.golden_slide_list .slick-prev,
	.golden_slide_list .slick-next {
		top:calc(100% + 30px);
	}
	.golden_slide_list .slick-prev {
		left:50%;
		margin-left:-50px;
	}
	.golden_slide_list .slick-next {
		right:50%;
		margin-right:-50px;
	}
}
@media screen and (min-width:991px) {
	.golden_slide_list .label {
		top:-10px;
	}
	.golden_slide_list .label span em {
		font-size:2.7em;
		margin-top:20px;
	}
	.golden_slide_list .label span em + em {
		font-size:1.5em;
	}
	.golden_slide_control {
		position:absolute;
		right:0;
		bottom:0;
		width:auto;
	}
}
@media screen and (min-width:1200px) {
	.golden_slide_control .total {
		min-height:55px;
	}
	.golden_slide_control .total span {
		line-height:55px;
	}
	.golden_slide_control .button {
		width:55px;
		height:55px;
	}
	.golden_slide_control .btn-prev span:before {
		left:22.5px;
	}
	.golden_slide_control .btn-next span:before {
		right:22.5px;
	}
}
@media screen and (min-width:1440px) {
	.golden_slide_list .label span em {
		font-size:1.7vw;
		margin-top:1.05vw;
	}
	.golden_slide_list .label span em + em {
		font-size:1vw;
	}
}
@media screen and (min-width:1600px) {
	.golden_slide_list .label span em {
		font-size:1.5vw;
		margin-top:0.85vw;
	}
	.golden_slide_list .label span em + em {
		font-size:0.8vw;
	}
	.golden_slide_control .total {
		min-height:60px;
	}
	.golden_slide_control .total span {
		line-height:60px;
	}
	.golden_slide_control .button {
		width:60px;
		height:60px;
	}
	.golden_slide_control .btn-prev span:before {
		left:15px;
	}
	.golden_slide_control .btn-next span:before {
		right:15px;
	}
	.golden_slide_control .btn-prev span:before,
	.golden_slide_control .btn-next span:before {  
		width:10px;
		height:10px;
	}
	.golden_slide_control .btn-prev span:before {
		left:21px;
		margin:-5px 0 0 0;
	}
	.golden_slide_control .btn-next span:before {
		right:21px;
		margin:-5px 0 0 0 ;
	}
	.golden_slide_control .btn-prev span:after,
	.golden_slide_control .btn-next span:after {
		position:absolute;
		left:50%;
		top:50%;
		content:"";
		display:block;   
		width:16px;
		height:2px;    
		z-index:2;	
		box-sizing:border-box;
		background:#000;
		margin:-1px 0 0 -8px;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	.golden_slide_control .btn-prev:hover span:after,
	.golden_slide_control .btn-prev:focus span:after,
	.golden_slide_control .btn-next:hover span:after,
	.golden_slide_control .btn-next:focus span:after {
		background:#A40000;
	}
}
@media screen and (min-width:1920px) {
	.golden_slide_list .box {
		padding:25px;
	}
	.golden_slide_list .label {
		right:25px;
		width:120px;
		padding-bottom:105px;
	}
	.golden_slide_list .label span em {
		font-size:2.7em;
		margin-top:20px;
	}
	.golden_slide_list .label span em + em {
		font-size:1.5em;
	}
	.golden_slide_list .info h3 {
		font-size:2.5em;
	}
	.golden_slide_list .info p {
		font-size:1.7em;
	}
}


/** saleSection **/
#saleSection {
	width:100%;
	padding:40px 0;
}
@media screen and (min-width:991px) {
	#saleSection {
		padding:50px 0;
	}
}
@media screen and (min-width:1200px) {
	#saleSection {
		padding:60px 0;
	}
}
@media screen and (min-width:1600px) {
	#saleSection {
		padding:70px 0;
	}
}
@media screen and (min-width:1920px) {
	#saleSection {
		padding:80px 0;
	}
}


/* ----- saleList ----- */
.saleList {
	width:100%;
	padding:0;
	box-sizing:border-box;
}
.saleList ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-15px;
}
.saleList ul li {
	position:relative;
	display:inline-block;
	width:50%;
	letter-spacing:0;
	padding:15px;
	vertical-align:top;
	box-sizing:border-box;
}
.saleList ul li .pic {
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-bottom:59%;
	overflow:hidden;
	-webkit-border-radius:20px 20px 0 0;
	   -moz-border-radius:20px 20px 0 0;
			border-radius:20px 20px 0 0;
}
.saleList ul li .pic span {
	position:absolute;
	width:100%;
	height:100%;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.saleList ul li .wd {
	color:#FFF;
	width:100%;
	min-height:200px;
	padding:30px;
	box-sizing:border-box;
	-webkit-border-radius:0 0 20px 20px;
	   -moz-border-radius:0 0 20px 20px;
			border-radius:0 0 20px 20px;
}
.saleList ul li .wd.st1 { background:rgb(2,107,222); }
.saleList ul li .wd.st2 { background:rgb(22,46,112); }
.saleList ul li .wd h2 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:4.5em;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
.saleList ul li .wd p {
	font-size:1.9em;
	line-height:165%;
}
.saleList ul li .wd a {
}
@media screen and (max-width:720px) {
	.saleList ul li {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.saleList ul {
		margin:0 -20px;
	}
	.saleList ul li {
		padding:0 20px;
	}
	.saleList ul li .wd {
		padding:30px;
	}
	.saleList ul li .wd h2 {
		margin-bottom:20px;
	}
}
@media screen and (min-width:1200px) {
	.saleList ul li .wd h2 {
		font-size:4.9em;
		margin-bottom:20px;
	}
}
@media screen and (min-width:1440px) {
	.saleList ul {
		margin:0 -20px;
	}
	.saleList ul li {
		padding:0 20px 110px 20px;
	}
	.saleList ul li .pic {
		-webkit-border-radius:30px;
		   -moz-border-radius:30px;
				border-radius:30px;
	}
	.saleList ul li .wd {
		position:absolute;
		left:10%;
		bottom:0;
		width:80%;
		min-height:200px;
		padding:35px;
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
	}
	.saleList ul li .wd.st1 { background:rgba(2,107,222,.95); }
	.saleList ul li .wd.st2 { background:rgba(22,46,112,.95); }
}
@media screen and (min-width:1600px) {
	.saleList ul {
		margin:0 -25px;
	}
	.saleList ul li {
		padding:0 25px 65px 25px;
	}
	.saleList ul li .pic {
		-webkit-border-radius:40px;
		   -moz-border-radius:40px;
				border-radius:40px;
	}
	.saleList ul li .wd {
		padding:40px;
	}
}
@media screen and (min-width:1920px) {
	.saleList ul {
		margin:0 -30px;
	}
	.saleList ul li {
		padding:0 30px 85px 30px;
	}
	.saleList ul li .pic {
		-webkit-border-radius:50px;
		   -moz-border-radius:50px;
				border-radius:50px;
	}
	.saleList ul li .wd {
		left:12%;
		width:76%;
		padding:55px 60px;
		-webkit-border-radius:25px;
		   -moz-border-radius:25px;
				border-radius:25px;
	}
}


/** adLink **/
#adLink {
	position:relative;
	width:100%;
	padding:30px 0;
	margin:0 auto;
	background:#b2cee0;
}
#adLink .listshow {	
	display:block;
	width:100%;
	padding:0 55px;
	margin:0 auto;
	box-sizing:border-box;
	letter-spacing:-0.9em;
}
#adLink .listshow &gt; .item,
#adLink .listshow .slick-slide {
	display:inline-block;
	width:33.333%;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	letter-spacing:0;
}
#adLink .listshow &gt; .item &gt; a,
#adLink .listshow .slick-slide a {
	display:inline-block;
	width:100%;
	height:100%;
	box-sizing:border-box;
	overflow:hidden;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	   -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
        -ms-box-shadow:0 0 10px rgba(0,0,0,0.3);
			box-shadow:0 0 10px rgba(0,0,0,0.3);
    -webkit-border-radius:15px;
	   -moz-border-radius:15px;
			border-radius:15px;
}
#adLink .listshow .slick-slide a img {
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#adLink .listshow .slick-slide a:focus {	
	outline:1px dashed #FF6600;
}
#adLink .listshow .slick-slide a:focus img {
	opacity:0.7;
}
#adLink .listshow img {
	width:100%;
	height:auto;
}
#adLink .slick-prev,
#adLink .slick-next {	
	position:absolute;
	display:block;
	width:45px;
	height:45px;
	border:1px solid #000;
	box-sizing:border-box;
	z-index:10;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#adLink .slick-prev {
	left:0;	
}
#adLink .slick-next {
	right:0;
}
#adLink .slick-prev:before,
#adLink .slick-next:before {
	display:none;
}
#adLink .slick-prev:hover,
#adLink .slick-next:hover,
#adLink .slick-prev:focus,
#adLink .slick-next:focus {
	border-color:#A40000;
}
#adLink .slick-prev:focus,
#adLink .slick-next:focus {
	outline:1px dashed #FF6600 !important;
}
#adLink .slick-prev span,
#adLink .slick-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#adLink .slick-prev span:before,
#adLink .slick-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:12px;
    height:12px;    
    z-index:2;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#adLink .slick-prev span:before {
	left:18px;
    top:50%;
	margin:-6px 0 0 0;
	border-left:2px solid #000;
    border-top:2px solid #000;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
#adLink .slick-next span:before {
	right:18px;
    top:50%;
	margin:-6px 0 0 0 ;
	border-right:2px solid #000;
    border-top:2px solid #000;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
#adLink .slick-prev:hover span:before,
#adLink .slick-next:hover span:before,
#adLink .slick-prev:focus span:before,
#adLink .slick-next:focus span:before {
	border-color:#A40000;
}
@media screen and (max-width:768px) {
	#adLink .listshow {
		padding:0;
	}
}
@media screen and (max-width:460px) {
	#adLink .listshow {
		max-width:310px;
		padding:0;
		margin:0 auto;
	}
	#adLink .listshow &gt; .item,
	#adLink .listshow .slick-slide {
		max-width:310px;
	}
}
@media screen and (min-width:991px) {
	#adLink {
		padding:40px 0;
	}
}
@media screen and (min-width:1200px) {
	#adLink .listshow {
		padding:0 70px;
	}
	#adLink .listshow &gt; .item,
	#adLink .listshow .slick-slide {
		width:25%;
	}
	#adLink .slick-prev,
	#adLink .slick-next {
		width:55px;
		height:55px;
	}
	#adLink .slick-prev span:before {
		left:22.5px;
	}
	#adLink .slick-next span:before {
		right:22.5px;
	}
}
@media screen and (min-width:1441px) {
	#adLink .listshow &gt; .item,
	#adLink .listshow .slick-slide {
		width:20%;
	}
}
@media screen and (min-width:1600px) {
	#adLink .listshow {
		padding:0 75px;
	}
	#adLink .slick-prev,
	#adLink .slick-next {
		width:60px;
		height:60px;
	}
	#adLink .slick-prev span:before,
	#adLink .slick-next span:before {
		width:10px;
		height:10px;  
	}
	#adLink .slick-prev span:before {
		left:21px;
		margin:-5px 0 0 0;
	}
	#adLink .slick-next span:before {
		right:21px;
		margin:-5px 0 0 0 ;
	}
	#adLink .slick-prev span:after,
	#adLink .slick-next span:after {
		position:absolute;
		left:50%;
		top:50%;
		content:"";
		display:block;   
		width:16px;
		height:2px;    
		z-index:2;	
		box-sizing:border-box;
		background:#000;
		margin:-1px 0 0 -8px;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	#adLink .slick-prev:hover span:after,
	#adLink .slick-prev:focus span:after,
	#adLink .slick-next:hover span:after,
	#adLink .slick-next:focus span:after {
		background:#A40000;
	}
}
@media screen and (min-width:1920px) {
	#adLink .listshow {
		padding:0 85px;
	}
}


/* ----- adLink_control ----- */
.adLink_control {
	display:none;
	position:relative;
	width:100%;
	text-align:center;
	letter-spacing:-9px;
	padding:0;
	margin-top:10px;
	z-index:10;
}
.adLink_control .total {
	display:inline-block;
	min-height:45px;
	letter-spacing:0;
	vertical-align:top;
}
.adLink_control .total span {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
}
.adLink_control .total .line {
	position:relative;
	display:inline-block;
	width:16px;
	text-indent:-9999px;
	vertical-align:middle;
	margin:0 5px;
}
.adLink_control .total .line::before {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:50%;
	width:1px;
	height:18px;
	background:#000;
	margin-top:-11px;
	margin-left:-6px;
	-webkit-transform-origin:bottom;
	-webkit-transform:skewX(-30deg);
	-moz-transform-origin:bottom;
	-moz-transform:skewX(-30deg);
	-ms-transform-origin:bottom;
	-ms-transform:skewX(-30deg);
	-o-transform-origin:bottom;
	-o-transform:skewX(-30deg);
	transform-origin:bottom;
	transform:skewX(-30deg);
}
.adLink_control .button {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	padding:0;
	border:none;
	cursor:pointer;
	letter-spacing:0;
	border:1px solid #000;
	box-sizing:border-box;
	background:none;
	vertical-align:top;
	margin-right:10px;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.adLink_control .button:hover,
.adLink_control .button:focus {
	border-color:#A40000;
}
.adLink_control .btn-prev {
	display:none;
}
.adLink_control .btn-next {
	display:none;
	margin:0 0 0 10px;
}
.adLink_control .btn-play {
	display:none;
}
.adLink_control .btn-prev:before,
.adLink_control .btn-next:before {
	display:none;
}
.adLink_control .btn-prev span,
.adLink_control .btn-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.adLink_control .btn-prev span:before,
.adLink_control .btn-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:12px;
    height:12px;    
    z-index:2;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.adLink_control .btn-prev span:before {
	left:18px;
    top:50%;
	margin:-6px 0 0 0;
	border-left:2px solid #000;
    border-top:2px solid #000;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.adLink_control .btn-next span:before {
	right:18px;
    top:50%;
	margin:-6px 0 0 0 ;
	border-right:2px solid #000;
    border-top:2px solid #000;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.adLink_control .btn-prev:hover span:before,
.adLink_control .btn-prev:focus span:before,
.adLink_control .btn-next:hover span:before,
.adLink_control .btn-next:focus span:before {
	border-color:#A40000;
}
.adLink_control .btn-play span:before {
	position:absolute;
	content:"";
    display:block;
	top:50%;
	left:50%;
    width:0;
	height:0;
	border-style:solid;
	border-width:6px 0 6px 9px;
	border-color:transparent transparent transparent #000;
	box-sizing:border-box;
	margin:-6px 0 0 -3px; 
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.adLink_control .btn-play:hover span:before,
.adLink_control .btn-play:focus span:before {
	border-color:transparent transparent transparent #A40000;
}
.adLink_control .btn-stop span:before,
.adLink_control .btn-stop span:after {
	position:absolute;
	content:"";
    display:block; 
	top:50%;  
	left:50%;
    width:3px;
    height:14px;
	background:#000;
	margin:-7px 0 0 0;   
    z-index:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.adLink_control .btn-stop span:before {
	margin-left:-5px;
}
.adLink_control .btn-stop span:after {
	margin-left:2px;
}
.adLink_control .btn-stop:hover span:before,
.adLink_control .btn-stop:focus span:before,
.adLink_control .btn-stop:hover span:after,
.adLink_control .btn-stop:focus span:after {
	background:#A40000;
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
}
@media screen and (min-width:1600px) {
}
@media screen and (min-width:1920px) {
}

	
@media print {
	#demBox {
		display:none !important;
	}
	#banner .listshow {
		width:1020px;
		height:459px;
		margin:0 auto;
	}
	#banner .listshow .slick-slide a .img {
		width:1020px;
		padding-bottom:459px;
	}
}</pre></body></html>