/* 縮小失敗。正在傳回未縮小的內容。
(596,21): run-time error CSS1046: Expect comma, found '0'
(596,25): run-time error CSS1046: Expect comma, found '/'
 */
@charset "utf-8";

/* ----- hotNews ----- */
.hotNews {
	position:relative;
	width:100%;
	padding:15px 0;
	background:#CC0000;
}
.hotNews a {
	display:inline-block;
	color:#ffff00;
	font-size:1.7em;
	font-weight:bold;
	line-height:135%;
	padding-left:30px;
	background:url(../images/hotNews-icon.svg) no-repeat 0 0;
}
.hotNews a:hover,
.hotNews a:focus {
	color:#FFE5E5;
	background-image:url(../images/hotNews-icon-on.svg);
}
@media screen and (min-width:991px) {
	.hotNews {
		padding:20px 0;
	}
	.hotNews a {
		font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
		font-size:2.1em;
		background-position:0 3px;
	}
}


/** banner **/
#banner {
	position:relative;
	width:100%;
	height:auto;
	min-height:15%;
	margin:0 auto;
}
#banner .slick-slide > div {
	font-size:0;
}
#banner .slick-slide > div > .item {
	font-size:0.625rem;
}
#banner .listshow {
	width:100%;
	background:#FFF;
}
#banner .listshow .item {
	overflow:visible;
}
#banner .listshow .item a {
	display:block;	
	width:100%;
	height:100%;	
}
#banner .listshow .item a:focus {
	filter:alpha(opacity=50);
	opacity:0.5;
}
#banner .listshow .item a .img {
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-bottom:38%;
	margin:0;
	z-index:0;
	overflow:hidden;
	background-position:center top;
	background-size:cover;
}
#banner .listshow .item a .img img {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#banner .listshow .slick-prev,
#banner .listshow .slick-next {
	position:absolute;
	display:block;
	width:44px;
	height:44px;
	border:1px solid rgba(255,255,255,1);
	box-sizing:border-box;
	z-index:10;	
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#banner .listshow .slick-prev:hover,
#banner .listshow .slick-next:hover,
#banner .listshow .slick-prev:focus,
#banner .listshow .slick-next:focus {
	border-color:rgba(0,0,0,.7);
	background:rgba(0,0,0,.7);
}
#banner .listshow .slick-prev {
	left:65px;
}
#banner .listshow .slick-next {
	right:65px;
}
#banner .listshow .slick-prev:focus,
#banner .listshow .slick-next:focus {
	outline:1px dashed #FF6600 !important;
}
#banner .listshow .slick-prev:before,
#banner .listshow .slick-next:before {
	display:none;
}
#banner .listshow .slick-prev:focus,
#banner .listshow .slick-next:focus {
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transition:all 0s ease;
	   -moz-transition:all 0s ease;
	     -o-transition:all 0s ease;
	        transition:all 0s ease;
}
#banner .listshow .slick-prev span,
#banner .listshow .slick-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
#banner .listshow .slick-prev span:before,
#banner .listshow .slick-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:19px;
    height:19px;    
    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 .listshow .slick-prev span:before {
	left:50%;
    top:50%;
	margin:-9px 0 0 -6px;
	border-left:3px solid #FFF;
    border-top:3px solid #FFF;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
#banner .listshow .slick-next span:before {
	right:50%;
    top:50%;
	margin:-9px -6px 0 0 ;
	border-right:3px solid #FFF;
    border-top:3px solid #FFF;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
@media screen and (max-width:768px) {
	#banner .listshow .item a .img {
		width:100%;
		padding-bottom:67%;
	}
}
@media screen and (max-width:720px) {
	#banner .listshow .slick-prev {
		left:15px;
	}
	#banner .listshow .slick-next {
		right:15px;
	}
}
@media screen and (min-width:991px) {
	#banner .listshow .slick-prev,
	#banner .listshow .slick-next {
		width:60px;
		height:60px;
	}
	#banner .listshow .slick-prev {
		left:-65px;
	}
	#banner .listshow .slick-next {
		right:-65px;
	}
	#banner .listshow .slick-prev span:before,
	#banner .listshow .slick-next span:before {
		width:23px;
		height:23px;
		margin-top:-11px;
	}
	#banner .listshow:hover .slick-prev,
	#banner .listshow .slick-prev:focus {
		left:80px;
	}
	#banner .listshow:hover .slick-next,
	#banner .listshow .slick-next:focus {
		right:80px;
	}
}


/** boxHead **/
.boxHead {
	position:relative;
	width:100%;
	text-align:center;
	margin:0 auto;
}
.boxHead h2 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:4.1em;
    font-weight:bold;
}
@media screen and (max-width:520px) {
	.boxHead h2 {
		font-size:3.5em;
	}
}
@media screen and (min-width:768px) {
	#applySection .boxHead {
		text-align:left;
	}
}
@media screen and (min-width:991px) {
	.boxHead h2 {
		font-size:4.5em;
	}
}
@media screen and (min-width:1200px) {
	.boxHead h2 {
		font-size:5.5em;
	}
}


/** applySection **/
#applySection {
	position:relative;
	width:100%;
	padding:30px 0;
	margin:0 auto;
}
#applySection .container {
	display:flex;
	flex-wrap:wrap;
}
@media screen and (min-width:991px) {
	#applySection {
		padding:60px 0;
	}
	#applySection .acKey {
		position:absolute;
		top:30px;
	}
}
@media screen and (min-width:1200px) {
	#applySection {
		padding:90px 0;
	}
}


