/*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:#000;}
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 Slab",serif; font-size: 16px; color: #000; 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{font-weight:normal;}
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:#474748; 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:70%; margin: 0 auto;}
.cline{}
.cline:after{content: "";display: inline-block;width: 35px;max-width: 100%;border-bottom: 3px solid #06c;vertical-align: top;}

/*tarbar*/
.tarbar {background: #f6f6f6; }
.tarbar .inner{}
.tarbar .tarmenu{display: grid; grid-template-columns:1fr auto; grid-gap:2%;align-items: center;}
.tarbar .tarmenu .tar-contact{padding:10px 0;text-align: right;margin-right:100px;}
.tarbar a { margin: 0 5px;text-decoration: none; }
.tarbar a:hover{color: #06c; }
.tarbar .top-quote{background-color: #06c;color: #fff;border: 1px solid #fbf6f6;padding: 9px 15px;font-size: 13px;border-radius:10px;font-family: Montserrat; font-weight:500; display: inline-block;}
.tarbar .top-quote:hover{background-color: #fff;color: #9d3e17;border: 1px solid #d15420;}
.tarbar .social-wrap{text-align: left; margin: 0;}
/*header*/
.header{background:#fff; clear:both; *position:relative; *z-index:1;/* IE6,7解决下拉菜单被幻灯片遮住问题*/}
.header .inner{ height:80px; overflow:visible; position:relative;}
.logo{ float:left; line-height:80px; vertical-align:middle;}
/*head-pinner*/
.head-pinned{ height:75px; 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);}
.head-pinned .inner{ height:75px;}
.head-pinned .logo{ margin:0 auto; line-height:75px;}
.head-pinned .logo img{ height:40px;}
.head-pinned .topbar{ display:none;}
.head-pinned .main-menu{ line-height:75px;}
.head-pinned .navi li ul{ top:75px;}
.head-pinned .navi li ul li ul{ top:0;}
.head-pinned .btn-so{ height:75px; background-position:center -67px;}
.head-pinned .btn-so-hov{ background-position:center -147px;}
.head-pinned .navi li .ul-div{ top:75px;}

 
 /*navi*/
.main-menu{ float:right; font-size:16px; line-height:80px; color:#272727;}
#mobile-nav{ display:none;}
.navi{ text-transform:capitalize;float: left; height:80px;}
.navi li{ float:left;padding: 0;}
.navi li:hover{ color: #F71115;}
.navi li a{padding:0 20px;line-height:80px; color:#313c45; display:block; font-weight:600; font-family: 'FontAwesome';}
.navi li a:hover{color:#06c; text-decoration:none;}
.navi > li.menu-item-has-children > a {font-family: 'FontAwesome';}
.navi > li.menu-item-has-children > a:after{content:"\f107";margin-left:5px;}
 
.navi>li>ul{position: fixed;left: 0; padding:50px 0; z-index:1000;width:100%;background:#f9f9f9;box-shadow: 0 20px 15px rgb(0 0 0 / 10%);display: none;}
.navi li ul li{width:22%; float: left;margin: 0 20px 10px 0;}
.navi li ul li a{color: #313c45; line-height:40px;font-size: 16px;font-weight: 500; position: relative;}
.navi li ul li a:after{content:"";position:absolute;width:20px;height:1px;background-color:#06c;left:20px;bottom:0;transition:all .3s}
.navi li ul li:hover a:after{width:80%; background-color: #06c;}
.navi li ul li a:hover {color:#06c}

#mobile-nav{display: none;}

/*SEARCH*/
.mobi-title{display: none;}
.btn-so{ float:right;height:100px;line-height:100px; color: #222; font-weight: 700; cursor:pointer;text-decoration: none;padding:0 10px;}
.btn-so:hover{color: #f90;text-decoration: none;} 
#search-box{line-height:65px;}
#search-box .inner{ position:relative; overflow:visible; border-top:1px solid #222; background:#fff; padding:0;}
#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;}

#search-box #searchform{ position:relative;}
#search-box #searchform #ls{ padding:15px 2%; width:100%; border:1px solid #D6D6D6; color:#666; background:#fbfbfb; box-sizing:border-box;text-align: left;}
#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: #666; padding:15px 5px;background:none; overflow:hidden; cursor:pointer; position:absolute; right:3px; top:12px; border:none;}

/*service-catlist*/
.service-catlist{background-color: #000; padding: 20px 0;}
.service-catlist .service-list {display: flex;flex-wrap: wrap;padding:0 40px;}
.service-catlist .service-list li a{color: #fff; text-transform: uppercase; font-size:14px;}
.service-catlist .service-list li a:hover{color: #d15420;}

/* Slideshow */
.slideshow-swiper-container { background-position: 50% 100%;background-size: cover;width: 100%;height: 100%;}

/*index-region*/
.index-region{background:#1958a5;padding:30px 0;}
.region-title h1{margin: 30px 0; padding-bottom:20px; text-align: center; font-weight:700; border:none; background:none; font-size: 32px; line-height:1.3; position: relative; color: #fff;}
.region-title h1:after{content: "";width: 40px;height: 3px;background-color: #8d99ae;position: absolute;left: 50%; bottom: 0px;}
.region-title h1:before{content: "";width: 40px;height: 3px;background-color: #fff;position: absolute;right: 50%; bottom: 0px;}
.region-p{color: #fff; margin: 5px 0 15px; text-align: center;}

.region-main{background-position: center top;background-repeat: no-repeat;display: flex;flex-wrap: wrap; justify-content: space-between;}
.region-items{width: 34.5%;background-color: #fff;padding: 30px;border-radius: 15px;margin: 20px 0;transition: all .3s;}
.region-items:hover{box-shadow:10px 5px 15px rgba(0,0,0,.1);transform:translate(5px,5px)}
.region-items a{display: block;}
.region-items .r-tit{font-weight:600;font-size:20px; line-height:1.4; color: #06c;}
.region-items .r-p{color: #313c45; font-size: 15px; margin:15px 0 10px 0;line-height:1.7;word-wrap: break-word;} 
    

/*index-spec-technology*/
.index-hot-product{background-color: #f6f6f6;padding: 10px 0 40px 0}
.hot-product{margin: 30px 0 20px 0; }
/*active piclist*/
.hot-pic-list li{float:left; margin-left:1.5%; _margin-left:1.5%; width:31.6%; margin-bottom:25px;box-shadow: 0 0 5.1px .9px rgba(0, 0, 0, .15); background-color: #fff;}
.hot-pic-list li:hover{box-shadow:3px 5px 15px rgba(0,0,0,.1); }
.hot-pic-list li a{padding: 20px; display: block;}
.hot-pic-list li:hover h3{color: #06c;}
.hot-pic-list li img{margin-bottom:15px; width:100%;}
.hot-pic-list h3{color: #222; font-size:16px; margin:15px 0 0; line-height:1.4; font-weight:600; overflow: hidden;}
.hot-pic-list .piclist{overflow: hidden;}
.hot-pic-list .bcontent{color: #666;margin-top: 15px;font-weight: 300;height:120px; overflow: hidden; font-size:16px;}

/*spec-technology*/
.index-spec-technology{padding: 60px 0;}
.index-spec-technology .index-spec .spec-p {padding: 0 20px;}
.index-spec ul ::marker {color: #06c}
.index-spec ul li{list-style: disc;color: #313c45;}

.spec-technology{display: flex;justify-content: space-between;word-break: break-word;}
.index-spec{width:48%;}
.index-technology{width:48%;}
.technology-items{margin-bottom:20px;box-shadow: 0 0 5.1px .9px rgba(0, 0, 0, .15);transition: all .4s linear 0s; background-color: #fff;border-radius: 5px; overflow: hidden;}
.technology-items h3{padding: 10px 15px 10px 10px;background-color: #f1f1f1;color: #313c45;font-weight: 600;line-height: 1.4; font-size:16px;}
.technology-items h3 i{padding-right:10px;color: #06c;}
.technology-items .bcontent{padding: 10px 15px 10px 10px;}
.technology-items:hover{box-shadow:0 0 10px 10px rgba(0,0,0,.1);}
.technology-items a:hover h3{color: #06c;}

/*index-case*/
.index-case{background-color: #f6f6f6; padding:10px 0 30px 0;}
.index-case .case-p{text-align: center; color: #888; margin: 15px 0 25px ;}

 
/* Container */
.container {padding:0;background:#fff;clear:both}
.column-fluid {float:right;	width:100%; margin:20px 0;}
.content {padding:0 30px;}
.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;color:#333; clear:both; overflow:hidden; font-family: "Roboto Slab",serif;}
.breadcrumb-wrap .breadcrumb .bread{display: grid; grid-template-columns:auto 1fr ; align-items:center;}
.breadcrumb-wrap .breadcrumb a:link, .breadcrumb a:visited{ color:#333; text-decoration:none;}
.breadcrumb-wrap .breadcrumb a:hover{ color:#222;}
.breadcrumb-wrap .breadcrumb h2{color:#222; font-size:24px; line-height:1.4;}
.breadcrumb-wrap .breadcrumb h2 span{ color:#222;}
.breadcrumb-wrap .breadcrumb .crumb-box{text-align: right;margin: 0;}

/* Breadcrumb-Page */
#page_board{position: relative;}
#page_board .page-thum img{width:100%;}
#page_board .breadcrumb-page{width:100%;color:#fff; clear:both; overflow:hidden;position: absolute; top:0;left:0; margin: 10% auto; text-align: center;}
#page_board .breadcrumb-page .bread{display: grid;}
#page_board .breadcrumb-page h1{color:#fff; font-size:96px; font-weight:600;font-weight:600;font-family:Roboto; margin-bottom:30px; line-height:1.2}
#page_board .breadcrumb-page h2{color:#fff; font-size:24px; font-family:'Open Sans';line-height:1.2}
#page_board .breadcrumb-page h3{color:#fff; font-size:20px; font-family:Roboto; margin:0 0 20px;line-height:1.2;}
#page_board .breadcrumb-page h2 span{ color:#fff;}
 
/*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; background-color: #f6f6f6;}
.hkpage{display: grid;grid-template-columns: 48% 48%; grid-gap:2%;}
.hkpage img{width:100%;}
.hkpage-title{margin-bottom: 20px;font-size: 36px;color: #272727;font-family:Roboto;line-height:1.3}


/*page-thum*/
.page-thum{position:relative;}
.page-wrap-inquiry .page-thum img{ width:100%;mix-blend-mode: multiply; }  
.page-wrap-contact .page-thum img{ width:100%;height:auto;}  
.page-thum-title{position: absolute; left:50%;top:50%; color: #000;}
.page-thum-title h2{font-size:45px;}

.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: #06c;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-faq*/
.archive-faq{padding: 20px 0;}

/*.accordion-header*/
.accordion-header{position: relative; font-size:18px;font-weight:500; cursor:pointer;font-family:'FontAwesome';padding:10px 0; line-height:23px;color: #06c;background-color: #fafafa;}
.accordion-header span{color: #06c; margin: 0 8px;font-weight:600;}
.accordion-content span{color: #06c; margin: 0 8px;font-weight:600;}
.accordion-header:hover{}
.accordion-header:before{content:"\f107"; color: #06c;position: absolute; right: 10px; font-size:28px;}
.inactive-header{ color:#313c45; background-color:#fff;}
.inactive-header:before{content:'\f105';color: #06c; position: absolute; right: 10px;}
.accordion-content{line-height:1.6; font-size:16px; display:none; color:#313c45; margin: 20px 0;}
.accordion-content p{}
.accordion-content a:link, .accordion-content a{ color:#313c45;margin:10px 0;display:block;}
.accordion-content a:hover{ color:#0f80b1;}
.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;}

.faq-contact{}
.faq-contact h2{font-size: 26px;margin-top: 60px;text-align: center;margin-bottom: 40px; color: #333;}
.faq-clist{display: flex;text-align: center;}
.faq-clist .faq-cell{ margin: 0 30px 30px 0;width: calc(33.333333% - 20px); max-width: calc(33.333333% - 20px);border-radius: 10px;box-shadow: 0 3px 6px rgba(0,0,0,.16);border: solid 1px #eee;padding: 40px 36px;color: #666;}
.faq-cell a{color: #06c;}
.faq-cell i{font-size:60px; color: #06c; display: block;}
.faq-cell .faq-tit{font-size:22px; color: #333; margin: 10px 0;}
.faq-cell .faq-cellq{font-size:18px;}

/*active news*/
.blog-list {display: grid;grid-template-columns: 1fr 1fr 1fr;margin: 40px 0 20px 0;}
.blog-list li{margin: 0 30px 30px 0;border-radius: 10px;box-shadow: 0 3px 6px rgba(0, 0, 0, .16);border: solid 1px #eee;padding: 0 25px;  color: #666;}
.blog-list li:hover{box-shadow:0 6px 12px rgba(0,0,0,.16)}
.blog-list li a{padding: 20px;}
.blog-list li:hover h3{color: #06c;}
.blog-list li img{margin-bottom:25px; border-radius:20px !important; border:1px solid #FAF3DD; width:100%;}
.blog-list li .search-t {background-color: #ffd800;color: #000; float: left; width: 140px;font-size: 13px;margin-top: 15px;padding: 0;text-align: center;text-transform: uppercase;}
.blog-list h3{color: #222; font-size:23px;line-height:1.2;overflow: hidden;}
.blog-list h3:after{font-family: "FontAwesome" ;content: '\f105';  padding-left: 15px}
.blog-list h4{color: #454545;font-size: 17px;font-weight: 600;margin-top: 10px}
.blog-list .picexcerpt_news{overflow: hidden;}
.blog-list .bcontent{color: #666;margin-top: 15px;font-weight: 300; overflow: hidden; font-size:16px;}
.cat-date{color: #757575; text-align: left;font-size: 13px;font-weight: 600;margin-top: 5px; display: block; }


/*active piclist*/
.pic-list li{float:left; margin-left:2%; _margin-left:1%; width:22.96%; 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: #06c;}
.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;}
.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:#06c;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: #06c;}
.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;}

/*Archive-video*/
.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 .video-t{float: left; background-color: red;color: #fff;  text-align: center; width: 140px;font-size: 12px;padding: 1px;text-transform: uppercase;margin-top: 15px}
.Archive-video .draw-t{float: left; background-color: #06c;color: #fff;  text-align: center; width: 140px;font-size: 12px;padding: 1px;text-transform: uppercase;margin-top: 15px}
.Archive-video li:hover{box-shadow: .2rem .2rem 1.2rem 0 rgba(23, 39, 59, .1);}
.Archive-video li:hover h3 a{color: #06c; display: block;}
/*YouBe*/
.Archive-video{width:96%; aspect-ratio:16/9;  text-align: center;}
.Archive-video IFRAME{ width:100%; min-height:300px; border:none;}

/*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: #06c;}
.article-list li h3{color: #313c45;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;font-family: "Roboto Slab",serif;}
#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{}
/*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: #0f80b1;}
.category_description h1,.category_description h2,.category_description h3,.category_description h4{color: #0f80b1; 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; font-size: 13px; background: linear-gradient(to right, #EEE, #FFF); overflow:hidden;height:42px;line-height:42px;}
.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: 22px;line-height: 1.3;font-weight:700; margin-bottom: 20px; padding-bottom:20px;font-family: "Roboto Slab", serif;color: #222;position: relative;}
.post-title:after{content: "";width: 30px;height: 3px;background-color: #8d99ae;position: absolute;left: 30px; bottom: 0px;}
.post-title:before{content: "";width: 30px;height: 3px;background-color: #06c;position: absolute;left: 0; bottom: 0px;}

.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: #0f80b1;line-height: 28px;clear: both; padding-bottom: 20px;text-align: center;}

.post .site-content-primary{color: #4c4c4c; line-height:26px;}

.entry{ font-size:16px; line-height:26px; color:#4c4c4c; 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:30px 0; padding:0; font-weight:500; 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:#0f80b1;}
.entry a:hover{ color:#0f80b1;}
.entry img{ margin-bottom:10px; max-width:100%; height:auto;}
.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: #06c;}
.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%; color:#666; 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; color:#999; 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;}
.post-related h3{margin: 10px 0;}
.post-related h3 a:hover{color: #0f80b1 !important;}

.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: #0f80b1; 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:20px; text-align: center; font-weight:700; border:none; background:none; font-size: 32px; line-height:1.3; position: relative;}
.cat-desc h1:after{content: "";width: 40px;height: 3px;background-color: #8d99ae;position: absolute;left: 50%; bottom: 0px;}
.cat-desc h1:before{content: "";width: 40px;height: 3px;background-color: #06c;position: absolute;right: 50%; bottom: 0px;}
.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:#0f80b1;}
.cat-desc a:hover{ color:#0f80b1;}
.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 #000; margin-bottom:25px;padding:30px;}
.news-list li .news-header{ margin:16px 0;}
.news-list li .news-header h3 a{font-weight: 700; color: #0f80b1; 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: #0f80b1;}


/* 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;}
.product-meta p, .product-meta li{ margin-bottom:0; line-height:1.5; }
.product-meta strong, .product-meta b{ width:170px; color:#666; font-weight:normal; display:inline-block;}
.product-inquiry{ overflow:hidden; clear:both;}

.product-inquiry a{ float:left; margin-bottom:10px; padding:8px 60px; line-height:26px; font-size:15px; color:#fff; background:#d15420; border-radius:10px;font-family: Montserrat; font-weight:800; 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:#0f80b1; 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;}
.product-cat a{color: #666; margin-right:8px;}
.product-cat a:hover{color: #0f80b1; 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:14px; 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 #0f80b1; color:#0f80b1; 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:#0f80b1;}
.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 #0f80b1; border-bottom:none; color:#0f80b1; 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 #0f80b1; color:#0f80b1; 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:#0f80b1;}
.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{color: #222; padding-bottom:10px; font-size:28px; font-weight:700; line-height:38px;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:25%; text-align:center; overflow:hidden;}
.post ul.thumblist li .thumb-wrap{ float:left; padding:1px; width:82px; 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:80px; height:80px; cursor:pointer; vertical-align:middle;}
.post ul.thumblist li .imWrap{ float:left; width:82px; height:82px; 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:#F00;}
.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:#f00; 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:#f00;}
.wpcf7 .wpcf7-not-valid{ border:1px solid #f00;}
.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; color:#4c4c4c;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:#0f80b1; text-decoration:none;}
.hkpagenavi a.current:link, .hkpagenavi a.current:visited, .hkpagenavi a.current:hover{ color:#0f80b1; 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:20px 0;}
.sidebar h3{font-size: 22px;font-weight: 700;text-align: left; line-height:1.3; margin-bottom: 15px; color: #222;font-family: "Roboto Slab", serif;text-transform: capitalize; background-color: #fff;}
.sidebar h3 a, .sidebar h3 a:hover{ color:#000; text-decoration:none;}
.sidebar ul{margin-bottom:30px;background-color: #f1f1f1;border-top:3px solid #06c;}
.sidebar .widget_nav_menu ul li:first-child{border-top:none;}

.sidebar ul li{border-bottom: 1px solid #dfdfdf;}
.sidebar ul li a{padding:10px;display: inline-block;font-size:15px;font-weight:400; line-height:1.4;color: #313c45; font-family:'FontAwesome'; text-transform: capitalize;}
.sidebar ul li:hover{background-color: #06c;}
.sidebar ul li:hover a{color: #fff;}
.sidebar ul.children{margin:0}
.sidebar ul li ul li{border-bottom:0;}
.sidebar ul li ul li.cat-item {border-bottom:1;}
.sidebar ul li ul li a{ text-indent:10px;}

.widget{margin:0 0 20px 0;}
.widget h3{}
.widget_text{font-family: "Roboto Slab", serif;}
.widget-title{font-size: 22px;font-weight:400; text-align: left; color: #222;font-family: "Roboto Slab", serif; text-transform: capitalize;}
.widget_text img{}
 
.sidebar .news-items {background-color: #f1f1f1; border-top:3px solid #06c; padding: 0 10px;margin-bottom:20px;}
.sidebar .news-title{border-bottom: 1px solid #dfdfdf; padding: 8px 0;}
.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:#f00; 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:#0f80b1; 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;}

/*common-center*/
.common-center{margin: 30px 0;}
.common-center .inner{}
.common-center .common-text{ font-size: 20px;line-height: 1.5;padding: 0 0 0 30px;color: #070707;font-family: Aldrich;font-weight: 500;letter-spacing: 0; border-left: 3px solid #0f80b1;}
.common-center .common-line{text-align: center;}
.common-center .common-line:before{content: "";display: inline-block;width: 35px;max-width: 100%;border-top: 5px solid #d15420;vertical-align: top;}
/* Footer */
.footer-common{background-color: #236fb9; padding:70px 0; font-family:Roboto;}
.fcommon{ display: grid; grid-template-columns:70% 30%;align-items: center;}
.fcommon-left-h1{color: #fff; font-size:45px; line-height:1.3;font-weight:600;}
.fcommon-left-h2{color: #ffd745; font-size:36px; line-height:1.3;margin: 25px 0;}
.fcommon-left-h3{color: #ffffffb3;  line-height:1.6; font-weight:600;}
.fcommon-right{ margin: 20px auto;}
.request-button{background-color: #d15420;color: #f9fbfc !important; padding: 20px 45px;line-height: 53px;font-size: 18px; border-radius:10px;font-weight: 800;
text-transform: uppercase;font-family:Montserrat;}
.request-button:hover{background-color: #bb4d1f;}

/* Footbar */
.footer{padding-top: 60px;background-color: #252c35;color: #979da4;}
.footbar{ display: flex;justify-content: space-between;padding-bottom: 40px;  overflow:hidden;}
.footbar h3{color: #fff;font-weight: 600;font-size: 18px;margin-bottom: 20px;}
.footbar h3 a{ color:#222;}
.footbar .widget-column{width:30%;}
.footbar .widget-column p{font-weight: 300;font-size: 15px;}
.footbar .widget-column a{color: #fff;}
.footbar .widget-column a:hover{color: #06c;}
.footbar .widget-column ul {display: flex;flex-wrap: wrap;}
.footbar .widget-column ul li {width:48%;margin-bottom: 8px;}
.footbar .widget-column ul li a{color: #979da4;font-size: 15px;font-weight: 300;}
.footbar .widget-column ul li a:before{font-family: "FontAwesome"; content: '\f105';padding-right:10px;}
.footbar .widget-column ul li a:hover{color: #fff;}
 

 
/* Copyright */
.copyright{ padding:20px 0; color: #a2a7ad; font-size:14px; background:#020d1d; text-align:center; font-weight:300; overflow:hidden; font-family:'Open Sans';}
.copyright a:link, .copyright a:visited{ color:#a2a7ad;}
.copyright a:hover{ color:#fff;} 
 
/*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 #06c; 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: #06c !important;--wpforms-button-border-color: #06c !important;--wpforms-page-break-color: #06c!important;}
button.wpforms-submit{border-radius: 6px !important; }
.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{width: 66%;margin: 0 auto; color: #06c !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%;}

/*.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:#d15420 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:1480px){
	.inner{ width:1440px;}
	.content{ margin-left:300px;}
	.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:1400px){
	.inner{width:80%; max-width:1024px;}
	.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 (max-width:1024px)and (max-width:1199px){
	.inner{ width:960px;}
	
	#mobile-nav {display: none;}
	.navi li a, .navi li a:link, .navi li a:visited {padding:0 16px;}
	.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;}

	.why-wrap{grid-template-columns: 96%;justify-items: center;}
	.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:959px){
	.inner{ width:96%;}
	.header {position:relative}
	.header .inner {width:100%}	
	.sidebar {width:100%;}
	.inner-wrap{padding: 10px;}
	.column-fluid{float: none;}
	.content{padding: 0;}
	.tarbar{height:auto;text-align: center;}
	.tarbar .tarmenu{grid-template-columns: 96%; padding:2% 0;justify-items: end;}
	.tarbar .tarmenu .tar-contact{line-height:24px; margin:0;}
	.tarbar .social-wrap{text-align: center;line-height:36px;}

	.logo{ margin-left:3%;line-height:100px; margin-bottom:30px;}
	.logo img{ width:100%;}
	  
	#mobile-nav{ z-index:1000; display: block;text-align: right;margin-right:15px;}
	#mobile-nav a{color: #616161;font-size: 22px;display:inline-block; cursor:pointer; margin-right:12px;z-index:99999; text-align: center;line-height:100px;}
	#mobile-nav .opacity, #mobile-nav .meanclose {color: #616161;opacity: 1;}

	.main-menu{ margin:0 auto; width:75%; height:100%; font-size:16px;position:absolute;background:#fff;overflow-y: scroll;position: fixed;top:0; z-index: 9999;display: none;}
		.main-menu .inner{ width:100%;}
	.navi{background: #3b607a;width: 100%;margin-right: 18px;margin-top: 30px;}

 
	.navi{background: #FFF;width: 100%;margin-top:12px;}

	.mobi-title{ color: #0f80b1; font-size:25px; height:40px; line-height:40px; display: block; overflow: hidden;}
	.mobi-title i{color: #0f80b1;}
	.mobi-title span{float: left; margin-left:3%; font-weight: 700;}
	.mobi-menu-close{display: inline-block;color: #fff;font-weight: 500;border-radius: 3px; position: absolute;right: 10px;top: 0;width: 18px;height: 18px;z-index: 99999;}
	.mobi-menu-close:hover{color: #0f80b1; text-decoration: none;}
	.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{float: none;border: none;padding: 0;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{ position:static; padding:0; background-color: #fff; width:100%;border:none;}
	.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; color:#222; background:none;}
	.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#222; 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-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:#0f80b1;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:#FFF; background-color:transparent;}
	.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;}

	/*region-main*/
	.region-items{width: 41.5%; }
	.region-items img{width:100%; min-width:150px; margin-bottom:20px;}

	/*.spec-technology*/
	.spec-technology{flex-wrap: wrap;}
	.index-spec{width:98%;}
	.index-technology{width:98%; margin-top:30px;}

 	/*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{width:96%;}
	
	/*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;}
	
	/*archive piclist*/
	.pic-list li{ width:46.9%;}
	/*archive Archive-video*/
	.Archive-video li{ width:47.9%;}


	#resources-module{padding:40px 0;}
	#resources-module .c1000{width:100%;}
	.piclist-col3 li{width:47%;}

	 
	.breadcrumb {width:100%;}
	.breadcrumb h2 {}
	.crumb-box a{ color: #FFF;}
	.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 .tips {clear:both;margin-top:50px;	text-align:center}
	.product .post-head .post-title {width:100%	}
	.product .post-head #tabs {width:100%}
	.product .post-head #tabs span {padding:0 2%}
	.product .btn-inquiry-b {display:block}
	.tab-head li {padding:0 20px}
	.postlist li a {float:none;width:100%}

	.wpcf7 label{width:88px;}
	#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}

	
	.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%;}
	.sidebar{}
	.sidebar {width:96%; padding: 0 10px;margin: 20px 0; float: none;}

	.tarbar{height:auto;text-align: center;}
	.tarbar .tarmenu{grid-template-columns: 96%; padding:2% 0;justify-items: end;}
	.tarbar .tarmenu .tar-contact{line-height:24px; margin: 0;}
	.tarbar .social-wrap{text-align: center;line-height:36px;}
	
	.header {position:relative;}
	.header .inner{ width:100%; height:100%;}
	.logo{line-height:100px; margin-bottom:30px; padding-left:10px; padding-right:0;}
	.logo img{ width:100%;}
	  
	#mobile-nav{ z-index:1000; display: block;text-align: right;margin-right:15px;}
	#mobile-nav a{color: #616161;font-size: 22px;display:inline-block; cursor:pointer; margin-right:12px;z-index:99999; text-align: center;line-height:100px;}
	#mobile-nav .opacity, #mobile-nav .meanclose {color: #616161;opacity: 1;}

	.main-menu{ margin:0 auto; width:75%; height:100%; font-size:16px;position:absolute;background:#fff;overflow-y: scroll;position: fixed;top:0; z-index: 9999;display: none;}
	.main-menu .inner{ width:100%;}
	.navi{background: #FFF;width: 100%;margin-top:12px;}

	.mobi-title{ color: #0f80b1 font-size:25px; height:40px; line-height:40px; display: block; overflow: hidden;}
	.mobi-title i{color: #0f80b1}
	.mobi-title span{float: left; margin-left:3%; font-weight: 700;}
	.mobi-menu-close{display: inline-block;color: #fff;font-weight: 500;border-radius: 3px; position: absolute;right: 10px;top: 0;width: 18px;height: 18px;z-index: 99999;}
	.mobi-menu-close:hover{color:#0f80b1 text-decoration: none;}

	.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{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{ position:static; padding:0; background-color: #fff; width:100%;border:none;}
	.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; color:#222; background:none;}
	.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#222; 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:#0f80b1;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:#FFF; background-color:transparent;}
	.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;}

	/*region-main*/
	.region-main{flex-wrap: wrap; }
	.region-items{width: 98%; }
	.region-items .r-tit{font-weight:600;font-size:20px; line-height:1.4; color: #06c;}
	.region-items .r-p img{width:100%;margin-bottom:20px;}
	
	/*hot-product*/
	.hot-pic-list li{width:97.5%;}
	/*.spec-technology*/
	.spec-technology{flex-wrap: wrap;}
	.index-spec{width:98%;}
	.index-technology{width:98%; margin-top:30px;}
 
 	/*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{display: grid;grid-template-columns: 96%; grid-gap:0;justify-content:center;}
	.hkpage img{margin:20px 0}
	.hkpage1{width:96%;}


	/*archive-faq*/
	.faq-clist{flex-wrap: wrap;}
	.faq-clist .faq-cell{width:100%; max-width:100%; margin: 0 0 30px 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;}
	/*archive Archive-video*/
	.Archive-video li{ width:100%;}
	
	/*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: 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;}
	#page_board .breadcrumb-page h1{font-size:30px; margin: 10px 0;}
	#page_board .breadcrumb-page h2{margin:0;font-size:20px; display: none;}
	#page_board .breadcrumb-page h3{margin:0; display: none;}

	.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*/
	.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 ;}


	.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%}
	.feature-box .item {float:none;margin:0 1.5% 35px;width:100%}

	#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{grid-template-columns:1fr;}
	.footbar{flex-wrap: wrap }
 	.footbar .widget-column{width:100%; padding: 20px;}
	.copyright {text-align: left;} 

	.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; }
	.crumb-box a{ color: #000;}

	/*breadcrumb-page*/
	.breadcrumb-page{top:10%;line-height:36px;}
	.breadcrumb-page .crumb-box{text-align: center;}
	.breadcrumb-page .crumb-box a{color: #fff;}
	.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:22%;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 .widget-column{width:100%;}

	
}