/* CSS Document */
@import url(font-awesome/css/fontawesome-all.css);
@import 'layout.css';

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center;font-family: 'Arial', sans-serif;word-break: break-word;line-height: 150%;background: #221f20; }
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+ */}


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


#content{}
.path { padding-top:15px; text-align:left;}
.path li { color:#fff; font-size:14px; font-family:Arial; letter-spacing:1px; display:inline-block; vertical-align:top;}
.path li:after { content:">"; display:inline-block; padding:0 3px; vertical-align:top;}
.path li:last-child:after { display:none;}
.path li a { color:#fff;}
.path li a:hover { color:#fa8330; text-decoration:underline;}
.description{padding-bottom: 45px;}
.description h1 { padding:15px 0;font-size:36px; line-height:120%; color:#fff;}
.description h1::after{content:"";width: 280px;display: block;border-bottom: 2px solid #fff;padding-top: 10px;}
.description .copywriting{color:#fff;padding: 5px 0;}
#main {margin-bottom: 105px;margin-top: 150px;}
/*#main iframe{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }*/
.back-button{width: 150px;background: #fa8330;padding: 5px;text-align: center;margin: 15px 0;min-height: 30px;}
.back-button a{color:#fff !important;}
.back-button:hover{opacity: .5;}
/*產品主分類*/
.main-product.noblock{background: none;}
.main-product-list { display: flex; flex-wrap: wrap; padding: 40px 0;}
.main-product-list .pro-list { width: calc(100%/2 - 17px);margin-right: 25px;margin-bottom: 35px;display: block; text-align: center; position: relative; }
.main-product-list .pro-list:nth-child(2n+2) { margin-right: 0px; }
.main-product-list .pro-list:hover .pic img { transform: scale(1.1);opacity: .2; }
.main-product-list .pic { max-width: 468px; margin: 0 auto; overflow: hidden; display: flex; justify-content: center; align-items: center;background: #191919;box-shadow: inset 0px 0px 16px 4px rgba(0, 0, 0, 0.58);}
.main-product-list .pic img { width: auto; max-height: 330px; float: left; transition: all .2s; }
.main-product-list .name { margin-top: 15px; margin-bottom: 15px; text-align: center; color: #fff; font-weight: normal; transition: all .2s;display: none; }
.main-product-list .pro-list:hover .link .name{display: block;}
.main-product-list .link { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;display: flex;align-items: center;justify-content: center;}
.products-frame {width: 100%;margin: 15px auto;background: #fff;}
/*產品列表頁*/

.products-banner{min-height: 473px;display: block;position: relative;}
.products-banner .owl-pagination { display:none;}
.products-banner.owl-theme .owl-controls{margin-top: 0;}
.products-frame  .products-banner .owl-buttons .owl-prev{background: none;left: 0;position: absolute;top: 50%;z-index: 99;}
.products-banner .owl-buttons .owl-prev::before{content:"\f104";font-family: 'Font Awesome 5 Free';font-weight: 900;display: block;font-size: 40px;color:#fff;}
.products-frame  .products-banner .owl-buttons .owl-next{background: none;right: 0;position: absolute;top: 50%;z-index: 99;}
.products-banner .owl-buttons .owl-next::before{content:"\f105";font-family: 'Font Awesome 5 Free';font-weight: 900;display: block;font-size: 40px;color:#fff;}
.products-banner::after{content:"";display:block;border-bottom:10px solid #3c3c3c;}
.products-banner div{max-height: 473px;}
.products-item{background: #fff;padding:30px 10px;}
.products-item ul{display: flex;align-items:start;flex-wrap: wrap;margin: 0 auto;text-align: center}
.products-item ul li{width: calc(100% / 3 - 20px);margin: 10px 10px;}
.products-item ul li .products-item-img{max-width: 288px;overflow: hidden;margin: 0 auto;}
.products-item ul li .products-item-img a img{max-height: 170px;}
.products-item ul li .products-item-name{padding: 15px 40px;}
.products-item ul li .products-item-name a{font-size: 16px;color:#333333;font-weight: 600;}
.products-item ul li:hover .products-item-name a{color:#fa8330;}
.products-item ul li:hover .products-item-img img{opacity: .5;}
/*產品詳細頁*/
.owl-carousel.products-detail-banner{max-width: 995px;overflow: hidden;margin: 0 auto;}
.owl-carousel.products-detail-banner img{max-height: 441px;}
.owl-carousel.products-detail-banner .owl-item div:first-child{display: flex;flex-direction: column;}
.products-data{background:#949494;color:#fff;padding: 5px 15px;}
.owl-carousel.products-detail-banner .owl-pagination {position: absolute;
    right: 10px;
    bottom: 20px;
    z-index: 999;}
.products-detail-descriptipn{padding: 30px 80px;}
.products-detail-introduction h2{margin: 15px 0;font-size: 22px;line-height: 120%;border-left: 4px solid #fa8330;padding-left: 5px;}
.products-detail-content{margin: 0px auto 30px auto;padding: 0 0 5vh 0;}
.products-flex{display: flex;align-items:center;margin: 0px auto 30px auto;padding: 0 0 5vh 0;}
.products-text{width: 55%;margin-right: 15px;}
.mini-font{font-size: 14px;}
.products-text ol,.products-text ul{margin: 15px;}
.products-text ol li{list-style-type: decimal;}
.products-text ul li{list-style:disc; }
.product-detail-download{margin: 30px auto;padding:0 0 3vh 0;}
.product-detail-download h2{margin: 15px 0;font-size: 22px;line-height: 120%;border-left: 4px solid #fa8330;padding-left: 5px;}
.product-detail-download ul{margin: 15px 0;display: flex;align-items: center;flex-wrap: wrap;}
.product-detail-download ul li{width: calc(100% / 2 - 10px);margin:10px 5px;display: flex;align-items: center;}
.product-detail-download ul li::before{content:url(../images/pdf-download.png);display: block;margin-right: 5px;}
.product-detail-download ul li a{color: #000;}
.iframe-part{margin:30px auto;text-align: center;padding:20px 0;}
.iframe-part iframe{width:100%;height:400px;}
.products-othershow{margin:30px auto;padding:20px 0;}
.products-othershow li {display: flex;align-items: center;margin:30px 0;list-style:none;justify-content:center;padding:15px 0; }
.products-othershow li .img{width: 25%;margin-right: 15px;position: relative;}
.products-othershow li .text {padding: 20px 0;border-bottom: 3px solid #03d3c6;}
.products-othershow li .img img{background: #fff;width: 100%;border-radius: 100%;border: 3px solid #03d3c6;}
.products-othershow li .img span{background: #03d3c6; color: #fff;border-radius: 100%;position: absolute;top: 55px;left:-10px;width: 30px;height: 30px;padding: 5px; text-align: center;}
.products-othershow li .img-02{width:30%;margin-right: 15px;}
.products-othershow li .img-02 img{border: 2px solid #333333;}
.products-othershow li .text-02{width:68%;}


.side_classLink { }
.side_classLink ul { }
.side_classLink ul li { }
.side_classLink ul li > a{ display:block; padding:16px 30px; color:#333; font-size:16px; line-height:140%; border-bottom:1px solid #959595; position:relative; font-family:Arial; }
.side_classLink ul li > a i { display:inline-block; position:absolute; top:17px; left:12px; color:#fff; font-size:20px;}
.side_classLink ul li > a:hover i, .side_classLink ul li > a.current i, .side_classLink ul li > a.current, .side_classLink ul li > a:hover{ color:#ff481e;}
.side_classLink ul li.current02{ display:none; }
.m_classLink{ display:none;}
.side_classLink ul li > div { padding:10px 0; border-bottom:1px solid #959595;}
.side_classLink ul li > div > div {}
.side_classLink ul li > div > div a { display:block; padding:8px 13px 8px 35px; color:#313131; font-size:14px; position:relative; font-family:Arial;}
.side_classLink ul li > div > div a i { position:absolute; display:inline-block; left:18px; top:12px; font-size:8px; color:#ff9a4f;}
.side_classLink ul li > div > div a:hover, .side_classLink ul li > div > div a.current { text-decoration:none; color:#ff9a4f;}

/*.products-list2 { display:flex; flex-direction:row; flex-wrap:wrap;}
.products-list2 > div { width:33.33%; border-bottom:1px solid #cacaca; text-align:center; padding:0 18px 25px 18px; margin-bottom:60px;}
.products-list2-pto { line-height:0;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.products-list2-name { font-size:14px; color:#252525; line-height:140%; font-family:Arial; padding-top:40px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.products-list2 > div:hover .products-list2-pto { opacity:0.7;}
.products-list2 > div:hover .products-list2-name { color:#ff481e;}*/
#page { display: flex; flex-direction: row; justify-content: center; align-items: center; text-align:center; padding-bottom:45px;}
.products-frame #page a { display:inline-block; margin:0 5px;font-family:Arial; color:#fff;}
/*#page a:before{ content: 'P.'; display: inline-block; padding-right: 0px; }*/
#page a:hover, #page a.current {color: #ff6d00;}

/*products-detail*/
.pro-box { display:flex; flex-direction:row; flex-wrap:wrap; padding-bottom:60px}
.pro-b { width:50%;}
.pro-content { width:50%; padding-left:58px; font-size:14px; color:#221815; font-family:Arial; line-height:140%; padding-right:10px;}

.pro-b-border { border:1px solid #999999; padding:35px 18px;}
.pro-s { text-align:left; padding:10px 0;}
.rslides_tabs { margin-top:0px;}
.rslides_tabs li { display:inline-block; width:calc(33.33% - 5px); margin:1px; opacity:0.35;  filter: alpha(opacity=35);border:1px solid #999999; padding:0px 10px; }
.rslides_tabs li a img { width:100%; }
.rslides_here { opacity:1 !important;  filter: alpha(opacity=100) !important;}

.pro-content-title { font-size:24px; font-weight:bold; line-height:120%; padding-bottom:10px;}
.share-box { padding:40px 0 15px 0;}
.btn-box { display:flex; flex-direction:row; flex-wrap:no-wrap; padding-bottom:20px;}
.btn-box a { display:inline-block; margin-right:10px; min-width:108px; height:36px; line-height:36px; text-align:center; color:#fff; background:#d2d2d2; font-size:20px; }
.btn-box a:hover { background:#555;}
.btn-inquiry { display:inline-block; min-width:140px; height:40px; text-align:center; color:#fff; background:#ff6d00; border-radius:6px; font-size:20px; line-height:38px;}
.btn-inquiry:hover { opacity:0.7;}

.description-title { border-bottom:1px solid #959595; padding:0 10px;}
.description-title span { display:inline-block; font-size:14px; color:#202020; padding:10px 5px 10px 14px; border-width:1px 0 0 1px; border-style:solid; border-color:#959595; position:relative; font-family:Arial;}
.description-title span:after { content:""; display:inline-block; position:absolute; right:-14px; top:-5px; height:46px; width:1px; background:#959595;
-moz-transform:rotate(-35deg);
-webkit-transform:rotate(-35deg);
-o-transform:rotate(-35deg);
-ms-transform:rotate(-35deg);
transform:rotate(-35deg);}
.description-content { padding:20px 10px;}
.responsive { padding-bottom:40px; padding-top:30px;}
.responsive .slick-slide { position:relative; background:url(../images/line.gif) no-repeat 100% 50%; padding:10px 35px;}
.responsive .slick-slide:hover { opacity:0.7;}
.responsive .slick-dots { text-align:center; bottom:0;}
.responsive .slick-dots li { width:auto; height:12px; overflow:hidden;}
.responsive .slick-dots li button { width:12px; height:12px; background:#b5b5b5; margin:0 2px; border-radius:100%;}
.responsive .slick-dots li button::before { content:""; display:none; }
.responsive .slick-dots li.slick-active button  { background:#ff9546;}
.responsive .slick-prev, .responsive .slick-next { display:none !important;}

.related-pro { display:flex; flex-direction:row; flex-wrap:no-wrap; align-items:center;}
.related-pro > div { width:50%;}
.related-pro > div:last-child { color:#202020; font-size:14px; padding-left:12px;}

/*about*/
.main-aboutus{color:#fff;}
.about-content { color:#333333; font-size:14px; font-family:Arial; line-height:150%;}
.about-top { background:url(../images/about-bg.jpg) no-repeat top left; }
.about-slogon { padding-top:40px; padding-bottom:30px;}
.about-data-1 { max-width:410px;}
.about-title { font-size:26px; line-height:130%; font-style:italic; color:#2c2c2c; padding-bottom:10px;}
.company-leftimg {margin-right: 5px;margin-bottom: 5px;border: 2px solid #fa8330;width: 60%;max-width: 300px;}
.company-frame{margin: 20px 0;padding: 10px 0;}
.company-frame p{margin: 0;padding: 0;line-height: 180%;}
.company-frame h2{margin-bottom: 10px;}
.company-frame ul{margin: 20px 0;padding: 10px 0;}
.company-frame ul li{list-style-type: square;}
.company-frame .company-fleximg{display: flex;align-items: center;flex-wrap: wrap;}
.company-frame .company-fleximg li{list-style-type: unset;width: calc(100% / 3 - 20px);margin: 10px;display: inline-block;}

.iframeBox{
	width: 100%;
}
/* news */
.news-banner{padding-top:20px; }
.news_table{ margin-bottom: 10px; }
.news_table tr td{ padding: 10px 0px; border-bottom: 1px dotted #fff; }
.news_table td a{ color: #fff; }
.news_table td a:hover{ color: #fa8330; }
.news_table tr td:first-child:before{ content: '\f0da'; display: inline-block;font-family: 'Font Awesome 5 Free';font-weight: 900; padding-right: 5px; color: #fa8330; }
.news_table tr td:last-child{ color: #fff; }
.news_show{color:#fff;}
.news_show a{color:#fa8330;}
/* contact us */
.contact_table{ border-left: 1px solid #ededed !important; border-top: 1px solid #ededed !important; }
.contact_table th{ padding: 3px 5px !important; background: #FF6D00 !important; color: #fff; border-right: 1px solid #ededed !important; border-bottom: 1px solid #ededed !important; }
.contact_table td{ padding: 3px 5px !important; border-right: 1px solid #ededed !important; border-bottom: 1px solid #ededed !important; }

.contact_main{ display: flex; flex-direction: row; justify-content: space-between; }
/* #formID.formular{ width: 49%; } */
.googlemapbox{ width: 49%; display: block; position: relative;padding: 0 0 0 12px;}
.contact_table input, .contact_table textarea{ width: 100% !important; padding: 3px 8px !important; margin: 3px auto; }
.contact_table select{ padding: 3px 8px !important; margin: 3px auto; }
.contact_table .btn_contact{ background: #333; color: #fff; border: none; padding: 10px 0px !important; cursor: pointer;
	-webkit-appearance: none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	transition: all .2s;
}
.contact_table .btn_contact:hover{ background: #FF6D00; }
.inquiry_table{ margin: 0 auto; }
.inquiry_table th, .member_table th{ background: #FF6D00; color: #fff; }
.menber_tabbox {
  color: #fff;
}
.menber_tabbox > tbody > tr > td {padding-bottom: 16px;}
.menber_inr_tabbox tr td:first-child{
  padding: 8px 4px 8px 0;
}
.menber_inr_tabbox tr td{
  padding: 8px 4px;
}
.menber_inr_tabbox input{
  padding: 4px;
}
.menber_inr_tabbox .member_title ~ td {
  display: flex;
}
.menber_inr_tabbox a:link,
.menber_inr_tabbox a:visited {
  color: #fff;
}
.menber_inr_tabbox .member_title ~ td input[name="mm_password"]{
  margin-right: 12px;
  }
  .menber_inr_tabbox .member_title ~ td .search_product{
    margin-right: 8px;
  }
.member_link a:first-child{margin-right: 20px;}

.download-box{display: flex;flex-wrap: wrap;}
.download-box .download-button{margin-bottom: 20px;display: block;}
.download-box .download-list{width: 22.363%;margin-right: 3.516%;}
.download-box .download-list:nth-child(4n+4){margin-right: 0;}
.download-box .download-title{color: #fff;text-align: center;}
@media only screen and (max-width:430px){
  .menber_inr_tabbox td{
    display: block;
  }
}
@media only screen and (max-width: 980px) {
 #content{padding-top:100px;}
 #main{padding: 0 2vw;margin-top: 30px;}
.products-list { padding-top:10px;}
.about-content { padding-left:10px; padding-right:10px;}
.contact_main{ flex-direction: column; }
#formID.formular{ width: 100%; }
.googlemapbox{width: 100%;height: 435px;padding: 12px 0 0 0px;}
.iframe-rwd {position: relative;padding-bottom: 50%;padding-top: 30px;height: 0;overflow: hidden;}
.iframe-rwd iframe {position: absolute;top: 20px;left: 0;width: 100%;height: 100%;}
/*產品主分類*/
.main-product-list { justify-content: space-between; }
.products-flex {flex-wrap: wrap;padding: 0 0 5vh 0;margin: 30px auto;}
.products-text{width: 100%;margin-right: 0;}
.product-detail-download ul li{width: 100%;}
.products-othershow li{flex-direction: column;}
.products-othershow li .img{width: 50%;margin-bottom: 30px;}
.products-othershow li .img span{display: block;position: unset;}
.products-othershow li .img-02{width:50%;margin-bottom: 30px;}
.products-othershow li .text-02{width:100%;}
}

@media only screen and (max-width: 768px) {
.banner { margin-bottom:0;}
.main-content { padding-top:0;}
div#left{ width: 100%; margin-bottom: 10px; }
.side_classLink { display:none;}
.m_classLink{ display:block; position:relative; border-bottom:1px solid #959595;}
.m_classLink a.main{ display:block; font-size:20px; position:relative; padding: 12px 10px 14px 10px; color:#333; text-align:left; cursor:pointer; }
.m_classLink a.main i{ display:block; font-size:20px; position:absolute; right:20px; top:50%; margin-top:-11px; color:#333; font-style:normal; font-family:FontAwesome;}
.m_classLink ul{ display:none; width:100%;  position:absolute; z-index:5; background:#fff; border-width:0; border-color:#000; border-style:solid; margin-top:1px; }
.m_classLink ul li { display:block; margin:0 0; padding:0;}
.m_classLink ul li > a{ display:block; padding:16px 30px; color:#333; font-size:16px; line-height:140%; border-bottom:1px solid #959595; position:relative; font-family:Arial; }
.m_classLink ul li > a i { display:inline-block; position:absolute; top:17px; left:12px; color:#fff; font-size:20px;}
.m_classLink ul li > a:hover i, .m_classLink ul li > a.current i { color:#ff481e;}
.m_classLink ul li.current02{ display:none; }
.m_classLink ul li > div { padding:10px 0; border-bottom:1px solid #959595;}
.m_classLink ul li > div > div { }
.m_classLink ul li > div > div a { display:block; padding:8px 13px 8px 35px; color:#313131; font-size:14px; position:relative; font-family:Arial;}
.m_classLink ul li > div > div a i { position:absolute; display:inline-block; left:18px; top:12px; font-size:8px; color:#ff9a4f;}
.m_classLink ul li > div > div a:hover, .m_classLink ul li > div > div a.current { text-decoration:none; color:#ff9a4f;}

#products-main{ padding-left: 0px; }
.products-list2 { padding-top:40px;}
.pro-box { padding:20px 10px 30px 10px;}
.pro-box > div { width:100% !important;}
.pro-content { padding-left:0; padding-right:0;}
	
.download-box .download-list{width: 48%;margin-right: 4%;}
.download-box .download-list:nth-child(4n+4){margin-right: auto;}
.download-box .download-list:nth-child(2n+2){margin-right: 0;}
}
@media only screen and (max-width: 640px) {
.products-list2 > div { width:50%;}
.iframe-part{height:auto;}
}
@media only screen and (max-width: 570px) {
.products-list > div { width:100%;}
.path { display:none;}
h1 { font-size:24px;}
.responsive .slick-slide { background:none;}
.about-slogon img { max-width:240px;}
.products-detail-descriptipn {padding: 30px 30px;}
.product-detail-download ul li{margin: 5px;}
.company-frame .company-fleximg li{width:calc(100% / 2 - 20px);}
}

@media only screen and (max-width: 414px) {
.products-list2 > div { width:100%; padding-left:0; padding-right:0;}
.main-product-list .pro-list{width: 100%;margin-right: 0;margin-bottom: 15px;}
.description h1 {font-size: 25px;padding: 0;}
.products-detail-descriptipn {padding: 30px 20px;}
.company-leftimg{width: 100%;max-width: unset;}
.company-frame .company-fleximg li{width:100%;}

.download-box .download-list{width: 100%;margin-right: 0;margin-bottom: 30px;}
}

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

}