/** applyFAQ **/
.applyFAQ {
	position:relative;
	width:calc(100% - 315px);
	box-sizing:border-box;
	margin:20px auto 0 auto;
}
.applyFAQ h3 {
	position:relative;
	color:#004986;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:3.5em;
    font-weight:bold;
	padding-left:55px;
}
.applyFAQ h3:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:50%;
	width:45px;
	height:40px;
	background:url(../images/applyFAQ-icon.svg) no-repeat 50% 50%;
	background-size:100% auto;
	margin-top:-20px;
	z-index:1;
}
.applyFAQ .word {
	width:100%;
	font-size:1.7em;
	line-height:165%;
	font-weight:bold;
	margin-top:10px;
}
.applyFAQ .word ul {
	list-style:none;
}
.applyFAQ .word ul li {
	position:relative;
	padding:5px 0;
	text-indent:-2em;
    margin-left:2em;
}
.applyFAQ .word ul li:before {
	position:absolute;
	content:"";
	display:block;
	bottom:0;
	left:-2em;
	width:calc(100% + 2em);
	border-bottom:1px dashed #CCC;
}
.applyFAQ .word ul li:last-child:before {
	display:none;
}
.applyFAQ .word ul li a.phone {
	display:inline-block;
	color:#FFF;
	line-height:100%;
	text-indent:0;
	padding:10px;
	background:#D14600;
	box-sizing:border-box;
    -webkit-border-radius:50px;
       -moz-border-radius:50px;
            border-radius:50px;
}
.applyFAQ .word ul li a.phone em {
	color:#ffff00;
	font-style:normal;
}
.applyFAQ .word ul li a.phone:hover,
.applyFAQ .word ul li a.phone:focus {
	background:#b37224;
}
.applyFAQ .word ul li a.phone span {
	position:relative;
	padding:0 5px 0 30px;
}
.applyFAQ .word ul li a.phone span:before {
	position:absolute;
	content:"";
	left:0;
	top:50%;
	display:block;   
	width:25px;
	height:25px;
	background:#FFF;
	margin-top:-12.5px;
	z-index:1;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
            border-radius:100px;
}
.applyFAQ .word ul li a.phone span:after {
	position:absolute;
	content:"";
	left:0;
	top:50%;
	display:block;   
	width:25px;
	height:25px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#D14600;
    -webkit-mask-size:25px 25px;
			mask-size:25px 25px;
    -webkit-mask-image:url(../images/icon-tel.svg);
			mask-image:url(../images/icon-tel.svg);
	margin-top:-12.5px;
	z-index:2;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
            border-radius:100px;
}
.applyFAQ .word ul li a.phone:hover span:after,
.applyFAQ .word ul li a.phone:focus span:after {
	background-color:#b37224;
}
.applyFAQ .btn-more {
	width:100%;
	margin:10px auto 0 auto;
}
.applyFAQ .btn-more a {
	display:inline-block;
	letter-spacing:0;
	padding:10px 25px;
	border:1px solid #362e2b;
	box-sizing:border-box;
    -webkit-border-radius:50px;
       -moz-border-radius:50px;
            border-radius:50px;
}
.applyFAQ .btn-more a span {
	color:#362e2b;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.7em;
	font-weight:bold;
}
.applyFAQ .btn-more a:hover,
.applyFAQ .btn-more a:focus {
	border-color:#D60000;
	background:#D60000;
}
.applyFAQ .btn-more a:hover span,
.applyFAQ .btn-more a:focus span {
	color:#FFF;
}
.applyFAQ .btn-more a span em {
	position:relative;
	display:inline-block;
	width:24px;
    height:24px;
    margin:0 0 0 10px;
	vertical-align:middle;
	background:#362e2b;
	background-size:cover;
    -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;
}
.applyFAQ .btn-more a:hover span em,
.applyFAQ .btn-more a:focus span em {
	background:#FFF;
}
.applyFAQ .btn-more a span em:before {
	position:absolute;
	content:"";
	display:block; 
	right:7px;
	top:50%;
	width:10px;
	height:10px;
	margin:-5px 1px 0 0;
	border-right:2px solid #FFF;
	border-top:2px solid #FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	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;
}
.applyFAQ .btn-more a span em:after {
	position:absolute;
	content:"";
	right:7px;
	top:50%;
	display:block;   
	width:12px;
	height:2px;
	margin:-1px 0 0 0;
	background:#FFF;
	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;
}
.applyFAQ .btn-more a:hover span em:before,
.applyFAQ .btn-more a:focus span em:before {
	border-color:#D60000;
}
.applyFAQ .btn-more a:hover span em:after,
.applyFAQ .btn-more a:focus span em:after {
	background:#D60000;
}
@media screen and (max-width:768px) {
	.applyFAQ {
		width:100%;
	}
	.applyFAQ .btn-more {
		text-align:center;
	}
}
@media screen and (max-width:520px) {
	.applyFAQ h3 {
		font-size:2.9em;
		line-height:135%;
		padding-left:45px;
	}
	.applyFAQ h3:before {
		width:37px;
		height:32px;
		margin-top:-16px;
	}
}
@media screen and (min-width:991px) {
	.applyFAQ {
		width:565px;
	}
	.applyFAQ .btn-more {
		text-align:left;
	}
}
@media screen and (min-width:1200px) {
	.applyFAQ {
		width:630px;
		margin-top:30px;
	}
	.applyFAQ h3 {
		font-size:3.9em;
		padding-left:65px;
	}
	.applyFAQ h3:before {
		width:55px;
		height:48px;
		margin-top:-24px;
	}
	.applyFAQ .word {
		font-size:1.9em;
		margin-top:20px;
	}
	.applyFAQ .btn-more a {
		padding:12px 29px;
	}
	.applyFAQ .btn-more a span {
		font-size:1.9em;
	}
}



