/* CSS Document */

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:"微軟正黑體", Arial, sans-serif; overflow-x:hidden; }
img {	border:0; }

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

a { text-decoration:none; 
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s 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+ */}

.content-Box { max-width:1200px; 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;}


.banner { line-height:0;}
.banner .owl-item { text-align:center;}
.banner .owl-pagination { }
.banner .owl-prev { position:absolute; z-index:100; left:0px; top:calc(50% - 10px); background:none !important;}
.banner .owl-prev:before { font-family:'FontAwesome'; font-size:90px; content:"\f104";}
.banner .owl-next { position:absolute; z-index:100; right:0px; top:calc(50% - 10px); background:none !important;}
.banner .owl-next:before { font-family:'FontAwesome'; font-size:90px; content:"\f105";}
.banner .owl-controls { bottom:40px; padding:0 20px; text-align:right !important; position:absolute; z-index:100; margin-top:0 !important; width:100%;}
.banner .owl-buttons { display:none;}

.idx-news-bg { padding:40px 0; background:#55b2b7;}
.idx-news-title { letter-spacing:4px; color:#fff; font-size:16px; text-align:center; line-height:110%; margin-bottom:30px;}
.idx-news-title span { display:inline; font-size:21px; margin-right:10px;}
.responsive { padding:0 35px;}
.responsive .slick-slide { position:relative; padding:0 20px;}
.responsive .slick-list { padding:10px 0;}
.responsive .slick-dots { text-align:center; display:none !important; bottom:0;}
.responsive .slick-slide img { width:100%;}
.responsive .slick-prev, .responsive .slick-next { width:auto; height:auto; top:45%;}
.responsive .slick-prev { left:10px;}
.responsive .slick-prev::before { font-family:'FontAwesome'; content:"\f104"; font-size:60px; color:#fff;}
.responsive .slick-next { right:20px;}
.responsive .slick-next::before { font-family:'FontAwesome'; content:"\f105"; font-size:60px; color:#fff;}
.responsive .slick-track > div:nth-child(odd) { margin-top:188px;}
.responsive .slick-track > div:first-child { left:0 !important;}

.idx-news-box { position:relative; /*overflow:hidden;*/ border-radius:100%; box-shadow: 3px 3px 0px 1px #8cc020; line-height:0; }
.white-bg { position:absolute; width:100%; height:100%; background:rgba(255,255,255,.8); opacity:0; z-index:2;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;}
.idx-news-box .white-bg, .idx-news-box img { border-radius:100%;}
.idx-news-data { position:absolute; z-index:3; width:100%; text-align:center; top:110px; padding:0 20px; text-shadow: 2px 2px 2px #000; color:#fff; font-size:12px; letter-spacing:2px; line-height:150%; opacity: 0; visibility: hidden; transition: all 0.3s;}
.idx-news-data span { display:block; font-size:11px;} 
.idx-news-box:hover .idx-news-data { opacity: 1; visibility: visible;}
.idx-news-box:hover .white-bg, .idx-pro-list > div:hover .white-bg { opacity:1;}
.idx-news-box:hover .idx-news-data { color:#595758; text-shadow: 0px 0px 0px #000;}

.idx-pro-bg { padding:95px 0 45px 0; background:#d9535e;}
.idx-pro-box { max-width:1000px;}
.idx-pro-list { margin-top:60px; display:flex; flex-direction:row; flex-wrap:wrap;}
.idx-pro-list > div { width:calc(33.33% - 26px); margin:0 13px 50px 13px; overflow:hidden; position:relative; line-height:0; text-align: center;}
.idx-pro-list > div img { /*max-height: 205px;*/ width: 100%;}
.idx-pro-list-txt-1 { position:absolute; z-index:3; width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:20px; color:#fff;text-shadow: 2px 2px 1px #000; padding:10px; line-height:120%; letter-spacing:2px;}
.idx-pro-list-txt-2 { position:absolute; z-index:4; width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:13px; color:#3e3a39; padding:10px; line-height:150%; opacity:0; letter-spacing:2px; text-align:center; font-weight:bold;}
.idx-pro-list > div:hover .idx-pro-list-txt-1 { opacity:0;}
.idx-pro-list > div:hover .idx-pro-list-txt-2 { opacity:1;}

.idx-about-bg { padding:95px 0 50px 0; background:#f8c40e;}
.idx-about-list > div { padding:0 20px; text-align:center;}
.idx-about-list > div img { max-width:265px;}
.idx-about-list-data { margin-top:50px; text-align:left;}
.idx-about-list-data, .idx-about-list-data h1 { color:#fff; font-size:15px; line-height:28px; font-weight:normal; letter-spacing:1px;}

.idx-history-bg { background:#55b2b7;}
.idx-history-box { padding:90px 0; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between; max-width:1050px;}
.idx-history-box > div { width:50%; position:relative;} 
.idx-history-box > div:nth-child(odd) { margin:0 0 0 auto; left:-5px;}
.idx-history-box > div:nth-child(even) { margin:0 auto 0 0;}
.idx-history-box:before { content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background:#d9535e; display:block;}
.idx-history-1 { position:relative; padding-left:200px; }
.idx-history-1:before { content:""; display:block; position:absolute; width:10px; height:10px; border-radius:100%; background:#d9535f; top:45px; left:0;}
.idx-history-1:after { content:""; display:block; position:absolute; width:200px; height:1px; background:#d9535f; top:50px; left:0;}
.idx-history-top { font-family:Georgia, serif; font-size:45px; color:#fff; margin-bottom:15px;}
.idx-history-top img { display:inline-block; vertical-align:middle; margin-right:5px;}
.idx-history-top span { display:block; font-size:15px; color:#595758; font-weight:bold; letter-spacing:2px; line-height:150%; font-family:"微軟正黑體"; padding-left:10px;}
.idx-history-2 { top:-70px; margin-bottom:-70px !important; max-width:240px; margin:0 0 0 auto; padding-left:0;}
.idx-history-2:before { top:34px; right:-5px; left:auto;}
.idx-history-2:after { width:35px; top:39px; right:-5px; left:auto;}
.idx-history-2 .idx-history-top span { /*padding-left:88px;*/}
.idx-history-3 { padding-left:50px; top:-20px; margin-bottom:-20px; max-width:300px; }
.idx-history-3:before { top:35px; left:0;}
.idx-history-3:after { width:40px; top:40px; left:0;}
.idx-history-4 { padding-left:0px; padding-right:30px; top:-70px; margin-bottom:-70px !important; max-width:410px; margin:0 0 0 auto;}
.idx-history-4:before { top:34px; right:-5px; left:auto;}
.idx-history-4:after { width:200px; top:39px; right:-5px; left:auto;}
.idx-history-5 { padding-left:50px; top:-100px; margin-bottom:-100px; max-width:330px; }
.idx-history-5:before { top:35px; left:0;}
.idx-history-5:after { width:40px; top:40px; left:0;}
.idx-history-6 { padding-left:0px; padding-right:30px; top:-240px; margin-bottom:-440px !important; max-width:410px; margin:0 0 0 auto;}
.idx-history-6:before { top:34px; right:-5px; left:auto;}
.idx-history-6:after { width:200px; top:39px; right:-5px; left:auto;}

.list-disc { margin:0 0 0 20px;}
.list-disc li { list-style-type:disc;} 

.idx-footer-box { max-width:1100px; padding-left:15px; padding-right:15px; margin-top:40px; text-align:center;}
.idx-footer-info { letter-spacing:2px; text-align:center; font-size:16px; color:#fff; line-height:28px; margin-bottom:45px;}
.idx-footer-info a { color:#fff;}
.idx-footer-info a:hover { color:#fff; opacity:0.6;}
.idx-footer-bottom { display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:100px;}
.idx-footer-bottom > div { width:50%;}
.idx-footer-bottom > div:first-child { padding-right:55px;}
.idx-footer-form { background:rgba(255,255,255,.2); padding:20px 35px 15px 35px;}
.idx-footer-form input[type="text"], .idx-footer-form input[type="email"], .idx-footer-form textarea { background:#fff; height:50px; line-height:50px; padding:0 15px; font-size: 14px; border-width: 0px; color:#808080; display:block; width:100%; margin-bottom:5px; letter-spacing:2px;}
.idx-footer-form textarea { height:105px;}
.idx-footer-form-btn { text-align:right; padding-top:8px;}
.idx-footer-form-btn a { border-radius:5px; line-height:45px; width:140px; color:#fff; text-align:center; background:#55b2b7; letter-spacing:4px; font-size:14px; display:inline-block;}
.idx-footer-form-btn a:hover { opacity:0.6;}
.idx-footer-form-note { padding-top:50px; text-align:center; color:#fff; font-size:14px; letter-spacing:2px; line-height:25px;}
.idx-footer-form-note a { color:#fff;}
.idx-footer-map { background:#fff; padding:6px;}
.idx-footer-map iframe { width:100%; height:515px; border-width:0;}


@media only screen and (max-width: 1200px) {
.idx-news-data { top:50%;}
}

@media only screen and (max-width: 980px) {
.banner .owl-controls { padding:10px 20px 20px 20px; text-align:center !important; position:inherit; bottom:10px;}
.idx-pro-list .idx-pro-list-txt-2, .idx-pro-list .white-bg { display:none;}
.idx-pro-list > div:hover .idx-pro-list-txt-1 { opacity:1;}
}

@media only screen and (max-width: 768px) {
.idx-history-box { padding:50px 0;}
.idx-history-box:before { left:30px; }
.idx-history-box > div { width:100%; padding:0 15px 0 30px; left:-5px !important; } 
.idx-history-1:before { top:35px !important; left:0 !important; right:auto !important;}
.idx-history-1:after { width:40px !important; top:40px !important; left:0 !important;}
.idx-history-1 { top:auto !important; margin-bottom:auto !important; max-width:100% !important; padding-left:50px !important;}
.idx-history-top img { max-width:65px;}
.idx-footer-bottom > div { width:100%; padding-right:0 !important;}
.idx-footer-bottom { margin-bottom:50px;}
.idx-footer-form-note { padding-bottom:50px;}
}
@media only screen and (max-width: 640px) {
.responsive .slick-track > div:nth-child(odd) { margin-top:0px;}
.idx-pro-bg, .idx-about-bg { padding:65px 0 30px 0;}
.idx-pro-list > div { width:calc(50% - 26px); margin-bottom:25px; }
/*.idx-pro-list > div:last-child { width:calc(100% - 26px); }*/
.idx-about-list > div { width:100%;}

}
@media only screen and (max-width: 570px) {
.idx-footer-map iframe { height:350px;}

}

@media only screen and (max-width: 414px) {
.idx-pro-list > div { width:calc(100% - 26px);}
}

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

}