/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:"微軟正黑體", Arial, sans-serif; font-size:13px; color:#ffffff; line-height:22px; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; color:#ffffff;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover {	color:#ffffff; text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.main-Box, .top-Box, .menu-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1050px; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

.slider a:before { content:""; display:block; position:absolute; width:100%; height:100%; z-index:1;}



.banner-font { padding:90px 0 0 80px;}
.single-item .slick-slide { height:580px;}
.single-item .slick-prev, .single-item .slick-next { width:auto; height:auto; top:45%;}
.single-item .slick-prev { left:25px;}
.single-item .slick-next { right:25px;}
.single-item .slick-prev:before { content:"\f104"; font-family:'FontAwesome'; font-size:64px;}
.single-item .slick-next:before { content:"\f105"; font-family:'FontAwesome'; font-size:64px;}
.single-item .slick-dots { display:none !important;}

.idx-content { background:#1475d6; padding:22px 20px; text-align:center; color:#fff; font-size:18px; line-height:120%; letter-spacing:1px;}
h1 { font-size:33px; font-weight:normal; line-height:120%; padding-bottom:10px;}
.btn01 { display:inline-block; border-radius:10px; min-width:130px; height:30px; color:#fff; font-size:16px; line-height:28px; border:1px solid #fff; margin-top:20px; position:relative; overflow:hidden;}
.btn01 span { display:block; position:absolute; z-index:2; width:100%; text-align:center; top:0;}
.btn01:before { content:""; width:0; height:100%;background:#ede5b6; left:0; top:0; display:block; z-index:1;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.btn01:hover span { color:#6e5511; }
.btn01:hover:before { width:100%;}



@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 640px) {
.banner-font { padding-left:20px; padding-right:20px;}
}
@media only screen and (max-width: 570px) {
.single-item .slick-slide { height:400px;}
}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 320px) {

}