/** applyList **/
.applyList {
	width:290px;
	margin-left:25px;
	margin-top:auto;
}
.applyList ul {
	list-style:none;
	margin:-7.5px;
	letter-spacing:-9px;
}
.applyList ul li {
	display:inline-block;
	width:100%;
	letter-spacing:0;
	padding:7.5px;
	box-sizing:border-box;
	vertical-align:top;
}
.applyList ul li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.applyList ul li .box {
	position:relative;
	display:flex;
	width:100%;
	height:100%;
	padding:20px 10px;
	justify-content:center;
	text-align:center;
	align-items:center;
	box-sizing:border-box;
    -webkit-border-radius:20px;
       -moz-border-radius:20px;
            border-radius:20px;
}
.applyList ul li:nth-child(1) .box { background:#D5F1E5; }
.applyList ul li:nth-child(2) .box { background:#D2EEED; }
.applyList ul li:nth-child(3) .box { background:#D0ECF1; }
.applyList ul li:nth-child(4) .box { background:#CFE3F2; }
.applyList ul li a:hover .box,
.applyList ul li a:focus .box {
	background:rgb(214 0 0 / 20%);
}
.applyList ul li .img {
	position:relative;
    display:block;
	width:50px;
	height:0;
	padding-bottom:50px;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;
}
.applyList ul li a:hover .img,
.applyList ul li a:focus .img {
	-webkit-transform:rotate(360deg);
	   -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
         -o-transform:rotate(360deg);
            transform:rotate(360deg);
}
.applyList ul li .img:before {
	content:"";
	display:block; 
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
    -webkit-border-radius:100%;
       -moz-border-radius:100%;
            border-radius:100%;
	z-index:1;
}
.applyList ul li:nth-child(1) .img:before { background:#00995C; }
.applyList ul li:nth-child(2) .img:before { background:#008F88; }
.applyList ul li:nth-child(3) .img:before { background:#007AA3; }
.applyList ul li:nth-child(4) .img:before { background:#0A6DB8; }
.applyList ul li .img span {
	position:absolute;
	left:0;
	top:0;
    display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	z-index:2;
}
.applyList ul li h4 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:2.1em;
    font-weight:bold;
	line-height:135%;
	margin-left:10px;
}
.applyList ul li:nth-child(1) h4 { color:#00995C; }
.applyList ul li:nth-child(2) h4 { color:#008F88; }
.applyList ul li:nth-child(3) h4 { color:#007AA3; }
.applyList ul li:nth-child(4) h4 { color:#0A6DB8; }
.applyList ul li a:hover h4,
.applyList ul li a:focus h4 {
	color:#D60000;
}
.applyList ul li a:hover .img:before,
.applyList ul li a:focus .img:before {
	background:#D60000;
}
@media screen and (min-width:769px) and (max-width:990px) {
	.applyList ul li h4 {
		min-width:7em;
		text-align:left;
	}
}
@media screen and (max-width:768px) {
	.applyList {
		width:100%;
		margin:30px 0 0 0;
	}
	.applyList ul li {
		width:25%;
	}
	.applyList ul li .box {
		flex-direction:column;
		align-items:center;
		padding:20px 0;
	}
	.applyList ul li .img {
		width:50%;
		padding-bottom:50%;
	}
	.applyList ul li h4 {
		max-width:4em;
		margin:5px auto 0 auto;
	}
}
@media screen and (max-width:560px) {
	.applyList ul li {
		width:50%;
	}
	.applyList ul li .img {
		width:80px;
		padding-bottom:80px;
	}
	.applyList ul li h4 {
		max-width:inherit;
	}
}
@media screen and (max-width:400px) {
	.applyList ul li {
		width:100%;
	}
	.applyList ul li .box {
		flex-direction:row;
		text-align:center;
		align-items:center;
		justify-content:center;
		padding:15px;
	}
	.applyList ul li .img {
		width:70px;
		padding-bottom:70px;
	}
	.applyList ul li h4 {
		min-width:7em;
		max-width:7em;
		text-align:left;
		margin:0 0 0 10px;
	}
}
@media screen and (min-width:991px) {
	.applyList {
		width:calc(100% - 565px - 25px);
		margin-left:25px;
		margin-top:-50px;
	}
	.applyList ul {
		margin:-10px;
	}
	.applyList ul li {
		width:50%;
		padding:10px;
	}
	.applyList ul li .box {
		min-height:210px;
		flex-direction:column;
		align-items:center;
	}
	.applyList ul li .img {
		width:120px;
		padding-bottom:120px;
	}
	.applyList ul li h4 {
		font-size:2.3em;
		margin:10px 0 0 0;
	}
}
@media screen and (min-width:1200px) {
	.applyList {
		width:calc(100% - 630px - 25px);
	}
	.applyList ul li .box {
		min-height:240px;
	}
	.applyList ul li .img {
		width:140px;
		padding-bottom:140px;
	}
	.applyList ul li h4 {
		font-size:2.5em;
	}
}


/** newsSection **/
#newsSection {
	position:relative;
	width:100%;
	letter-spacing:-9px;
	padding:30px 0;
	background:#f5f2eb;
	margin:0 auto;
}
@media screen and (min-width:991px) {
	#newsSection {
		padding:60px 0;
	}
}
@media screen and (min-width:1200px) {
	#newsSection {
		padding:90px 0;
	}
}


/** newsBanner **/
.newsBanner {
	width:100%;
	margin:0 auto;
}
.newsBanner .slick-slide > div {
	font-size:0;
}
.newsBanner .slick-slide > div > .item {
	font-size:0.625rem;
}
.newsBanner .listshow {
	margin:0 !important;
}
.newsBanner .listshow .item a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
    -webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.newsBanner .box {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,88,158,.9);
	overflow:hidden;
    -webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.newsBanner .photo {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:67%;
	background-color:#FFF;
	overflow:hidden;
    -webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.newsBanner .photo span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	z-index:0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.newsBanner a:hover .photo span,
.newsBanner a:focus .photo span {
    -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
            transform:scale(1.1);
}
.newsBanner .word {
	display:block;
	width:100%;
	padding:15px;
	box-sizing:border-box;
}
.newsBanner .word h4 {
	color:#FFF;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.7em;
	line-height:135%;
	font-weight:bold;
	text-align:left;
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	  -o-text-overflow:ellipsis;
		 text-overflow:ellipsis;
	-webkit-line-clamp:5;
}
.newsBanner a:hover .word h4,
.newsBanner a:focus .word h4 {
	color:#FFFF33;
}
.newsBanner .word time {
	display:inline-block;
	color:#a8e2ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-top:10px;
}
.newsBanner .listshow .slick-prev,
.newsBanner .listshow .slick-next {	
	position:absolute;
	display:block;
	width:44px;
	height:44px;
	border:1px solid #FFF;
	box-sizing:border-box;
	opacity:0;
	z-index:10;
	overflow:hidden;
}
.newsBanner .listshow .slick-prev {
	left:0;	
}
.newsBanner .listshow .slick-next {
	right:0;
}
.newsBanner .listshow:hover .slick-prev,
.newsBanner .listshow .slick-prev:focus {
	left:20px;
	opacity:1;
}
.newsBanner .listshow:hover .slick-next,
.newsBanner .listshow .slick-next:focus {
	right:20px;
	opacity:1;
}
.newsBanner .listshow .slick-prev:hover,
.newsBanner .listshow .slick-next:hover,
.newsBanner .listshow .slick-prev:focus,
.newsBanner .listshow .slick-next:focus {
	border-color:rgba(0,0,0,.7);
	background:rgba(0,0,0,.7);
}
.newsBanner .listshow .slick-prev:focus,
.newsBanner .listshow .slick-next:focus {
	outline:1px dashed #FF6600 !important;
}
.newsBanner .listshow .slick-prev:before,
.newsBanner .listshow .slick-next:before {
	display:none;
}
.newsBanner .listshow .slick-prev span,
.newsBanner .listshow .slick-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
    -webkit-border-radius:0%;
	   -moz-border-radius:0%;
			border-radius:0%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.newsBanner .listshow .slick-prev span:before,
.newsBanner .listshow .slick-next span:before {
	position:absolute;
	content:"";
    display:block;  
    width:15px;
    height:15px;
    z-index:2;
}
.newsBanner .listshow .slick-prev span:before {
	left:50%;
    top:50%;
	margin:-9px 0 0 -5px;
	border-left:3px solid #FFF;
    border-top:3px solid #FFF;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.newsBanner .listshow .slick-next span:before {
	right:50%;
    top:50%;
	margin:-9px -5px 0 0;
	border-right:3px solid #FFF;
    border-top:3px solid #FFF;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.newsBanner .slick-dots {
	position:relative;
	bottom:0;
	width:100%;
	text-align:center;
	margin:10px auto 0 auto;
}
.newsBanner .slick-dots li {
    display:inline-block;
	width:20px;
	height:20px;
	margin:0 2.5px;
	padding:0;
	vertical-align:middle;
}
.newsBanner .slick-dots li button {
	position:relative;
	display:block;
	width:20px;
	height:20px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
.newsBanner .slick-dots li button:focus {
	outline:1px dashed #FF6600 !important;
}
.newsBanner .slick-dots li button:before {
	content:"";
	display:block;
	position:absolute;
	left:5px;
	top:5px;
	width:10px;
	height:10px;
	text-indent:-9999px;
	line-height:15px;
	filter:alpha(opacity=100);
	opacity:1;
	border:none;
    background:#919397;
	overflow:hidden; 
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
.newsBanner .slick-dots li button:hover:before {
    background:#D60000;
}
.newsBanner .slick-dots li.slick-active button:before {
	opacity:1;
    background:#303132;
}
.newsBanner .slick-dots li.slick-active button:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;		
	width:20px;
	height:20px;
	text-indent:-9999px;
	line-height:20px;
	filter:alpha(opacity=100);
	opacity:1;
	border:1px solid #303132;
	box-sizing:border-box;
	overflow:hidden; 
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
@media screen and (max-width:990px) {
	.newsBanner {
		margin-bottom:20px;
	}
	.newsBanner a {
		display:flex;
		flex-wrap:wrap;
		width:100%;
		height:100%;
		letter-spacing:-9px;
		align-items:center;
		align-content:center;
	}
	.newsBanner .photo {
		position:relative;
		display:inline-block;
		width:50%;
		height:0;
		padding-bottom:33%;		
		vertical-align:middle;
		background:#000;
	}
	.newsBanner .word {
		position:relative;
		display:inline-block;
		width:50%;
		letter-spacing:0;
		box-sizing:border-box;
		vertical-align:middle;
	}
}
@media screen  and (min-width:421px) and (max-width:640px) {
	.newsBanner .word {
		position:absolute;
		bottom:0;
		left:0px;
		background:rgba(0,88,158,.9);
	}
}
@media screen and (max-width:640px) {
	.newsBanner .photo {
		width:100%;
		padding-bottom:75%;
	}
	.newsBanner .word {
		width:100%;
	}
	.newsBanner .word h4 {
		-webkit-line-clamp:3;
	}
}
@media screen and (max-width:420px) {
	.newsBanner .photo {
		-webkit-border-radius:10px 10px 0 0;
		   -moz-border-radius:10px 10px 0 0;
				border-radius:10px 10px 0 0;
	}
}
@media screen and (min-width:991px) {
	.newsBanner {
		display:inline-block;
		width:50%;
		letter-spacing:0;
		vertical-align:middle;
		box-shadow:0 0 10px rgba(0,0,0,0.2);
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
				border-radius:10px;
	}
	.newsBanner .listshow .item {
		overflow:visible;
	}
	.newsBanner .item a {
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
				border-radius:10px;
	}
	.newsBanner .word {
		position:absolute;
		bottom:0;
		left:0px;
		padding:20px;
		background:rgba(0,88,158,.9);
	}
	.newsBanner .word h4 {
		font-size:1.9em;
		-webkit-line-clamp:3;
	}
	.newsBanner .word time {
		font-size:1.3em;
	}
	.newsBanner .slick-dots {
		position:absolute;
		right:20px;
		bottom:15px;
		width:auto;
		text-align:right;
	}
	.newsBanner .slick-dots li button:before {
		background:rgba(0,0,0,.4);
	}
	.newsBanner .slick-dots li button:hover:before {
		background:#FFFF33;
	}
	.newsBanner .slick-dots li.slick-active button:before {
		background:#ffffff;
	}
	.newsBanner .slick-dots li.slick-active button:after {
		border-color:#ffffff;
	}
}
@media screen and (min-width:1200px) {
	.newsBanner {
		vertical-align:top;
	}
}


/** newsBox **/
.newsBox {
	width:100%;
	letter-spacing:0;
	margin:0 auto;
}
.newsBox .topHead {
	position:relative;
	width:100%;
	margin:0 auto;
}
.newsBox .topHead h3 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:3.5em;
	font-weight:bold;
	line-height:44PX;
}
.newsBox .topHead .btn-more {
	position:absolute;
	right:0;
	top:7px;
	display:block;
	width:auto;
	overflow:hidden;
}
.newsBox .topHead .btn-more span {
	display:inline-block;
	color:#000;
	font-size:1.5em;
	line-height:29px;
	font-weight:bold;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.newsBox .topHead .btn-more:hover span,
.newsBox .topHead .btn-more:focus span {
	color:#D60000;
}
.newsBox .topHead .btn-more span i {
	position:relative;
	display:inline-block;
	width:17px;
	height:17px;
	vertical-align:middle;
	margin-right:5px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.newsBox .topHead .btn-more:hover span i,
.newsBox .topHead .btn-more:focus span i {
	-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
         -o-transform:rotate(180deg);
            transform:rotate(180deg);
}
.newsBox .topHead .btn-more span i:before,
.newsBox .topHead .btn-more span i:after {
	content:"";
	position:absolute;
	display:block;
	width:17px;
	height:3px;
	top:50%;
	left:0;
	margin:-1.5px 0 0 0;
	background-color:#000;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.newsBox .topHead .btn-more span i:after {
	-webkit-transform:rotate(90deg);
	   -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
         -o-transform:rotate(90deg);
            transform:rotate(90deg);
}
.newsBox .topHead .btn-more:hover span i:after,
.newsBox .topHead .btn-more:focus span i:after,
.newsBox .topHead .btn-more:hover span i:before,
.newsBox .topHead .btn-more:focus span i:before {
	background-color:#D60000;
}
.newsBox .newsList {
	position:relative;
	width:100%;
	border-top:1px solid #000;
	margin:15px auto 0 auto;
}
.newsBox .newsList ul {
	list-style:none;
	margin-bottom:-10px;
}
.newsBox .newsList ul li {
	width:100%;
	border-bottom:1px dashed #CCC;
}
.newsBox .newsList ul li:last-child {
	border-bottom:none;
}
.newsBox .newsList ul li a {
	position:relative;
	display:block;
	width:100%;
	padding:10px 0;
	box-sizing:border-box;
}
.newsBox .newsList ul li time {
	display:inline-block;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	vertical-align:middle;
}
.newsBox .newsList ul li .label {
	display:inline-block;
	color:#FFF;
	font-size:1.2em;
	padding:4px 10px;
	margin-left:10px;
	vertical-align:middle;
    -webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.newsBox .newsList ul li h4 {
	color:#000;
    font-size:1.7em;
    font-weight:bold;
	line-height:135%;
	margin-top:5px;
}
.newsBox .newsList ul li h4.font-red {
	color:#CC0000;
}
.newsBox .newsList ul li a:hover h4,
.newsBox .newsList ul li a:focus h4 {
	color:#D60000;
}
.newsBox .newsList ul li a:hover h4.font-red,
.newsBox .newsList ul li a:focus h4.font-red {
	color:#D14600;
}
@media screen and (min-width:991px) {
	.newsBox {
		display:inline-block;
		width:calc(50% - 25px);
		letter-spacing:0;
		vertical-align:middle;
		margin-left:25px;
	}
	.newsBox .topHead h3 {
		font-size:2.7em;
		line-height:100%;
	}
	.newsBox .topHead .btn-more {
		top:0;
	}
	.newsBox .newsList {
		margin-top:12px;
	}
	.newsBox .newsList ul li h4 {
		display:-webkit-box;
		line-height:100%;
		overflow:hidden;
		-webkit-box-orient:vertical;
		  -o-text-overflow:ellipsis;
			 text-overflow:ellipsis;
		-webkit-line-clamp:1;
	}
}
@media screen and (min-width:1200px) {
	.newsBox {
		vertical-align:top;
	}
	.newsBox .topHead h3 {
		font-size:3.3em;
	}
	.newsBox .topHead .btn-more span {
		font-size:1.7em;
	}
	.newsBox .newsList {
		margin-top:15px;
	}
	.newsBox .newsList ul li time {
		font-size:1.3em;
	}
	.newsBox .newsList ul li .label {
		font-size:1.3em;
	}
	.newsBox .newsList ul li h4 {
		font-size:1.9em;
		margin-top:10px;
	}
}


/** serviceSection **/
#serviceSection {
	position:relative;
	width:100%;
	letter-spacing:-9px;
	padding:30px 0;
	margin:0 auto;
}
@media screen and (min-width:991px) {
	#serviceSection {
		padding:60px 0;
	}
}
@media screen and (min-width:1200px) {
	#serviceSection {
		padding:90px 0;
	}
	#serviceSection:before {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		bottom:50px;
		width:379px;
		height:364px;
		margin-left:-830px;
		background:url(../images/bubble1.png) no-repeat 50% 0;
		z-index:-2;
	}
	#serviceSection:after {
		content:"";
		display:block;
		position:absolute;
		right:50%;
		bottom:-75px;
		width:638px;
		height:531px;
		margin-right:-850px;
		visibility:visible;
		background:url(../images/bubble2.png) no-repeat 0 bottom;
		z-index:-1;
	}
}


/** adBanner **/
.adBanner {
	display:inline-block;
	width:100%;
	letter-spacing:0;
	box-sizing:border-box;
	vertical-align:top;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.adBanner .slick-slide > div {
	font-size:0;
}
.adBanner .slick-slide > div > .item {
	font-size:0.625rem;
}
.adBanner .listshow {
	margin:0 !important;
}
.adBanner .listshow .item a {
	display:block;
	width:100%;
	height:100%;	
	overflow:hidden;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.adBanner .listshow .item a:focus {
	opacity:0.5;
	filter:alpha(opacity=50);
}
.adBanner .listshow .item a .img {
	display:block;
	width:100%;
	height:0;
	padding-bottom:67%;
	overflow:hidden;
	background-position:50% 50%;
	background-size:cover;
}
.adBanner .listshow .slick-prev,
.adBanner .listshow .slick-next {	
	position:absolute;
	display:block;
	width:44px;
	height:44px;
	border:1px solid #FFF;
	box-sizing:border-box;
	opacity:0;
	z-index:10;
	overflow:hidden;
}
.adBanner .listshow .slick-prev {
	left:0;	
}
.adBanner .listshow .slick-next {
	right:0;
}
.adBanner .listshow:hover .slick-prev,
.adBanner .listshow .slick-prev:focus {
	left:20px;
	opacity:1;
}
.adBanner .listshow:hover .slick-next,
.adBanner .listshow .slick-next:focus {
	right:20px;
	opacity:1;
}
.adBanner .listshow .slick-prev:hover,
.adBanner .listshow .slick-next:hover,
.adBanner .listshow .slick-prev:focus,
.adBanner .listshow .slick-next:focus {
	border-color:rgba(0,0,0,.7);
	background:rgba(0,0,0,.7);
}
.adBanner .listshow .slick-prev:focus,
.adBanner .listshow .slick-next:focus {
	outline:1px dashed #FF6600 !important;
}
.adBanner .listshow .slick-prev:before,
.adBanner .listshow .slick-next:before {
	display:none;
}
.adBanner .listshow .slick-prev span,
.adBanner .listshow .slick-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
    -webkit-border-radius:0%;
	   -moz-border-radius:0%;
			border-radius:0%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.adBanner .listshow .slick-prev span:before,
.adBanner .listshow .slick-next span:before {
	position:absolute;
	content:"";
    display:block;  
    width:15px;
    height:15px;
    z-index:2;
}
.adBanner .listshow .slick-prev span:before {
	left:50%;
    top:50%;
	margin:-9px 0 0 -5px;
	border-left:3px solid #FFF;
    border-top:3px solid #FFF;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.adBanner .listshow .slick-next span:before {
	right:50%;
    top:50%;
	margin:-9px -5px 0 0;
	border-right:3px solid #FFF;
    border-top:3px solid #FFF;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.adBanner .slick-dots {
	position:absolute;
	right:20px;
	bottom:15px;
	width:auto;
	text-align:right;
}
.adBanner .slick-dots li {
    display:inline-block;
	width:20px;
	height:20px;
	margin:0 2.5px;
	padding:0;
	vertical-align:middle;
}
.adBanner .slick-dots li button {
	position:relative;
	display:block;
	width:20px;
	height:20px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
.adBanner .slick-dots li button:focus {
	outline:1px dashed #FF6600 !important;
}
.adBanner .slick-dots li button:before {
	content:"";
	display:block;
	position:absolute;
	left:5px;
	top:5px;
	width:10px;
	height:10px;
	text-indent:-9999px;
	line-height:15px;
	filter:alpha(opacity=100);
	opacity:1;
	border:none;
    background:rgba(149,149,149,.5);
	overflow:hidden; 
    transition:opacity .2s ease;
	box-shadow:0 0 2px rgba(255,255,255,0.5);
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
.adBanner .slick-dots li button:hover:before {
    background:#FFFF33;
}
.adBanner .slick-dots li.slick-active button:before {
	opacity:1;
    background:#ffffff;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.adBanner .slick-dots li.slick-active button:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;		
	width:20px;
	height:20px;
	text-indent:-9999px;
	line-height:20px;
	filter:alpha(opacity=100);
	opacity:1;
	border:1px solid #ffffff;
	box-sizing:border-box;
	overflow:hidden; 
    transition:opacity .2s ease;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
@media screen and (min-width:769px) {
	.adBanner {
		display:inline-block;
		width:405px;
		letter-spacing:0;
		vertical-align:middle;
	}
}
@media screen and (min-width:991px) {
	.adBanner {
		width:50%;
	}
	.adBanner .listshow .item {
		overflow:visible;
	}
}


/** serviceList **/
.serviceList {
	width:100%;
	margin:20px auto 0 auto;
}
.serviceList > ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-10px;
}
.serviceList > ul > li {
	display:inline-block;
	width:33.33333%;
	letter-spacing:0;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.serviceList > ul > li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
.serviceList > ul > li .box {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	letter-spacing:-9px;
	padding:20px;
	box-sizing:border-box;
	overflow:hidden;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.serviceList > ul > li .img {
	display:inline-block;
	width:80px;
	height:80px;
	letter-spacing:0;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
	vertical-align:middle;
	overflow:hidden;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.serviceList > ul > li a:hover .img,
.serviceList > ul > li a:focus .img {
	-webkit-transform:rotate(360deg);
	   -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
         -o-transform:rotate(360deg);
            transform:rotate(360deg);
}
.serviceList > ul > li h4 {
	display:inline-block;
	width:calc(100% - 90px);
	color:#000;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.1em;
	line-height:135%;
	font-weight:bold;
	text-align:left;
	letter-spacing:0;
	vertical-align:middle;
	margin-right:10px;
}
@media screen and (max-width:768px) {
	.serviceList > ul > li .box {
		display:flex;
		padding:20px 5px;
		flex-direction:column-reverse;
	}
	.serviceList > ul > li .img {
		margin:0 auto;
	}
	.serviceList > ul > li h4 {
		width:100%;
		text-align:center;
		margin-top:5px;
	}
}
@media screen and (max-width:520px) {
	.serviceList > ul > li {
		width:50%;
	}
}
@media screen and (min-width:769px) {
	.serviceList {
		display:inline-block;
		width:calc(100% - 425px);
		letter-spacing:0;
		vertical-align:middle;
		margin-top:0;
		margin-left:20px;
	}
	.serviceList > ul {
		margin:-7.5px;
	}
	.serviceList > ul > li {
		width:50%;
		padding:7.5px;
	}
	.serviceList > ul > li .box {
		padding:15px;
	}
	.serviceList > ul > li .img {
		width:50px;
		height:50px;
	}
	.serviceList > ul > li h4 {
		width:calc(100% - 60px);
	}
}
@media screen and (min-width:991px) {
	.serviceList {
		width:calc(50% - 20px);
	}
	.serviceList > ul > li .box {
		padding:20px;
	}
	.serviceList > ul > li .img {
		width:60px;
		height:60px;
	}
	.serviceList > ul > li h4 {
		width:calc(100% - 70px);
		font-size:2.3em;
	}
}
@media screen and (min-width:1200px) {
	.serviceList > ul {
		margin:-10px;
	}
	.serviceList > ul > li {
		padding:10px;
	}
	.serviceList > ul > li .img {
		width:80px;
		height:80px;
	}
	.serviceList > ul > li h4 {
		width:calc(100% - 90px);
		font-size:2.9em;
	}
}


/** topicSection **/
#topicSection {
	position:relative;
	width:100%;
	padding:30px 0 60px 0;
	margin:0 auto;
	background:#f2f5fb;
	box-sizing:border-box;
	z-index:1;
}
@media screen and (min-width:991px) {
	#topicSection {
		padding:50px 0 70px 0;
	}
	#topicSection:before {
		content:"";
		display:block;
		position:absolute;
		left:0;
		top:105px;
		width:265px;
		height:495px;
		background:url(../images/bubble3.png) no-repeat 50% 0;
		background-size:cover;
		z-index:-2;
	}
	#topicSection:after {
		content:"";
		display:block;
		position:absolute;
		right:0;
		bottom:100px;
		width:270px;
		height:459px;
		visibility:visible;
		background:url(../images/bubble4.png) no-repeat 0 bottom;
		background-size:cover;
		z-index:-1;
	}
}
@media screen and (min-width:1200px) {
	#topicSection {
		padding:80px 0 100px 0;
	}
	#topicSection:before {
		top:105px;
		width:331px;
		height:619px;
	}
	#topicSection:after {
		bottom:100px;
		width:338px;
		height:574px;
	}
}


/** snsNews **/
#snsNews {
	width:100%;
	margin:20px auto;
}
#snsNews .listshow {
	letter-spacing:-9px;
	margin:0 !important;
}
#snsNews .listshow .slick-list {
	margin:-1px -10px
}
#snsNews .listshow .item {
	display:inline-block;
	width:20%;
	padding:1px 10px;
	letter-spacing:0;
	box-sizing:border-box;
}
#snsNews .listshow .item a {
	display:inline-block;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
#snsNews .listshow .box {
	position:relative;
	display:block;
	width:100%;
	padding-bottom:100%;
	background-color:#666;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
    -webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
#snsNews .listshow .label {
	position:absolute;
	right:0;
	top:15px;
	width:100%;
	text-align:right;
	padding:0 15px;
	box-sizing:border-box;
	z-index:2;
}
#snsNews .listshow .label span {
	position:relative;
	display:inline-block;
	width:14%;
	height:0;
	padding-bottom:14%;
	background:#FFF;
	border:5px solid #FFF;
	overflow:hidden;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#snsNews .listshow .label span:before {
	position:absolute;	
	content:"";
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:5;
}
#snsNews .listshow .label.fb span:before { background-image:url(../images/sns-icon-fb.svg); }
#snsNews .listshow .label.youtube span:before { background-image:url(../images/sns-icon-youtube.svg); }
#snsNews .listshow .label.instagram span:before { background-image:url(../images/sns-icon-ig.svg); }
#snsNews .listshow .wap {
	position:absolute;
	left:0;
	top:0;
	display:flex;
	width:100%;
	height:100%;
	justify-content:space-around;
	background:rgba(0,0,0,.8);
	filter:alpha(opacity=0);
	opacity:0;
	z-index:1;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#snsNews .listshow .item a:hover .wap,
#snsNews .listshow .item a:focus .wap {
	filter:alpha(opacity=100);
	opacity:1;
}
#snsNews .listshow .wap p {
	display:flex;
	width:100%;
	color:#FFF;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.7em;
	font-weight:bold;
	line-height:165%;
	justify-content:center;
	align-items:flex-end;
	padding:20px;
	box-sizing:border-box;
}
#snsNews .listshow .wap p span {
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	  -o-text-overflow:ellipsis;
		 text-overflow:ellipsis;
	-webkit-line-clamp:6;
}
#snsNews .slick-dots {
	position:relative;
	bottom:0;
	width:100%;
	text-align:center;
	margin:10px auto 0 auto;
}
#snsNews .slick-dots li {
    display:inline-block;
	width:20px;
	height:20px;
	margin:0 2.5px;
	padding:0;
	vertical-align:middle;
}
#snsNews .slick-dots li button {
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
.newsBanner .slick-dots li button:focus {
	outline:1px dashed #FF6600 !important;
}
#snsNews .slick-dots li button:before {
	content:"";
	display:block;
	position:absolute;
	left:5px;
	top:5px;
	width:10px;
	height:10px;
	text-indent:-9999px;
	line-height:15px;
	filter:alpha(opacity=100);
	opacity:1;
	border:none;
    background:#919397;
	overflow:hidden; 
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
#snsNews .slick-dots li button:hover:before {
    background:#D60000;
}
#snsNews .slick-dots li.slick-active button:before {
    background:#303132;
}
#snsNews .slick-dots li.slick-active button:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;		
	width:20px;
	height:20px;
	text-indent:-9999px;
	line-height:20px;
	filter:alpha(opacity=100);
	opacity:1;
	border:1px solid #303132;
	box-sizing:border-box;
	overflow:hidden; 
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
#snsNews .listshow .slick-prev {
	left:0;	
}
#snsNews .listshow .slick-next {
	right:0;
}
#snsNews .listshow .slick-prev:focus,
#snsNews .listshow .slick-next:focus {
	outline:1px dashed #FF6600 !important;
}
#snsNews .listshow .slick-prev:before,
#snsNews .listshow .slick-next:before {
	display:none;
}
#snsNews .listshow .slick-prev span,
#snsNews .listshow .slick-next span {
	position:relative;
	float:left;
	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;
}
#snsNews .listshow .slick-prev span:before,
#snsNews .listshow .slick-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:19px;
    height:19px;    
    z-index:2;
}
#snsNews .listshow .slick-prev span:before {
	left:0;
    top:50%;
	margin:-11px 0 0 5px;
	border-left:3px solid #000;
    border-top:3px solid #000;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
