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

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Abel,"微軟正黑體"; letter-spacing:1px; }
img {	border:0; }

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

a { text-decoration:none; 
-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 { 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:1100px; 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;}

#gotop { display: none; position: fixed; right:20px; bottom:20px; cursor: pointer; }
#gotop a { display:inline-block; width:30px; height:30px; border-radius:100%; padding-top:6px; color:#000; opacity:0.5;  filter: alpha(opacity=50); background:#fff;}
#gotop a:hover { color:#000; opacity:1;  filter: alpha(opacity=80);}


.banner { margin-bottom:0px; line-height:0;}
.owl-theme .owl-controls { position:absolute; width:100%; z-index:100; bottom:15px;}
#owl-demo .owl-buttons { display:none !important;}


.idx-hot-title { padding:65px 15px 40px 15px; text-align:center; color:#b3b3b3; font-size:16px;}
.idx-hot-title b { display:block; font-family:"Times New Roman", serif; font-size:24px; color:#454545; line-height:110%; padding-bottom:10px; text-transform:uppercase;}
.hot-box { background:#fff; position:relative; padding:20px 61px 40px 61px;}
.hot-box .owl-controls { display:none !important;}
.customNavigation { text-align:center; position:absolute; width:100%; left:0; top:0; height:100%;}
.prev { float:left; border-right:0px solid #999999; height:100%; position:relative;}
.next { float:right; border-left:0px solid #999999; height:100%; position:relative;}
.prev i, .next i { position:relative; top:35%; width:60px; font-size:60px; cursor:pointer;}
.item { text-align:center;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.item:hover span { color:#8b5a00;}
.item a { font-size:18px; color:#010101;}
.item a:hover { color:#010101;}
.item span { display:block; }
.btn:hover { opacity:0.5;}

.idx-about { background:url(../images/idx-about-bg.jpg) no-repeat top center; background-size:cover; min-height:462px; position:relative;display:flex; justify-content:center; align-items:center; }
.idx-about:before { position:absolute; content:""; width:50%; height:100%; top:0; left:0; background:rgba(173,132,80,.9);}
.idx-about-content { width:50%; position:relative; z-index:2; color:#fff; padding:0 60px; font-size:16px; line-height:24px;}
.idx-about-content h1 { font-family:"Times New Roman", serif; font-size:28px; line-height:110%; text-transform:uppercase; padding-bottom:10px;}
.idx-about-content p { padding-bottom:22px;}
.idx-about-content a { display:inline-block; vertical-align:top; font-size:15px; color:#fff;}
.idx-about-content a i { display:inline-block; vertical-align:top; font-size:12px; padding-left:6px; padding-top:6px;}
.idx-about-content a:hover { padding-left:20px;}


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

}

@media only screen and (max-width: 768px) {
.idx-about:before, .idx-about-content { width:100%;}
}

@media only screen and (max-width: 570px) {
.idx-about-content { padding:30px;}
}

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

}

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



}