/*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:"Open Sans",sans-serif; font-size: 16px; color: #474748; font-weight:400; line-height:1.74;}
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:80%; margin: 0 auto;}
.c800{width:70%; margin: 0 auto;}
.cline{}
.cline:after{content: "";display: inline-block;width: 35px;max-width: 100%;border-top: 5px solid #d15420;vertical-align: top;}
/*tarbar*/
.tarbar {background: #E7E7E7; }
.tarbar .inner{}
.tarbar .tarmenu{display: grid; grid-template-columns:1fr auto; grid-gap:2%;align-items: center;}
.tarbar .tarmenu .tar-contact{padding:10px 0 ;border-bottom: 1px #ecebebc9 solid;text-align: right;margin-right:100px;}
.tarbar a { margin: 0 5px;  text-decoration: none; }
.tarbar a span{font-size: 1.2em;font-weight: bold;color: #656464;}
.tarbar .top-quote{background-color: #d15420;color: #fff;border: 1px solid #fbf6f6;padding: 9px 15px;font-size: 13px;border-radius:10px;font-family: Montserrat; font-weight:800;}
.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:105px; overflow:visible; position:relative;}
.logo{ float:left; line-height:100px; vertical-align:middle;}
/*head-pinner*/
.head-pinned{ height:100px; 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:100px;}
.head-pinned .logo{ margin:0 auto; line-height:100px;}
.head-pinned .logo img{ height:40px;}
.head-pinned .topbar{ display:none;}
.head-pinned .main-menu{ line-height:100px;}
.head-pinned .navi li ul{ top:100px;}
.head-pinned .navi li ul li ul{ top:0;}
.head-pinned .btn-so{ height:100px; background-position:center -67px;}
.head-pinned .btn-so-hov{ background-position:center -147px;}
.head-pinned .navi li .ul-div{ top:100px;}
 /*navi*/
.main-menu{ float:right; font-size:16px; line-height:105px; color:#272727;}
#mobile-nav{ display:none;}
.navi li{ float:left; padding:0; position:relative;}
.navi li a, .navi li a:link, .navi li a:visited{ padding:0 22px; display:block; text-transform: capitalize;}
.navi li a:hover{ color:#236fba; text-decoration: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:#236fba;}

.navi li ul{ position:absolute; top:105px; left:0; z-index:1000; padding:10px 0; width:240px; line-height:1.5; border-top:2px solid #D15420; background-color:#D15420; -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:13px;}
.navi li ul li a:link, .navi li ul li a:visited{ padding:0 20px; height:42px; color:#fff; font-size:16px;}
.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:#fff; 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:#236fba; background:#fbfbfb;}

.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:#236fba; 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:0; 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 ul li a{color:#fff;}
.navi li ul li.menu-item-has-children:hover a{ color:#236fba; background:#fbfbfb url(images/icon-menu.png) no-repeat right -354px;}
.navi li ul li.menu-item-has-children:hover ul li a{ color:#FFF; background:#fff;}
.navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#236fba; background-color:#fbfbfb;}
.navi li:hover ul li.menu-item-has-children ul li a{ background:none;}
#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%;padding:60px 0;}
.slideshow-swiper-container .slide-text{ font-family:Roboto; line-height:1.5;z-index:10; color: #fff; width:47%; margin: auto 0; font-weight:400;}
.slideshow-swiper-container .slide-text .slide-h2 p{ font-size:24px;}
.slideshow-swiper-container .slide-text .slide-h1 { margin:24px 0;}
.slideshow-swiper-container .slide-text .slide-h1 p{ font-size:48px; line-height:1.2}
.slideshow-swiper-container .slide-text .slide-text-content{ text-align:left;font-size: 18px; color:#ffffffb3;line-height:1.6; font-weight:500}
.slideshow-swiper-container .slide-text .slide-text-title{margin:5% auto;display:block;}
.slideshow-swiper-container .slide-text .slide-text-title a{background-color: #d15420;color: #fff;padding: 15px 35px;font-size: 16px;border-radius: 10px;font-family: Montserrat;font-weight: 800; text-transform: uppercase;}

/*service*/
.service-center{padding: 70px 0; }
.service-center h2{font-size:36px; line-height:1.3; color: #272727;text-align: center; font-weight:400;font-family: Roboto; margin: 0 145px;padding-bottom:40px;}
.service-top{}
.service-top-list img,.service-top-list1 img{width:100%;}
.service-top-list{display: grid;grid-template-columns:49% 49%; grid-gap:1%;justify-content:center;}
.service-top-list1 {display: grid;grid-template-columns:32.5% 32.5% 32.5%; grid-gap:0.7%;justify-content:center; margin-top:20px;}
.service-top-lista{background-color: #236fba;cursor: pointer;}
.service-top-lista:hover{background-color: #d15420;}
.service-text-wrap{padding: 40px;}
.service-center .service-top-lista h3{color: #fff; line-height:1.4; font-size:24px; font-family: Roboto;}
.service-center .service-top-listb h3{color: #fff; line-height:1.4; font-size:20px; font-family: Roboto;}
.service-text-wrap .service-text{color: #ffffffb3; line-height:1.4; font-size:14px; margin-top:10px;text-transform: uppercase;}
.service-top-listb{background-color: #222; cursor: pointer;}
.service-top-listb:hover{background-color: #236fba;}


/*Why-us*/
.why-center{background-position: 50% 100%;background-size: cover;width: 100%;height: 100%; padding:70px 0;overflow: hidden;}
.why-wrap{display: grid;grid-template-columns:1fr 1fr;align-items: center;}
.why-center .why-right h2{font-size:36px;line-height: 1.4;text-transform: uppercase;text-align: center;margin: 0 0 20px 0;font-family: 'Open Sans';font-weight: 400;
color: #272727;letter-spacing: 0;}
.why-center .why-line{text-align: center;}
.why-center .why-line:before{content: "";display: inline-block;width: 35px;max-width: 100%;border-top: 5px solid #d15420;vertical-align: top;}
.why-center .why-pic{display: grid;grid-template-columns:1fr 1fr; grid-gap:30px; color: #272727;width:70%;}
.why-center .why-pic span{text-align: center; font-size:50px; display: block; margin-bottom:20px;}
.why-center .why-text{ font-size:18px;font-weight:600;letter-spacing:0; line-height:1.5;}

 
/* Container */
.container {padding:0;background:#fff;clear:both}
.column-fluid {float:left;	width:100%; margin:20px 0;}
.content {padding:0 30px;}
.fullwidth {margin:0 auto;width:100%}

/* Breadcrumb */
.breadcrumb-wrap{padding:30px 0; background:#f6f6f6;border-top-color: #eee;border-bottom-color: #eee;}
.breadcrumb-wrap .breadcrumb{width:96%;line-height:50px;color:#9e9e9e; 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:#585858; 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: #f0f0f0;}
.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%;}
/*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: 70px 0;}

/*.accordion-header*/
.accordion-header{position: relative; font-size:20px;font-weight:500;color:#222; cursor:pointer;font-family:'FontAwesome';padding:10px; line-height:23px;margin-left:25px;}
.accordion-header:hover{}
.accordion-header:before{content:"\f059"; color: #474748;position: absolute; left: -25px; font-size:28px;}
.inactive-header{ color:#222;}
.inactive-header:before{content:"\f059";color: #474748; position: absolute; left: -25px;}
.accordion-content{line-height:21px; font-size:16px; display:none; }
.accordion-content p{}
.accordion-content a:link, .accordion-content a{ color:#222;margin:10px 0;display:block;}
.accordion-content a:hover{ color:#0f80b1;}
.accordion-list li{border-bottom: 1px solid #f3f4f8; border-radius: 18px;background: #f5f5f5; padding:10px 20px; margin-bottom:20px;}
.accordion-list li:last-child{border-bottom: 1px solid #eee;}

/*active news*/
.blog-list li{float:left; margin-left:1.5%; _margin-left:1.5%; width:31.8%;margin-bottom:25px;}
.blog-list li img{margin-bottom:25px; border-radius:20px !important; border:1px solid #FAF3DD; width:100%;}
.blog-list h3{margin:15px 0 15px; height:40px; line-height:21px;overflow: hidden;}
.blog-list h3 a{color: #333F48 !important; font-size: 16px !important; font-weight:600; text-decoration: none; line-height:20px;display: block; text-align: left;}
.blog-list h3 a:hover{text-decoration: underline;}
.blog-list .picexcerpt_news{border-radius: 10px; overflow: hidden;}
.blog-list .bcontent{font-size: 14px; line-height:1.75;margin:10px 0; text-align: left; height:120px; overflow: hidden;}
.cat-date{color: #757575; text-align: left;font-size: 13px;font-weight: 600;margin-top: 5px; display: block; }

.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 .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: #474748;}
.rm-item-title h3{ font-size:18px;}
#resources-module .rm-item-img {margin-bottom: 15px;}
.rm-item-img img{width:80% !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-Newslist*/
.Archive-Newslist li{border: 1px solid #eee; margin-bottom:25px;}
.Archive-Newslist li .newslist-wrap{padding:20px; }
.Archive-Newslist li h3{margin-bottom:20px;}
.Archive-Newslist li .excerpt {margin-bottom:20px;max-height:200px; overflow: hidden;}
.Archive-Newslist li .excerpt p{line-height:1.6;color: #666;}
 
/* 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 span a{color: #23282D;} 
.post-meta{ background: #EEE; color: #999; font-size: 13px; background: linear-gradient(to right, #EEE, #FFF); overflow:hidden;height:36px;line-height:36px;}
.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 */
.cat-title{font-size: 26px;line-height: 1.3;margin-bottom: 20px;font-family: "Roboto Slab", serif;color: #222;}
.post{ overflow:hidden;}
.post .post-title{ margin-bottom:8px; padding-bottom:8px; line-height:40px; font-size:36px; font-weight:500; }
.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; padding:10px; 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 ol li{ list-style:decimal;}
.entry ul li{ list-style:disc;}
.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; -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{margin:5px 0;padding:4px;line-height:20px;color:#666;}

.post-meta-bottom{ padding-bottom:10px; color:#999; overflow:hidden;}

 

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


/*cat-desc*/
.cat-iq{margin: 30px 0;}
.cat-desc{ color:#4c4c4c; font-size:15px;}
.cat-desc h1{margin: 40px 0 30px 0;  padding:0; font-weight:700; border:none; background:none; font-size: 40px; line-height:40px;font-family: "Roboto Slab",serif;}
.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;font-family: "Roboto Slab",serif;}
.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;}
.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:right; margin-bottom:20px;margin-top:10px;}
.sidebar h3{font-size: 22px;font-weight: 400;text-align: left;margin-bottom: 10px;padding-bottom: 10px;color: #222;font-family: "Roboto Slab", serif;    text-transform: capitalize;}
.sidebar h3 a, .sidebar h3 a:hover{ color:#000; text-decoration:none;}
.sidebar ul{margin-bottom:30px;}
.sidebar .widget_nav_menu ul li:first-child{border-top: 1px solid #eee;}
.sidebar ul li{border-bottom: 1px solid #eee;margin:3px 0;}
.sidebar ul li a{padding:6px 0;display: inline-block; font-family:'FontAwesome';text-transform: capitalize}
.sidebar ul li ul li a:before{content: "\f0da"; display: inline-block;padding-right:8px; font-size:18px;}
.sidebar ul li a:hover{text-decoration: underline;}
.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:20px 0;}
.widget h3{}
.widget_text{font-family: "Roboto Slab", serif;}
.widget-title{font-size: 22px;font-weight:400; text-align: left; margin-bottom:10px;padding-bottom:10px;color: #222;font-family: "Roboto Slab", serif; text-transform: capitalize;}
.widget_text img{}
 
.sidebar ul li.news-items a{border-bottom:none;}
.sidebar .news-items .news-title{border-top:1px solid #eee;}
.sidebar .news-items .news-title a{line-height:1.8; font-size:15px; font-family:'FontAwesome';}
.sidebar .news-items .news-title a:before{content: "\f0f6"; margin-right:5px;}
.sidebar .news-items .news-title a:hover{text-decoration: underline;}

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


.footer{font-family: 'Open Sans';background:#000; position: relative;padding:140px 0; color: #ffffffb3;overflow: hidden;}
.footer:before{background-color: #d15420;bottom: 0;content: "";display: block;left: 55%;position: absolute;right: -1000px;top: 0;-webkit-transform: skewX(34deg);
-o-transform: skewX(34deg);  transform: skewX(34deg);}
/* Footbar */
.footbar{ display: grid; grid-template-columns:1fr 1fr 1fr; grid-gap: 2%;}
.hk_copyright_content{font-size:13px; margin: 20px 0; }
.footer-logo{z-index:1000;}
.footer-logo img{width:auto;}
.footer-pic{z-index:1000;}
.footer-contact{z-index:1000;}
.footer-contact h3{color: #fff; margin:0 0 20px 0;}
/* Copyright */
.copyright{ padding:20px 0; color: #474748; font-size:13px; background:#f0f0f0; text-align:left; overflow:hidden; font-family:'Open Sans';}
.copyright a:link, .copyright a:visited{ color:#236fba;}
.copyright a:hover{ color:#236fba;} 
.copyright-wrap .fright{margin:20px 0 0 0; line-height:1.5;}
 
/*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*/
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: #d15420 !important;--wpforms-button-border-color: #d15420 !important;--wpforms-page-break-color: #d15420!important;}
button.wpforms-submit{border-radius: 6px !important; }
.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{width: 66%;margin: 0 auto; color: #d15420 !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;}

/* 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:1300px){
	.inner{ width:1270px;}
	.content{ margin-right:320px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.sidebar{ margin-left:-300px; width:300px;}
	.sidebar-left{ margin-right:-300px; width:300px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:300px;}
	#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-right:295px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.site-banner{grid-template-columns: 100%;}
	.sidebar{ margin-left:-265px; width:265px;}
	.sidebar-left{ margin-right:-265px; width:265px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:265px;}

	.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;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; border-top:1px solid #eee; 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;}


	/*Why*/
	.why-center .why-wrap{grid-template-columns: 100%;}
	.why-center .why-wrap .why-left{margin-bottom:40px;}
	.why-center .why-pic{grid-template-columns: 1fr; width:92%;margin: 0 auto;}
	/*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*/
	.archive-faq{padding: 40px 0;}
	/*archive news*/
	.blog-list li{width: 48.2%;}

	#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; border-top:1px solid #eee; 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;}

	/*banner catlist*/
	.service-catlist{display: none;}	
	.slideshow-swiper-container{padding: 40px 0;}
	.slideshow-swiper-container .slide-text{ width:100%;}
	.slideshow-swiper-container .slide-h2{ font-size:24px;}
	.slideshow-swiper-container .slide-h1{ margin:20px 0;font-size:38px;}

	/*service*/
	.service-center{padding:40px 0;}
	.service-center .c1000{width:98%;}
	.service-center h2{font-size: 20px; margin: 0;}
	.service-top-list{grid-template-columns:1fr;}
	.service-top-list1 {grid-template-columns:1fr;}

	/*why*/
	.why-center .why-wrap{grid-template-columns: 100%;}
	.why-center .why-wrap .why-left{margin-bottom:40px;}
	.why-center .why-pic{grid-template-columns: 1fr; width:92%;margin: 0 auto;}
	/*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*/
	.archive-faq{padding: 40px 0;}
	/*archive news*/
	.blog-list li{width: 48.2%;margin-left: 1.2%;}
	.catitem-background{padding: 20px 0;}
	.catitem{display: block;}
	.catleft, .catright{width:96%;padding: 0; margin: 20px auto;}
	/*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-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%;}


	
	.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;}
	.footer{padding: 80px 0;}
 	.footbar{grid-template-columns:1fr; align-content:center;text-align: center;grid-gap:0;}
 	.footer-logo{ }
	.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){
	/*banner*/
	.service-catlist{display: none;}	
	.slideshow-swiper-container .slide-text{ width:100%;}
	.slideshow-swiper-container .slide-h2{ font-size:24px;}
	.slideshow-swiper-container .slide-h1{ margin:20px 0;font-size:38px;}

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

	
}