#snsNews .listshow .slick-next span:before {
	right:0;
    top:50%;
	margin:-11px 5px 0 0 ;
	border-right:3px solid #000;
    border-top:3px solid #000;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
#snsNews .listshow .slick-prev:hover span:before,
#snsNews .listshow .slick-next:hover span:before,
#snsNews .listshow .slick-prev:focus span:before,
#snsNews .listshow .slick-next:focus span:before {
	border-color:#D60000;
}
@media screen and (min-width:991px) {
	#snsNews {
		margin:30px auto;
	}
	#snsNews .listshow {
		max-width:990px;
		padding:0 40px;
	}
	#snsNews .listshow .item {
		width:33.3333%;
	}
	#snsNews .listshow .slick-prev,
	#snsNews .listshow .slick-next {
		width:30px;
		height:40px;
	}
	#snsNews .listshow .slick-prev span:before,
	#snsNews .listshow .slick-next span:before {
		width:23px;
		height:23px;    
	}
	#snsNews .listshow .slick-prev span:before {
		margin:-13px 0 0 6px;
	}
	#snsNews .listshow .slick-next span:before {
		margin:-13px 6px 0 0 ;
	}
}
@media screen and (min-width:1200px) {
	#snsNews .listshow {
		max-width:1200px;
		padding:0 50px;
	}
	#snsNews .listshow .wap p {
		font-size:1.9em;
	}
}

 
/** adLink **/
#adLink {
	position:relative;
	width:100%;
	margin:20px auto 0 auto;
}
#adLink .listshow {	
	display:block;
	width:100%;
	padding:0 35px;
	margin:0 auto;
	box-sizing:border-box;
	letter-spacing:-0.9em;
}
#adLink .listshow .slick-list {
	margin:-1px -10px
}
#adLink .listshow .item {
	display:inline-block;
	width:25%;
	text-align:center;
	padding:1px 10px;
	box-sizing:border-box;
	letter-spacing:0;
}
#adLink .listshow .item a {
	display:inline-block;
	width:100%;
	max-width:260px;
	height:100%;
	max-height:90px;
	box-sizing:border-box;
	overflow:hidden;
    -webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
