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

/* CSS Document */

h1{ font-size: 1.6em;padding: 20px 0 20px 0;}
#content{ background-color: rgba(255, 255, 255, 0.54);}
#content.about{ background:url('../images/about-black-banner.jpg') no-repeat center black;  background:url('../images/left-line.png') no-repeat 0 0% /34.8%,url('../images/right-logo-background.png') no-repeat 100% 90.8% /22.5%,url('../images/about-black-banner.jpg') no-repeat center top / 120% black; }
.about-box{  max-width:773px; display:flex; margin:0 auto; flex-direction:row-reverse; }
.about.product img{ position:absolute; width:44%; padding:1px 46px 0 0; }
.about-text{ text-align: center;padding: 0 10px;margin: 0;color: white;}
.since{padding:36px 0 10px 0;}
#path{padding: 15px 0 15px 0;color: #ff6600;margin: 15px 15px;}
article{ line-height:179%; display:block; font-size:.9em; }
article p{margin: 0 0 25px 0;}
.slogan{ font-weight:600; padding:35px; }
#content.about > .products-content{ background: none;}
#content.about >.products-content > .products-text > #path ,#content.about #path+h1{/* display:none;background:none; */}
#content.about >.products-content > .products-text{ margin: 0;}

.wrapper{background: url('../images/left-products-img.png')no-repeat left -50px fixed,url('../images/right-products-img.png')no-repeat right 500px fixed;}
.about-box-img{ display:flex; flex-wrap:wrap; margin-bottom: 88px; justify-content: center; margin-bottom: 22px; margin-top: 22px; }
.about-box-img li{ width: calc(100% / 4 - 28px); margin-right: 18px;}
.about-box-img li:nth-child(4n+4){ margin-right:0; }
.pto.fix{ display:flex; align-items:center; justify-content:center;}
.pto.fix+div{padding: 15px;}

#page{text-align: center;margin: 30px 0 10px 0;padding: 10px 0;}
#page>*{ margin-left:10px; color: black;}
#page>*:hover{color:#ff6600;}
#path a{color:#ff6600;}
#path a:hover{color:#ff6600;}
#path li{ display:inline-block; vertical-align:top; }

.content-Box.after-20{ background:url('../images/left-line.png') no-repeat left center, url('../images/about-black-banner.jpg') no-repeat center,url('../images/right-background.png') no-repeat right center;  }
.content-Box.after-20>div{ display:flex; justify-content:space-between; max-width:1190px; margin:25px auto 37px; padding:0 10px; }

