@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'); }
*//*-*/

/*------------------------------------------------responsive*/
.responsive { width: 910px; padding: 15px 0 ; text-align: center; margin: 0 auto; }
.responsive div { text-align: center; margin: 0 ; padding: 0; border-right:1px dotted #ccc }
.responsive div:nth-child(4n){border-right: none}
.responsive div a { height: 45px; display: block;  }
.responsive div img { width: 160px; height: 45px; margin: 0 auto 0px;  }
/*-*/
.responsive .slick-prev { top: 30px; left: -45px; width:40px; height:35px  }
.responsive .slick-next { top: 30px; right:-45px; width:40px; height:35px   }
.responsive .slick-dots { bottom: 0; }
.responsive .slick-prev:before { content: "\f137"; font-family: "FontAwesome"; }
.responsive .slick-next:before { content: "\f138"; font-family: "FontAwesome"; }

/*-----------------------*/
/*箭頭顏色-*/
.responsive .slick-prev:before, .responsive .slick-next:before { color: #95d7eb; font-size: 40px; }
.responsive .slick-prev:before, .responsive .slick-next:before { color: #95d7eb; font-size: 40px; }


/*------------------------bigbanner-*/
.turnbanner{width:740px; position:relative; margin:0 0 60px 0 }
.turnbanner img{ width:100%; height:400px; }
.turnbanner span{ position: absolute; bottom:0;  display:block; background-image:url(../images/pic_wordbg.png); background-repeat:repeat; background-position:0 0; padding:10px; color:#fff; width:98%}
.turnbanner .slick-prev:before, .turnbanner .slick-next:before{ font-size:40px}
.turnbanner .slick-prev:before { content: "\f137"; font-family: "FontAwesome"; }
.turnbanner .slick-next:before { content: "\f138"; font-family: "FontAwesome"; }
/*-輪播箭頭*/
.turnbanner .slick-next{right:30px}
.turnbanner .slick-prev{left:15px}
.slick-prev:before, .slick-next:before{ color:#999}
/*-輪播點點*/
.turnbanner .slick-dots li button:hover:before, .turnbanner .slick-dots li button:focus:before{color:#666}
.turnbanner .slick-dots li.slick-active button:before{ color:#000 }
.turnbanner .slick-dots{ bottom:0px}
.slick-dots li button:before{ font-size:50px; top:30px}


/*------------------------------------------------newbook*/
.newbook { width: 930px; padding: 15px 0 ; text-align: center; margin: 0 auto; }
.newbook div { text-align: center; margin: 0 ; padding: 0;}
.newbook div a { display: block;width:110px; margin: 0 auto  }
.newbook div img { width:110px; height:150px; margin: 0 auto 10px;  }


/*-*/
.newbook .slick-prev { top: 90px; left: -35px; width:40px; height:35px  }
.newbook .slick-next { top: 90px; right:-35px; width:40px; height:35px   }
.newbook .slick-dots { bottom: 0; }
.newbook .slick-prev:before { content: "\f137"; font-family: "FontAwesome"; }
.newbook .slick-next:before { content: "\f138"; font-family: "FontAwesome"; }

/*-----------------------*/
/*箭頭顏色-*/
.newbook .slick-prev:before, .newbook .slick-next:before { color: #95d7eb; font-size: 40px; }
.newbook .slick-prev:before, .newbook .slick-next:before { color: #95d7eb; font-size: 40px; }