/*Theme Name:Theme-czxinjiuxinji*/
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: Encode Sans Expanded; font-size: 16px; color: #333; font-weight:400; line-height:1.8;}
ul,ol,li{list-style:none;}
table,td,th,input{ font-size:15px;}
h1,h2,h3,h4,h5,h6{}
h1{font-size:48px;}
h2{font-size:36px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6 {font-size:16px;}
a:link, a:visited{ color:#333; 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}
.tc{text-align: center;}
.tr{text-align: right;}
.p60{padding:60px 0;}
.c1000{width:88%; margin: 0 auto;}
.c800{width:75%; margin: 0 auto;}
.c500{width:50%; margin: 0 auto;}
.cline{}
.cline:after{content: "";display: inline-block;width: 35px;max-width: 100%;border-bottom: 3px solid #9A4D00;vertical-align: top;}
.h100{height:100px;}

.header-fixed{position: fixed; top:0; left:0;}
.header-top{position: relative; clear:both;z-index:1000;}
.header{position: absolute;top: 0;  left: 0; margin: 0 auto; width: 100%; background-color: rgba(255, 255, 255, 0.85); box-shadow: rgba(0,0,0,.117647) 0 1px 3px; clear:both;z-index:1000;}
.header-top .inner{ height:100px; overflow:visible;position:relative;}
.header .inner{ height:100px; overflow:visible;position:relative;}

.logo{float:left;vertical-align:middle; padding-right:50px;}
.logo img{height:100px;} 

.logo-outside{float: left;position: absolute;left: 0;display: block; height: 100%;z-index: 1;}
.logo-outside img{padding: 0;display: block;width: auto;height: auto;max-height: 100%;image-rendering: auto;position: relative;z-index: 2;transition: opacity .4s ease-in-out;}
/*.head-pinned*/
.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 #top_menu{display: none;}
.head-pinned .inner{ height:100px; }
.head-pinned .logo{ margin:0 auto;}
.head-pinned .main-menu{ line-height:100px;}
.head-pinned .navi li a{line-height:100px;}
.head-pinned .navi li ul li ul{ top:0;}
.head-pinned .navi li ul li a:hover{color: #9A4D00 !important;}
.head-pinned .navi > li.menu-item-has-children:after{top:1px; right:5px;}
.mobi-title{display: none;}

/*nav-menu*/
.navi { font-size:14px; float: right;}
#mobile-nav{ display:none;}
.navi li{ float:left; padding:0; position:relative;}
.navi li a{ padding:0 20px; color:#666666; display:block; line-height:100px; text-transform: uppercase;}
.navi li a:hover{ text-decoration:none; height:100px; color: #9a4d00;}
.navi li>a>span:before{margin-top:-15px;width:0;height:2px;background:0 0;display:block;content:'';transition: all .3s ease; -webkit-transition: all .3s ease;}
.navi li>a>span{line-height:normal; }
.navi li>a:hover>span:before{ background:#9a4d00; width:100%;}
.navi li ul li a span:before{ display: none }
.navi > li.menu-item-has-children:after {display: block; position: absolute; top:39px;right:10px; font-family: 'FontAwesome';content: "\f107"; width:2px; margin-left: 10px;font-size: 14px; color: #666;}
.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:#9a4d00;  text-shadow:none;}
.navi li ul{ position:absolute; top:99px; left:0; z-index:1000; width:240px; line-height:1.5; background-color:#efefef;box-shadow: 0 0 20px rgba(0,0,0, 0.05); display:none;}
.navi li ul li{ float:none; line-height:52px; font-size:15px;border-bottom: 1px solid #e8dddd;min-width:220px;}
.navi li ul li a:link, .navi li ul li a:visited{ padding:0 10px; height:52px; line-height:52px; font-size:14px; text-overflow: ellipsis;overflow: hidden;}
.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-item ul li a:hover, .navi li.current-post-parent ul li a,.navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a{ color:#666; background:none; border-bottom:none;}
.navi li ul li.menu-item-has-children a{font-family:'FontAwesome';  line-height:52px;}
.navi li ul li.menu-item-has-children a:before{content:"\f104"; padding-right: 5px; }
.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:#9a4d00; background:#F1F3F5;}
.navi li.current-menu-item ul li a{ background:none;}
.navi li.current-menu-item ul li a span{ background:none;}
.navi li:hover a{ color:#666;}
.navi li:hover ul li a{ background:none;}
.navi li ul li ul{ top:0; left:-240px; display:none; -moz-box-shadow:3px 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:3px 1px 6px rgba(0,0,0,0.2); box-shadow:3px 1px 6px rgba(0,0,0,0.2);}
.navi li ul li.menu-item-has-children:hover a{ color:#9a4d00;}
.navi li ul li.menu-item-has-children:hover a:before{content:"\f104"; }
.navi li ul li.menu-item-has-children:hover ul li a{ color:#666; background:#fff;font-family:'FontAwesome';}
.navi li ul li.menu-item-has-children:hover ul li a:before{ content:""}
.navi li ul li.menu-item-has-children:hover ul li a:hover{background-color:#F1F3F5;}
.navi li:hover ul li.menu-item-has-children ul li a{ background:none;}
.navi > li:last-child > a{background-color: #9B4E00;color: #fff !important;padding-left: 20px;padding-right: 20px;margin:28px 18px 0 10px;line-height: 45px;height: 45px;}
.navi > li:last-child > a:hover{background-color: #254490; color: #fff;}
.navi > li:last-child > a:hover span:before{height:0; background:none;}

 
/* Slideshow */
.slideshow-swiper-container{ margin-bottom:25px; width:100%; overflow:hidden; position:relative; clear:both; z-index:1}
.slideshow-swiper-container .swiper-slide-banner{height:500px;}
.slideshow-swiper-container .inner{ width:100%; height:100%; line-height:1.5;}
.slideshow-swiper-container img{ width:100%; height:100%; position:absolute; top:0;left:0;}
.slideshow-bg{position: absolute;top: 0;left: 0;bottom: 0;width: 100%;z-index: 1;}
.slideshow-swiper-container .slide-text{background-color: rgba(165, 161, 161, .6); padding:25px; line-height:1.2; text-transform: capitalize; position:absolute; left:27%;top:36%; width:47%; z-index:10;}
.slideshow-swiper-container h4{ margin:150px auto 10px; font-size:48px; text-align:center; color:#FFF;}
.slideshow-swiper-container .slide-text .slide-text-title h2{margin-bottom:30px; font-size: 48px;line-height: 1.1em;font-weight: 200;color: #FFF;}

/*.home_section*/
.home_section{position: relative;padding-bottom:50px;margin-top: -120px;position: relative; z-index: 999;}
.home_section_wrap{display: grid;grid-template-columns:30% 64%; grid-gap:3%;}
.home_section_wrap .home-left-wrap{clip-path: polygon(0 0, 100% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 100%, 0 0); }
.home-left-text{background: rgb(167 121 15 / 85%);padding: 20px;color: #fff;line-height: 1.5;clip-path: polygon(0 0, 100% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 100%, 0 0);font-size: 14px}
.home-left-content{height:100px;}
.home_section_wrap .home-left-wrap p{font-size: 19px;text-align: center;line-height: 28px;font-weight: 100;margin: 0px 0px 20px;}
.home-right{background-color: #fff; margin-top:130px;}
.home-right h2{font-size: 35px;line-height: 47px;color: #333333;font-weight: 200; margin-bottom:20px;}
.about-counter{font-size: 20px;text-align: center;line-height: 28px; font-weight: 100;padding: 20px 0;}
.about-counter h5{ font-size: 60px;text-align: center;display: block;font-weight: 300; color: #254490;margin:20px 0;}


/*公共部分*/
.index-h2{margin-bottom:20px;}
.index-h2 h2{text-align: center;color: #fff;margin-bottom: 60px;font-size: 35px;line-height: 47px;font-weight:200;word-break: break-word; text-transform: uppercase;}

/*.index-services*/
.home-service{padding-top:60px; padding-bottom:140px;position: relative;background-size: cover;background-position: center center;}
.home-service:after {content: '';background-color: rgba(255, 255, 255, 0.76);position: absolute;bottom: 0;width: 100%; height: 65px;}
.home-service-wrap{display: grid;grid-template-columns:26% 26% 26%; grid-gap:11%;}
.home-service-list{padding: 40px; background-color: #DDD;background-size: cover;}
.service-title{margin-bottom: 20px;}
.service-title h3 {font-size: 25px;line-height: 30px;color: #9A4D00; font-weight: 200; text-align: center;}
.service-txt {color: #333; line-height:1.6; text-align: center;margin-bottom:10px;font-weight:200;}
.service-more{text-align: center;margin-top:-20px;}
.service-more a{background-color: #767171; color: #fff; padding: 8px 25px;display: inline-block;transition: .3s;-webkit-transition: .3s;position: relative;
 overflow: hidden;font-size: 14px;text-transform: uppercase;z-index: 10;}
.service-more a:hover{background-color: #9B4E00;}

/*.index-project*/
.home-project{padding:60px 0;background-size: cover;background-position: center center;}
.home-project-list img{width:100%;}
.home-project-wrap{display: grid;grid-template-columns:24% 24% 24% 24%; grid-gap:1.3%;}
.home-project-list .piclist{position: relative;}
.home-project-title{text-align: center;min-height: 70px;font-size:24px; text-transform: uppercase; line-height: 1.6;font-weight: 200;background-color: rgba(155, 78, 0, .7);color: #fff;padding: 20px 15px;width: 75%;position: absolute;top: 42%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.project-more{text-align: center;position: absolute;left:26%;top:68%;display: none; opacity:0;}
.project-more a{background-color: #767171; color: #fff; padding: 8px 25px;display: inline-block;transition: .3s;-webkit-transition: .3s;position: relative;
 overflow: hidden;font-size: 14px;text-transform: uppercase;z-index: 10;}
.project-more a:hover{background-color: #254490;transition: .5s;-webkit-transition: .5s;}
.home-project-list:hover .home-project-title{top:36%;transition: .5s;-webkit-transition: .5s;}
.home-project-list:hover .project-more{display: block;top:62%;transition: .5s; -webkit-transition: .5s; opacity:1}

/*home-quality*/
.home-quality{padding: 60px 0;}
.home-quality-wrap{margin-bottom: 20px;font-size: 19px;font-weight: 200;line-height: 30px;}
   
/* Container */
.container {padding:0;background:#fff;clear:both}
.column-fluid {float:left;	width:100%; margin:0 0 20px 0;}
.fullwidth {margin:0 auto;width:100%}

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

/*page-thum-contact*/
.page{position:relative;display: flex; justify-content: center; align-items: center; overflow: hidden;}
.page .breadcrumb-page{width:100%; position: absolute;top: 43%;bottom: 32%; color: #fff;text-align: center;}
.page .page-thum img{ width:100%;object-fit: cover;}  
.breadcrumb-page .c500{background-color: rgba(165, 161, 161, .6); padding: 25px;}

.breadcrumb-single{position:relative;background-color: #222; height:500px;display: flex; justify-content: center; align-items: center; overflow: hidden;}
.breadcrumb-single .breadcrumb-page{position: absolute;top: 25%;bottom: 0; color: #fff;text-align: center;}
.breadcrumb-single .page-thum img{ width:100%;object-fit: cover;}  

.breadcrumb-archive{position:relative;background-color: #9A4D00; max-height:500px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.breadcrumb-archive .breadcrumb-page{position: absolute;top: 25%;bottom: 0; color: #fff;text-align: center;}
.breadcrumb-archive .page-thum img{ width:100%;object-fit: cover;}  

.bread-single-h1 h1{font-size: 54px;line-height: 1.1em;font-weight: 400; text-transform: uppercase}
.bread-single-p{margin: 10px 0; text-align: center; line-height:1.6;letter-spacing: .02em;}

.bread-page-h1 h1{font-size: 54px;line-height: 1.1em;font-weight: 200;color: #FFF;}

.breadcrumb-list{color: #FFF; position: absolute;bottom: 0;background-color: rgba(238, 238, 238, .84);width: 100%;padding: 25px 0px;min-height:80px;}
.breadcrumb-list ul{display: flex; text-align: center;}
.breadcrumb-list ul li{background-image: url(images/custom-menu-background.jpg);flex: 1; text-align: center; height: 70px; line-height:70px; background-position: center center;background-size: cover;border: 1px solid #fff;margin: 0 10px;position: relative;box-shadow: 1px 0px 15px rgba(0, 0, 0, 0.39); cursor: pointer; margin-bottom:10px;}
.breadcrumb-list ul li a{color: #9A4D00; font-size:20px; display: block;}
.breadcrumb-list ul li:hover{background-image: none; background-color: #9A4D00;}
.breadcrumb-list ul li:hover a{color: #FFF;}
.breadcrumb-list .current_page_item{background-color: #9A4D00;background-image: none;}
.breadcrumb-list .current_page_item a{color: #FFF;}

.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;}
.news-page{}

/*about*/
.page-common2{display: grid; grid-template-columns:auto auto;  grid-gap:3%} 
/*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: 61% 35%;grid-gap:4%}
.inquiry-left{padding:40px 20px 0 20px ;background-color: #f5f5f5;}

/*contact us*/
.contact{padding: 50px 0;}
.contact-page{display: grid; grid-template-columns:47% 47%;  grid-gap:6%}
.contact-left{border-right: 1px solid #d1d1d1;}
.contact-left a{ padding: 0 5px;}
.contact-content h3{font-weight:200;}
.page-contact-title h1{font-size: 35px;line-height: 1.4;font-weight:200; margin-bottom: 15px; color: #9A4D00;}
 

/*cat-desc*/
.cat-iq{margin: 30px 0;}
.cat-desc{padding:10px 20px 20px 20px;}
.cat-desc h1{margin: 40px 0 0 0; padding-bottom:30px; color:#9A4D00; text-align: center; font-weight:700; border:none; background:none; font-size: 38px; line-height:1.3; position: relative; }
.cat-desc h2, .cat-desc h3, .cat-desc h4, .cat-desc h5, .cat-desc h6{ margin: 20px 0; padding:0; font-weight:500; border:none; background:none; color:#9A4D00;line-height:1.4;}
.cat-desc p{ line-height:1.6; font-size:16px;}
.cat-desc a:link, .cat-desc a:visited{ color:#9A4D00;}
.cat-desc a:hover{ color:#9A4D00;}
.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;}
 
/*archive-picexcerpt*/

.article-list-items{display: grid;grid-template-columns: 1fr 1fr; grid-gap:20px 50px;}
.article-list-items .article-items img{width:100%}
.article-items-wrap{background-color: #eee;padding:15px 30px;}
.article-items-wrap .article-items-title{margin-bottom:5px;}
.article-items-wrap .article-items-title h3 a{color: #9A4D00;font-size: 28px;font-weight:300;text-transform: uppercase; line-height:1.2;}
.article-items-wrap .bcontent{height:80px; overflow: hidden;font-weight:200;}
.hkpage_link{margin-bottom:20px;}
.hkpage_link a {background-color: #9B4E00;color: #fff !important;margin: 28px 18px 0 0;padding: 12px 20px;}
.hkpage_link a:hover{background-color: #254490;}

/*archive-main*/
.article-items{position: relative; margin-bottom:50px;}
.project-title{background-color: rgba(255, 255, 255, 0.7);width: 100%; height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%)}
.project-items-title{position: relative;height: 100%;}
.project-title a{color: #FFF;}
.project-title:hover{background:none;}
.project-items-title h3 { background-image: url(images/waterwaste-text-background.png); position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);margin-bottom: 0;color:#fff; font-size: 25px;width: 370px;text-align: center;border: 1px solid #fff; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.54);padding: 15px 5px;}
.piclist.project-img img{width:100%;max-height:350px;}
 
/*archive-faq*/
.archive-faq{padding: 20px 0;}
.faq-contact h2{font-size: 26px;margin-top: 60px;text-align: center;margin-bottom: 40px; color: #333;}
.faq-clist{display: flex; flex-wrap: wrap; text-align: center;}
.faq-clist .faq-cell{ margin: 0 2% 2% 0;width: 31.1%;border-radius: 10px;box-shadow: 0 3px 6px rgba(0,0,0,.16);color: #666;}
.faq-cell-wrap{padding:30px;}
.faq-cell a{color: #9A4D00;}
.faq-cell img{width:100%;}

/*.accordion-header*/
.accordion-header{position: relative; font-size:22px;font-weight:500; cursor:pointer;font-family:'FontAwesome';padding:15px 0; line-height:23px;color: #9A4D00;background-color: #fafafa;}
.accordion-header span{color: #9A4D00; margin: 0 8px;font-weight:600;}
.accordion-content span{color: #9A4D00; margin: 0 8px;font-weight:600;}
.accordion-header:hover{}
.accordion-header:before{content:"\f107"; color: #9A4D00;position: absolute; right: 10px; font-size:28px;}
.inactive-header{ color:#4f4f4f; background-color:#fff;}
.inactive-header:before{content:'\f105';color: #9A4D00; position: absolute; right: 10px;}
.accordion-content{line-height:1.6; font-size:16px; display:none; color:#4f4f4f; margin: 20px 0;}
.accordion-content p{}
.accordion-content a:link, .accordion-content a{ color:#4f4f4f;margin:10px 0;display:block;}
.accordion-content a:hover{ color:#9A4D00;}
.accordion-list li{border-bottom: 1px solid #f3f4f8; border-radius: 10px;padding:10px 20px; background-color: #FFF; margin-bottom:15px;}
.accordion-list li:last-child{border-bottom: 1px solid #eee;}
 
/*active news*/
.blog-list {display: grid;grid-template-columns: 25% 74% ; grid-gap:20px; background-color: #f4f4f4; margin: 0 30px 30px 0;border-bottom: solid 1px #eee;padding:15px; color: #666;}
.blog-list .picexcerpt_news img{width:100%; }
.blog-list h3{color: #9A4D00;font-size: 28px;font-weight:200; line-height:1.3em; text-transform: uppercase;overflow: hidden;}
.blog-list:hover h3 {opacity: 0.8;}
.blog-list .news-wrap{margin: 0;}
.cat-more{margin-top:20px;}

/*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: #9A4D00;}
.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:#9A4D00;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: #9A4D00;}
.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-articlelist*/
.article-list{}  
.article-list li a{border-bottom:1px solid #eee;padding:20px 0; display: block;}.article-list li a:hover h3{color: #9A4D00;}
.article-list li h3{color: #4f4f4f;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}
  
/*postlist*/
.postlist{display: grid; grid-template-columns:1fr 1fr;grid-gap:0 20px;}  
.postlist li{ background-color: #F6F6F6; margin-bottom:20px;}

.archive-wrap{ margin:20px 0 30px 0;}

/*cat_list*/
.cat-wrap{background-color: #FFF; padding: 20px 0;}
.cat-category ul li {float: left; border-right:1px solid #ddd;padding: 0px 20px; margin-bottom:10px}
.cat-category ul li a{font-size: 15px;  color: #333;display: block;transition: 0.3s ease 0s;}
.category_description{ padding: 20px 0; line-height:26px;}
.category_description p{line-height:26px;}
.category_description a{color: #9A4D00;}
.category_description h1,.category_description h2,.category_description h3,.category_description h4{color: #9A4D00; 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;}

/*single.php*/
.single-wrap a{color: #9A4D00;}
.single-grid{padding: 70px 0;}
.single-grid-back{background-color: #f5f5fa; padding: 70px 0;}
.single-grid-bottom{background-color: #f8f8f8; padding:70px 0 200px 0;}
.single-grid-items{display: grid;grid-template-columns: 47% 47%; grid-gap:50px 6%;}
.single-grid-item img{max-width:100%;}
.single-grid-itema img{}
.single-grid-txt img{margin:10px 0;}
.single-grid-itema h3{color: #9A4D00;font-size: 28px; font-weight: 400}


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

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

.entry{}
.entry h1{color: #9A4D00; margin: 20px 0 20px 0;  padding:0; font-weight:200; border:none; background:none; font-size: 40px; line-height:1.2;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ color: #9A4D00; margin:10px 0 20px 0; padding:0;font-weight:200; border:none; background:none; line-height:1.2;}
.entry p{line-height:1.6; margin-bottom:10px;}
.entry a:link, .entry a:visited{ color:#9A4D00;}
.entry a:hover{ color:#9A4D00;}
.entry img{ max-width:100%; height:auto; margin-bottom:10px;}
.entry span{ }
.entry hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;}
.entry .left{ float:left; width:45%;}
.entry .right{ float:right; width:45%;}
.entry ol, .entry ul{ margin:10px 30px;}
.entry ul ::marker{color: #9A4D00;}
.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:30px 0;border:1px solid #fff;}
.entry th{ padding:3px 10px; border:1px solid #fff; background:#f4f4f4;}
.entry td{ padding:3px 10px; border:1px solid #fff; word-wrap:break-word;vertical-align: top;}
.entry input, .entry textarea, .entry select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;}
.entry input[type="text"]:hover, .entry input[type="text"]:focus, .entry input[type="text"]:active,.entry textarea :hover, .entry itextarea :focus, .entry textarea :active,, .entry select:hover{ border:1px solid #ef5c32;}

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

.post-meta-bottom{ padding-bottom:10px;overflow:hidden;}
.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-title*/
.single-title{color: #9A4D00;font-size: 28px;font-weight: 400; text-transform: uppercase; float: left;}
.special-heading-border{position: relative;top:25px;overflow: hidden;}
.special-heading-inner-border{display: block;width: 100%;margin-left: 15px;border-top-style: solid;border-top-width: 1px;position: relative;opacity: .15;}
/*related-news*/
.related-wrap{background-color: #9A4D00;padding: 15px;}
.related-wrap h3{font-weight:200;}
.piclist-col3{ margin-left:-1%;}
.piclist-col3 li{float: left; margin-left:1%; _margin-left:1%; width:32.3%; margin-bottom:20px;}
.piclist-col3 li a{color: #fff; font-size:20px;line-height:1.3;letter-spacing: 1.5px; font-weight:600}
.piclist-col3 li .cat-more {padding-bottom:10px;}
.piclist-col3 li .cat-more a{color: #fff; font-size:14px; font-weight:200}

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

.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: #9A4D00; color: #FFF; }
 
/* Page - Error404 */
.error404{ max-width:390px; padding:50px 0;}
.error404 h4{ height:32px; line-height:32px; font-size:200%; color:#9A4D00;}
.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:#9A4D00; 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:#9A4D00;}
.wpcf7 .wpcf7-not-valid{ border:1px solid #9A4D00;}
.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:#9A4D00; text-decoration:none;}
.hkpagenavi a.current:link, .hkpagenavi a.current:visited, .hkpagenavi a.current:hover{ color:#9A4D00; 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;}
.sidebar h3{color: #9A4D00;font-size: 28px;font-weight: 200; text-transform: uppercase;}
.sidebar h3 a, .sidebar h3 a:hover{ color:#000; text-decoration:none;}
.sidebar .widget_nav_menu ul li:first-child{border-top:none;}
.sidebar a:hover{color: #9A4D00;}

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


.widget{margin:0 0 20px 0;}
.widget h3{}
.widget_text{}
.widget-title{font-size: 22px;font-weight:400; text-align: left;text-transform: capitalize;}
.widget_text img{}
 
.sidebar .news-title{border-bottom: 1px solid #dfdfdf; padding: 8px;}
.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-title a:hover{background-color: none !important; color: #9A4D00;}

/* 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:#9A4D00; 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:#9A4D00; 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;}

/*缺角*/
.box-one{clip-path: polygon(10% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 10%);}
.box-two{clip-path: polygon(0 0, 100% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 100%, 0 0);}
.box-three {clip-path: polygon(18% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 18%);}
.box-four {clip-path: polygon(0 0, 100% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 100%, 0 0);}


/* Footer */
input,  textarea {border: 1px solid #ddd !important;border-radius: 10px !important;background-color: #eee !important;color: #1c1c1c !important;}
.wpforms-container .wpforms-submit-container .wpforms-submit{ background: #9A4D00!important;}
.wpforms-container .wpforms-submit-container{text-align: center;}

/* Footbar */
.footer{padding: 80px 0 60px 0;background-color: #9A4D00;color: #fff;position: relative;z-index:10;}
.footbar{ display: grid; grid-template-columns:repeat(4,1fr); grid-gap:2%;background-color: rgba(165, 161, 161, 0.6); padding: 35px 35px 10px;overflow:hidden;}
.footbar h3{color: #9A4D00;font-weight: 200; font-size:18px; margin-bottom: 15px;}
.footbar h3 a{ color:#fff;}
.footer a:hover{color: #c1d3ff !important;}
.footbar .widget-column ul li{margin-bottom: 5px;}
.footbar .widget-column p{line-height:1.6;}
.footbar .widget-column a{color: #fff;}

/*footer-copyright*/
.footer-copyright{padding:15px 0; font-size:12px;color: #FFF; }
.footer-copyright a:link, .footer-copyright a:visited{color: #fff; }
.footer-copyright .inner{display:grid; grid-template-columns:auto auto auto; justify-content: space-between;} 
/* Copyright */
.copyright{text-align:left; font-weight:400; overflow:hidden; }
.fsocal a{padding: 0 5px; font-size:18px;}
.fsocal a span{background-color: #707070;height: 35px; width: 35px; line-height:35px; text-align: center; cursor: pointer;font-family: "FontAwesome" !important;}
.fsocal a:hover span{background-color: #9A4D00; color: #FFF;}
 .privacy a{margin: 0 10px;}

 
/*table-container*/
.table-container{width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
.table-container table{border:0; border-collapse:collapse;}
.table-container 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 #9A4D00; 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: #ddd !important;--wpforms-button-border-color: #ddd !important;--wpforms-page-break-color: #ddd!important;}
button.wpforms-submit{border-radius: 6px !important;  padding:0 25px !important;}
.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{width: 66%;margin: 0 auto; color: #9A4D00 !important;}
.wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{width:18%}
div.wpforms-container-full, div.wpforms-container-full{width:100% !important;}
.wpforms-image-choices-item{width:18%;}

.wpforms-title{text-align: center;font-size:26px !important; margin:0 0 20px 0 !important; line-height: 1.3 !important}
.wpforms-description{}

/*.gallery*/
#gallery-1{margin-bottom:20px !important;}
.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-columns-5 .gallery-item{width:18% !important; margin-right:1%;}
.gallery-item img{max-width:100%;height:auto;border:none !important;margin: 0;}
.gallery-item{border:1px solid #fff;}

.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:#4f4f4f 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:1200px){
	.inner{ width:1170px;}
	.content{ margin-right:340px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.sidebar{ margin-left:-300px; width:300px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:280px;}
	#mobile-nav{display: none;}
}
@media only screen and (min-width:1024px)and (max-width:1100px){
	.inner{width:98%;}	
	.logo{ padding-right:20px;}
	#mobile-nav {display: none;}
	.navi > li.menu-item-has-children:after{right:4px;}
	.slideshow-swiper-container .slide-text{width:80%;left:8%;}
	.home-service-wrap {grid-template-columns: 28% 28% 28%;grid-gap: 8%;}	
	.inquiry-title{padding: 0 10px;}
	.content{ margin-left:285px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.site-banner{grid-template-columns: 100%;}
	.sidebar{ margin-right:-260px; width:260px;}
	.sidebar-right{ margin-right:-260px; width:260px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:260px;}

 	.request-button{padding: 20px 32px;}
 	.footbar{padding: 35px 0;}
}


@media only screen and (min-width:768px) and (max-width:1023px){
	.inner{ width:98%;}
	.header {position:relative}
	.header .inner {width:100%}	
	.sidebar {display: none;}
	.column-fluid{float: none;}
	.content{padding: 0;}
  	.logo img{padding: 0 15px;}	
	.sidebar {display: none;}
	#mobile-nav{ float:right;  display:block; margin-right:15px;}
	#mobile-nav a{color: #000; font-size:40px; display:inline-block; cursor:pointer; z-index:99999; text-align: center;}
	#mobile-nav #mobile-so,#mobile-menu{font-family:'FontAwesome'; color: #fff;}
	#mobile-nav .opacity, #mobile-nav .meanclose {color: #000; }
	#mobile-nav #mobile-menu:before{content:"\f0c9" }
	#mobile-nav #mobile-so:before{content:"\f002"; }
	#mobile-nav #mobile-so:hover,#mobile-menu:hover{text-decoration: none;}	

 	.main-menu{ margin:0 auto; width:100%; height:100%; line-height:46px; font-size:16px; top:0; left:0; background-color: #FFF; overflow-y:scroll; position: fixed; z-index:9999; display:none;}
	.main-menu .inner{ width:100%;}
	.navi{ background:#fafafa; width:100%;margin-top:10px;}
	
	.mobi-title{font-size:28px; color: #000; height:50px; line-height:50px; display: block; padding-top:10px; overflow: hidden;}
	.mobi-title i{color:#000;font-size:38px;}
	.mobi-title span{float: left; margin-left:3%; font-weight: 700;}
	.mobi-menu-close{display: inline-block;width:30px; height:40px; text-align: center; position: absolute; right:2%; z-index: 99999; }
	 
 	.navi>li>ul{margin-top:0;}
	.navi>li>ul>li a{margin-bottom:0;}
	.navi li ul li ul{margin: 0;}
	.navi li{float: none;border: none;padding: 0;border-bottom: 1px solid #e6e6e6;clear: both;width: 100%; background-color:#fff;position: relative;}
	.navi li:first-child, .navi li.fr{ padding:0;}
	.navi li a, .navi li a:link, .navi li a:visited{padding: 0 15px;color:#000;height: 42px;line-height: 42px;display: block;}
	.navi li a:hover{ width:100%; color: #000;}
	.navi li ul{display: none; position:static !important; padding:0 !important; background-color: #fff !important; width:100% !important;border:none !important;}
	.navi li ul li{ background:#fff; width:100%; line-height:42px;}
	.navi li ul li.litop{ display:none;}
	.navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 24px; background:none;}
	.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#9A4D00; 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.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:#9A4D00;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;}

	.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;  background:none; position:absolute; right:0px; top:0px;  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;}
	.navi li.current-menu-item .mean-toggle{}	
	.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{}
	 
	.mean-clicked{font-family:'FontAwesome';}
	.mean-clicked:after{content:"\f0d7" !important; color: #222; font-size:18px !important;}
	.navi > li.menu-item-has-children > a:after{content:"";margin: 0;}
	
	.navi li:hover ul li.menu-item-has-children .mean-toggle{}
	.navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ content:"\f0d6";}
	.navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ color:#222; text-indent:25px;}
	.navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{ padding:0;}
	.navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#222; background-color:none;}
	.navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;position: sticky;}	

	.navi>li> a:last-child:hover{background:#fff; opacity:1}
	.navi > li.menu-item-has-children:after{display: none;}
	.navi li ul li.menu-item-has-children a:before{display: none;}
	.navi > li:last-child > a{margin: 0;}
	/*banner*/
	.slideshow-swiper-container .swiper-slide-banner{min-height:270px;height:350px}
 	.slideshow-swiper-container .swiper-slide img{object-fit:fill}
 	.slideshow-swiper-container .slide-text{width:80%;left: 7%; top: 20%; }
 	.slideshow-swiper-container .slide-text .slide-text-title  h2{font-size:36px !important; line-height:1.4!important}
	/*index*/
	.home-service-wrap {grid-template-columns: 32% 32% 32%;grid-gap: 2%;}	
	.home-project-wrap{grid-template-columns: 47% 47%;grid-gap:50px;}
	.project-more a{padding: 15px 45px;}
	
 	/*公共部分*/
 	.index-h2 h2{font-size: 32px;}	
	.home_section{margin: 0;}
	.home-right{margin: 0;}
	/*.index-services-lists*/

	.index-services-lists{grid-template-columns: 100%;grid-gap:20px;}
	
	/*archive-picexcerpt*/
	.article-list-items{grid-template-columns: 100%;}

	/*archive-main*/
	.category_service-grid3{grid-template-columns: 100%;}
	.service-list-item{grid-template-columns: 100%;}
	.service-bottom .service-grid-txt ul li{width:92%;}

	/*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{  margin:0 0 10px 0;}
	.blog-list li{margin:20px 10px;}

	/*.archive-customer-list*/
	.archive-wrap{margin:0 0 30px 0;}
	.archive-customer{width:96%;flex-wrap: wrap;}
	.archive-customer-inner{padding: 0;}
	.archive-customer-list{grid-template-columns:100%;}
	.pic-swiper-container .pic-swiper-button-next, .pic-swiper-container .pic-swiper-button-prev{top:38%;}
	
	/*.archive-case*/
	.archive-case{width:96%;flex-wrap: wrap; gap:40px;}
	
	/*related*/
	.piclist-col4 li{ width:48%;} 
	.piclist-col3 li{width:98%;}
	
	.wp-caption{ max-width:100%; auto}
	.wp-caption img{ max-width:100%; height:auto;}
	.accordion-content {padding:20px 5px}
	.column-fluid{float: none;margin: 20px 0;}

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

	.breadcrumb-single{height:auto;}
	.bread-single-h1 h1{font-size:26px; line-height:1.4}
	.bread-single-p{display: none;}

	.breadcrumb-wrap {margin-bottom:20px;}
	.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}

	.breadcrumb-archive .breadcrumb-page{top:13%;}
	.bread-page-h1{padding-bottom:10px;}
	.news-page{display: none;}

	/*page*/

	.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%}

	/*single.php*/

 	.single-grid-items{grid-template-columns:100%;}
	.post .post-title {text-align:center}
	.post .post-meta {display:none}

	.entry {font-size:16px}
	.entry table {}
	.entry table td {width:auto;height:auto	}
	.post .share-post, .post .share-post .addthis_native_toolbox {float:none;	margin-top:10px	}
	.related ul.post-list li {float:none;width:98%}

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

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

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

	/*.footer*/
	.footbar{padding: 35px 0;}
	.footbar{grid-template-columns:100%; grid-gap: 10px 0;}
 	.footbar .widget-column{ padding:0 20px; width:100%;}
 	.footer-copyright .inner{grid-template-columns:100%;}
 	.footer-copyright{font-size:15px;}
 	.fsocal{padding: 20px 0;}

	.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:48% !important; margin-right:1%;}
	.gallery-columns-5 .gallery-item{width:48% !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:767px){
	.inner{ width:96%;}
	.c800{width:100%;}
	.logo{padding:0;}
	.sidebar {display: none;}
	.header {position:relative;}	  
	#mobile-nav{ float:right;  display:block; margin-right:5px;}
	#mobile-nav a{color: #000; font-size:40px; display:inline-block; cursor:pointer; z-index:99999; text-align: center;}
	#mobile-nav #mobile-so,#mobile-menu{font-family:'FontAwesome'; color: #fff;}
	#mobile-nav .opacity, #mobile-nav .meanclose {color: #000; }
	#mobile-nav #mobile-menu:before{content:"\f0c9" }
	#mobile-nav #mobile-so:before{content:"\f002"; }
	#mobile-nav #mobile-so:hover,#mobile-menu:hover{text-decoration: none;}	

 	.main-menu{ margin:0 auto; width:100%; height:100%; line-height:46px; font-size:16px; top:0; left:0; background-color: #FFF; overflow-y:scroll; position: fixed; z-index:9999; display:none;}
	.main-menu .inner{ width:100%;}
	.navi{ background:#fafafa; width:100%;margin-top:10px;}	
	.mobi-title{font-size:28px; color: #000; height:50px; line-height:50px; display: block; padding-top:10px; overflow: hidden;}
	.mobi-title i{color:#000;font-size:38px;}
	.mobi-title span{float: left; margin-left:3%; font-weight: 700;}
	.mobi-menu-close{display: inline-block;width:30px; height:40px; text-align: center; position: absolute; right:2%; z-index: 99999; }
	 
 	.navi>li>ul{margin-top:0;}
	.navi>li>ul>li a{margin-bottom:0;}
	.navi li ul li ul{margin: 0;}
	.navi li{float: none;border: none;padding: 0;border-bottom: 1px solid #e6e6e6;clear: both;width: 100%; background-color:#fff;position: relative;}
	.navi li:first-child, .navi li.fr{ padding:0;}
	.navi li a, .navi li a:link, .navi li a:visited{padding: 0 15px;color:#000;height: 42px;line-height: 42px;display: block;}
	.navi li a:hover{ width:100%; color: #000;}
	.navi li ul{display: none; position:static !important; padding:0 !important; background-color: #fff !important; width:100% !important;border:none !important;}
	.navi li ul li{ background:#fff; width:100%; line-height:42px;}
	.navi li ul li.litop{ display:none;}
	.navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 24px; background:none;}
	.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#9A4D00; 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.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:#9A4D00;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;}

	.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;  background:none; position:absolute; right:0px; top:0px;  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;}
	.navi li.current-menu-item .mean-toggle{}	
	.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{}
	 
	.mean-clicked{font-family:'FontAwesome';}
	.mean-clicked:after{content:"\f0d7" !important; color: #222; font-size:18px !important;}
	.navi > li.menu-item-has-children > a:after{content:"";margin: 0;}
	
	.navi li:hover ul li.menu-item-has-children .mean-toggle{}
	.navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ content:"\f0d6";}
	.navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ color:#222; text-indent:25px;}
	.navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{ padding:0;}
	.navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#222; background-color:none;}
	.navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;position: sticky;}	

	.navi>li> a:last-child:hover{background:#fff; opacity:1}
	.navi > li.menu-item-has-children:after{display: none;}
	.navi li ul li.menu-item-has-children a:before{display: none;}
	.navi > li:last-child > a{margin: 0;}
	/*banner*/
	.slideshow-swiper-container .swiper-slide-banner{min-height:270px;height:350px}
 	.slideshow-swiper-container .swiper-slide img{object-fit:fill}
 	.slideshow-swiper-container .slide-text{width:80%;left: 5%; top: 20%;}
 	.slideshow-swiper-container .slide-text .slide-text-title  h2{font-size:26px !important; line-height:1.4!important}
 	
	/*index*/
	.home_section{margin: 0;}
	.home-right{margin: 0;}
 	.home_section_wrap{grid-template-columns: 100%;}

 	/*公共部分*/
 	.index-h2 h2{text-align: center;color: #fff;margin-bottom: 60px;font-size: 35px;line-height: 47px;font-weight: 200;}	

	/*.home-service*/
	.home-service-wrap{grid-template-columns: 100%;grid-gap: 50px 0}
	/*.home-project*/
	.home-project-wrap{grid-template-columns: 100%;grid-gap: 50px 0}
	.project-more{font-size:16px;top:60%;}
	.project-more a{padding: 15px 45px;}
	.home-project-list:hover .project-more{top:54%;}	
 	
	/*.archive-pic*/
	.article-list-items{grid-template-columns: 100%;}

	.article-items-wrap .article-items-title h3 a{font-size:22px;}

	/*archive-main*/
	.category_service-grid3{grid-template-columns: 100%;}
	.service-list-item{grid-template-columns: 100%;}
	.service-bottom .service-grid-txt ul li{width:92%;}

	/*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{ margin:0 0 10px 0;}
	.blog-list li{margin:20px 10px;}
	
	/*archive-piclist*/
	.pic-list li{ width:99%; margin-left:0; margin-top:20px;margin-bottom:10px;}
	.pic-list .bcontent{height:110px;}

	/*.archive-customer-list*/
	.archive-wrap{margin:0 0 30px 0;}
	.archive-customer{width:96%;flex-wrap: wrap;}
	.archive-customer-inner{padding: 0;}
	.archive-customer-list{grid-template-columns:100%;}
	.pic-swiper-container .pic-swiper-button-next, .pic-swiper-container .pic-swiper-button-prev{top:38%;}
	
	/*.archive-case*/
	.archive-case{width:96%;flex-wrap: wrap; gap:40px;}
	
	/*related*/
	.piclist-col4 li{ width:48%;} 
	.piclist-col3 li{width:98%;}	

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

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

	.breadcrumb-single{height:auto;}
	.bread-single-h1 h1{font-size:26px; line-height:1.4}
	.bread-single-p{display: none;}

	.breadcrumb-wrap {margin-bottom:20px;}
	.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}

	.breadcrumb-archive .breadcrumb-page{top:13%;}
	.page .breadcrumb-page{top:15%;}
	.bread-page-h1{padding-bottom:10px;}
	.breadcrumb-list ul{flex-wrap: wrap;}
	.breadcrumb-list ul li{width:100%;flex:auto}
	.news-page{display: none;}

	/*page*/
	.page-common2{grid-template-columns:100%; grid-gap: 50px;} 
	
	/*contact us*/
	.contact-page{grid-template-columns:100%; grid-gap:0;}
	.contact-left{border:none;}

	.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%}

	/*single.php*/

 	.single-grid-items{grid-template-columns:100%;}
	.post .post-title {text-align:center}
	.post .post-meta {display:none}

	.alignright{width:100%}
	.alignleft{width:100%}
	.aligncenter{width:100%}
	
	.entry {font-size:16px}
	.entry table { border: none;max-width: 94%; }
	.entry table td {width: 100% !important;height: 100% !important; display: block;}
	.post .share-post, .post .share-post .addthis_native_toolbox {float:none;margin-top:10px	}
	.related ul.post-list li {float:none;width:98%}

	.related {float:none}
	#author, #email, #url, #comment {padding:12px 2%;width:95%}

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

	/*.footer*/
	.footbar{grid-template-columns:100%; grid-gap: 10px 0; padding: 35px 0 10px 0;}
 	.footbar .widget-column{ padding:0 20px; width:100%;}
 	.copyright .fsocal{padding: 10px 0;}
 	.footer-copyright .inner{grid-template-columns:100%;}

	.gallery-columns-2 .gallery-item{width:98% !important; margin-right:1%;}
	.gallery-columns-3 .gallery-item{width:98% !important; margin-right:1%;}
	.gallery-columns-4 .gallery-item{width:48% !important; margin-right:1%;}
	.gallery-columns-5 .gallery-item{width:48% !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 (min-width:480px){

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

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

	.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*/
 	.footbar .widget-column{width:100%;}
 	.copyright-wrap{width:100%;}
	.social-wrap { margin-top: 5px;width: 100%;}
	.footbar .widget-column ul li{width:100%;}
	.footbar .widget-column:last-child{width:100%;}
		
}