aside{ width:210px; }
aside .left-top{ padding:16px 0; border-radius:30px; margin-bottom:71px; background:#a7a7a7; color:#fff; text-align:center; font-weight:bold; }
aside>div>div>ul{ border:1px solid #444; border-radius:10px; overflow:hidden; }
aside>div>div>ul>li{ background:#707070; }
aside>div>div>ul>li>a{ padding:32px 0; font-weight:bold; display:block; color:#fff; text-align:center;}
aside>div>div>ul>li>a:hover{ color:#000; }
aside li ul{background:#fff; }
aside li li{ border-bottom:1px dashed #444; padding:20px 0; }
aside li li:last-child{ border-bottom:0 none; }
aside li li a{ color:#707070; display:block; text-align:center; padding:0 20px; }

.right-box{ max-width:814px; margin: 0 45px; }
.right-box h1{ font-size:23.42px; }
.right-box #path{ margin-bottom:21px; }

/*products*/
/* .products-content{background: url('../images/left-products-img.png')no-repeat left top,url('../images/right-products-img.png')no-repeat right bottom;} */
.products-text>h1{padding: 10px 40px;background: #000;border-radius: 25px;text-align: center;color: white;margin: 0 auto;font-size: 2.1em;font-weight: 600; display: inline-block;}
.products-text>p{font-size: 2.1em; margin: 40px 10px 0 10px;}
.editor_title{font-size: 2.1em; margin: 40px 10px 40px 10px;}
.products-text{text-align: center;padding: 10px; margin: 0 0 15px 0;}
.text9{text-align: center;padding: 10px; margin: 0 auto 40px; max-width: 1244px;}
.text9 p{line-height: 2; font-size: 1.1rem;}
.text10 {padding: 10px; margin: 0 auto 40px; max-width: 1244px; width: 100%; line-height: 2;}
.text10 p{line-height: 2;}
.editor p{max-width: 1200px; font-size: 1.1rem; line-height: 2; margin: 30px auto 0px; text-align: left;}
/* .editor{line-height: 179%; font-size: 1.1rem; max-width: 1200px;margin: 40px auto; text-shadow: 1px 1px 2px rgb(255, 255, 255),2px 2px 3px rgb(255, 255, 255),1px 1px 3px rgb(255, 255, 255),1px 1px 4px rgb(255, 255, 255),1px 1px 5px rgb(255, 255, 255),1px 1px 6px rgb(255, 255, 255),1px 1px 7px rgb(255, 255, 255),1px 1px 8px rgb(255, 255, 255),1px 1px 9px rgb(255, 255, 255),1px 1px 10px rgb(255, 255, 255),1px 1px 11px rgb(255, 255, 255),1px 1px 12px rgb(255, 255, 255),1px 1px 13px rgb(255, 255, 255),1px 1px 14px rgb(255, 255, 255),1px 1px 15px rgb(255, 255, 255),1px 1px 16px rgb(255, 255, 255),1px 1px 17px rgb(255, 255, 255),1px 1px 18px rgb(255, 255, 255),1px 1px 19px rgb(255, 255, 255),1px 1px 20px rgb(255, 255, 255);} */
.editor a {color: #000000;font-weight: bold;}
.about-editor{line-height: 179%; font-size: 1.1rem; max-width: 1200px;margin: 40px auto;}
.products-mid-menu{display: inline-block; position: relative; vertical-align: top;padding: 40px 0 40px 0;}
.products-mid-menu li {display: inline-block; font-size: 1.4rem; padding: 0 10px; margin: 20px 0 20px 15px; position: relative; font-weight: 600; }
.products-mid-menu li::before {background: #d3d3d3;;content: "";height: 25px;width: 2px;position: absolute;transform: translateY(-50%);top: 10px;right: -11px;}
.products-mid-menu li a {color: black;}
.products-mid-menu li:last-child::before{ content:none; }
.products-mid-menu li a:hover{color: #ff6600}

/*products-icon*/
.icon .product-icon.owl-carousel{margin: 0 auto;width: 90%;padding: 10px 25px 10px 25px; position: relative;}
.icon .product-icon.owl-carousel .owl-stage{ display:inline-flex; align-items:center; }
.icon .product-icon.owl-carousel .owl-item.active{ float:none; }
.owl-carousel .owl-stage-outer{text-align: center;}
.owl-carousel .owl-item img{opacity:.5; transition:.28s ease-in-out; filter: grayscale(100%);}
.owl-carousel .owl-item a.current img, .owl-carousel .owl-item img:hover{opacity:1; filter: grayscale(0%);}
.pro-list01{display: flex; flex-wrap:wrap;text-align: center;}
.pro-list01 li {width:calc(100%/3); position: relative;}
.pro-list01 span{bottom: 81px;position: absolute;z-index: 2;width: 72%;color: white;font-size: 2.7em;font-weight: 900;font-style: italic;letter-spacing: -4px;text-shadow: 4px 3px 4px #0006;left: 14%;}
.pro-list01 li:nth-child(6) span{bottom: 95px;}
.pto img {display: block;}
a .pto img.black { position:absolute; top:0; left:0; opacity:0; transition:all .5s; }
a:hover .pto img.black { opacity:1; }




/* products-type */
/* .section{margin: 0 auto; padding:0px;} */
.section{display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto;}
.products-img-box{display: flex;flex-wrap: wrap;text-align: center;justify-content: center; width: 100%;}
.products-img-box li {width: calc(85%/3);position: relative; padding: 0 0 35px 0;}
.products-img {display: flex;align-items: center;margin: 25px 15px;}
.products-img img {width: 100%;max-width: none;}
.products-img-box span {width: 72%;color: black;font-size: 1.2em;}
.products-img-box span:hover{color:#ff6600;}
.tooltip {display: none;position: absolute;background-color: rgba(56, 56, 56, 0.78);border-radius: 5px;color:white;width:auto;}
.tooltip { padding:10px 30px; }
.tooltip li{list-style-type:disc;line-height: 30px; display:flex;}
.yoga{display: none;}
.icon .owl-prev::before{content: '\f104'; position: absolute; left: -5%; top: 50%; transform: translateY(-50%);}
.icon .owl-next::before{content: '\f105'; position: absolute; right: -5%; top: 50%; transform: translateY(-50%);}
.icon .owl-prev::before, .icon .owl-next::before{font: normal normal normal 5rem FontAwesome;color: #acacac;}
.icon .owl-prev:hover::before, .icon .owl-next:hover::before{color: #ff6600;}


/*products-left-right*/
.detailed-box{max-width: 1300px;margin: 0 auto;padding: 0 20px; justify-content:space-around;display: flex;align-items: center;text-align: center;}
.arrowbox-prev, .arrowbox-next{ height:140px; width:150px; overflow:hidden; margin:0 auto; position:relative; }
.animation-right, .animation-left{ width:180px; display:flex; position:absolute; transition:all .4s ease; align-items:center; }
.animation-right::after, .animation-left::before, .animation-right::before, .animation-left::after{ color:#dbdbdb;}
.animation-right::after, .animation-left::before{ font-size:133px; font-family:FontAwesome;}
.animation-right::after{ content:'\f105'; }
.animation-left::before{ content:'\f104';}
.animation-right::before, .animation-left::after{ font-size:30px;}
.animation-right::before{content:'NEXT'; margin-right:30px;}
.animation-left::after{content:'PREV'; margin-left:30px;}
.animation-right{ left:-100px; }
.animation-left{ right:-100px;}
.animation-right:hover{ left:32px; }
.animation-left:hover{ right:32px; }

/*product-date*/
/* .product-date-box ul{border-bottom: 1px solid #c6c6c6;} */
.product-text-box{margin: 0 auto;padding: 10px; border-bottom: 1px thin #707070; max-width: 900px;}
.product-text-box li h2{max-width: 900px;margin: 35px auto 36px;font-size: 1.8rem; text-align: center;}
.product-text-box li p{max-width: 900px;margin: 20px auto;font-size: 1rem;text-align: center; color: #707070;}
.product-text-box li p img{width: 100%;}
.product-date{justify-content: space-between;display: flex;text-align: left;max-width: 785px;font-size: .9rem;line-height: 200%;margin: 0 auto; border-bottom: 1px solid #c6c6c6;}
.product-date > .product-content-1{padding: 10px;margin: 0 auto;}

/*product-icon-box*/

.product-icon-box{display: flex;justify-content: space-around; padding-top: 35px; margin: 0 auto;max-width: 455px;}
.product-icon-hang{text-align: center;font-size: 1rem;}
.product-icon-hang a{display: block; color: #707070;}
.product-icon-box i{display: block; margin-bottom: 15px;}

/*tab*/

.content-box{max-width: 800px;margin: 40px auto;}
.datatable th {border-right: 1px solid #303030;border-bottom: 1px solid #303030;padding: 3px;font-size: 13px;line-height: 18px;color: #ff6000;background-color: #d9d9d9;text-align: center;}
.datatable{overflow: auto;overflow-y: auto;}
table.datatable{width: 100%;} 
.datatable tbody{border-top: 1px solid #303030;border-left: 1px solid #303030;}
.tab li{ display:inline-block; vertical-align:top; }
.tab li a{ background:#a7a7a7; display:flex; align-items:center; height:46px; width:164px; padding:0 37px; border-radius:0 10px 0 0; box-shadow: 0 -2px 5px 0 rgba(0,0,0,.3); }
.tab li.active a{ background:#fff; color:#000; }
.tab-content{ background:#fff; padding:27px; box-shadow:0 0 5px 0 rgba(0,0,0,.3); }
.tab-content table td, form[name=myform] .tab-content table th{ border:1px solid #000; text-align:center; padding:16px 0; color:#000; font-weight:bold; vertical-align:middle;}
.box-2 > .goback{ text-align:center; margin: 20px auto;background: #ff6000;text-align: center;width: 100px;border-radius: 40px;}
.goback a{color: #fff;display: block;padding: 15px;}
.goback a:hover{background-color: black; border-radius: 40px;}



/* cart */
.cart_table {
    border: 1px solid #B6B6B6;
    border-collapse: collapse;
    max-width:100%;
    width:1000px;
}
.cart_table tr.stocks_short{
    background:#f00;
    color:grey;
}
.cart_table tr.stocks_short a{color:grey}
.cart_table tr.cart_line{

}
.cart_table tr.stocks_short{
    background:#f00;
    color:grey;
}
.cart_table tr.stocks_short a{color:grey}
.cart_table th {
    color: #FE6300;
    background-color: #000;
    padding:10px 5px;
    text-align: center;
}
.cart_table td {
    padding: 10px 5px;
    text-align: center;
    vertical-align: middle;
}
.cart_table td a{
    color: #000;
}
.cart_table .col_name{ display: none;}

.shop_btn{
    width: 80px;
    height: 30px;
    color: #fff;
    margin:10px 5px 20px 0;
    border:none;
    border-radius:50px;
    background: #000;
}
.shop_btn:hover{
    cursor:pointer;
    background: #FC6801;
}

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

#content.about{ background: url('../images/left-line.png') no-repeat 0 0% /40.8%,url('../images/right-background.png') no-repeat 100% 50% /33%, url('../images/about-black-banner.jpg') no-repeat center top black }
.about-text {background:rgba(15, 15, 15, 0.78);padding: 15px;margin: 10px;}
/*products*/
.products-mid-menu{height: auto;background-color: rgba(255, 255, 255, 0.78);}


}


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

.banner{overflow: hidden;}
.banner img {max-width: none; height: 45vw; position: relative; width: auto; transform: translateX(-21%);}
.right-box{ margin: 0 15px 0 25px; max-width: 814px; display: inline-block; justify-content: space-between;flex-wrap: wrap; text-align: center; width: 100%;}

}


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

.pro-list01 li{width: calc(100%/2);}   
.left-box{display: none;}
#content.about {background: url('../images/left-line.png') no-repeat 0 0% /50.8%,url('../images/right-background.png') no-repeat 100% 5% /33%, url('../images/about-black-banner.jpg') no-repeat center top black;}

}


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

.products-mid-menu li:nth-child(2)::before,.products-mid-menu li:nth-child(4)::before{ content:none; }
/*products-left-right*/
.arrowbox-next,.arrowbox-prev{display: none;}
/*tab*/
.tab li {display: block;}
.tab li a{justify-content: center; width: 100%; border-radius: 10px 10px 0 0;}
.editor p{text-align: center;}

}


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

.box-2> div{background: rgba(255, 255, 255, 0.53)}
.products-text{margin: 0 0 30px 0;}
/* products-type */
.products-img-box li{width:calc(100%/2);}
.products-img-box {display: inline-flex;}
.section{margin: 0 auto; padding:0;}
/*tab*/
.tab-content table td, form[name=myform] .tab-content table th{ padding:16px 15px; }
.product-date{display:block; text-align: center;padding: 25px 0; margin: 0 auto 30px;}
.product-date > .product-content-1{padding: 0px 5px;}
}

@media only screen and (max-width: 680px){
    .products-mid-menu,.products-mid-menu li{display: block;}
    .products-mid-menu li {margin: 40px 20px;line-height: 114%;}
    .products-mid-menu li::before {height: 2px;width: 100%;top: auto;right: 50%;transform: translate(50%,-50%);bottom: -21px;}
    .products-mid-menu li:nth-child(2)::before,.products-mid-menu li:nth-child(4)::before{ content:""; }
    .cart_table, .cart_table img{ width:auto; }
    .cart_table th, .cart_table td{ border-bottom: 1px solid #ccc; }
    .cart_table thead{display: none;}
    .cart_table tbody, .cart_table tbody tr, .cart_table, .cart_table th, .cart_table td{display: block;}
    .cart_table tbody td.number{display: none;}
    .cart_table tbody td:nth-of-type(8){border-bottom:2px solid #999;}
    .cart_table .col_name{ display:inline;}
    form[action*=cart] table td{ width:auto; }
}  

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


.products-text > h1 {font-size: 1.5rem;}
.pro-list01 li{width: calc(100%/1);}
.pro-list01 span{bottom: 39px;width: 79%;font-size: 1.6em;left: 10%;letter-spacing: -1px;}
.pro-list01 li:nth-child(6) span {bottom: 38px;}
    

}   


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

/*products*/
#content:not(.about) .products-text {text-align: center;padding: 5px;background-color: rgba(255, 255, 255, 0.52);;margin: 10px;}
#path {padding: 10px 0 10px 0;margin: 10px 10px;font-size: .8rem;}
.products-text > h1 {padding: 15px 5px;border-radius: 29px;text-align: center;margin: 0 auto;font-size: .9rem; line-height: 143%;}
.products-text > p {font-size: 1.7em;margin: 40px 10px 0 10px;}
#content:not(.about) .editor{font-size: 1.1rem;margin: 40px auto;height: auto;background-color: rgba(255, 255, 255, 0.78);}
.products-mid-menu li {display: inline-block;margin: 20px 20px;line-height: 114%;}
.products-mid-menu li::before {height: 2px;width: 100%;top:auto;right:50%;transform: translate(50%,-50%);bottom: -21px;}

}

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

/*about*/    
.about-box{padding:0; margin:auto;}
#content.about {background: url('../images/left-line.png') no-repeat 0 0% /80.8%, url('../images/about-black-banner.jpg') no-repeat center top black;}
.about-box-img {display: flex;flex-wrap: wrap;justify-content: center;}
.about-box-img li {width: calc(100% / 2.3);margin: auto;}
.pto.fix + div {padding: 15px;}
.about-box-img li:nth-child(4n+4){margin:auto;}
.since {width: 62%;margin: 0 auto;}

}

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

.products-mid-menu{margin: 0;}
/* products-type */
.products-img-box li{width:calc(100%/1);}
.products-img-box {display: block;}
/*products-content*/
.products-content > .products-text{margin:0 0 20px 0;}

}



/* 產品搜尋 */
.product_table {
    font-size: 12px;
    border-left: 1px solid #D6C9A0;
    border-top: 1px solid #D6C9A0;
    color: #666666;
}
.product_table th {
    color: #FFFFFF;
    background-color: #980203;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding:5px 0;
    border-right: 1px solid #D6C9A0;
    border-bottom: 1px solid #D6C9A0;
}
.product_table td {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    padding:5px 0 0 5px;
    border-right: 1px solid #D6C9A0;
    border-bottom: 1px solid #D6C9A0;
}
.product_table td a:link {
    text-decoration: none;
    color: #666666;
}
.product_table td a:visited {
    color: #666666;
    text-decoration: none;
}
.product_table td a:hover {
    color: #980203;
    text-decoration: none;
}
.product_table td a:active {
    color: #666666;
}


/* aboutus */
/* .inspection_list {
    float: left;
    margin: 10px 0 0 10px;
    text-align: center;
} */

/*contact us*/
#formID{ width:100%; max-width:1000px; margin-bottom:30px; }
#cu_cate{padding: 5px;}
.contact_table input[name=cu_company_name],.contact_table select[name=cu_company_name]{width: 64%; padding: 5px;}
input#cu_name{margin-left: 5px;}
.altrow{vertical-align: middle;}
a[href*=mailto]{color: white;}
table.address { order:2; text-align:center; line-height: 2;}
table.address a { color:#000; }

/*inspection equipments*/
.editor.myfather{display: flex; max-width: 840px; justify-content: space-around; margin: 45px auto 23px; flex-wrap: wrap;}
.inspection_list {margin: 10px; text-align: center;}
.inspection_list_title{margin: 20px auto 0px;}

/* product_table */
.product_table{ max-width:1000px; font-size:14px; font-weight:normal; text-align:left; border-top:1px solid #B6B6B6; border-left:1px solid #B6B6B6; margin:20px auto; }
.product_table th, .product_table td{ border-bottom:1px solid #B6B6B6; border-right:1px solid #B6B6B6; }
.product_table th{ color:#fe6300; background-color:#000; padding:10px 0px; }
.product_table td{ padding:4px 0; text-align:center; vertical-align:middle; }

#nodata, #page{max-width:1000px; width:100%;}

/* NEWS */
.news_list{
    /*float: left;*/
margin: 46px 3px 0 0;
text-align: center;
width: calc(100%/2.9 - 24px);
padding-bottom: 10px;
border-bottom: 1px dashed #ccc;
min-height: 65px;
display: flex;
flex-direction: column;
align-items: center;
}
table.news_show{text-align: center;}
table.news_show a{color: #D15811;}
table.news_show p{line-height: 2}
span#page-back{display: block; margin: 20px 0;}
span#page-back a{color: white;}

.news_list_pic{
    /* float:left;*/
    /* margin-right:10px; */
    /* display: inline-flex; */
    /* height: 100%; */
}
.news_list_pic img{
    border:1px solid #CCC;
    /* max-height: 150px; */
    width: 20vw;
}
.news_list_right{
margin: 34px auto;
line-height: 2;

}

/* .news_list_right br{ display: none; } */

.news_list_date{
    /* float: left; */
    margin-right: 5px;
    /* display: flex;
    align-items: center; */
}
.news_list_date a{
    color:#0157d9;
    font-weight:bold;
}
.news_list_subject{
    /* display: flex;
    align-items: center; */
}
.news_list_subject a{
    color : black;
}
.news_list_text{
    /* display: inline-flex;
    text-align: center;
    align-items: center;
    line-height: 22px; */
}


.news_back {
    cursor: pointer;
    padding: 5px 20px;
    margin:5px 0;
    border: 1px solid #018dc4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: rgba(255,255,255,0.9);
    background: -webkit-linear-gradient(#0199d9 , #0157d9);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
    text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
    display: inline-block;
}

/*FAQ*/
.faq_show {}
.faq_show .title {color: #ff6600; border-bottom: 1px dotted #ff6600; padding: 30px 0 10px 0;}
.faq_show .title > div {position: relative; z-index: 1; line-height: 1.5; padding: 0 20px;}
.faq_show .title > div::before {content: attr(data-title); position: absolute; left: 0; top: -2px; z-index: -1;}
.faq_show .main {border-bottom: 1px solid #ff6600; padding: 10px 0;}
.faq_show .main > div {position: relative; z-index: 1; padding: 0 20px;}
.faq_show .main > div::before {content: attr(data-title); position: absolute; left: 0; top: 0px; z-index: -1;}

/*production*/
.productionA {display: flex; flex-wrap: wrap; width: 100%; max-width: 1244px; margin: auto; padding: 60px 0 0 0;}
.productionA > div {width: 32%; margin: 0 2% 30px 0;}
.productionA > div:nth-child(3n+3) {margin: 0 0 30px 0;}
.productionA > div > div.photo {line-height: 0; margin-bottom: 20px; position: relative; z-index: 1;}
.productionA > div > div.photo::after {content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; z-index: 10; border: 1px solid #fff;}
.productionA > div > div.photo > span {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; border: 1px solid #fff; color: #fff; font-size: 2rem; font-weight: bold; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; z-index: 20;}
.productionA > div > div.text {text-align: center; font-weight: bold;}
@media only screen and (max-width: 780px){
    .productionA > div, .productionA > div:nth-child(3n+3) {width: 48%; margin: 0 4% 30px 0;}
    .productionA > div:nth-child(2n+2) {margin: 0 0 30px 0;}
}
@media only screen and (max-width: 480px){
    .productionA > div, .productionA > div:nth-child(3n+3), .productionA > div:nth-child(2n+2) {width: 100%; margin: 0 0 30px 0;}
}


/*SITEMAP*/
#sitemap { width: 100%; max-width: 800px; }
#sitemap a { text-decoration: none; color: #000000;}
#sitemap li {list-style: none;margin-left: 10px;color: #4d4c4c;line-height: 22px;font-size: 15px;}
#sitemap ul ul {
    padding: 0px;
    margin: 0px;
}
#sitemap ul {
    margin: 0px;
    padding: 4px 6px;
    text-align: left;
    list-style-type: none;
    font-size: 11px;
}
#sitemap ul li {
    padding: 10px 0px 0px 10px;
}
#sitemap ul li a {
    margin: 0px;
    padding: 0px;
    text-align: left;
    color: #FF6C13;
    display: block;
    _height:20px;
    clear: both;
    font-weight: bold;
}
#sitemap ul ul li {
    background: none;
}
#sitemap ul ul li a {
    margin: 0px;
    padding: 0px;
    color: #000;
    display: block;
}
#sitemap ul ul ul {
    padding: 0px;
    margin-left:12px;
    margin-bottom: 10px;
    display: inline-block;
}
#sitemap ul ul ul li {
    background: none;
}
#sitemap ul ul ul li a {
    margin-left:10px;
    padding: 0px;
    color: #777777;
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #333;
}
#sitemap ul ul ul li.sitemap-products {
    margin:0px;
    padding:5px;
    float: left;
}
#sitemap ul ul ul li.sitemap-products a {
    margin: 0px;
    padding: 5px;
    width: auto;
    color: #999;
    white-space: pre-wrap;
    display: inline;
    clear: both;
    font-weight: normal;
}
#sitemap ul ul ul ul {
    overflow:hidden;
    margin: 0px;
    padding: 0px 0px 10px 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#sitemap ul ul ul ul li{ width: calc(50% - 2px); }
#sitemap ul ul ul ul a{ border: none; }
#sitemap ul ul ul ul li.sitemap-products {
    margin:0px;
    padding: 5px;
    display: inline-block;
}
#sitemap ul ul ul ul li.sitemap-products a {
    padding: 5px;
    width: auto;
    color: #999;
    white-space: pre-wrap;
    display: inline;
    clear: both;
}
#sitemap ul ul ul ul li.sitemap-products a:hover{
    color: #fff;
    background-color: #999;
}


@media screen and (max-width: 768px) {
    #sitemap ul ul ul ul li{ width: 100%; }
}

/* contactus */
.contact_table {
    width:100%;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    margin: 20px auto;
}
.contact_table th {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #CCC;
    padding:5px 0;
}
.contact_table td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    padding:15px;
}
.contact_table  tr.altrow {
}
.contact_table input{
    width: 50%;
}
.contact_table textarea{
    width: 50%;
}

.contact_btn {
    display: inline-block;
    cursor: pointer;
    padding: 5px 20px;
    margin:5px 0;
    border: 1px solid #018dc4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: rgba(255,255,255,0.9);
    background: rgba(1,145,217,1);
    background: -moz-linear-gradient(top, rgba(1,145,217,1) 0%, rgba(1,113,217,1) 47%, rgba(1,98,217,1) 71%, rgba(1,91,217,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,145,217,1)), color-stop(47%, rgba(1,113,217,1)), color-stop(71%, rgba(1,98,217,1)), color-stop(100%, rgba(1,91,217,1)));
    background: -webkit-linear-gradient(top, rgba(1,145,217,1) 0%, rgba(1,113,217,1) 47%, rgba(1,98,217,1) 71%, rgba(1,91,217,1) 100%);
    background: -o-linear-gradient(top, rgba(1,145,217,1) 0%, rgba(1,113,217,1) 47%, rgba(1,98,217,1) 71%, rgba(1,91,217,1) 100%);
    background: -ms-linear-gradient(top, rgba(1,145,217,1) 0%, rgba(1,113,217,1) 47%, rgba(1,98,217,1) 71%, rgba(1,91,217,1) 100%);
    background: linear-gradient(to bottom, rgba(1,145,217,1) 0%, rgba(1,113,217,1) 47%, rgba(1,98,217,1) 71%, rgba(1,91,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0191d9', endColorstr='#015bd9', GradientType=0 );
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
    text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
}

@media screen and (max-width: 768px) {
    .contact_table th ,.contact_table td{display: inline-block; width:100%; padding:3px 10px;}
}

@media screen and (max-width: 500px) {
    .contact_table td textarea ,.contact_table td input ,.contact_table td select{width:calc(100% - 20px); margin:5px 10px;}
    .contact_table ,.formular{overflow: auto;}
    .contact_table td:last-child{padding: 0;}
}

@media screen and (max-width: 470px) {
    .contact_table td select{width:calc(100% - 100px);overflow: hidden}
}

/* member form */
.member_table {
    max-width:100%;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    border-top: 1px solid #B6B6B6;
    border-left: 1px solid #B6B6B6;
    margin: 20px auto;
}
.member_table th {
    color: #fff;
    background-color: #000;
    font-size: 14px;
    line-height: 1.2;
    height: 24px;
    top: 5px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    padding: 10px 8px;
    border-bottom: 1px solid #B6B6B6;
    border-right: 1px solid #B6B6B6;
}
.member_table td {
    border-bottom: 1px solid #B6B6B6;
    border-right: 1px solid #B6B6B6;
}
.member_table select{ padding: 5px; }
.member_table td input, .member_table td textarea {
    border: 1px solid #B6B6B6;
    margin: 1%;
    padding: 5px;
}


@media only screen and (max-width: 999px) {
    /* member start */
    .member_table {
        padding: 0; display: block;height: auto; margin: 0 auto;
    }
    .member_table tbody, .member_table td, .member_table tr, .member_table th {
        display: block; width: 100%;
        height: auto;
        padding: 0;
        min-height: 2em;
        line-height: 2em;
    }
    .member_table th {
        font-size: 16px; border-bottom: 0; padding-bottom: 0px; padding-left: 5px;
    }
    .member_table td {padding-left: 5px;}
    .member_table tr:last-child th{
        display: none;
    }
    .member_table input, .member_table textarea{
        max-width: 96%; min-height: 2em; padding: 0 5px; vertical-align: middle;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .member_table textarea {margin: 2px 0;}
    .member_table input[type="submit"] {height: 40px; width: 60%; max-width: 120px;}
    /* member end */


}
@media only screen and (max-width: 780px){
#formID{padding: 20px; text-align: center;}
.contact_table input, .contact_table textarea{width: 100%; padding: 10px;}
input#cu_name{margin-left: 0px;}
.contact_table td:last-child{display:  block; align-items: center; justify-content:  center; padding: 10px;}
.contact_table td select{order: 1; justify-content: center; align-items: center; width:  calc(100% - 6%); margin: 0;}
input#cu_name{margin: 0; order: 3; margin: 10px;}
.address{white-space: normal;}
table.address tbody tr td{padding: 5px;}
.contact_table td select[name*=cu_contact]{margin: 10px;}



}



@media only screen and (max-width: 886px){
.products-mid-menu{background-color:transparent; padding: 0;}
.news_list{width:calc(100%/1 - 24px); align-items:stretch; margin: 0;}
.news_list_pic img{width:65vw;}
.news_list_pic {display:block; padding: 20px 0;}




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

.news_list{width:calc(100%/1 - 24px);}
.news_list_pic img{width:auto;}
.news_list{min-height: auto;}

}