#adLink .listshow .item 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 .item a:focus {	
	outline:1px dashed #FF6600;
}
#adLink .listshow .item a:focus img {
	opacity:0.7;
}
#adLink .listshow img {
	width:100%;
	max-width:260px;
	height:auto;
	max-height:90px;
	margin:0 auto;
}
#adLink .listshow .slick-prev,
#adLink .listshow .slick-next {	
	position:absolute;
	display:block;
	width:20px;
	height:40px;
	z-index:10;
	overflow:hidden;
}
#adLink .listshow .slick-prev {
	left:0;	
}
#adLink .listshow .slick-next {
	right:0;
}
#adLink .listshow .slick-prev:focus,
#adLink .listshow .slick-next:focus {
	outline:1px dashed #FF6600 !important;
}
#adLink .listshow .slick-prev:before,
#adLink .listshow .slick-next:before {
	display:none;
}
#adLink .listshow .slick-prev span,
#adLink .listshow .slick-next span {
	position:relative;
	float:left;
	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 .listshow .slick-prev span:before,
#adLink .listshow .slick-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:19px;
    height:19px;    
    z-index:2;
}
#adLink .listshow .slick-prev span:before {
	left:0;
    top:50%;
	margin:-11px 0 0 5px;
	border-left:3px solid #000;
    border-top:3px solid #000;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
