/* 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:#000000; line-height:22px; }
img {	border:0; }

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

a { text-decoration:none; color:#000000;
-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:#000000; 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;}


#main { font-size:15px; color:#000000; line-height:26px;}
#main p { margin:0 0 20px 0;}

/*about*/
.about-bg1 { background:url(../images/about_main_bg.jpg) no-repeat top center; background-size:cover;}
.about-box1 { max-width:826px; margin:0 auto; padding:80px 20px; text-align:left;}
.about-title { text-align:center; color:#333333; font-size:36px; padding-bottom:70px; line-height:140%;}
.about-box1-left { display:inline-block; vertical-align:top; width:calc(100% - 204px - 7px); padding-right:40px;}
.about-box1-right { display:inline-block; vertical-align:top; width:204px;}
.about-box1-right img {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
.about-bg2 { background:url(../images/about_main_bg03.jpg) no-repeat top center; background-size:cover;}
.about-box2 { margin:0 auto; padding:80px 20px;}
.history-rwd { display:none;}
.history-year { height:44px; background:rgba(0,0,0,1); font-size:24px; letter-spacing:1px; color:#fff; text-align:left; padding-left:10px; line-height:44px;}
.history-data { padding:15px 20px; background:rgba(0,0,0,.7); color:#fff; font-size:14px;}
.history-data p { color:#fff;}
.history-1 { background:url(../images/1.jpg) no-repeat; background-size:cover; padding:20px;}
.history-2 { background:url(../images/2.jpg) no-repeat; background-size:cover;}
.history-3 { background:url(../images/3.jpg) no-repeat; background-size:cover;}
.history-4 { background:url(../images/4.jpg) no-repeat; background-size:cover;}
.history-5 { background:url(../images/5.jpg) no-repeat; background-size:cover;}
.history-6 { background:url(../images/6.jpg) no-repeat; background-size:cover;}

/*products*/
.products-bg { background:url(../images/product_bg.jpg) no-repeat top center; background-size:cover;}
.products-box { padding:80px 0;}
.products-list { display:flex; flex-direction:row; flex-wrap:wrap; }
.products-list > div { /*width:334px;*/ width:250px; height:301px; overflow:hidden; position:relative; margin:0 6px 15px 6px;}
.products-list-pto { line-height:0;}
.products-list-pto img { width:100%;
-webkit-transition: all 0.7s ease-in-out 0s;
-moz-transition: all 0.7s ease-in-out 0s;
transition: all 0.7s ease-in-out 0s;}
.products-list-data { position:absolute; bottom:0; height:113px; padding:20px; background:rgba(42,119,186,.9); text-align:center; color:#fff; z-index:2; width:100%;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;}
.products-list-data b { font-size:20px; display:block; padding-bottom:7px; font-weight:normal;}
.products-list-data span { font-size:12px; display:block; line-height:140%;}
.products-list > div:hover img { 
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}
.products-list > div:hover .products-list-data { background:rgba(5,50,88,.9); bottom:-45px;}
.products-list > div:hover .products-list-data span { display:none;}

/*products-detail*/
.products-detail-banner { height:420px; background-size:cover; position:relative;}
.products-detail-banner-txt { position:absolute;  width:100%; text-align:center; top:calc(50% - 15px); color:#ffffff; font-size:36px; font-weight: bold; line-height:150%; /*text-shadow: 2px 2px 8px #000; */}
.align-l { text-align:left;}
.products-detail-title { padding-bottom:40px;}
.products-detail-box { padding:40px 20px;}
.products-detail-left { display:inline-block; vertical-align:top; width:calc(50% - 5px); padding-bottom:20px;}
.products-detail-right { display:inline-block; vertical-align:top; width:calc(50% - 5px); padding-left:20px; text-align:left;}
.products-detail-bottom { display:flex; flex-direction:row; flex-wrap:no-wrap; background:#3b7cf5; }
.products-detail-bottom > div { position:relative;}
.products-detail-bottom > div:after { content:""; width:0; height:100%; position:absolute; background:#1b61e3; top:0; left:0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;}
.products-detail-bottom > div a { color:#fff; display:block; vertical-align:top;padding:10px 20px; position:relative; color:#fff; font-size:18px; line-height:22px; position:relative; z-index:5;}
.products-detail-bottom > div span { text-transform:uppercase; display:block; font-size:12px;}
.products-detail-bottom > div:nth-of-type(1) { text-align:left; width:50%;}
.products-detail-bottom > div:nth-of-type(1) a { padding-left:55px;}
.products-detail-bottom > div:nth-of-type(1):before { content:""; position:absolute; top:13px; left:20px; background:url(../images/icon-prev.png) no-repeat; width:25px; height:42px; padding-right:10px; z-index:5;}
.products-detail-bottom > div:nth-of-type(2) { border-right:1px solid #fff; border-left:1px solid #fff; position:relative; text-align:center; width:200px;}	
.products-detail-bottom > div:nth-of-type(3) { text-align:right; width:50%;}
.products-detail-bottom > div:nth-of-type(3) a { padding-right:65px;}
.products-detail-bottom > div:nth-of-type(3) a:before { content:""; position:absolute; top:13px; right:20px;background:url(../images/icon-next.png) no-repeat; width:25px; height:42px; padding-left:10px; z-index:5;}
.products-detail-bottom > div:hover:after { width:100%;}

/*news*/
.news-bg { background:url(../images/news_bg.jpg) no-repeat top center; background-size:cover;}
.select-box { display:block; vertical-align:top; margin-bottom:20px; width:120px; margin-left:10px;}
.news-list { display:flex; flex-direction:row; flex-wrap:wrap; }
.news-list > div { width:334px; height:301px; overflow:hidden; position:relative; margin:0 6px 15px 6px;}
.news-list-pto { line-height:0;}
.news-list-pto img { width:100%;
-webkit-transition: all 0.7s ease-in-out 0s;
-moz-transition: all 0.7s ease-in-out 0s;
transition: all 0.7s ease-in-out 0s;}
.news-list-data { position:absolute; bottom:0; height:113px; padding:20px; background:#3983ff; text-align:center; color:#fff; z-index:2; width:100%;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;}
.news-list-data b { display:block; padding-bottom:7px; font-weight:normal; position:relative; top:-55px; width:64px; height:64px; margin:0 auto -45px auto; border-radius:100%; background:#5a4000; text-align:center; font-size:18px; line-height:100%; padding-top:9px;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;}
.news-list-data b span { font-size:24px; display:block; line-height:100%;}
.news-list-data span { font-size:17px; display:block; line-height:140%;}
.news-list > div:hover img { 
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}
.news-list > div:hover .news-list-data { background:#083581; bottom:-15px;}
.news-list > div:hover .news-list-data b { background:#927e49;}

/*news-detail*/
.news-detail-bg { background:url(../images/news_detail_bg.jpg) repeat-x top #fff;}
.news-detail-content { margin:0 auto; max-width:872px; text-align:left; padding:32px 20px;}
.news-detail-title { display:flex; flex-direction:row; flex-wrap:no-wrap; align-items:center; margin-bottom:30px; }
.news-detail-title div:first-child { display:block; padding-bottom:7px; font-weight:normal; width:64px; height:64px; border-radius:100%; background:#5a4000; text-align:center; font-size:18px; line-height:100%; padding-top:9px; color:#fff; }
.news-detail-title div:first-child span { font-size:24px; display:block; line-height:100%;}
.news-detail-title div:last-child { width:calc(100% - 64px); padding-left:15px; font-size:24px; color:#020202;font-weight:bold;}

/*equipment*/
.equipment-bg { background:url(../images/as_bg.jpg) no-repeat top center; background-size:cover;}
.equipment-content { margin:0 auto; max-width:872px; text-align:left; padding:80px 20px;}
.equipment-list { display:flex; flex-direction:row; flex-wrap:wrap;}
.equipment-list li { margin:0 2px 4px 2px; width:calc(50% - 4px); padding:3px; background:#fff; display:flex; flex-direction:row; flex-wrap:no-wrap; align-items:center;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;}
.equipment-list li div:first-child { width:190px; line-height:0;}
.equipment-list li div:last-child { width:calc(100% - 190px); padding-left:35px; font-size:16px; color:#666666; line-height:140%;}
.equipment-list li:hover { background:#3983ff;}
.equipment-list li:hover div:last-child a { color:#fff !important;}

/*contact*/
.contact-bg { background:url(../images/contact_banner.jpg) no-repeat top center; background-size:cover; height:400px;}
.contact-content { margin:0 auto; max-width:872px; text-align:left; padding:30px 20px;}
.contact-title { padding-bottom:30px;}
.contact-info { padding-bottom:28px;}
.contact-info b { font-size:23px; color:#151516; display:block; padding-bottom:20px; letter-spacing:3px;}
.contact-info-table th { text-align:left; width:25px; padding-bottom:12px; color:#66b4ff; font-size:18px;}
.contact-info-table td { text-align:left; padding-bottom:12px; color:#333333; font-size:17px;}
.contact-info-table td a:hover { color:#6e5511;}
.title01 { font-size:23px; padding-bottom:20px; font-weight:bold;}
.star { color:#66b4ff;}
.contact-table th { position:relative; width:90px; padding-left:18px; padding-top:7px; }
.th-star { position:absolute; top:4px; left:6px;}
.td-flex { display:flex; flex-direction:row; flex-wrap:no-wrap; align-items:center}
.td-flex div:nth-of-type(1) { width:60%;}
.td-flex div:nth-of-type(2) { width:40%; padding-left:10px;}
.contact-btn { position:relative; text-align:right; top:-60px; right:50px; margin-bottom:-40px;}
.btn01 { display:inline-block; border-radius:10px; min-width:146px; height:38px; color:#fff; font-size:16px; line-height:36px; position:relative; overflow:hidden; background:#1561b9;}
.btn01 span { display:block; position:absolute; z-index:2; width:100%; text-align:center; top:0;}
.btn01:before { content:""; width:0; height:100%;background:#6e5511; 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:#fff; }
.btn01:hover:before { width:100%;}

input[type="text"], input[type="number"], input[type="tel"], input[type="phone"], input[type="date"], input[type="email"], input[type="password"], input[type="button"], textarea { font-size: 16px; border: 1px solid #ddd; margin: 0px 0 0 0; width: 100%; padding: 1px 5px 1px 5px; color:#424242; height:38px; margin-bottom:5px; background:#fff; border-radius:5px; }
textarea { border:1px solid #ddd; height:135px;}
select{ border: 1px solid #ddd; margin: 0px 0 0 0; min-width: 80px; width:100%; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 1px 27px 1px 5px; font-size:16px; color:#424242; height:38px; margin-bottom:5px; background-color:#fff; margin-right:4px;border-radius:5px; }
option { padding:1px 5px;}
select::-ms-expand {
    display: none;
}

.map { line-height:0;}
.map iframe { border-width:0; width:100%; height:250px;}

.location li { display:inline-block; vertical-align:top; padding-right:50px; width:calc(50% - 5px);}
.location li > b { display:block; font-size:18px; padding-bottom:20px;}
.location-content { padding-bottom:25px;}
.location-content b { font-size:15px; display:block;}

@media only screen and (max-width: 1037px) {
.products-list { justify-content:center;}
}

@media only screen and (max-width: 960px) {
.kwicks { display:none;}
.history-rwd { display:block;}
}
@media only screen and (max-width: 768px) {
.about-box1 { padding-top:40px; padding-bottom:40px;}
.about-box1-left { width:100%; padding-right:0; padding-bottom:25px;}
.about-box1-right { text-align:center; width:100%;}
.anchor { display:none !important;}
.products-detail-bottom { flex-direction:column;}
.products-detail-bottom > div { width:100% !important;}
.products-detail-bottom > div:nth-of-type(2) { border-right:0px solid #fff; border-left:0px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.equipment-list li { width:100%; margin-left:0; margin-right:0;}
.news-list { justify-content:center;}
}
@media only screen and (max-width: 640px) {
.products-detail-left { width:100%;}
.products-detail-right { width:100%; padding-left:0;}
.contact-table th { padding-bottom:5px !important;}
.contact-table th, .contact-table td { display:list-item;}
.td-flex div:nth-of-type(1), .td-flex div:nth-of-type(2) { width:100%; padding-left:0;} 
.contact-btn { position:inherit; top:auto; right:auto; text-align:center; margin-bottom:0;}
.contact-bg { height:250px;}
}
@media only screen and (max-width: 570px) {
.about-bg1 { background-position:-350px 0px;}
.products-detail-banner { height:300px;}
.location li { width:100%; padding-right:0;}
}

@media only screen and (max-width: 414px) {
.equipment-list li { flex-wrap:wrap;}
.equipment-list li div:first-child { width:100%; text-align:center;}
.equipment-list li div:last-child { width:100%; padding:10px; text-align:center;}
}

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

}