/*Theme Name:Theme-Focus4.0*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display: inline-block;}
audio:not([controls]){display: none;height:0;}
[hidden],template{display: none;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
a{background: transparent;}
a:focus{outline: thin dotted;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style: italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;border:none;clear:both;}
mark{background:#ff0;color:#222;}
code,kbd,pre,samp{font-family:"PT Sans";font-size:1em;}
pre{white-space: pre-wrap;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position: relative;vertical-align:baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
img{border:0;vertical-align:middle;}
svg:not(:root){overflow: hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-size:100%;margin:0;outline:0;}
button,input{line-height: normal;}
button,select{text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="text"]:hover,input[type="text"]:focus,input[type="text"]:active{border:1px solid #f90;}  
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align: top;}
table{border-collapse:collapse;border-spacing:0;}
body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,span,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0 auto;padding:0;border:0;}
/* Global */

body{font-family:"Roboto"; font-size: 16px; color: #222; font-weight:400; line-height:1.8;}
ul,ol,li{list-style:none;}
table,td,th,input{ font-size:15px;}
h1,h2,h3,h4,h5,h6{}
h1{font-size:36px;}
h2{font-size:26px;}
h3{font-size:20px;}
h4{font-size:14px;}
h5,h6 {font-size:12px;}
a:link, a:visited{ color:#222; outline:0; text-decoration:none;}
.cut { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.inner{overflow: hidden;width:98%;}
.clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}
.c1000{width:88%; margin: 0 auto;}
.c800{width:75%; margin: 0 auto;}
.cline{}
.cline:after{content: "";display: inline-block;width: 35px;max-width: 100%;border-bottom: 3px solid #ff9900;vertical-align: top;}

.header{clear:both;position:relative;z-index:1000;}
.header .inner{ height:80px; overflow:visible;position:relative;}

.logo{float:left; line-height:80px; vertical-align:middle; padding-right:50px;}
/*.head-pinned*/
.head-pinned{ height:70px; position:fixed; top:0; left:0; width:100%; z-index:10000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); box-shadow:0 0 10px rgba(0, 0, 0, 0.2); background-color: #FFF;}
.head-pinned #top_menu{display: none;}
.head-pinned .inner{ height:80px; }
.head-pinned .logo{line-height:70px;}
.head-pinned .topbar{ display:none;}
.head-pinned .main-menu{ line-height:70px;}
.head-pinned .navi li a{ line-height:70px;}
.head-pinned .navi li a:hover{}
.head-pinned .navi li>a>span:after{margin-top:-12px;}
.head-pinned .navi li ul{ top:70px; background:#FFF; opacity:1;}
.head-pinned .navi li ul li ul{ top:0;}
.head-pinned .btn-so{ height:70px; line-height:70px;}
.head-pinned .btn-so:hover{color: #222;}


.navi {font-size: 16px;font-weight: 700; color: #222; text-transform: capitalize; float: right;}
#mobile-nav{ display:none;}
.navi li{ float:left; padding:0; position:relative;}
.navi li a{ font-family: Montserrat,sans-serif; padding:0 20px; color:#222; display:block; line-height:80px;font-weight: 700; -webkit-transition:background-color 0.4s ease; -moz-transition:background-color 0.4s ease; -o-transition:background-color 0.4s ease; -ms-transition:background-color 0.4s ease; transition:background-color 0.4s ease;}
.navi li a:hover{ text-decoration:none; background-color: #FFF; height:80px;}
.navi li>a>span:after{margin-top:-15px;width:0;height:1px;background:0 0;display:block;	content:'';transition: all .3s ease; -webkit-transition: all .3s ease;}
.navi li>a>span{line-height:normal; }
.navi li>a:hover>span:after{ background:#222; width:100%;}
.navi li ul li a span:after{ display: none }
.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a, .navi li:hover a{ color:#ff9900;  text-shadow:none;}
.navi li ul{ position:absolute; top:78px; left:0; z-index:1000; padding:10px 0; width:240px; line-height:1.5;  border: 1px solid #ddd; border-top-color: #222;  background-color:#fff; -moz-box-shadow:0 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 6px rgba(0,0,0,0.2); box-shadow:0 1px 6px rgba(0,0,0,0.2); display:none;}
.navi li ul li{ float:none; padding:0; line-height:42px; font-size:15px;}
.navi li ul li a:link, .navi li ul li a:visited{ padding:0 20px; height:42px; line-height:42px; color:#222;text-overflow: ellipsis;overflow: hidden;}
.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-item ul li a:hover, .navi li.current-post-parent ul li a,.navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a{ color:#222; background:none; border-bottom:none;}
.navi li ul li.menu-item-has-children a{ background:url(images/icon-menu.png) no-repeat right -312px;}
.navi li ul li a:hover, .navi li.current-menu-item ul li a:hover, .navi li.current-post-ancestor ul li a:hover, .navi li.current-menu-parent ul li a:hover, .navi li.current-category-ancestor ul li a:hover, .navi li:hover ul li a:hover{ color:#222; background:#F1F3F5;}
.navi li.current-menu-item ul li a{ background:none;}
.navi li.current-menu-item ul li a span{ background:none;}
.navi li:hover a{ color:#222; border-bottom:none;}
.navi li:hover ul li a{ background:none;}
.navi li:hover ul li.menu-item-has-children a{ background:url(images/icon-menu.png) no-repeat right -312px;}
.navi li ul li ul{ top:-2px; left:240px; padding-top:10px; display:none; -moz-box-shadow:3px 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:3px 1px 6px rgba(0,0,0,0.2); box-shadow:3px 1px 6px rgba(0,0,0,0.2);}
.navi li ul li.menu-item-has-children:hover a{ color:#222; background:#F1F3F5 url(images/icon-menu.png) no-repeat right -354px;}
.navi li ul li.menu-item-has-children:hover ul li a{ color:#666; background:#fff;}
.navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#222; background-color:#F1F3F5;}
.navi li:hover ul li.menu-item-has-children ul li a{ background:none;}

/*SEARCH*/
.btn-so{ float:right;height:80px;line-height:80px; font-family:'FontAwesome'; color: #222; font-weight: 700; cursor:pointer;text-decoration: none;}
.btn-so:before{content:"\f002"; }
.btn-so:hover{color: #f90;text-decoration: none;} 
#search-box{ width:100%;display:none;  position: absolute; left:0;top:60px; }
#search-box .inner{ position:relative; overflow:visible; border-top:1px solid #222; background:#fff; }
#search-box .arrow-up{display:inline-block; width:0; height:0; font-size:0; overflow:visible; position:absolute; z-index:10;}
#search-box .arrow-up .arrow-inner{ width:0; height:0; position:absolute; top:-1px; left:-5px; border:5px solid transparent; border-bottom-color:#fff;}
.mobi-title{display: none;}
#search-box #searchform{ padding:30px 60px;  position:relative; background-color:#FFF;}
#search-box #searchform #ls{ padding:18px 2%; width:100%; border:1px solid #D6D6D6; color:#666; background:#fbfbfb; box-sizing:border-box; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.1); box-shadow:0 0 5px rgba(0, 0, 0, 0.1);}
#search-box #searchform #ls:hover, #search-box #searchform #ls:focus, #search-box #searchform #ls:active{ border-color:#EE9838;}  
#search-box #searchform #searchsubmit{ float:right; color: #FFF; padding:18px 0; width:130px;  background:#222 ; overflow:hidden; cursor:pointer; position:absolute; right:60px; top:30px; border-bottom-right-radius:30px; border-top-right-radius:30px; border: 1px solid #222; -webkit-transition:background-color 0.4s ease; -moz-transition:background-color 0.4s ease; -o-transition:background-color 0.4s ease; -ms-transition:background-color 0.4s ease; transition:background-color 0.4s ease;}
#search-box #searchform:hover #searchsubmit{ background-color:#e85c00; border:1px solid #D85C0C;}
.search-pinned{ position:fixed !important; top:40px; left:0; z-index:99999 !important; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.head-pinned #search-box{top:50px;}
.search-pinned .inner{-moz-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); box-shadow: 0 -1px 6px #999;}
 
/* Slideshow */
.slideshow-swiper-container {margin-bottom: 25px;width: 100%;overflow: hidden;position: relative;clear: both;}
.slideshow-swiper-container .swiper-slide {text-align: center;background: #fff;display: flex;justify-content: center;align-items: center;position: relative;}
.slideshow-swiper-container .swiper-slide img {max-width:100%; max-height:650px; width: 100%;height: 100%;object-fit: cover;}
.slideshow-swiper-container .swiper-button-next,.slideshow-swiper-container .swiper-button-prev {position: absolute;top: 50%;transform: translateY(-50%);
 width: 60px;height: 60px;line-height:60px; margin-top: 0;background: rgba(0, 0, 0, 0.3);border-radius: 50%;z-index: 10;transition: all 0.3s ease; text-align: center;}
.slideshow-swiper-container .swiper-button-next:hover,.slideshow-swiper-container .swiper-button-prev:hover {background: rgba(0, 0, 0, 0.6);}
.slideshow-swiper-container .swiper-button-prev {left: 20px;}
.slideshow-swiper-container .swiper-button-next {right: 20px;}
.slideshow-swiper-container .swiper-button-next::after,.slideshow-swiper-container .swiper-button-prev::after {font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 30px;color: #fff; text-align: center; }
.slideshow-swiper-container .swiper-button-prev::after {content: "\f104";}
.slideshow-swiper-container .swiper-button-next::after {content: "\f105";}
.slideshow-swiper-container .swiper-pagination-bullet {width: 15px;height: 15px;background: rgba(255, 255, 255, 0.8);opacity: 1;border-radius: 50%;transition: all 0.3s ease;}
.slideshow-swiper-container .swiper-pagination-bullet-active {background: #ff9900;width: 30px;border-radius: 6px;}
.slideshow-swiper-container .swiper-pagination {bottom: 20px;}

.slideshow-swiper-container .slide-text-wrap{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: auto;background-image: linear-gradient(120deg, rgba(0, 16, 67, 0.95) 50%, rgba(0, 16, 67, 0.45) 50%, rgba(0, 16, 67, 0.45) 100%);display: flex;align-items:center;}
.slideshow-swiper-container .slide-text{display: flex;align-items:center;flex-wrap: wrap;}

.slideshow-swiper-container .slideb{flex: 0 0 auto; width: 50%;}
.slideshow-swiper-container .slide-text .slide-text-content{color: #FFF; font-size:18px;line-height:1.6;text-align: left;margin-top:15px;}
.slideshow-swiper-container .slide-text .slide-text-title{ padding-bottom:15px;text-align: left; border-bottom:6px solid #ff9900;}
.slideshow-swiper-container .slide-text .slide-text-title a{ color: #FFF;font-size:32px; line-height:1.2; font-weight:700;}
.btn-customer{margin: 15px 0; text-align: left;}
.btn-customer a{display: inline-block;font-weight:600;background:#ff9900;font-size:16px;color: #fff; border: 0px;border-radius: 4px;border-color: #ff9900;padding:7px 20px;}
.btn-customer a span{padding-left:5px;}


#tabs-container{width:100%;overflow: hidden;}
.index-product-list .tabs {display: flex;justify-content:center;}
.index-product-list .tab-item{display:grid; align-items: center;text-decoration: none;}
.index-product-list .tab-item-title { font-size: 16px;line-height: 1.3;display: block;font-weight: 700;}
.index-product-list .tab-item-icon img {width: 100%;height: auto;max-width: 40px;max-height: 40px;}
 
.index-product-list .tabs a {padding: 10px 15px; border-radius:10px; margin:0 10px 10px 0; background:#f8f9fa;font-size: 15px;line-height:1.4; font-weight: 600;cursor: pointer;}
.index-product-list .tabs a.active{background: #ff9900;color: #FFF;} 
.index-product-list .tabs a:hover{text-decoration: none;background: #ff9900;color: #FFF;}

/*.index-about*/
.index-about{background: url(images/about.png)#f8f9fa no-repeat left bottom; padding: 70px 0;}
.index-about-w{display: grid;grid-template-columns: 56% 40%;grid-gap: 4%; align-items: center;}
.index-title-about{font-size:28px; font-weight:600;padding-bottom:20px; text-transform: uppercase;}
.index-title-about h2:after{display: inline-block;content: "";width: 45px;height: 3px;background-color: #ff9900;vertical-align: middle;margin-left:20px;}
.index-btn-about{margin:20px 0;}

.index-btn-about a{transition-duration: .3s;color:#ff9900; font-weight:400; border:1px solid #ff9900; padding:6px 20px;letter-spacing: .03em; display: inline-block;  margin: 10px 0; }
.index-btn-about a:hover{padding:6px 28px 6px 20px; background: #FFF;transition-duration: .3s; color: #ff9900;}

/*index-product 1.2.3.4*/
.application{position: relative;}
.index-application-list{margin:30px 0;box-shadow: 0 0 5.1px .9px rgba(0, 0, 0, .15);padding: 20px; background-color: #fff;}
.index-application-bg{position: absolute;z-index: -1;top: 0;width: 100%;height: 50%;}
.index-application-bg:before{position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 100%;padding: 0px;margin: 0px;content: "";background: #f8f9fa;border-bottom: solid 0px #f4f7fb;}
.index-title h2{font-size:28px; font-weight:600;padding:10px 0; text-transform: uppercase; text-align: center;}
.index-title h2:before{display: inline-block;content: "";width: 45px;height: 3px;background-color: #ff9900;vertical-align: middle; margin-right:20px;}
.index-title h2:after{display: inline-block;content: "";width: 45px;height: 3px;background-color: #ff9900;vertical-align: middle;margin-left:20px;}
.inder-txt{text-align: center; line-height:1.6; margin-bottom:20px;color: #666;}
/*Product scroll*/
.pic-scroll-list{ overflow:hidden;}
.pic-swiper-container1 .bx-viewport{height:100% !important;}
.pic-scroll-list .slide{ float:left; margin-bottom:25px; width:24%; height:auto; text-align:center;overflow:hidden;}
.pic-scroll-list .slide .piclisti{ border: 1px solid #C4C4C4; }
.pic-scroll-list .slide:hover .piclisti{border: 1px solid #ff9900;}
.pic-scroll-list .slide h3{ margin-top:8px; position:relative; z-index:10; font-weight:500;}
.bx-wrapper{position: relative; padding-bottom:20px;}
.pic-swiper-container1 .bx-controls {margin-top:20px;}
.pic-swiper-container1 .bx-controls a{ margin-right:15px; width:30px; height:30px; text-indent:-9999px; border:1px solid #fff;display:inline-block; border-radius:50%; background:#ff9900 url(images/arrow-scroll.png) no-repeat;}
.pic-swiper-container1 .bx-controls a:hover{ }
.pic-swiper-container1 .bx-controls a.bx-prev{position:absolute; bottom:0; right:35px;background-position:12px -10px;}
.pic-swiper-container1 .bx-controls a.bx-next{ position:absolute; bottom:0; right:0; background-position:-12px -10px;}
.pic-swiper-container1 .bx-pager { text-align: center; margin-top: 20px; }


/*index-why*/
.index-why-w{display: grid; grid-template-columns:30% 38% 30%;grid-gap:1%;align-content: center; align-items: center;}
.index-why-w h2{ line-height:1.2; padding:20px 0; font-size:22px; height:52px;overflow: hidden;}
.index-why-w p{color: #666;line-height:1.5;}
.why-left,.why-right{margin-bottom:30px;}
.index-why-center img{border:1px solid #ddd;border-radius:50%; padding: 8px; width:100%;max-width:100%;}


/*.index-blog*/
.index-blog{margin: 50px 0;}
.index-blog-w ul {display: grid; grid-template-columns:48% 48%; grid-gap:2%; margin-top:30px;}
.index-blog-w ul li{display: grid; grid-template-columns:30% 67%;grid-gap: 3%;border-bottom: 1px solid #eee; padding: 10px 0;}
.index-blog-w ul li h3{line-height:1.2;}
.index-blog-w ul li img{width:100%;}
.index-blog-w ul li .bcontent{color: #666;line-height:1.5}
.index-blog-w ul li .blog-more{margin:10px 0;}
.index-blog-w ul li a:hover{color: #ff9900;}
.index-blog-w ul li .cat-date span{margin-right: 10px; color: #ff9900; padding: 10px 0;}

/*archive-customer*/
.index-customer{background-color: #eee; padding:50px 0 30px 0;}
.pic-swiper-container{ position:relative;overflow: hidden;}
.pic-swiper-container .swiper-wrapper .swiper-slide{ float:left; width:23%; height:auto; text-align:center; overflow:hidden;}
.pic-swiper-container .swiper-wrapper .swiper-slide img{ width:100%; height:auto;}

.pic-swiper-container .swiper-wrapper .swiper-slide h3{padding:10px; color:#222; font-size:16px; overflow:hidden;z-index:10; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.pic-swiper-container .swiper-wrapper .swiper-slide h3 a{ height:40px; line-height:20px; display:block; color:#222; text-decoration:none;overflow: hidden;}
.pic-swiper-container .swiper-wrapper .swiper-slide:hover h3 a{color: #222;}
.pic-swiper-container .pic-swiper-button-next, .pic-swiper-container .pic-swiper-button-prev{ position: absolute;top: 50%;transform: translateY(-50%);
 width: 60px;height: 60px;line-height:60px; margin-top: 0;background: rgba(0, 0, 0, 0.3);border-radius: 50%;z-index: 10;transition: all 0.3s ease; text-align: center;}

.pic-swiper-container .pic-swiper-button-next:hover,.pic-swiper-container .pic-swiper-button-prev:hover {background: rgba(0, 0, 0, 0.6);}
.pic-swiper-container .pic-swiper-button-prev {left:0;}
.pic-swiper-container .pic-swiper-button-next {right:0 }
.pic-swiper-container .pic-swiper-button-next::after,.pic-swiper-container .pic-swiper-button-prev::after {font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 30px;color: #fff; text-align: center; }
.pic-swiper-container .pic-swiper-button-prev::after {content: "\f104";}
.pic-swiper-container .pic-swiper-button-next::after {content: "\f105";}
.pic-swiper-container .swiper-pagination-bullet {width: 15px;height: 15px;background: rgba(255, 255, 255, 0.8);opacity: 1;border-radius: 50%;transition: all 0.3s ease;}
.pic-swiper-container .swiper-pagination-bullet-active {background: #ff9900;width: 30px;border-radius: 6px;}
.pic-swiper-container .swiper-pagination {bottom: 20px;} 

.archive-customer-list{display: grid; grid-template-columns:1fr 1fr;grid-gap:0 50px; margin:40px 0;align-items: center;}
.archive-customer-list img{width:100%;}
.archive-customer-list h3{font-size:30px; font-weight:500;margin:15px 0; line-height:1.3;}
.archive-customer-list a:hover{color: #ff9900;}
.archive-customer-list .bcontent{font-size:16px; line-height:1.6; color: #282828; }
.archive-customer-list .bcontent p{word-break: break-word; }
.customer-hr{border-bottom: 1px solid #e0e0e0; margin:30px 0;}

/*index-case*/
.index-case{padding:30px 0;}
.archive-case{display: flex; gap:97px;}
.index-case img{width:100%;}
.case-swiper-container{ position:relative;overflow: hidden;}
.case-swiper-container .swiper-wrapper .swiper-slide{ float:left; width:23%; height:auto; text-align:center; overflow:hidden;}
.case-swiper-container .swiper-wrapper .swiper-slide img{ width:100%; height:auto;object-fit:contain;}

.case-swiper-container .swiper-wrapper .swiper-slide h3{padding:10px; color:#222; font-size:16px; overflow:hidden;z-index:10; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.case-swiper-container .swiper-wrapper .swiper-slide h3 a{ height:40px; line-height:20px; display:block; color:#222; text-decoration:none;overflow: hidden;}
.case-swiper-container .swiper-wrapper .swiper-slide:hover h3 a{color: #222;}
.case-swiper-container .case-swiper-button-next, .case-swiper-container .case-swiper-button-prev{ position: absolute;top: 50%;transform: translateY(-50%);
 width: 60px;height: 60px;line-height:60px; margin-top: 0;background: rgba(0, 0, 0, 0.3);border-radius: 50%;z-index: 10;transition: all 0.3s ease; text-align: center;}

.case-swiper-container .case-swiper-button-next:hover,.case-swiper-container .case-swiper-button-prev:hover {background: rgba(0, 0, 0, 0.6);}
.case-swiper-container .case-swiper-button-prev {left:0;}
.case-swiper-container .case-swiper-button-next {right:0 }
.case-swiper-container .case-swiper-button-next::after,.case-swiper-container .case-swiper-button-prev::after {font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 30px;color: #fff; text-align: center; }
.case-swiper-container .case-swiper-button-prev::after {content: "\f104";}
.case-swiper-container .case-swiper-button-next::after {content: "\f105";}
.case-swiper-container .swiper-pagination-bullet {width: 15px;height: 15px;background: rgba(255, 255, 255, 0.8);opacity: 1;border-radius: 50%;transition: all 0.3s ease;}
.case-swiper-container .swiper-pagination-bullet-active {background: #ff9900;width: 30px;border-radius: 6px;}
.case-swiper-container .swiper-pagination {bottom: 20px;} 

.case-more{text-align: center;}
.case-more a{color: #ff9900; border-bottom:2px solid #ff9900; text-align: center; display:inline-block; cursor: pointer;font-size:28px; font-weight:600;margin: 30px 0;}
  
/* Container */
.container {padding:0;background:#fff;clear:both}
.column-fluid {float:right;	width:100%; margin:0 0 20px 0;}
.content {}
.fullwidth {margin:0 auto;width:100%}

/* Breadcrumb */ 
.breadcrumb-wrap{padding:12px 0; background:#f6f6f6;border-top-color: #eee;border-bottom-color: #eee;}
.breadcrumb-wrap .breadcrumb{width:96%;line-height:50px; clear:both; overflow:hidden;}
.breadcrumb-wrap .breadcrumb .bread{display: grid; grid-template-columns:auto 1fr ; align-items:center;}
.breadcrumb-wrap .breadcrumb a:link, .breadcrumb a:visited{  text-decoration:none; color: #222;}
.breadcrumb-wrap .breadcrumb a:hover{ color:#ff9900;}
.breadcrumb-wrap .breadcrumb h2{font-size:24px; line-height:1.4;}
.breadcrumb-wrap .breadcrumb h2 span{ }
.breadcrumb-wrap .breadcrumb .crumb-box{text-align: right;margin: 0;}

/*page-thum*/
.page{position:relative;}
.page .breadcrumb-page a{color: #FFF;}
.page .breadcrumb-page{position: absolute;left: 0;right: 0; top: 0;bottom: 0; display: flex;justify-content: center; align-items: center; color: #FFF; text-align: center; background: linear-gradient(45deg, rgba(0, 16, 67, 0.75) 0%, rgba(0, 16, 67, 0.75) 50%, rgba(0, 16, 67, 0.75));}
.page-thum{background-repeat: no-repeat;background-size: cover !important;background-position: center center !important; height:450px;}
.page .page-thum img{ width:100%; max-height:450px;}  

.page-wrap-contact .page-thum img{ width:100%;height:auto;}  
.page-thum-title{position: absolute; left:50%;top:50%; color: #222;}
.page-thum-title h2{font-size:45px;}

/*page-wide*/
.page-wide ul{display: flex;flex-wrap: wrap; margin: 30px 0 !important; }
.page-wide ul li{width: 50%;line-height: 22px;font-size: 18px;  background-position: left center; margin: 20px 0 0 0; list-style: none !important;}
.page-wide ul li i{padding-right:8px; color: #ff9900; font-size:16px;}
.page-wide .wpforms-submit-container{text-align: center;}
 
/*Inquiry*/
.inquiry{padding:70px 0;}
.inquiry-title{font-size:36px;line-height:1.3; padding: 0 40px;  color: #272727;text-align: center;}
.inquiry-page{display: grid; grid-template-columns: 65% 35%;}
.inquiry-right{border-left:1px solid #eee; padding-left:100px;}
.inquiry-left{padding:40px 20px 0 20px ;background-color: #f5f5f5;}
/*contact us*/
.contact{padding:70px 0;}
.contact-title{font-size:36px;line-height:1.3; color: #272727;text-align: left;}
.contact-page{display: grid; grid-template-columns: 40% 60%;}
.contact-left{margin: 0; padding: 0;}
.contact-right{background-color: #f5f5f5; padding: 40px;}

/*About */
.hkpage_page01{padding: 70px 0;}
.hkpage_page02{padding: 70px 0; }
.hkpage{display: grid;grid-template-columns: 60% 36%; grid-gap:2%;align-items: center;}
.hkpage1{display: grid;grid-template-columns: 36% 60%; grid-gap:2%;align-items: center;}
.hkpage img,.hkpage1 img{width:100%;}
.hkpage-title{margin-bottom: 20px;font-size: 36px;color: #222; font-weight:700;line-height:1.3}
.hkpage_left{margin-bottom:20px;}

/*about-quality*/
.about-quality{padding: 60px 0; background-color: #f8f8f8; text-align: center;}
.quality-container h1{margin-bottom:30px;}
.quality-container .quality-text{line-height:1.6; font-size:16px;margin-bottom:30px;}
.quality-container{ width:90%;  position:relative;}
.list-swiper-container{}
.list-swiper-container .swiper-wrapper .swiper-slide{ float:left; margin-bottom:30px; width:23%; height:auto; text-align:center; overflow:hidden;}
 
.list-swiper-container .list-swiper-button-next, .list-swiper-container .list-swiper-button-prev{position: absolute;top: 50%; cursor: pointer;display: flex;   align-items: center;justify-content: center; z-index:999;width: 48px;height: 48px; cursor:pointer; font-size:24px; line-height:48px; text-align: center; color: #fff;}
.list-swiper-container .list-swiper-button-prev{ left:50px; background:#ff9900}
.list-swiper-container .list-swiper-button-next{ right:50px; background:#ff9900;}

/*.about-cert-list*/
.about-cert-list{padding:35px 0;}
.certificate-container{ position:relative; width:90%;}
.certificate-container h2{text-align: center; margin:20px 0;font-weight:600; font-size:38px;}
.swiper-certificate .swiper-slide {text-align: center;font-size: 18px;display: flex;align-items: center;transition: 300ms;transform: scale(0.7) !important;}
.swiper-certificate	.swiper-slide-active,.swiper-certificate .swiper-slide-duplicate-active{transform: scale(1.1)!important;}
.swiper-certificate	 .swiper-slide img{ padding:10px 0;}

.swiper-certificate .cer-swiper-button-next, .swiper-certificate .cer-swiper-button-prev{position: absolute;top: 50%; cursor: pointer;display: flex;align-items: center;justify-content: center; z-index:999;width: 48px;height: 48px; cursor:pointer; font-size:24px; line-height:48px; text-align: center; color: #fff;}
.swiper-certificate .cer-swiper-button-prev{ left:50px; background:#ff9900}
.swiper-certificate .cer-swiper-button-next{ right:50px; background:#ff9900;}

.swiper-wrap{width:100%;}
.swipertop img{height:60% !important;}

/*Page-service-list*/
.page-service-list{display: grid; grid-template-columns:1fr 1fr 1fr; text-align: center;margin:40px 0 20px 0;}
.service-items{margin: 0 30px 30px 0;border-radius: 10px;box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
border: solid 1px #eee;padding: 40px 36px;color: #666;}
.service-items i{font-size: 70px;color: #ff9900;line-height: 1.2; }
.service-items .service-tit{margin-top: 20px;font-size: 18px;color: #707070;transition: all .3s;font-weight: 500;}
.service-items .service-p{margin-top: 20px;font-size: 16px;color: #b1b1b1;margin-top: 10px;line-height: 1.6;}
.service-more{color: #0070d2;font-size: 16px;display: inline-block;margin-top: 20px;}
.service-more .read-more {color: #0070d2;font-size: 16px;display: inline-block;margin-top: 20px;}

/*achive-pic*/
.catitem-background{padding: 70px 0;}
.catitem-background:nth-child(even) {background-color: #f0f0f0;}
.catitem-background:nth-child(even) {background-color: #f0f0f0;}
.catitem-background:nth-child(even) .catitem{flex-direction: row-reverse;}

.catitem {display: flex;margin-bottom: 30px;overflow: hidden; }
.catleft, .catright {flex: 1;padding: 20px; width:50%;}
.catleft {align-items: center;}

.catlist-title{margin:0 0 20px 0; }
.catlist-title a{font-size:36px; display: block; color: #272727; cursor:pointer;}
.catitem ul.thumblist-cat{ float:left; margin:15px 0 0; width:100%; overflow:hidden; display:block;}
.catitem ul.thumblist-cat li{ float:left; margin:0 5px;text-align:center; overflow:hidden;}
.catitem ul.thumblist-cat li .thumb-wrap{ float:left; padding:1px;   border:1px solid #eee; background:#fff; overflow:hidden;}
.catitem ul.thumblist-cat li.nomargin{ margin:0 0 0 9px;}
.catitem ul.thumblist-cat li em{ width:100%; height:6px; font-size:0; overflow:hidden; display:none;}
.catitem ul.thumblist-cat li img{ margin-bottom:0; border:none; padding:1px; width:100%; height:100%; cursor:pointer; vertical-align:middle;}
.catitem ul.thumblist-cat li .imWrap{ float:left; width:80px; height:80px; text-align:center; display:table-cell; vertical-align:middle; *display:block; *font-size:63px; }
 
.catitem ul.thumblist-cat li span{ color:#666;}
.catitem ul.thumblist-cat li.zoomActive .thumb-wrap{ border:1px solid #ff6600;}
.catitem ul.thumblist-cat li.zoomActive span{ color:#c52620;}

.swiper {width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {background-size: cover;background-position: center;}
 .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

/*archive-article*/
.faq-list li{list-style-type: disc; color: #222; margin-left:20px;border-bottom: 1px dashed #eee;height: 46px; line-height: 46px}
.faq-list li:hover{color: #ff9900;}
.faq-list li a:hover{color: #ff9900;}

/*archive-faq*/
.archive-faq{padding: 20px 0;}
.faq-contact h2{font-size: 26px;margin-top: 60px;text-align: center;margin-bottom: 40px; color: #333;}
.faq-clist{display: flex; flex-wrap: wrap; text-align: center;}
.faq-clist .faq-cell{ margin: 0 2% 2% 0;width: 31.1%;border-radius: 10px;box-shadow: 0 3px 6px rgba(0,0,0,.16);color: #666;}
.faq-cell-wrap{padding:30px;}
.faq-cell a{color: #ff9900;}
.faq-cell img{width:100%;}

/*.accordion-header*/
.accordion-header{position: relative; font-size:18px;font-weight:500; cursor:pointer;font-family:'FontAwesome';padding:10px 0; line-height:23px;color: #ff9900;background-color: #fafafa;}
.accordion-header span{color: #ff9900; margin: 0 8px;font-weight:600;}
.accordion-content span{color: #ff9900; margin: 0 8px;font-weight:600;}
.accordion-header:hover{}
.accordion-header:before{content:"\f107"; color: #ff9900;position: absolute; right: 10px; font-size:28px;}
.inactive-header{ color:#222; background-color:#fff;}
.inactive-header:before{content:'\f105';color: #ff9900; position: absolute; right: 10px;}
.accordion-content{line-height:1.6; font-size:16px; display:none; color:#222; margin: 20px 0;}
.accordion-content p{}
.accordion-content a:link, .accordion-content a{margin:10px 0;display:block;font-weight:500;}
.accordion-content a:hover{ color:#000;}
.accordion-list li{border-bottom: 1px solid #f3f4f8; border-radius: 10px; padding-bottom:10px; margin-bottom:10px;}
.accordion-list li:last-child{border-bottom: 1px solid #eee;}
 
/*active news*/
.blog-list {display: grid;grid-template-columns: 1fr 1fr ; grid-gap:20px; margin: 0 30px 30px 0;border-bottom: solid 1px #eee;padding:25px; color: #666;}
.blog-list .picexcerpt_news img{width:100%; }
.blog-list h3{font-size:23px; margin:20px 0 10px 0;line-height:1.2;overflow: hidden;}
.blog-list:hover h3 {color: #ff9900;} 
.blog-list .bcontent{margin-top: 15px;font-weight: 300; overflow: hidden; font-size:16px;line-height:1.6; color: #666;}
.cat-date{color: #757575; text-align: left;font-size: 13px;font-weight: 600;margin-top: 5px; display: block; }
.blog-more{background-color: #ff9900; color: #fff; padding: 5px 30px; margin-top:30px; display: inline-block; font-weight: 500;}

/*active piclist*/
.pic-list li{float:left; margin-left:2%; _margin-left:1%; width:22.96%;margin-top:10px; margin-bottom:25px;box-shadow: 0 0 5.1px .9px rgba(0, 0, 0, .15);}
.pic-list li:hover{box-shadow:3px 5px 15px rgba(0,0,0,.1); }
.pic-list li a{padding: 20px; display: block;}
.pic-list li:hover h3{color: #ff9900;}
.pic-list li img{margin-bottom:15px; width:100%;}
.pic-list h3{color: #222; font-size:16px; margin:15px 0 0; line-height:1.4; font-weight:600; overflow: hidden; text-align: center;}
.pic-list .piclist{overflow: hidden;}
.pic-list .bcontent{color: #666;margin-top: 15px;font-weight: 300;height:140px; overflow: hidden; font-size:16px;}
.read-more{display:inline-block; margin:20px 0 10px 0;}
.read-more a,.read-more span{display:flex;position:relative;z-index:2;height:40px;font-size:14px;transition: all .4s cubic-bezier(0.88, -0.16, 0.72, 0.93) 0s;overflow:hidden;width:145px;border-radius:5px;padding-left:15px;align-items:center;background-color:#ff9900;color:#fff;line-height:1.2}
.read-more a i,.read-more span i{display:flex;width:40px;height:40px;justify-content:center;align-items:center;font-size:14px;line-height:1;color:#fff;position:absolute;right:0;top:0}
.read-more a:after,.read-more span:after{position:absolute;height:100%;width:40px;right:0;top:0;z-index:-1;content:"";background-color:#074584;transition:all .3s}
.read-more a:hover:after,.read-more span:hover:after{width:100%}

/*active caselist*/
.case-list {display: grid;grid-template-columns: 1fr 1fr 1fr;margin: 40px 0 20px 0;}
.case-list li{margin: 0 30px 30px 0;box-shadow: .2rem .2rem 2rem 0 rgba(23, 39, 59, .05);border: 1px solid #d0d0d0;}
.case-list li:hover{background-color: #fff;}
.case-list li a{padding: 40px; display: block;}
.case-list li:hover h3{color: #ff9900;}
.case-list h3{color: #222; font-size:16px; margin:15px 0 0; line-height:1.4; font-weight:600; overflow: hidden;}

.case-list li img{margin-bottom:15px; width:100%;}
.case-list .piclist{overflow: hidden;}
.case-list .bcontent{color: #666;margin-top: 15px;font-weight: 300;height:120px; overflow: hidden; font-size:16px;}

/*download list*/
.download-list {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;margin: 10px 0 20px 0;}
.download-list li{margin: 0 30px 30px 0;box-shadow: .2rem .2rem 2rem 0 rgba(23, 39, 59, .05);}

.download-list li a{ display: block;}
.download-list li a .download-title{font-size:16px;text-align: center; padding: 10px;}
.download-list li:hover{box-shadow:3px 5px 15px rgba(0,0,0,.1);}
.download-list li:hover .download-title{color:#ff9900;}
.download-list li img{width:100%;}

/*Archive-video*/

/*YouBe*/
.Archive-video{width:100%; aspect-ratio:16/9;  text-align: center; }
.Archive-video IFRAME{ width:100%; min-height:300px; border:none;}

.Archive-video li{float:left; margin-left:1.5%; _margin-left:1.5%; width:31.6%; margin-bottom:25px;box-shadow:.2rem .2rem 5rem 0 rgba(23, 39, 59, .05)}
.Archive-video li h3{margin:20px 0; text-align: center;}
.Archive-video li:hover{box-shadow: .2rem .2rem 1.2rem 0 rgba(23, 39, 59, .1);}
.Archive-video li:hover h3 a{color: #ff9900; display: block;}
 

/*archive-articlelist*/
.article-list{}  
.article-list li a{border-bottom:1px solid #eee;padding:20px 0; display: block;}.article-list li a:hover h3{color: #ff9900;}
.article-list li h3{color: #222;line-height: 1.4;font-weight: 600;transition: all .3s;}
.article-list .cat-date{color: #999;padding: 8px 0;font-size: 14px;font-weight: 300}

.piclist-col3{ margin-left:-1%;}
.piclist-col3 li{float: left; margin-left:1%; _margin-left:1%; width:32.3%; margin-bottom:20px;text-align: center;}

/*resources-module*/
#resources-module{padding:70px 0}
#resources-module a{ color: #236fba;}
#resources-module .rm-header {color: #236fba; font-weight: 600; font-size: 30px; margin-bottom:20px;}
#resources-module .rm-item-title {text-decoration: none; text-align: center; position: relative; text-align: center;height: 42px;line-height: 21px; padding-bottom:20px; color: #236fba;}
#resources-module  .rm-item-title h3 a{ font-size:18px;color:#236fba !important;}
#resources-module .rm-item-img {margin-bottom: 15px;}
.rm-item-img img{width:70% !important; height:100% !important;}
#resources-module .rm-item-cta{border-radius: 5px;border-top: 1px solid #4d2428; border-bottom: 1px solid #6f4d55;
text-shadow: rgb(0 0 0 / 30%) 2px 2px 0;background: linear-gradient(#cd2626, #d15420);padding: 6px; display: inline-block;}
#resources-module .rm-item-cta a{ font-size: 16px;font-weight: 700;color: #fff; text-decoration: none;}
#resources-module .rm-item-cta a:after{background-color: #8f0204;}
 
/*postlist*/
.postlist{display: grid; grid-template-columns:1fr 1fr;grid-gap:0 20px;}  
.postlist li{ background-color: #F6F6F6; margin-bottom:20px;}

.archive-wrap{ margin: 30px 0;}
/*cat_list*/
.cat-wrap{background-color: #FFF; padding: 20px 0;}
.cat-category ul li {float: left; border-right:1px solid #ddd;padding: 0px 20px; margin-bottom:10px}
.cat-category ul li a{font-size: 15px;  color: #333;display: block;transition: 0.3s ease 0s;}
.category_description{ padding: 20px 0; line-height:26px;}
.category_description p{line-height:26px;}
.category_description a{color: #ff9900;}
.category_description h1,.category_description h2,.category_description h3,.category_description h4{color: #ff9900; font-weight:600; padding: 10px 0;}

 /* Archive - ExcerptPiclist */
.picexlist{ padding:0; overflow:hidden;}
.picexlist li{ margin:20px auto; padding-bottom:20px;  border-bottom:1px solid #F6F6F6; color:#666; overflow:hidden;}
.picexlist li .post-thumb{ float:left; padding-right:45px; min-height:200px;}
.picexlist li .post-thumb img{ padding:5px; width:240px; border:1px solid #f4f4f4;}
.picexlist li:hover .post-thumb img{ border-color:#fdb795;}
.picexlist li h3{ margin-bottom:12px; font-weight:700;}
.picexlist li .excerpt{ margin: 10px 0; }
.picexlist li:last-child, .picexlist li.nb{ margin:0 auto; border:none;}
.picexlist .link-more {margin:10px 0}
.picexlist .link-more a{color: #222; text-align: left; text-decoration: underline; }
.picexlist .link-more i{margin-left:6px; text-decoration: underline;font-weight: normal;}
.picexlist .link-more a:hover{color: #0D5E9D;}
.picexlist .excerpt{line-height:26px;}


.post-meat {margin-bottom:20px;} 
.post-meat span a{color: #23282D;} 
.post-meta{ background: #EEE; color: #999; margin-bottom:20px; font-size: 13px; background: linear-gradient(to right, #f2f2f2, #FFF); overflow:hidden;height:42px;line-height:42px; text-align: center;}
.post-meta a:link, .post-meta a:visited{ color:#999;}
.post-meta a:hover{ color:#666;}
.post-meta span.comments{ background-position:0 -120px;}
.post-meta span.author{ background-position:0 -154px;}
.post-meta span.cat{ background-position:0 -187px;}

/* Post */
.post-title{font-size: 26px;line-height: 1.4;font-weight:600; padding-bottom: 20px; text-align: center;} 
.post{ overflow:hidden;}
.post .post-meta{border:none;}
.post .post-meta span{ padding:2px 0 2px 10px;}
.post img{max-width:100%;max-height:100%;display: block;}
.post .page-title{font-weight: 600; font-size: 36px;color: #ff9900;line-height: 28px;clear: both; padding-bottom: 20px;text-align: center;}


.entry{ font-size:16px; line-height:26px; margin: 0;}
.entry h1{margin: 40px 0 30px 0;  padding:0; font-weight:700; border:none; background:none; font-size: 40px; line-height:40px;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin:20px 0; padding:0; font-weight:600; border:none; background:none; color:#222; line-height:1.6;}
.entry p{ margin-bottom:12px; line-height:1.6;}
.entry a:link, .entry a:visited{ color:#ff9900;}
.entry a:hover{ color:#ff9900;}
.entry img{ max-width:100%; height:auto; margin-bottom:10px;}
.entry span{ }
.entry hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;}
.entry .left{ float:left; width:45%;}
.entry .right{ float:right; width:45%;}
.entry ol, .entry ul{ margin:10px 30px;}
.entry ul ::marker{color: #ff9900;}
.entry ol li{ list-style:decimal;}
.entry ul li{ list-style:disc; }
.entry ul li ul li{ list-style:circle; }
.entry input,.entry textarea,.entry select{ padding:6px; border:1px solid #ccc; font-size:100%; vertical-align: middle;}
.entry input[type="text"]:hover,.entry input[type="text"]:focus,.entry input[type="text"]:active{ border:1px solid #999;}
.entry table{ margin-bottom:20px; max-width:99.5%; border-left:1px solid #ddd; border-bottom:1px solid #ddd;font-size:1em;}
.entry th{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f4f4f4;}
.entry td{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; word-wrap:break-word;}
.entry input, .entry textarea, .entry select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;}
.entry input[type="text"]:hover, .entry input[type="text"]:focus, .entry input[type="text"]:active,.entry textarea :hover, .entry itextarea :focus, .entry textarea :active,, .entry select:hover{ border:1px solid #ef5c32;}

.alignleft{ float:left; padding-right:30px;}
.alignright{ float:right; padding-left:30px;}
.alignnone, .aligncenter{ float:none; margin-left:auto; margin-right:auto; clear:both;}
.aligncenter{ text-align:center; display:block;}
.wp-caption{margin:10px auto; background:#F6F6F6; border:1px solid #eee; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;}
.wp-caption img{width:100%}
.wp-caption p.wp-caption-text{ padding:4px;line-height:20px;color:#666;}

.post-meta-bottom{ padding-bottom:10px;overflow:hidden;}
.gallery-item{border:1px solid #eee;}
.wp-caption-text{line-height:36px; background:#F6F6F6; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;}
.wp-caption-text img{width:100%}
.wp-caption-text p.wp-caption-text{margin:5px 0;padding:4px;line-height:20px;color:#666;}
 

/*related*/
.piclist-col4 li{ float:left; margin-left:1.5%; _margin-left:1.5%; width:23.5%;margin-bottom:25px;} 

.related-pic h2{color: #222;margin: 20px 0; font-weight:600;}
.post-related h3{margin: 10px 0;}
.post-related h3 a:hover{color: #ff9900 !important;}
.post-related  .blog-list{padding: 0;}

.share .social-share-list{ }
.share .social-share-list li{margin-right:5px;margin-bottom:5px;display: inline-block;}
.share .social-share-list li a{display: flex;align-items: center;justify-content: center;text-decoration: none;cursor: pointer;transition: 0.15s all ease;padding: 8px;border-radius:5px; background-color: #1DA1F2; color: #fff;}
.share .social-share-list li a span{padding-right:5px;}
.social-share-item span{font-family: "FontAwesome" !important;}

/* Prev Next Post */
.post-prev-next{ margin:20px 0; border-top:1px solid #eee;padding-top:20px}
.post-prev-next a{line-height:40px;}

/* Tags */
.tags a{background-color: #F5F5F5;padding: 5px;color: #999; margin-bottom:8px; display: inline-block}
.tags a:hover{background-color: #ff9900; color: #FFF;}


.picexcerpt{text-align: center;margin-bottom: 20px;line-height: 1.3; font-weight: 700;}
/*cat-desc*/
.cat-iq{margin: 30px 0;}
.cat-desc{}
.cat-desc h1{margin: 40px 0 0 0; padding-bottom:30px; text-align: center; font-weight:700; border:none; background:none; font-size: 38px; line-height:1.3; position: relative;}
.cat-desc h2, .cat-desc h3, .cat-desc h4, .cat-desc h5, .cat-desc h6{ margin: 20px 0; padding:0; font-weight:500; border:none; background:none; color:#222; line-height:1.6;}
.cat-desc p{ line-height:1.6; font-size:16px;}
.cat-desc a:link, .cat-desc a:visited{ color:#ff9900;}
.cat-desc a:hover{ color:#ff9900;}
.cat-desc img{ margin-bottom:10px; max-width:100%; height:auto;}
.cat-desc span{font-weight:400;}
.cat-desc hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;}
.cat-desc .left{ float:left; width:45%;}
.cat-desc .right{ float:right; width:45%;}
.cat-desc ol, .cat-desc ul{ margin:10px 30px;}
.cat-desc ol li{ list-style:decimal;}
.cat-desc ul li{ list-style:disc;}
.cat-desc input,.cat-desc textarea,.cat-desc select{ padding:6px; border:1px solid #ccc; font-size:100%; vertical-align: middle;}
.cat-desc input[type="text"]:hover,.cat-desc input[type="text"]:focus,.cat-desc input[type="text"]:active{ border:1px solid #999;}
.cat-desc table{ margin-bottom:20px; max-width:99.5%; color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;font-size:1em;}
.cat-desc th{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f4f4f4;}
.cat-desc td{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; word-wrap:break-word;}
.cat-desc input, .cat-desc textarea, .cat-desc select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;}
.cat-desc input[type="text"]:hover, .cat-desc input[type="text"]:focus, .cat-desc input[type="text"]:active,.cat-desc textarea :hover, .cat-desc itextarea :focus, .cat-desc textarea :active,, .cat-desc select:hover{ border:1px solid #ef5c32;}


.news-list li{background-color: #F6F6F6;border-bottom:3px solid #222; margin-bottom:25px;padding:30px;}
.news-list li .news-header{ margin:16px 0;}
.news-list li .news-header h3 a{font-weight: 700; color: #ff9900; font-size: 22px;}
.news-list li .news-date{margin: 16px 0; font-size: 13px;}
.news-list li .news-content,.news-list li .news-content p{color: #222; line-height:22px;}
.news-list li .read-more{ margin: 16px 0;}
.news-list li .read-more a{color: #ff9900;}

/* Post - Product */
.container-product{ padding:0; width:100%;}
.product-name{ margin-bottom:20px; font-size:28px; line-height:36px; color:#ee5225;}
.product-summary{ margin-bottom:20px; font-size:13px; color:#222;}
.product-meta{overflow:hidden;border-top:1px solid #eee; padding:15px 0;}
.product-meta p, .product-meta li{ margin-bottom:0; line-height:1.5; }
.product-meta strong, .product-meta b{ width:170px;}
.product-inquiry{ overflow:hidden;margin:20px 0; clear:both;}

.product-inquiry a{ float:left; margin-bottom:10px; margin-right:10px; padding:8px 15px; line-height:22px; color:#fff; background:#ff9900; border-radius:5px;font-family: Montserrat; font-weight:500; display:inline-block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.product-inquiry a:hover{ color:#fff; background-color:#222; text-decoration:none;}
.product-inquiry p{ float:left; margin:6px 0 0 15px; line-height:20px; color:#999;}

.product-cat{color: #222; margin: 15px 0;font-weight:600;}
.product-cat a{color: #ff9900; margin-right:8px;}
.product-cat a:hover{color: #ff9900; text-decoration: underline;}

.product-tips{ margin-top:30px; padding:20px 25px; border:1px solid #e9ebed; background-color:#f5f7f8; clear:both; position:relative;}
.product-tips i{ width:14px; height:8px; line-height:8px; font-size:8px; background:url(images/icon-arrow.png) no-repeat center 0; display:inline-block; position:absolute; top:-8px; left:45px; z-index:99;}
.product-tips h4{ margin-bottom:10px; font-size:14px; font-weight:bold; color:#666;}
.product-tips  ul li{ margin-bottom:4px; padding-left:16px; color:#777; background:url(images/icon.gif) no-repeat 0 -313px;}

.tab-head{ margin-top:65px; height:39px; border-bottom:1px solid #e4e4e4;}
.tab-head .inner{ overflow:visible; position:relative;}
.tab-head li{ float:left; margin-right:5px; padding:0 25px; line-height:36px; font-size:18px; font-weight:bold; color:#222; display:block; cursor:pointer;}
.tab-head li.current{ margin-top:-3px; line-height:42px; font-weight:bold; border-bottom:2px solid #ff9900; color:#ff9900; background:#fff;}
.tab-head li a:link, .tab-head li a:visited, .tab-head li a:hover{ color:#222; text-decoration:none;}
.tab-head li.current a:link, .tab-head li.current a:visited, .tab-head li.current a:hover{ color:#ff9900;}
.tab-head span{ float:left; margin-right:5px; padding:0 25px; line-height:38px; font-size:16px; font-weight:bold; color:#666; display:block; cursor:pointer; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px;border-top-right-radius:3px;}
.tab-head span.hov{ margin-top:-3px; line-height:41px; font-weight:bold; border:1px solid #e4e4e4; border-top:2px solid #ff9900; border-bottom:none; color:#ff9900; background:#fff;}
.Xtranslate{ -wekit-transform:translate3d(90px,0,0); -moz-transform:translate3d(90px,0,0); -o-transform:translate3d(90px,0,0); -ms-transform:translate3d(90px,0,0); transform:translate3d(90px,0,0);}

#tab-product{ padding-top:20px;}
#tab-product .entry{ display:none;}
#tab-product .inner, .entry .inner{ width:auto;}
#tab-product .entry .tab-title{ margin:40px auto 25px; height:42px; line-height:42px; font-size:16px; border-bottom:1px solid #e4e4e4; display:none;}
#tab-product .entry .tab-title span{ padding:0 25px; line-height:41px; font-weight:bold; border-bottom:2px solid #ff9900; color:#ff9900; background:#fff; display:inline-block;}
.tab-head span a:link, .tab-head span a:visited, .tab-head span a:hover{ color:#666; text-decoration:none;}
.tab-head span.hov a:link, .tab-head span.hov a:visited, .tab-head span.hov a:hover{ color:#ff9900;}
.tab-pinned{ margin:0 auto; width:100%; background:#fff; position:fixed; top:50px; left:0; z-index:9999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); -moz-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08);}
.tab-pinned span{ float:none; display:inline-block;}
.tab-pinned span.hov{ margin-top:0; line-height:38px;}
#tab-product .entry-pinned{ padding-top:110px;}

.product-header{ padding:0;}
.product .post-title{padding-bottom:10px; font-size:22px; font-weight:700; line-height:1.5;text-align:left; clear:both;}
.product .productMeta{ overflow:hidden;display: grid;grid-template-columns:48% 48%;grid-gap:4%;}
.product .product-meta-box{overflow:hidden;}
.product .metaList{ float:left; margin:0 0 0 30px !important;}
.product .metaList li{ padding:7px 0 8px 0; border-bottom:1px solid #eee; overflow:hidden;}
.product .metaList li strong{ float:left; padding-right:8px; width:130px; text-align:right; font-weight:normal; display:block;}
.product .metaList li.inquiry{ padding:15px 0 5px;}

.product .left{ float:left; width:45%;}
.product .right{ float:right; width:45%;}
.preview{}
.preview #wrap{ padding:0;}
.preview img{ margin-bottom:0; width:100%; height:100%; background:#fff;}

.post ul.thumblist{ float:left; margin:15px 0 0; width:100%; overflow:hidden; display:block;}
.post ul.thumblist li{ float:left; margin:0; width:20%; text-align:center; overflow:hidden;}
.post ul.thumblist li .thumb-wrap{ float:left; padding:1px; width:97%; border:1px solid #e6e6e6; background:#fff; overflow:hidden;}
.post ul.thumblist li.nomargin{ margin:0 0 0 9px;}
.post ul.thumblist li em{ width:100%; height:6px; font-size:0; overflow:hidden; display:none;}
.post ul.thumblist li img{ margin-bottom:0; border:none; padding:1px; width:100%; height:100%; cursor:pointer; vertical-align:middle;}
.post ul.thumblist li .imWrap{ float:left; width:100%; height:100%; text-align:center; display:table-cell; vertical-align:middle; *display:block; *font-size:63px; *font-family:Arial;}

.post ul.thumblist li span{ color:#666;}
.post ul.thumblist li.zoomActive .thumb-wrap{ border:1px solid #ff6600;}
.post ul.thumblist li.zoomActive span{ color:#c52620;}
.cloud-zoom-lens{ border:1px solid #eee; background:url(images/grid.png) repeat 0 0; cursor:move;}
.cloud-zoom-big{ top:0 !important; width:350px !important; height:386px !important; border:1px solid #e6e6e6; overflow:hidden;}
.cloud-zoom-loading{ padding:3px; border:1px solid #ccc; color:#fff; background:#222;}

/* Page - Error404 */
.error404{ max-width:390px; padding:50px 0;}
.error404 h4{ height:32px; line-height:32px; font-size:200%; color:#ff9900;}
.error404 span{ margin-bottom:25px; color:#666; display:block;}
.error404 ol{ padding:5px 0 5px 20px;}
.error404 ol li{ margin:0 auto; list-style:disc;}
.errorsearch{ margin-top:15px; width:100%; overflow:hidden;}
.errorsearch .searchInput{ float:left; padding:6px 0; width:80%; text-indent:12px; height:24px; line-height:24px; border:1px solid #DDD;}
.errorsearch #searchsubmit{ float:right; width:19%; height:38px; font-size:14px; border:none; color:#FFF; background:#666; cursor:pointer;}
.errorsearch #searchsubmit:hover{ background:#222;}

/*.wpcf7 */
.wpcf7 p{overflow:hidden; clear:both;}
.wpcf7 label{  display: block;}
.wpcf7 label.long{ width:auto; text-align:left;}
.wpcf7 label em{ padding:5px 8px 0 0; color:#ff9900; font-style:normal; font-size:12px;}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-captchar{ height:36px; line-height:36px; color:#666; border: 1px solid #ddd; width:90%;margin-bottom:2px;}
.wpcf7 .wpcf7-select{ padding:12px 15px;}
.wpcf7 .wpcf7-captchar{ width:100px;}
.wpcf7 .wpcf7-textarea{ padding:10px; width:80%; height:160px; color:#666; overflow-y:scroll; border:1px solid #d8d8d8;}
.entry .wpcf7 input[type="text"]:hover,.entry .wpcf7 input[type="text"]:focus,.entry .wpcf7 input[type="text"]:active,.wpcf7 .wpcf7-text:hover, .wpcf7 .wpcf7-text:active, .wpcf7 .wpcf7-captchar:hover, .wpcf7 .wpcf7-captchar:active, .wpcf7 .wpcf7-textarea:hover, .wpcf7 .wpcf7-textarea:active{ 
box-shadow: inset 0 0px 3px #870101;border: 1px solid #ce4848;}
.wpcf7 .wpcf7-submit{ padding:9px 50px; font-size:18px; font-weight: 600;text-shadow: rgb(0 0 0 / 30%) 2px 2px 0; color:#fff;  background: #ce4848; background: linear-gradient(#ce4848,#870101);display:inline-block; border-radius:5px;}
.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:active{ background: #870101;}
.wpcf7 p.btn-submit span{ float:right; color:#ff9900;}
.wpcf7 .wpcf7-not-valid{ border:1px solid #ff9900;}
.wpcf7 span.wpcf7-list-item-label{ padding-right:10px;}
.wpcf7 span.wpcf7-not-valid-tip{ margin:0 auto; padding-left:10px; background:#fff; display:inline !important;}
.wpcf7 .your-message span.wpcf7-not-valid-tip{ margin-left:-220px;}
.wpcf7 .ajax-loader{ margin:12px 0 0;}
div.wpcf7-mail-sent-ok{ border:1px solid #c2e7c8 !important; color:#008c00; text-align:center;}
div.wpcf7-validation-errors{ padding:0.8em 1em !important; border:1px solid #f7e700 !important; color:#f30; text-align:center;}
#inquiryForm{ padding:40px 20px;}
#inquiryForm .wpcf7 label{ width:100%; padding-bottom:10px; font-weight:600;}
.wpcf7 label span{padding: 5px 0;} 
.wpcf7-file{width:90%; padding: 20px 0;} 

/* Partner */
.entry .coop{ margin-bottom:100px;}
.entry .coop li{ line-height:30px; list-style:none; color:#666;}
.entry .coop li img{ float:left; padding-right:20px;}
.entry .coop li p{ font-size:12px; line-height:24px; margin-top:40px;}
.entry .coop-btm{ margin-bottom:0;}

/* Pagenavi */
.hkpagenavi{ margin:20px auto; width:100%; line-height:46px;overflow:hidden; text-align: center;}
.hkpagenavi a:link, .hkpagenavi a:visited{ margin:0 4px; padding:4px 8px; border: 1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:background 0.4s ease; -moz-transition:background 0.4s ease; -o-transition:background 0.4s ease; -ms-transition:background 0.4s ease; transition:background 0.4s ease;}
.hkpagenavi a:hover, .hkpagenavi a:active{ color:#ff9900; text-decoration:none;}
.hkpagenavi a.current:link, .hkpagenavi a.current:visited, .hkpagenavi a.current:hover{ color:#ff9900; font-weight:bold; border:none;}

/* Post Navigation */
.post-navi{ padding-top:20px; text-align:center;}
.post-navi a:link, .post-navi a:visited{ padding:2px 9px; border:1px solid #fff; background:#fff;}
.post-navi a:hover{ border:1px solid #E4E4E4; background:#F5F5F5; text-decoration:none;}


.sidebar{ float:left; margin-bottom:20px;}
.sidebar h3{font-size: 22px;font-weight: 600;text-align: left; line-height:1.3;text-transform: capitalize; background-color: #f1f1f1; padding:20px 10px 10px 10px;}
.sidebar h3 a, .sidebar h3 a:hover{ color:#222; text-decoration:none;}
.sidebar ul li{margin-bottom:30px; background-color: #f1f1f1;}
.rpwwt-widget ul li{margin: 0 !important; padding: 0 10px !important;border-bottom: 1px solid #e6e6e6;}
.rpwwt-widget ul li a:hover{color: #ff9900;}
.sidebar .widget_nav_menu ul li:first-child{border-top:none;}


.sidebar ul li.widget_nav_menu ul { }
.sidebar ul li.widget_nav_menu ul li {margin:0;	padding:0;height:auto;border-top:1px solid #f1f1f1;background:0;overflow:visible;position:relative}
.sidebar ul li.widget_nav_menu ul li:first-child {border-top:0}
.sidebar ul li.widget_nav_menu ul li a:link, .sidebar ul li.widget_nav_menu ul li a:visited {height:46px;line-height:46px;text-indent:25px;border-bottom:1px solid #e6e6e6;background:#f6f6f6 url(images/icon-widget-menu.gif) no-repeat 12px -61px;display:block;	overflow:hidden}
.sidebar ul li.widget_nav_menu ul li a:hover, .sidebar ul li.widget_nav_menu ul li:hover a {text-indent:30px;color:#fff;background:#ff9900 url(images/icon-widget-menu.gif) no-repeat 12px 19px;text-decoration:none}
.sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited, .sidebar ul li.widget_nav_menu ul li.current_page_item a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item a:visited, .sidebar ul li.widget_nav_menu ul a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:hover {text-indent:30px;color:#fff;	background:#ff9900 url(images/icon-widget-menu.gif) no-repeat 12px 19px;text-decoration:none}
.sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited {
text-indent:25px}
.sidebar ul li.widget_nav_menu ul li ul {width:100%;background-color:#f8f8f8;	position:absolute;top:0;z-index:999;display:none;-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2);	-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2);	box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2)}
.sidebar ul li.widget_nav_menu ul li ul li {}
.sidebar ul li.widget_nav_menu ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li ul li a:hover {text-indent:30px}
.sidebar ul li.widget_nav_menu ul li:hover ul li a:link, .sidebar ul li.widget_nav_menu ul li:hover ul li a:visited {
	border-bottom:1px solid #e9e9e9;color:#555;	background:#f8f8f8 url(images/icon-widget-menu.gif) no-repeat 12px -61px}
.sidebar ul li.widget_nav_menu ul li:hover ul li a:hover {color:#fff;background:#ff9900 url(images/icon-widget-menu.gif) no-repeat 12px 19px}
.sidebar ul li.widget_nav_menu ul li:hover ul li:hover a {text-indent:30px;color:#fff;background:#ff9900 rl(images/icon-widget-menu.gif) no-repeat 12px 19px;text-decoration:none}
.sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:link, .sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:visited {border-bottom:1px solid #e9e9e9;	color:#444;	background:#f8f8f8 url(images/icon-widget-menu.gif) no-repeat 12px -61px}
.sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:hover {color:#fff;background:#ff9900 url(images/icon-widget-menu.gif) no-repeat 12px 19px}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent {font-weight:700;border-top:0}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent a:visited {background-color:#2251A1;	background-position:10px -113px}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat-parent:hover a {	background-color:#f90000}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul {border-top:1px solid #e4e4e4;display:block;	position:static}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li {font-weight:normal;border-top:1px solid #f9f9f9}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li a:visited, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li a:hover {	text-indent:40px;background-position:32px -61px;border-bottom-color:#e4e4e4}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li.current-cat a:visited {background-color:#ff9900}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent:hover ul li.current-cat a {color:#fff;background-color:#ff9900}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul {display:block}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul li a:hover {text-indent:60px;background-position:52px -61px}


.widget{margin:0 0 20px 0;}
.widget h3{}
.widget_text{}
.widget-title{font-size: 22px;font-weight:400; text-align: left;text-transform: capitalize;}
.widget_text img{}
 
.sidebar .news-title{border-bottom: 1px solid #dfdfdf; padding: 8px; background-color: #f6f6f6; }
.sidebar .news-title:last-child {border-bottom: none;}
.sidebar .news-items a{line-height:1.4; font-family:'FontAwesome';}
.sidebar .news-items a:before{content: "\f0f6"; margin-right:5px;}
.sidebar .news-items a:hover{background-color: none !important;}

/* Search */
.widget_search #searchform{padding: 10px 5px;}
.widget .screen-reader-text{color: #666;}
.widget_search #s{padding:4px 8px 3px; height:24px; line-height:24px; border:1px solid #D6D6D6; color:#666; background:#FFF;}
.sidebar .widget_search #s:hover{ border:1px solid #999; color:#666;}
.sidebar .widget_search #searchsubmit{ float:right; *float:none; padding:0; width:50px; height:33px; *line-height:30px; font-size:13px; font-weight:bold; text-align:center; text-indent:0; border:none; color:#fff; background:#ef5c32; cursor:pointer; }
.sidebar .widget_search #searchsubmit:hover{ background:#0D5E9D;}
/*widget_archive*/
.widget_archive label.screen-reader-text{padding:0 5px;}
.widget_archive select{padding:4px 8px 3px; height:30px; line-height:30px; border:1px solid #D6D6D6; color:#666; background:#FFF;;}

/* Calendar */
.sidebar ul li.widget_calendar div#calendar_wrap{ padding:10px;}
#wp-calendar{ width:100%;}
#wp-calendar caption{ padding:5px 0px; font-size:14px; color: #666;}
#wp-calendar th, #wp-calendar td{ padding:6px 1px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E4E4E4; background-color:#F9F9F9;}
#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#F30;}
#wp-calendar tbody tr td a:hover{ color:#222;}
#wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;}
#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}

#cancel-comment-reply{ text-align:right;}

#respond p{ margin:0 auto 20px; overflow:hidden;}
#respond p.logged{ padding:5px; background:#ffe; border:1px solid #feb; width:50%; text-align:center;}
#respond label{ float:left; padding:3px 8px; width:70px; text-align:right; display:block;}
#respond em{ padding-left:12px; color:#ff9900; font-style:normal; font-weight:normal;}

#commentform input[type="text"], #respond #comment{ padding:12px; width:50%; border:1px solid #ddd; color:#888; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
#commentform input[type="text"]:hover, #commentform input[type="text"]:active, #commentform #comment:hover, #commentform #comment:active{ border:1px solid #f90;}
#respond #comment{ padding:12px 0 12px 12px; width:96%; height:150px; font-size:12px; overflow-y:scroll;}
#commentform #submit{ padding:8px 50px; font-size:18px;line-height:28px; color:#fff; border:none; background:#ff9900; cursor:pointer; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
#commentform #submit:hover, #commentform #submit:active{ background:#f80;}

/* Footbar */
.footer{padding-top: 60px;background-color: #222;color: #fff;}
.footbar{ display:grid; grid-template-columns:1fr 1fr 1fr; padding-bottom: 40px; overflow:hidden;}
.footbar h3{color: #fff;font-weight: 600;font-size: 20px;margin-bottom: 20px; text-transform: uppercase;}
.footbar h3 a{ color:#222;}
.footbar .widget-column ul li{margin-bottom:5px;}
.footbar .widget-column p{font-weight: 500; margin-bottom:5px;}
.footbar .widget-column a{color: #fff;}
.footbar .widget-column a:hover{color: #ff9900;}
 .footer .textwidget i{ padding-right:10px; font-family: "FontAwesome" !important; font-size:18px; color: #ff9900;font-weight:300;} 

.footbar .wpforms-field-description{color: #fff !important;margin-top:0 !important;}
.footbar .wpforms-field-label{color: #fff !important; font-weight:500 !important;}
.footbar .wpforms-container .wpforms-field{padding:5px 0 !important;}
  
/* Copyright */
.copyright{ padding:20px 0; color: #a2a7ad; font-size:14px; background:#020d1d; text-align:left; font-weight:300; overflow:hidden; }
.copyright a:link, .copyright a:visited{ color:#a2a7ad;}
.copyright a:hover{ color:#fff;} 

/*footer-copyright*/
.footer-copyright{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
 
/*table-container*/
.table-container{width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
table{border:0; border-collapse:collapse;}
table td,table th{border:1px solid #eee; padding:.5em 1em}
.table-container::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}

/*wpform*/
.wpforms-wrap{border-left:2px solid #ff9900; background-color: #f4f4f4; padding: 20px 30px;}

h3.wpforms-field-label{color: #FF6700 !important; line-height:1.6 !important;padding:0 !important;}
.wpforms-container-full .wpforms-form .wpforms-field-layout:not(:first-child)>.wpforms-field-label:not(.wpforms-label-hide):before{border:none !important;}

.wpforms-field-layout-rows:hover{opacity: 1 !important;}
:root{--wpforms-button-background-color: #ff9900 !important;--wpforms-button-border-color: #ff9900 !important;--wpforms-page-break-color: #ff9900!important;}
button.wpforms-submit{border-radius: 6px !important;  padding:0 25px !important;}
.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{width: 66%;margin: 0 auto; color: #ff9900 !important;}
.wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{width:18%}
div.wpforms-container-full, div.wpforms-container-full{width:100% !important;}
.wpforms-image-choices-item{width:18%;}

.wpforms-title{text-align: center;font-size:30px !important; margin:0 0 20px 0!!important;}
.wpforms-description{text-align: left; font-weight:400 !important;;line-height: 1.4 !important;}
.wpforms-container-full .wpforms-form .wpforms-head-container{ padding: 0 0 15px 0 !important;}

/*.gallery*/
.gallery-columns-2 .gallery-item{width:48% !important; margin-right:1%;}
.gallery-columns-3 .gallery-item{width:32% !important; margin-right:1%;}
.gallery-columns-4 .gallery-item{width:23% !important; margin-right:1%;}
.gallery-item img{width:100%;height:auto;border:none !important;}

.tower {position: fixed;left: 15px;bottom: -29px;width: 131px;margin-top: 210px;margin-right: 25px;margin-bottom: 0; margin-left: 0; padding-top: 20px;z-index: 9999;}

/* Backtop */
.backToTop{ width:40px; height:40px; background:#222 url(images/backtop.png) no-repeat 50% 50%; position:fixed; _position:absolute; right:10px; bottom:40px; _bottom:"auto"; cursor:pointer; display:none; z-index:999;}
.backToTop:hover{ background:rgba(0, 0, 0, 0.8) url(images/backtop.png) no-repeat 50% 50%;}

/****  Responsive CSS  ****/
 
@media only screen and (min-width:1400px){
	.inner{ width:1320px;}
	.content{ margin-left:320px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.sidebar{ margin-right:-280px; width:280px;}
	.sidebar-right{ margin-right:-280px; width:280px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:280px;}
	#mobile-nav{display: none;}
}
@media only screen and (min-width:1200px) and (max-width:1299px){
	.inner{width:1140px;}
	.navi li a{padding:0 12px !important;}
	.content{ margin-left:295px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.sidebar{ margin-right:-265px; width:265px;}
	.sidebar-right{ margin-right:-265px; width:265px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:265px;}
	#mobile-nav{display: none;}
}
@media only screen and (min-width:1024px)and (max-width:1199px){
	.inner{width:98%;}	
	.logo{ padding-right:20px; margin-top:10px;}
	.logo img{ width:150px;height:70px;}
	#mobile-nav {display: none;}
	.navi li a {padding:0 12px !important;}
	.inquiry-title{padding: 0 10px;}
	.content{ margin-left:285px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.site-banner{grid-template-columns: 100%;}
	.sidebar{ margin-right:-260px; width:260px;}
	.sidebar-right{ margin-right:-260px; width:260px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:260px;}

 	.request-button{padding: 20px 32px;}
	.piclist-col3 li .news-list-item .rm-item-cat{align-items: baseline;flex-direction: column;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.inner{ width:98%;}
	.header {position:relative}
	.header .inner {width:100%}	
	.navi li a {padding:0 12px;}
	.sidebar {display: none;}
	.column-fluid{float: none;}
	.content{padding: 0;}
  	.logo img{padding: 0 15px;}
	#mobile-nav{ float:right;  display:block; margin-top:25px;margin-right:10px;}
	#mobile-nav a{border:1px solid #222; width:48px; height:48px; color: #fff; background-color: #222; font-size:28px; border-radius:3px; display:inline-block; cursor:pointer; z-index:99999; text-align: center;}
	#mobile-nav #mobile-so,#mobile-menu{font-family:'FontAwesome'; color: #fff;}
	#mobile-nav #mobile-menu:before{content:"\f0c9" }
	#mobile-nav #mobile-so:before{content:"\f002"; }
	#mobile-nav #mobile-so:hover,#mobile-menu:hover{text-decoration: none;}	
	.btn-so{ display:none;}

	.main-menu{ margin:0 auto; width:100%; height:100%; line-height:46px; font-size:16px; border-top:2px solid #222; top:0; left:0; background-color: rgb(0,0,0,0.85); overflow-y:scroll; position: fixed; z-index:9999; display:none;}
	.main-menu .inner{ width:100%;}
	.navi{ background:#fafafa; width:99%;margin-top:5px;}
	
	.mobi-title{font-size:22px; color: #ff9900; height:50px; line-height:50px; display: block; overflow: hidden;}
	.mobi-title i{color: #ff9900}
	.mobi-title span{float: left; margin-left:3%; font-weight: 700;}
	.mobi-menu-close{display: inline-block;width:30px; height:40px; text-align: center; position: absolute; right:2%; z-index: 99999; }
	.mobi-search-close{display: inline-block;width:30px; height:40px; text-align: center; position: absolute; right:2%; z-index: 99999; color: #ff9900;}

	.navi > li.menu-item-has-children > a:after{content:""}
	.navi>li>ul{margin-top:0;}
	.navi>li>ul>li a{margin-bottom:0;}
	.navi > li:nth-child(1) > ul{padding: 0;border: none; top:46px;}
	.navi > li:nth-child(1) > ul>li{width:100%;}
	.navi > li:nth-child(n+2) > ul> li{margin: 0;}
	.navi > li:nth-child(n+2) > ul> li a{font-weight:600;}
	.navi li ul li ul{margin: 0;}
	.navi li{float: none;border: none;padding: 0;border-bottom: 1px solid #e6e6e6;clear: both;width: 100%; background-color:#fff;position: relative;}
	.navi li:first-child, .navi li.fr{ padding:0;}
	.navi li a, .navi li a:link, .navi li a:visited{padding: 0 15px;color:#474748;height: 42px;line-height: 42px;display: block;}
	.navi li a:hover{ width:100%;}
	.navi li ul{display: none; position:static !important; padding:0 !important; background-color: #fff !important; width:100% !important;border:none !important;}
	.navi li ul li{ background:#fff; width:100%; line-height:42px;}
	.navi li ul li.litop{ display:none;}
	.navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 24px; background:none;}
	.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#ff9900; background:transparent;}
	.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, {background-color: #222;}
	.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-item ul li a:hover, .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a{color: #272727;}
	
	.navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a, .navi li:hover ul li a{ background:none;}
	.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a{ color:#ff9900;border:none; }
	.navi li:hover ul li.menu-item-has-children a{ background:none;}
	.navi li:hover ul li.menu-item-has-children a:hover{ border-left:none;background:url(images/icon-mo.png) no-repeat center -75px;}
	.navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle{ float:right; padding:0; width:45px; height:45px; text-align:center; font-size:14px; border-left:1px solid transparent; border-top:1px solid transparent; color:#888; background:url(images/icon-mo.png) no-repeat center -75px; position:absolute; right:0px; top:-1px;  z-index:99; cursor:pointer;}
	.navi li.menu-item-has-children .mean-clicked:hover{ color:#888;}
	.navi li.menu-item-has-children .mean-toggle{ background-position:center -126px;}
	.navi li.current-menu-item a.mean-clicked:link, .navi li.current-menu-item a.mean-clicked:visited, .navi li.current-menu-item a.mean-clicked:hover{ color:#888; background:url(images/icon-mo.png) no-repeat center -75px;}
	.navi li.current-menu-item .mean-toggle{ background:url(images/icon-mo.png) no-repeat center -125px !important;}	
	.navi li ul li.menu-item-has-children:hover a{ color:#222; background-color:transparent;}
	.navi li ul li.menu-item-has-children ul li:last-child{ border-bottom:none;}
	.navi li.menu-item-has-children ul li .mean-clicked, .navi li.menu-item-has-children ul li .mean-toggle{ margin-top:1px; width:42px; height:42px;}
	.navi li:hover ul li.menu-item-has-children .mean-clicked{background:url(images/icon-mo.png) no-repeat center -79px;}
	.navi li:hover ul li.menu-item-has-children .mean-toggle{ background: url(images/icon-mo.png) no-repeat center -128px !important;}
	.navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:url(images/icon-mo.png) no-repeat center -126px !important;}
	.navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ color:#222; text-indent:25px;}
	.navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{ padding:0;}
	.navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#222; background-color:none;}
	.navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;position: sticky;}	
	.navi li ul li ul li{height:42px;line-height:42px;}

	#search-box {float:none;margin:0 auto;padding:0 2%;box-sizing:border-box;width:100%; height:100%; position: fixed; top: 0;z-index:99999; overflow-y:scroll; border-top:2px solid #222;background:rgba(0,0,0,.85);display:none;-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);box-shadow:0 0 10px rgba(0, 0, 0, 0.35)	}
	#search-box .inner{border:none;background:none;}
	#search-box #searchform {padding: 20px 10px;}
	#search-box #searchform #ls {width:96%;border:2px solid #ff9900;background:#fff;box-sizing:border-box; display: block; }
	#search-box #searchform #searchsubmit {float: none; width:96%;  margin:10px 0 10px 10px; border-radius:4px; overflow:hidden; cursor:pointer; position: static;}
	#mobile-nav .opacity, #mobile-nav .meanclose {background-color:#ff9900; color: #FFF; opacity:1;	-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100)}


	.pic-swiper-container .swiper-wrapper .swiper-slide{ width:48%;}
	.archive-customer-inner{padding: 0;}
 
 	/*Inquiry*/
	.inquiry{padding:40px 0;}
	.inquiry .c1000{width:100%;}
	.inquiry-title{padding: 0;}
	.inquiry-page{display: grid; grid-template-columns: 98%;justify-content: center;}
	.inquiry-right{border:none;padding: 0; margin: 0;}
	.inquiry-left{ }
	/*contacr us*/
	.contact{padding:40px 0;}
	.contact .c1000{width:100%;}
	.contact-page{display: grid; grid-template-columns: 98%;justify-content: center;}

	/*about*/
	.hkpage_page01{padding: 40px 0;}
	.hkpage_page02{padding: 40px 0; background-color: #f0f0f0;}
	.hkpage{display: grid;grid-template-columns: 96%; grid-gap:0;justify-content:center;}
	.hkpage img{margin:20px 0}
	.hkpage1{display: grid;grid-template-columns: 96%; grid-gap:0;justify-content:center;}
	
	/*archive-faq*/
	.faq-clist{flex-wrap: wrap;}
	.faq-clist .faq-cell{width:100%; max-width:100%; margin: 0 0 30px 0;}
	/*archive news*/
	.blog-list{grid-template-columns:1fr 1fr;}
	.blog-list li{margin:20px 10px;}
	
	/*archive news*/
	.case-list{grid-template-columns:1fr 1fr; justify-content: center;margin: 0;}
	.case-list li{margin:20px 10px;}

	/*download-list*/
	.download-list{grid-template-columns:1fr 1fr; justify-content: center;margin: 0;}
	.download-list li{margin:20px 10px;}
	
	/*archive piclist*/
	.pic-list li{ width:46.9%;}
	/*archive Archive-video*/
	.Archive-video li{ width:47.9%;}

	.piclist-col3 li{width:47%;}
	 
	.breadcrumb {width:100%;}
	.breadcrumb h2 {}
	.container, .content {float:none;margin:0 auto;padding:0}
 
	.postlist li a {float:none;	width:100%	}
	.pic-scroll-list .slide {width:100%;height:auto	}
	
	.piclist {margin-left:-3%}
	.piclist li {margin-left:3%;width:46.5%;}

	.industry-box ul li .item span a{display: none;}	

	.productlist li .folio-thumb {height:370px}
	.post .post-title {margin-bottom:28px;text-align:center}
	.post .post-meta {display:none}
	.entry {font-size:16px}
	.entry p {margin-bottom:20px}
	.post .share-post, .post .share-post .addthis_native_toolbox {float:none;margin-top:10px}
	.related ul.post-list li {float:none;width:95%}
	.product .product-inner, .product-img {float:none;margin:0 auto;width:100%}

	.product .productMeta{grid-template-columns:100%;grid-gap:30px;}
	.product .product-inner, .product-img {float:none;margin:0 auto;width:100%}
	.product .tips {clear:both;margin-top:50px;text-align:center}
	.product .post-head .post-title {width:100%}
	.product .post-title {font-size:24px;line-height:32px}
	.product .post-head #tabs {width:100%}
	.product .post-head #tabs span {padding:0 2%}
	.product .btn-inquiry-b {display:block}
	.product .product-meta-box {clear: both;}
	.tab-head {margin-top:30px;}
	.tab-head .tab-ul {margin:0 auto}
	.tab-head .tab-ul li {margin:0;line-height:39px;font-size:14px;display:none}
	.tab-head .tab-ul li.current {line-height:39px;display:block}
	#tab-product .entry, #tab-product .entry .tab-title {display:block;margin: 0 !important;}
	#tab-product .entry .tab-title {height:38px;line-height:40px}
	#tab-product .entry .tab-title span {line-height:36px;font-weight:bold}
	
	.tab-head li {padding:0 20px}
	.postlist li a {float:none;width:100%}

	.post ul.thumblist li {width:19%;height:auto}
	.post ul.thumblist li .imWrap {width:100%;height:auto}
	.post ul.thumblist li .thumb-wrap {float:none;width:90%}
	.post ul.thumblist li img {padding:1%;width:98%;height:auto}
 
	#author, #email, #url, #comment {padding:12px 2%;width:95%}
	.wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover { }
	.wpagenavi a.next, .wpagenavi a.previous {padding:8px 60px;font-size:18px;display:inline-block}

	/*.footbar*/
	.footbar{flex-wrap: wrap }
 	.footbar .widget-column{width:100%; padding: 20px;}
 	.copyright-wrap{width:100%;}
	.social-wrap { margin-top: 5px;width: 100%;}

	.footbar .widget-column ul li{width:100%;}
	.footbar .widget-column:last-child{width:100%;}
	
	.backToTop {width:40px;height:38px}
	/*YouBe*/
	.video-container{width:96%; overflow: hidden; text-align: center;}
	.video-container IFRAME{ max-width:100%; max-height:100%; border:none;}

}
@media only screen and (max-width:767px){
	.inner{ width:96%;}
	.c800{width:100%;}
	.logo{padding:0;}
	.sidebar {display: none;}
	
	.header {position:relative;}	  
	#mobile-nav{ float:right;  display:block; margin-top:25px; margin-right:2px;}
	#mobile-nav a{width:48px; height:48px; color: #fff; background-color: #222; font-size:28px; border-radius:3px; display:inline-block; cursor:pointer; z-index:99999; text-align: center;}
	#mobile-nav #mobile-so,#mobile-menu{font-family:'FontAwesome'; color: #fff;}
	#mobile-nav #mobile-menu:before{content:"\f0c9" }
	#mobile-nav #mobile-so:before{content:"\f002"; }
	#mobile-nav #mobile-so:hover,#mobile-menu:hover{text-decoration: none;}	
	.btn-so{ display:none;}

	.main-menu{ margin:0 auto; width:100%; height:100%; line-height:46px; font-size:16px; border-top:2px solid #222; top:0; left:0; background-color: rgb(0,0,0,0.85); overflow-y:scroll; position: fixed; z-index:9999; display:none;}
	.main-menu .inner{ width:100%;}
	.navi{ background:#fafafa; width:99%;margin-top:5px;}
	
	.mobi-title{font-size:22px; color: #ff9900; height:50px; line-height:50px; display: block; overflow: hidden;}
	.mobi-title i{color: #ff9900}
	.mobi-title span{float: left; margin-left:3%; font-weight: 700;}
	.mobi-menu-close{display: inline-block;width:30px; height:40px; text-align: center; position: absolute; right:2%; z-index: 99999; }
	.mobi-search-close{display: inline-block;width:30px; height:40px; text-align: center; position: absolute; right:2%; z-index: 99999; color: #ff9900;}

	.navi > li.menu-item-has-children > a:after{content:""}
	.navi>li>ul{margin-top:0;}
	.navi>li>ul>li a{margin-bottom:0;}
	.navi > li:nth-child(1) > ul{padding: 0;border: none; top:46px;}
	.navi > li:nth-child(1) > ul>li{width:100%;}
	.navi > li:nth-child(n+2) > ul> li{margin: 0;}
	.navi > li:nth-child(n+2) > ul> li a{font-weight:600;}
	.navi li ul li ul{margin: 0;}
	.navi li{float: none;border: none;padding: 0;border-bottom: 1px solid #e6e6e6;clear: both;width: 100%; background-color:#fff;position: relative;}
	.navi li:first-child, .navi li.fr{ padding:0;}
	.navi li a, .navi li a:link, .navi li a:visited{padding: 0 15px;color:#474748;height: 42px;line-height: 42px;display: block;}
	.navi li a:hover{ width:100%;}
	.navi li ul{display: none; position:static !important; padding:0 !important; background-color: #fff !important; width:100% !important;border:none !important;}
	.navi li ul li{ background:#fff; width:100%; line-height:42px;}
	.navi li ul li.litop{ display:none;}
	.navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 24px; background:none;}
	.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#ff9900; background:transparent;}
	.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, {background-color: #222;}
	.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-item ul li a:hover, .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a{color: #272727;}
	
	.navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a, .navi li:hover ul li a{ background:none;}
	.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a{ color:#ff9900;border:none; }
	.navi li:hover ul li.menu-item-has-children a{ background:none;}
	.navi li:hover ul li.menu-item-has-children a:hover{ border-left:none;background:url(images/icon-mo.png) no-repeat center -75px;}
	.navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle{ float:right; padding:0; width:45px; height:45px; text-align:center; font-size:14px; border-left:1px solid transparent; border-top:1px solid transparent; color:#888; background:url(images/icon-mo.png) no-repeat center -75px; position:absolute; right:0px; top:-1px;  z-index:99; cursor:pointer;}
	.navi li.menu-item-has-children .mean-clicked:hover{ color:#888;}
	.navi li.menu-item-has-children .mean-toggle{ background-position:center -126px;}
	.navi li.current-menu-item a.mean-clicked:link, .navi li.current-menu-item a.mean-clicked:visited, .navi li.current-menu-item a.mean-clicked:hover{ color:#888; background:url(images/icon-mo.png) no-repeat center -75px;}
	.navi li.current-menu-item .mean-toggle{ background:url(images/icon-mo.png) no-repeat center -125px !important;}	
	.navi li ul li.menu-item-has-children:hover a{ color:#222; background-color:transparent;}
	.navi li ul li.menu-item-has-children ul li:last-child{ border-bottom:none;}
	.navi li.menu-item-has-children ul li .mean-clicked, .navi li.menu-item-has-children ul li .mean-toggle{ margin-top:1px; width:42px; height:42px;}
	.navi li:hover ul li.menu-item-has-children .mean-clicked{background:url(images/icon-mo.png) no-repeat center -79px;}
	.navi li:hover ul li.menu-item-has-children .mean-toggle{ background: url(images/icon-mo.png) no-repeat center -128px !important;}
	.navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:url(images/icon-mo.png) no-repeat center -126px !important;}
	.navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ color:#222; text-indent:25px;}
	.navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{ padding:0;}
	.navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#222; background-color:none;}
	.navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;position: sticky;}	
	.navi li ul li ul li{height:42px;line-height:42px;}

  	#search-box {float:none;margin:0 auto;padding:0 2%;box-sizing:border-box;width:100%; height:100%; position: fixed; top: 0;z-index:99999; overflow-y:scroll; border-top:2px solid #222;background:rgba(0,0,0,.85);display:none;-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);box-shadow:0 0 10px rgba(0, 0, 0, 0.35)	}
	#search-box .inner{border:none;background:none;}
	#search-box #searchform {padding: 20px 10px;}
	#search-box #searchform #ls {width:96%;border:2px solid #ff9900;background:#fff;box-sizing:border-box; display: block; }
	#search-box #searchform #searchsubmit {float: none; width:96%;  margin:10px 0 10px 10px; border-radius:4px; overflow:hidden; cursor:pointer; position: static;}
	#mobile-nav .opacity, #mobile-nav .meanclose {background-color:#ff9900; color: #FFF; opacity:1;	-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100)}

	.slideshow-swiper-container .slide-text-wrap{background:none;}
	.slideshow-swiper-container .slide-text{display: none;}
	.pic-swiper-container .swiper-wrapper .swiper-slide{ width:48%;}

 	.tabs{flex-wrap: wrap;} 
 	/*index-about*/
 	.index-about-w{grid-template-columns: 100%;}
 	/*.index-why*/
 	.index-why-w{grid-template-columns: 100%;}
 	/*index-blog*/
 	.index-blog-w ul{grid-template-columns: 100%;grid-gap:0;}
 	.index-blog-w ul li{grid-template-columns: 100%;grid-gap:0;}
 	.index-blog-w ul li .picexcerpt_news{margin-bottom:20px;}
 
 	/*Inquiry*/
	.inquiry{padding:40px 0;}
	.inquiry .c1000{width:100%;}
	.inquiry-title{padding: 0; font-size:24px;}
	.inquiry-page{display: grid; grid-template-columns: 98%;justify-content: center;}
	.inquiry-right{border:none;padding: 0; margin: 0;}
	.inquiry-left{ }
	/*contacr us*/
	.contact{padding:40px 0;}
	.contact .c1000{width:100%;}
	.contact-page{display: grid; grid-template-columns: 98%;justify-content: center;}

	/*about*/
	.hkpage_page01{padding: 40px 0;}
	.hkpage_page02{padding: 40px 0; background-color: #f0f0f0;}
	.hkpage,.hkpage1{display: grid;grid-template-columns: 96%; grid-gap:0;justify-content:center;}
	.hkpage img,.hkpage1 img{margin:20px 0}


	/*archive-faq*/
	.faq-clist{flex-wrap: wrap;}
	.faq-clist .faq-cell{width:100%; max-width:100%; margin: 0 0 30px 0;}
	.search-faq select{width:100%;margin: 10px 0;}

	/*archive-case*/
	.case-list{grid-template-columns:1fr;margin: 0;}
	.case-list li{margin:20px 10px;}

	/*archive news*/
	.blog-list{grid-template-columns:1fr; margin: 0;}
	.blog-list li{margin:20px 10px;}
	.catitem-background{padding: 20px 0;}
	.catitem{display: block;}
	.catleft, .catright{width:96%;padding: 0; margin: 20px auto;}
	/*archive-piclist*/
	.pic-list li{ width:99%; margin-left:0; margin-top:20px;margin-bottom:10px;}
	.pic-list .bcontent{height:110px;}
	
	/*download-list*/
	.download-list{grid-template-columns:1fr 1fr; justify-content: center;margin: 0;}
	.download-list li{margin:20px 10px;}
	
	/*archive Archive-video*/
	.Archive-video li{ width:100%; margin-left: 0;}
	
	/*.archive-customer-list*/
	.archive-wrap{margin:0 0 30px 0;}
	.archive-customer{width:96%;flex-wrap: wrap;}
	.archive-customer-inner{padding: 0;}
	.archive-customer-list{grid-template-columns:100%;}
	.pic-swiper-container .pic-swiper-button-next, .pic-swiper-container .pic-swiper-button-prev{top:38%;}
	
	/*.archive-case*/
	.archive-case{width:96%;flex-wrap: wrap; gap:40px;}
	
	/*related*/
	.piclist-col4 li{ width:48%;} 
	#resources-module{padding:40px 0;}
	#resources-module .c1000{width:100%;}
	.piclist-col3 li{width:98%;}
	
 
	.row-fluid p img{ max-width:100%; height:auto !important;}
	.index-right-center{position: relative;}	
	.ibread{display: none;}
	.ibread-bottom{display: none;}
	.row-gallary-slider .inner {max-width:680px	}
	 
	.container {padding:0}
	.row-fluid {margin:0 auto}
	.row-fluid h2 span {display:none}
	.cat-filter ul li {margin:0 2px 12px}
	.row-2c-lt, .row-2c-rt {float:none;margin:0 auto;width:100%	}
	.row-2c-lt {margin-bottom:50px}

	.wp-caption{ max-width:100%; auto}
	.wp-caption img{ max-width:100%; height:auto;}
	.industry-box-text{padding: 2px;}
	.accordion-content {padding:20px 5px}
	.cur-title {display:none}
	.column-fluid{float: none;margin: 20px 0;}

	#page_board .breadcrumb-page{top:5%;line-height:1}
	#page_board .breadcrumb h2 {text-align: center;}	
	#page_board .crumb-box{text-align: center;}
	#page_board .breadcrumb-page .bread{grid-template-columns:100%; grid-gap:10px;}

	.breadcrumb-wrap {margin:20px 0;}
	.breadcrumb-wrap .breadcrumb{line-height:20px;}
	.breadcrumb-wrap .breadcrumb h2 {font-size:22px; }
	.breadcrumb-wrap .breadcrumb .bread{grid-template-columns:100%;grid-gap:10px;}
	.breadcrumb-wrap .breadcrumb .crumb-box{text-align: center;padding: 0;line-height:1.6}

	/*page*/
	/*about-quality*/
	.list-swiper-container{position: relative;}
	.list-swiper-container .list-swiper-button-next, .list-swiper-container .list-swiper-button-prev{top:25%;}
	.list-swiper-container .list-swiper-button-next{right:0;}
	.list-swiper-container .list-swiper-button-prev{left:0;}

	/*about-cert-list*/
	.swiper-certificate{position: relative;}
	.swiper-certificate .cer-swiper-button-next, .swiper-certificate .cer-swiper-button-prev{top:25%;}
	.swiper-certificate .cer-swiper-button-next{right:0;}
	.swiper-certificate .cer-swiper-button-prev{left:0;}
	
	.page-service-list{grid-template-columns:1fr; margin: 20px 0;}
	.page-service-list .service-items{width:80%; margin: 20px auto;}

	
	.page-contact-grid{grid-template-columns:1fr;}
	.page-thum-title{display: none;}

	.culture-list{flex-direction: column;}
	.culture-list li{margin-bottom:20px;width:100%;padding: 4vw 0;}

	/*page-tab*/
	.page-tab .tabs{flex-direction: column;}
	.page-tab .tabs a{width:auto;}
	.page-tab .entry{padding: 10px ;}

	/*.page-wide*/
	.page-wide ul li{width:100%;}
	.container, .content {float:none;margin:0 auto;padding:0 10px;}
	.row-fluid p img {max-width:100%;height:auto !important}
	.postlist{grid-template-columns:100%;}

	.catlist-title a{font-size:28px;}	
	.product-index-inquiry a{margin-bottom:5px;}
	
	.cat-wrap{display: none;}
	
	.bloglist {margin-left:-3%}
	.bloglist li {margin:0 0 30px 3%;	width:47%}
	.productlist li .folio-thumb {	height:370px}
	.post .post-title {text-align:center}
	.post .post-meta {display:none}

	.entry {font-size:16px}
	.entry p {margin-bottom:20px}
	.entry table {max-width:none;width:99.5% !important;table-layout:fixed}
	.entry table td {width:auto;height:auto	}
	.post .share-post, .post .share-post .addthis_native_toolbox {float:none;	margin-top:10px	}
	.related ul.post-list li {float:none;width:98%}

	.container-product {margin-top:-25px}

	.product .productMeta{grid-template-columns:100%;grid-gap:30px;}
	.product .product-inner, .product-img {float:none;margin:0 auto;width:100%}
	.product .tips {clear:both;margin-top:50px;text-align:center}
	.product .post-head .post-title {width:100%}
	.product .post-title {font-size:24px;line-height:32px}
	.product .post-head #tabs {width:100%}
	.product .post-head #tabs span {padding:0 2%}
	.product .btn-inquiry-b {display:block}
	.product .product-meta-box {clear: both;}
	.tab-head {margin-top:30px;}
	.tab-head .tab-ul {margin:0 auto}
	.tab-head .tab-ul li {margin:0;line-height:39px;font-size:14px;display:none}
	.tab-head .tab-ul li.current {line-height:39px;display:block}
	#tab-product .entry, #tab-product .entry .tab-title {display:block;margin: 0 !important;}
	#tab-product .entry .tab-title {height:38px;line-height:40px}
	#tab-product .entry .tab-title span {line-height:36px;font-weight:bold}
	.feature-item {float:none;width:97%}
	.related {float:none}
	#author, #email, #url, #comment {padding:12px 2%;width:95%}

	#inquiryForm {padding:30px 15px}
	#inquiryForm .productImg {margin:0 0 20px 0}
	#inquiryForm .productImg img {margin:0 15px 0 0}
	#inquiryForm .productImg h4 {line-height:20px}
	#inquiryForm .productImg p {padding-left:100px}
	.wpcf7 label, #inquiryForm .wpcf7 label {padding:0;width:100%;text-align:left;}
	.wpcf7 .wpcf7-textarea, #inquiryForm .wpcf7 .wpcf7-textarea {width:89%}
	.wpcf7 .wpcf7-select {max-width:97%}
	.wpcf7 .wpcf7-submit {width:97%}
	#inquiryProductMeta {width:98%}
	#inquiryProductMeta .productImg img {width:120px;height:120px}
	#btn-submit label {display:none}
	.post-meta-bottom .tags, .post-meta-bottom .share {float:none}
	.wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover { }
	.wpagenavi a.next, .wpagenavi a.previous {padding:8px 60px;font-size:18px;display:inline-block}
	#commentform input[type="text"], #respond #comment {width:80%}

	/*.fcommon*/
	.fcommon h3{font-size:16px; text-transform: uppercase;}

	.footbar{grid-template-columns: 100%;}
 	.footbar .widget-column{padding: 20px; margin: 0;}
	.copyright {text-align: left;} 
	.copyright-wrap{width:100%;}
	.social-wrap { margin-top: 5px;width: 100%;}

	
	.gallery-columns-2 .gallery-item{width:98% !important; margin-right:1%;}
	.gallery-columns-3 .gallery-item{width:98% !important; margin-right:1%;}
	.gallery-columns-4 .gallery-item{width:98% !important; margin-right:1%;}

	.mobi-bar {display:table;text-align:center}
	/*YouBe*/
	.video-container{width:96%; overflow: hidden; text-align: center;}
	.video-container IFRAME{ max-width:100%; max-height:100%; border:none;}

 	.backToTop {right:5px;bottom:55px}
}
@media only screen and (max-width:480px){

	/*.breadcrumb */ 
	.breadcrumb-wrap .breadcrumb h2 {font-size:22px; }

	/*breadcrumb-page*/
	.breadcrumb-page{top:10%;line-height:36px;}
	.breadcrumb-page .crumb-box{text-align: center;}
	.cat-wrap{display: none;}
	.preview {width:100%;margin-right:0;}
	.preview #wrap {border:1px solid #e6e6e6;}
	.preview img {padding:2%;width:96%;height:auto;border:0;background:#fff}
	.post ul.thumblist li {width:19%;height:auto}
	.post ul.thumblist li .imWrap {width:100%;height:auto}
	.post ul.thumblist li .thumb-wrap {float:none;width:90%}
	.post ul.thumblist li img {padding:1%;width:98%;height:auto}

	.product-inquiry p {float:none;margin:6px 0 0}
	.product .product-meta-box {clear: both;}

	.picexlist li .post-thumb {display:none}
	.related-post ul li {float:none;width:100%}

	.piclist-col2 {grid-template-columns:100%}
	.wp-caption{ max-width:100%; auto}
	.wp-caption img{ max-width:100%; height:auto;}
	.wpcf7 .wpcf7-text {width:89%}
	/*YouBe*/
	.video-container{width:96%; overflow: hidden; text-align: center;}
	.video-container IFRAME{ max-width:100%; max-height:100%; border:none;}
	/*footbar*/

 	.copyright-wrap{width:100%;}
	.social-wrap { margin-top: 5px;width: 100%;}
 
		
}