#adLink .listshow .slick-next span:before {
	right:0;
    top:50%;
	margin:-11px 5px 0 0 ;
	border-right:3px solid #000;
    border-top:3px solid #000;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
#adLink .listshow .slick-prev:hover span:before,
#adLink .listshow .slick-next:hover span:before,
#adLink .listshow .slick-prev:focus span:before,
#adLink .listshow .slick-next:focus span:before {
	border-color:#D60000;
}
@media screen and (min-width:991px) {
	#adLink {
		margin-top:50px;
	}
	#adLink .listshow {
		max-width:990px;
		padding:0 40px;
	}
	#adLink .listshow .item {
		width:25%;
	}
	#adLink .listshow .slick-prev,
	#adLink .listshow .slick-next {
		width:30px;
		height:40px;
	}
	#adLink .listshow .slick-prev span:before,
	#adLink .listshow .slick-next span:before {
		width:23px;
		height:23px;    
	}
	#adLink .listshow .slick-prev span:before {
		margin:-13px 0 0 6px;
	}
	#adLink .listshow .slick-next span:before {
		margin:-13px 6px 0 0 ;
	}
}
@media screen and (min-width:1200px) {
	#adLink {
		margin-top:80px;
	}
	#adLink .listshow {
		max-width:1200px;
		padding:0 50px;
	}
	#adLink .listshow .item {
		width:20%;
	}
}

	
@media print {
	.hotNews {
		display:block;
		padding:10px;
		box-sizing:border-box;
	}
	#banner .listshow .item {
		width:720px;
		height:270px;
	}
	#banner .listshow .item a .img {
		width:720px;
		height:270px;
		padding-bottom:0;
		background-size:auto 270px;
		background-position:50% 50%;
	}
	#banner .listshow .item .img img {
		display:none !important;
	}
	.newsBanner {
		width:600px;
		margin:0 60px;
	}
	.newsBanner .slick-slide > div {
		width:600px;
		height:400px;
		padding:0!important;
		margin:0!important; 
	}
	.newsBanner .listshow .item {
		width:600px;
		height:400px;
		padding:0!important;
	}
	.newsBanner .photo {
		width:600px;
		height:400px;
		padding:0!important;
		background-size:auto 400px!important;
		background-position:50% 50%;
	}
	.newsBanner .word {
		position:absolute;
		bottom:0;
		left:0px;
		letter-spacing:0;
		padding:20px;
		background:rgba(0,88,158,.9);
	}
	.newsBox {
		padding:0 20px;
		margin-top:25px;
		box-sizing:border-box;
	}
	.adBanner {
		width:600px;
		margin:0 60px;
	}
	.adBanner .listshow .item {
		width:600px;
		height:400px;
		padding:0!important;
		margin:0!important; 
	}
	.adBanner .slick-slide > div {
		width:600px;
		height:400px;
		padding:0!important;
		margin:0!important; 
	}
	.adBanner .listshow .item a .img {
		width:600px;
		height:400px;
		padding:0!important;
		background-size:auto 400px!important;
		background-position:50% 50%;
	}
	#snsNews  {
		display:inline-block;
	}
	#snsNews .listshow {
		padding:0!important;
		margin:0!important;
	}
	#snsNews .slick-slide {
		padding:0!important;
		margin:0!important;
	}
	#snsNews .slick-slide > div {
		float:left;
		width:330px!important;		
		padding:0!important;
		margin:0!important;
		box-sizing:border-box!important;
	}
	#snsNews .listshow .item {
		width:330px!important;
		height:330px;
		padding:0!important;
		margin:0!important;
	}
	#snsNews .listshow .box {
		width:330px!important;
		height:330px;
		padding:0!important;
		margin:0!important;
		background-size:auto 330px!important;
		background-position:0 0;
	}
	#snsNews .listshow .slick-prev,
	#snsNews .listshow .slick-next {
		display:none!important;
	}
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}