/*@import url("fonts/font-awesome.css");*/
@font-face { font-family: 'Pacifico'; src: url('pacifico.eot'); src: url('pacifico.eot?#iefix') format('embedded-opentype'), url('pacifico.woff') format('woff'), url('pacifico.ttf') format('truetype'), url('pacifico.svg#Pacifico') format('svg'); }
/*slick-slide*/
/*-*/


/*------------------------------首頁主題banner*/
/*adbanner*/
.adbanner { padding: 0px 0px 0 0px; display: block;}
.adbanner div { margin: 0; }
.no-js .adbanner div {
            display: inline-block;
            margin: 0 8px 8px 0
        }
.adbanner div img { width: 280px; height: 115px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 3px #ccc; padding: 3px;  }
.adbanner a:focus>img { border: 1px solid #09F }
.adbanner .slick-prev { left: -35px }
.adbanner .slick-next { right: -30px }
.adbanner .slick-prev, .slick-next { margin-top: -15px; width: 40px; height: 40px }
.adbanner .slick-prev:before, .adbanner .slick-next:before { font-size: 35px; opacity: .75; color: #8D8D8D; /*font-family: "FontAwesome";*/  }
.adbanner .slick-prev:before{ /*content: "\f053";*/}
.adbanner .slick-next:before{ /*content: "\f054 ";*/}

@media (max-width: 1190px) {
	.adbanner { padding: 0px 0px 0 0px }
	.adbanner div { margin: 0 0px 0 0; }
	.adbanner div img { width: 230px; height: 90px }

}
@media (max-width: 991px) {
	.adbanner { padding: 0px 0px 0 10px }
	.adbanner div { margin: 0 1px 0 0; }
	.adbanner div img { width:355px; height:140px }

}

@media (max-width: 767px) {
	.adbanner { padding: 0px 1px 0 10px }
	.adbanner div { margin: 0 0px 0 0;  }
	.adbanner div img { width: 300px; height:120px }

}

@media (max-width: 684px) {
	.adbanner { padding: 0px 0px 0 10px }
	.adbanner div { margin: 0 0 0 0; }
	.adbanner div img { width:290px; height:115px }

}
@media (max-width: 655px) {
	.adbanner { padding: 0px 0px 0 0px }
	.adbanner div { margin: 0 0px 0 0; }
	.adbanner div img { width:250px; height:100px }

}

@media (max-width: 568px) {
	.adbanner { padding: 0px 0px 0 0px }
	.adbanner div { margin: 0 0px 0 0; }
	.adbanner div img { width:220px; height:85px }

}
@media (max-width: 504px) {
	.adbanner { padding: 0px 0px 0 0px;  }
	.adbanner div { margin: 0 auto;width:240px; }
	.adbanner div img { width:240px; height:95px }
	.adbanner .slick-dots{ bottom: -70px }

}
/* .cp_photo */

.cp_photo{width:80%; margin:0px 0 50px 0 ; padding:20px 0 70px 0 ; clear:both; }
.cp_photo img{max-width:100%; max-height:450px;  margin:0 auto}
.cp_photo .slick-prev:before, .cp_photo .slick-next:before{ font-size:40px}
/*-輪播箭頭*/
.cp_photo .slick-next{right:-60px}
.cp_photo .slick-prev{left:-60px}
.cp_photo .slick-prev:before, .cp_photo .slick-next:before{ color:#666}

/*-輪播點點*/
.cp_photo .slick-dots li button:hover:before, .cp_photo .slick-dots li button:focus:before{color:#5b9115}
.cp_photo .slick-dots li.slick-active button:before{ color:#333 }
.cp_photo .slick-dots{ bottom:0px; margin:0}
.cp_photo .slick-dots li button:before{ font-size:16px}
.cp .slick-dots li{ margin:0 0.5em 1em 0}
.cp_photo .slick-prev, .cp_photo .slick-next{top:45%;}
@media (max-width: 767px){
	.cp_photo{width:100%;}
	.cp_photo .slick-next{right:0px}
	.cp_photo .slick-prev{left:0px}
	.cp_photo .slick-prev:before, .cp_photo .slick-next:before{ color:#fff}
	.cp_photo .slick-prev, .cp_photo .slick-next{top:40%;}
	
}

/*-cp2*/
.cp .slider-for { margin: 0 0 10px 0; padding: 10px 15px; text-align: center; vertical-align: middle; border: 1px solid #ccc; box-shadow: 0 0 3px #CCC; position: relative; }
.cp .slider-for img { width: 100%; height: auto; }
.cp .slider-for p { text-align: left; }
.cp .slider-nav { margin: 0 0 20px 0; padding: 10px 15px; text-align: center; vertical-align: middle; border: 1px solid #ccc; box-shadow: 0 0 3px #CCC; position: relative; }
.cp .slider-nav img { width: 100%; height: auto; cursor: pointer; }
.cp .slider-nav div { margin: 0 5px; }
.cp .slider-nav .slick-prev, .slider-nav .slick-next { top: 55% }
.cp .slider-nav .slick-prev:before, .slider-nav .slick-next:before { opacity: 1; color: #999; }
.cp .slider-nav .slick-next { right: 25px; }
.cp .slider-nav .slick-prev { left: 10px; }
@media (max-width:500px) {
	.cp .slider-for { margin: 0 0 10px 0; padding: 5px; }
	.cp .slider-nav { margin: 0 0 20px 0; padding: 5px; }
	.cp .slider-nav div { margin: 0 0px; }
	/*箭頭位置-*/
	.cp .slider-nav .slick-prev, .slider-nav .slick-next { top: 40% }
}
@media (max-width:350px) {
	.cp .slider-nav .slick-prev, .slider-nav .slick-next { top: 30% }
	.cp .slider-nav .slick-prev:before, .slider-nav .slick-next:before { font-size: 20px; opacity: 1; color: #000; }
}