/* 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:15px; color:#434343;}
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;}

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


#banner { background:url(../images/idx-ban-bg.jpg) top center;}
.single-item img { width:1100px; margin:0 auto; float:none;}
.single-item .slick-slide { position:relative;}
.single-item .slick-dots { text-align:center; display:none !important;}
.single-item .slick-dots li { width:auto; height:3px; overflow:hidden;}
.single-item .slick-dots li button { width:30px; height:3px; background:#fff; margin:0 2px;}
.single-item .slick-dots li button::before { content:""; display:none; }
.single-item .slick-dots li.slick-active button  { background:#0064a8;}
/*.single-item .slick-prev, .single-item .slick-next { display:none !important;}*/
.single-item .slick-prev, .single-item .slick-next { width:auto; height:auto; top:47%;}
.single-item .slick-prev { left:40px;}
.single-item .slick-prev::before { font-family:'FontAwesome'; content:"\f104"; font-size:90px;}
.single-item .slick-next { right:40px;}
.single-item .slick-next::before { font-family:'FontAwesome'; content:"\f105"; font-size:90px;}
.banner-data { position:absolute; width:100%; bottom:0; left:0; height:205px; background:rgba(0,0,0,.4); text-align:center; padding-top:35px; z-index:2;}
.banner-data-title { font-size:15px; color:#ffffff; padding-bottom:25px;}
.banner-data-title span { font-size:40px; line-height:130%; padding-bottom:5px; text-shadow: 0px 5px 8px #000; display:block;}
.banner-data-btn span { display:inline-block; border-radius:5px; text-align:center; min-width:120px; height:30px; line-height:30px; color:#ffffff; font-size:15px; padding:0 6px; background:#0064a8;}
.single-item .slick-slide:hover .banner-data-btn span { background:#16326f;}

.idx-main { background:url(../images/idx-main-bg.jpg) no-repeat top center; background-size:cover; display:flex; flex-direction:row; flex-wrap:wrap;}
.idx-main > div { width:50%; padding:40px 0;}
.idx-main > div:first-child { background:rgba(0,0,0,.5); text-align:right; }
.idx-main > div:last-child { background:rgba(235,235,235,.85); text-align:left; }
.idx-news { max-width:550px; width:100%; display:inline-block; vertical-align:top; padding:0 20px; text-align:left;}
.idx-news-title { color:#ffffff; font-size:25px; letter-spacing:2px; line-height:120%;}
.idx-news-title:after { content:""; height:1px; width:20px; background:#fff; margin:25px 0; display:block;}
.idx-news-list { display:flex; flex-direction:row; flex-wrap:wrap;}
.idx-news-list > div { width:50%; padding:0 13px 30px 13px;}
.idx-news-list-pto { line-height:0; overflow:hidden; border:1px solid #ededed;
-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);}
.idx-news-list-pto img { width:100%;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.idx-news-list-name { text-align:center; padding-top:10px; color:#fff; font-size:14px; line-height:24px;}
.idx-news-list-name span { font-size:16px; display:block;}
.idx-news-list > div:hover img { -webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}
.single-item2 .slick-slide { position:relative;}
.single-item2 .slick-dots { text-align:center; bottom:-10px;}
.single-item2 .slick-dots li { width:auto; overflow:hidden;}
.single-item2 .slick-dots li button { background:#5b5c5c; margin:0 2px; border-radius:100%; width:15px; height:15px;}
.single-item2 .slick-dots li button::before { content:""; display:none; }
.single-item2 .slick-dots li.slick-active button  { background:#ffffff;}
.single-item2 .slick-prev, .single-item2 .slick-next { display:none !important;}

.idx-about { max-width:550px; width:100%; display:inline-block; vertical-align:top; padding:0 40px; text-align:left; font-size:15px; color:#434343; line-height:30px;}
.idx-about h1 { font-size:25px; color:#e60831; font-weight:normal; line-height:120%; letter-spacing:2px; padding:15px 0 25px 0;}
.idx-about-more { color:#e60831; text-decoration:underline;}
.idx-about-more:hover { color:#e60831; text-decoration:none;}
.idx-about-list { display:flex; flex-direction:row; flex-wrap:wrap; padding-top:28px;}
.idx-about-list > div { background:url(../images/dot-1.png) no-repeat 5px 10px; padding-left:20px; padding-bottom:7px; padding-right:10px; width:33.333%;}

.idx-link { padding:30px 0 20px 0; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;}
.idx-link > div { padding:0 5px 10px 5px; width:33.33%;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.idx-link > div img { width:100%; display:inline-block; vertical-align:top;}
.idx-link > div:hover { opacity:0.7;}


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

@media only screen and (max-width: 768px) {
.banner-data { position:relative; bottom:auto; left:auto; min-height:205px; background:rgba(0,0,0,1); text-align:center; padding:25px 10px 45px 10px; margin-top:-40px;}
.banner-data-title span { font-size:30px;}
.single-item .slick-dots { display:block !important;}
.single-item .slick-prev, .single-item .slick-next, .banner-slogon p { display:none !important;}

.idx-main > div { width:100%; }
.idx-news, .idx-about { max-width:100%;}
.idx-about { padding:0 20px;}
}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 570px) {
.idx-link { padding:0px 0 0px 0;}
.idx-link > div { width:100%; padding:0 0 0px 0;}

}

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

}

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

}