/*Theme Name:hhpiping*/
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: monospace,serif;font-size:1em;}
pre{white-space: pre-wrap;}
q{quotes: "\201C" "\201D" "\2018" "\2019";}
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-family: inherit;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{ color:#222;font-family:'Roboto, Helvetica, Tahoma, Arial, "Microsoft YaHei"'; font-size: 14px;}
ul,ol,li{list-style:none;}
table,td,th,input{ font-size:12px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5,h6 {font-size:12px;}
.cut { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.inner{ overflow:hidden; }
.clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}
.radius{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.opacity{ opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(opacity=50);}
.c-show{ display:block;}
.c-none{ display:none;}
.folio-thumb img{ width:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -ms-transition-duration:0.7s; -o-transition-duration:0.7s;}	
.folio-thumb:hover img{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);}
.folio-thumb .opacity-pic{ /*background:#ef5c32;*/}
.mediaholder{ overflow:hidden;}

a:link, a:visited{ color:#222; outline:0; text-decoration:none;}
a:hover{ color:#F90000; text-decoration:underline;}
/* Header */
.header{background:#fff;clear:both;border: 1px solid #eee;box-shadow:2px 2px 3px rgba(0,0,0,.1)}
.header .inner{ height:42px; overflow:visible; position:relative;}
.topsearch{border-bottom: 1px solid #eee;height:65px;}
.logo {float:left;	margin:5px;box-sizing:border-box;vertical-align:middle;position:relative;z-index:9}
.logo img {max-width:249px;max-height:55px}
.head-pinned {height:60px;position:fixed;top:0;left:0;width:100%;	z-index:10000;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
.head-pinned .inner {height:50px;}
.head-pinned .logo {margin:5px auto;padding:0 8px;height:50px}
.head-pinned .logo img {height:50px}
.head-pinned .topbar {display:none}
.head-pinned .main-menu {line-height:50px;background-color: #fff; display: none;}
.head-pinned .navi li ul {top:50px}
.head-pinned .navi li ul li ul {top:0}
.head-pinned #search-box{margin: 10px 0;}
.head-pinned .btn-so {height:50px; }
.head-pinned .btn-so-hov {background-position:center -147px}
.head-pinned .navi li .ul-div {top:50px}
.main-menu { float: left;width:100%;font-size:14px; color:#333; line-height:46px;}
#mobile-nav {display:none}
.navi {}
.navi li {float:left;padding:0 15px;position:relative;border-right:1px solid #eee;text-overflow: ellipsis;}
.navi li a, .navi li a:link, .navi li a:visited {color:#333;display:block;}
.navi li a:hover {color:#f90000;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:#f90000}
.navi li ul {position:absolute;top:42px;left:0;	z-index:1000;padding:0;	width:300px;line-height:1.5;border-top:1px solid #fff;background:#FFF;-moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.2);box-shadow:0 1px 6px rgba(0, 0, 0, 0.2);display:none}
.navi li ul li {float:none;	padding:0;line-height:40px;font-size:13px;border-bottom:1px solid #fff;border-top:1px solid #fff;}
.navi li ul li a:link, .navi li ul li a:visited {padding:0 15px;height:40px;color:#666}
.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:#333;background:0;border-bottom:0}
.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:#f90000; border-radius:2px; box-shadow:-1px 1px 6px #e7e7e7; border-right:1px solid transparent;z-index:2}
.navi li.current-menu-item ul li a {background:0}
.navi li.current-menu-item ul li a span {background:0}
.navi li:hover a {color:#f90000;border-bottom:0}
.navi li:hover ul li a {background:0}
.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:300px;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.menu-item-has-children > a::after { margin-left: 4px; font-family: "FontAwesome";  content: "\f107"; padding: 0 5px; color: #A0A2AD;}
.navi li ul li.menu-item-has-children a::after{display: none;}
.navi li ul li.menu-item-has-children:hover a {color:#f90000;background:url(images/icon-menu.png) no-repeat right -354px}
.navi li ul li.menu-item-has-children:hover ul li a {color:#333;background:#fff}
.navi li ul li.menu-item-has-children:hover ul li a:hover {color:#f90000;}
.navi li:hover ul li.menu-item-has-children ul li a {background:0}
.btn-so {float:right;width:40px;height:90px;background:url(images/icon-menu.png) no-repeat center -48px;display:inline-block;cursor:pointer;position:relative}
.btn-so-hov {background:url(images/icon-menu.png) no-repeat center -128px}
#search-box {float:right;margin-top:18px;width:80%;}
#search-box #searchform {position:relative}
#search-box #searchform #ls {padding:3px 10px;width:90%;line-height:30px;border:2px solid #FF6A00;color:#222;background:#FFF;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;	-o-transition:all .4s ease;
transition:all .4s ease	}
#search-box #searchform #searchsubmit {padding:0;width:100px;height:40px;text-indent:-9999px;border:0;background:#FF6A00 url(images/icon-menu.png) no-repeat center -74px;overflow:hidden;cursor:pointer;position:absolute;right:0px;top:0;border-top-right-radius:20px;border-bottom-right-radius:20px;}
#search-box #searchform:hover #ls {background-color:#fff;width:90%;}
#search-box #searchform #searchsubmit:hover{background-color: #E35300;}

/* Slideshow */
.slideshow-swiper-container{ margin-bottom:25px; width:100%; overflow:hidden; position:relative; clear:both;}
.slideshow-swiper-container .swiper-slide{ height:450px; background-position:50% 50%; background-size:cover;}
.slideshow-swiper-container .inner{ width:100%; height:100%; line-height:1.5;}
.slideshow-swiper-container img{ width:100%; height:100%;position:absolute; top:0;}
.slideshow-swiper-container .slide-text{ line-height:1.2; position:relative; z-index:10;}
.slideshow-swiper-container h4{ margin:150px auto 10px; font-size:48px; text-align:center; color:#222; word-spacing:15px;}
.slideshow-swiper-container p{ margin-bottom:25px; width:50%; font-size:18px; text-align:center; color:#444; animation-delay:300ms; -webkit-animation-delay:300ms;}
.slideshow-swiper-container a, .slideshow-swiper-container a:hover{ width:100%; height:100%; text-decoration:none; display:block; animation-delay:500ms; -webkit-animation-delay:500ms;}
.slideshow-swiper-container .swiper-wrapper a{ width:100%; height:100%; display:block;}
.slideshow-swiper-container .swiper-button-next, .slideshow-swiper-container .swiper-button-prev{ top:0; margin-top:0; width:60px; height:100%; background:none;}
.slideshow-swiper-container .swiper-button-prev{ left:-80px;}
.slideshow-swiper-container .swiper-button-next{ right:-80px;}
.slideshow-swiper-container .swiper-button-next span, .slideshow-swiper-container .swiper-button-prev span{ width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:center center;}
.slideshow-swiper-container .swiper-button-prev span{ background-image:url(images/arrow-lt.png);}
.slideshow-swiper-container .swiper-button-next span{ background-image:url(images/arrow-rt.png);}
.slideshow-swiper-container .swiper-pagination-bullet{ width:12px; height:12px; line-height:12px; background:#fff; opacity:1; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:6px;}
.slideshow-swiper-container .swiper-pagination-bullet-active{ background:#ff6600;}
.slideshow-swiper-container .swiper-pagination-bullets, .slideshow-swiper-container>.swiper-pagination-bullets{ bottom:20px;}


/* Container */
.container {padding:0;background:#fff;clear:both}
.column-fluid {float:right;	width:100%;}
.content {overflow:hidden}
.fullwidth {margin:0 auto;width:100%}
.wrap_img img{max-width: 100%;max-height: 485px;display: block;margin: auto; padding-bottom:20px;}

.row-fluid{ margin:0 auto 20px; overflow:hidden; clear:both;}
.row-fluid h2{ margin-bottom:40px; height:42px; line-height:42px; font-size:26px; font-weight:500; text-align:center; text-transform:uppercase; color:#000; border-bottom:2px solid #eee; clear:both;}
.row-fluid h2 a:link, .row-fluid h2 a:visited, .row-fluid h2 a, .row-fluid h2 b, .row-fluid h2 strong{ padding-bottom:2px; height:40px; font-weight:normal; display:inline-block; color:#FF6A00; border-bottom:2px solid #FF6A00; cursor:pointer;}
.row-fluid h2 a:hover{ color:#000; text-decoration:none;}
.row-fluid h2 span{ float:right; max-width:65%; height:40px; font-size:13px; font-weight:100; overflow:hidden;}
.row-fluid h2 span a:link, .row-fluid h2 span a:visited, .row-fluid h2 span a{ padding:0 0 0 15px; border:none; color:#666;}
.row-fluid h2 span a:hover{ color:#000;}
.row-fluid p{ font-size:14px; line-height:1.7;}
.row-section{ float:left; width:100%;}
.row-gallary{ margin-bottom:30px;}
.row-column-gird{ margin:20px auto 0;}
.row-fluid-txt p{ margin-bottom:15px;}

/*features*/
.container-features{margin-top:20px; background-color: #FFF;}
.row-2a-lt{ float:left; width:28.5%; overflow:hidden;}
.row-2a-rt{ float:right; width:68.5%; overflow:hidden; position:relative;}

.col-blog ul li{ margin-bottom:10px; color:#666; border-bottom:1px dotted #eee; overflow:hidden;}
.col-blog ul li:last-child{ margin-bottom:0; padding-bottom:0; border:none;}
.col-blog ul li img{ float:left; margin:0 15px 0 0; width:150px;}
.col-blog ul li h3{ margin-bottom:10px; font-size:14px; line-height:1.2;}
.col-blog ul li p{ margin:0 auto; font-size:13px;}
.col-blog ul li a.link-more{ margin-left:20px; padding-left:12px; color:#222; text-decoration:underline;}
.col-blog ul li a.link-more:hover{ color:#F90000;}

.row-2c-lt{ float:left; width:48.5%; overflow:hidden;}
.row-2c-rt{ float:right; width:48.5%; overflow:hidden; position:relative;}
.row-2c-lt h2, .row-2c-rt h2{ margin-bottom:30px; text-align:left;}
.row-2c-lt h3{ font-size:20px; text-shadow:1px 1px 1px #fff;}
.accordion-header{ margin-top:12px; padding:7px 15px 7px 30px; font-size:14px; color:#222; background:#fbfbfb url(images/icon-accordion.gif) no-repeat 10px 18px; cursor:pointer;}
.active-header{ font-weight:600;}
.inactive-header{ color:#555; background:#fbfbfb url(images/icon-accordion.gif) no-repeat 10px -66px;}
.accordion-content{ margin:0 auto !important; padding:20px 16px 20px 20px; color:#888; font-size:13px; line-height:26px; display:none;}
.accordion-content p{ font-size:13px;}
.accordion-content a:link, .accordion-content a:visited{ color:#222; text-decoration:underline;}
.accordion-content a:hover{ color:#ff6600;}
.accordion-list{ margin-top:-12px; overflow:hidden;}

 
/* Breadcrumb */
.breadcrumb{  height:80px; line-height:80px; color:#333; clear:both; overflow:hidden; position:relative; text-transform:uppercase; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity=80);}
.breadcrumb a:link, .breadcrumb a:visited{ color:#333; text-decoration:none; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity=80);}
.breadcrumb a:hover{ color:#333; opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);}
.breadcrumb h2{ float:left; color:#333; font-size:28px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.breadcrumb h2 span{ color:#333;}
.crumb-box{ float:left; padding-left:20px;padding-right:20px; }
.crumb-box i{ padding:0 8px 0 5px; font-style:normal;}


/*wrap*/
 .inner .wrap{background-color: #fff; padding:10px;}
/* Archive - Postlist */
.postlist{ padding:0; overflow:hidden;}
.postlist li{ margin:0 auto; padding:0 10px 0 25px; height:46px; line-height:46px; border-bottom:1px solid #eee; background:url(images/icon.gif) no-repeat 10px 20px; overflow:hidden;}
.postlist li.nb{ border:none;}
.postlist li a{ float:left; width:85%; font-size:14px; -webkit-transition:text-indent .4s ease; -moz-transition:text-indent .4s ease; -ms-transition:text-indent .4s ease; -o-transition:text-indent .4s ease; transition:text-indent .4s ease;}
.postlist li span{ float:right; text-align:right; color:#bbb;}
.postlist li:hover{ background-color:#fbfbfb;}
.postlist li:hover a{ text-indent:8px;}

/* Archive - PicList loop-pic*/
.piclist {	margin-left:-3%;overflow:hidden}
.piclist li {float:left;margin-bottom:20px;margin-left:3%;*margin-left:1.8%;_margin-left:1.5%;width:30.3%;	height:auto;text-align:center;overflow:hidden}
.piclist li .folio-thumb {position:relative}
.piclist li .folio-thumb img {width:100%;height:auto;display:block}
.piclist li .mediaholder {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;	-ms-transition:all .4s ease;
-o-transition:all .4s ease;	transition:all .4s ease}
.piclist li .folio-thumb .opacity-pic {width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;	cursor:pointer;	-moz-opacity:0;	-khtml-opacity:0;opacity:0;	filter:alpha(opacity=0);_display:none}
.piclist li:hover .folio-thumb .opacity-pic {-moz-opacity:.3;-khtml-opacity:.3;opacity:.3;	filter:alpha(opacity=30);
}
.piclist li h3 {padding:10px;color:#222;background:#f8f8f8;	border-bottom:1px solid #e6e6e6;text-align:center;	overflow:hidden}
.piclist-col4 {margin-left:-2%}
.piclist-col4 li {margin-left:2%;_margin-left:1%;width:22.96%}

/* Archive - ExcerptPiclist */
.picexlist{ padding:0; overflow:hidden;}
.picexlist li{ margin:0 auto 15px; padding:0 0 30px; border-bottom:1px solid #f4f4f4; color:#666; overflow:hidden;}
.picexlist li .post-thumb{ float:left; padding-right:15px; 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{ color:#777;}
.picexlist li:last-child, .picexlist li.nb{ margin:0 auto; border:none;}
.picexlist p.read-more{ margin-top:10px; text-align:right;}
.picexlist p.read-more a{ padding-left:12px; color:#222; background:url(images/arrow-sub.gif) no-repeat 2px center; text-decoration:underline;}
.picexlist p.read-more a:hover{ color:#ff6600;}
.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{ }

.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{ overflow:hidden;}
.post .post-title{ margin-bottom:8px; padding-bottom:8px; line-height:40px; font-size:28px; font-weight:500; }
.post .post-meta{ margin-bottom:25px; border:none;}
.post .post-meta span{ padding:2px 0 2px 10px;}
.post  img{max-width:100%;max-height:100%;display: block;margin: 0 auto; }
.post .page-title{text-align: center;font-size: 2.8125rem;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 25px;
line-height: 1.2;}

.entry{ font-size:14px; line-height:28px; color:#222;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin-bottom:20px; padding:0; font-weight:700; border:none; background:none;}
.entry p{ margin-bottom:12px;}
.entry a:link, .entry a:visited{ color:#F90000;}
.entry a:hover{ color:#1E3988;}
.entry img{ margin-bottom:10px; max-width:100%; height:auto;}
.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:15px; max-width:99.5%; color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.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; padding:6px; background:#F6F6F6;border:1px solid #e4e4e4; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;}
.wp-caption img{ max-width:660px;}
.wp-caption p.wp-caption-text{margin:5px 0 0;padding:4px;line-height:20px;color:#666;}

.post-meta-bottom{ margin:35px auto 15px; padding-bottom:10px; color:#999; border-bottom:1px solid #f4f4f4; overflow:hidden;}
.post-meta-bottom .tags:before{ float:left; max-width:65%; text-indent:18px; font-family:FontAwesome;content:"\f02c"; overflow:hidden;}
.post-meta-bottom .tags a{ padding-left:5px; color:#999;}
.post-meta-bottom .tags a:hover{ color:#F90000;}
.post-meta-bottom .share{ float:right;}
.post-meta-bottom .share #sharebtn{ float:right; padding-right:10px;}
.post-meta-bottom .share #bdshare, .post-meta-bottom .share .addthis_sharing_toolbox{ float:right;}

/* Post - Product */
.container-product{ padding:0; width:100%;}
.product-header{ padding:0;}
.product .post-title{ margin-bottom:30px; padding-bottom:10px; font-size:28px; font-weight:700; line-height:38px; border-bottom:1px solid #dbdbdb; text-align:left; clear:both;}
.product .productMeta{ overflow:hidden;}
.product .product-meta-box{ margin-left:400px; 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{ float:left; margin-right:-400px; width:400px;}
.preview #wrap{ padding:0;}
.preview img{ margin-bottom:0; width:386px; height:386px; 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 #F90000;}
.post ul.thumblist li.zoomActive span{ color:#c52620;}



.features{ margin:0 0 50px -1.5%;}
.features h2{ padding:10px 1.5%; line-height:inherit; font-size:20px; font-weight:500; text-align:left; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.features h2 span{ padding:0; border:none;}
.feature-item{ float:left; margin:0 1.5% 40px; width:47%;}
.feature-item img{ float:left; width:100px; height:100px;}
.feature-item h4{ margin-bottom:10px; padding-left:120px; font-size:18px; font-weight:bold;}
.feature-item p{ padding-left:120px; color:#666; font-size:14px;}

/*page-simple.php*/
.row-fluid-p{ margin:0 auto 0px; overflow:hidden; clear:both; padding-bottom:15px;}
.row-pc-lt{ float:left; width:48.5%; overflow:hidden;margin-right:0.2%;}
.row-pc-rt{ float:right; width:48.5%; overflow:hidden; position:relative;}
.page-simple-intro{text-align: center; border-top: 30px solid #035D67; border-bottom: 30px solid #035D67;}
.page-simple-thum img{border-top-right-radius:1.5em;border-bottom-left-radius:1.5em; max-width:100%; height:auto;}
.page-simple-intro-text{padding:0 50px;}
.page-simple-intro-text h1{ margin:20px auto; width:100%;  font-size:38px; overflow:hidden; color: #0B4283; }
.page-simple-intro-text:hover h1{ color:#F90000;}
.page-simple-intro-text p{ margin:20px auto 30px; color:#666; line-height:36px; font-size: 16px; }

 

/* Page - About */
.feature-box{ margin:50px 0 50px -1.5%; padding-top:70px; border-top:1px solid #eee; overflow:hidden;}
.feature-box .item{ float:left; margin:0 1.5% 50px; width:47%;}
.feature-box .item img{ float:left; width:96px; height:96px;}
.feature-box .item h4{ margin:-10px auto 10px; padding-left:120px; font-size:18px; font-weight:bold;}
.feature-box .item p{ padding-left:120px; color:#666; font-size:14px;}

/* 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 p{ margin-bottom:18px; overflow:hidden; clear:both;}
.wpcf7 label{ padding:0 15px 0 0; width:100px; font-size:14px; font-family:Verdana; text-align:right; color:#444; display:inline-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:30px; line-height:30px; color:#666; border:1px solid #d8d8d8;}
.wpcf7 .wpcf7-select{ padding:8px 11px;}
.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{ border:1px solid #F90000;}
.wpcf7 .wpcf7-submit{ padding:9px 50px; font-size:18px; font-family:Arial; border:none; color:#fff; background:#F90000; display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:active{ background-color:#f80;}
.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;}
#inquiryForm .wpcf7 label{ width:120px;}
.wpcf7 #your-firstname{ width:100px;}
.wpcf7 #your-lastname{ width:140px;} 

/* Tags */
.tag-list a{ margin:0 10px 10px; display:inline-block;}

.carousel-box{ margin:0 50px 0 0; overflow:hidden;}
.pic-carousel{ position:relative; padding-top:30px;}
.pic-carousel .hd a{ background:url(images/p_jiant.gif) no-repeat 0 center;display:inline-table;width:25px;height:150px;text-indent:-999em;cursor: pointer;position:absolute;margin:0; z-index:999;}
.pic-carousel .hd a:hover{ background:url(images/p_jiant1.gif) no-repeat 0 center;}
.pic-carousel .hd .next{ right:0;background-position:right center;}
.pic-carousel .hd .next:hover{ right:0;background-position:right center;}

.pic-carousel .hd{ width:1000px\9;}
.pic-carousel .bd{ margin:0 0 0 50px; overflow:hidden;}
.pic-carousel ul li{float:left;width:165px\9;}
.pic-carousel ul li a{float:left; }
.pic-carousel ul li img{ margin:0 20px 0 0; width:200px; height:150px;}

/* Contact */
.c-online{ overflow:hidden;}
.col-lg-2{ float:left; width:50%;}
.col-lg-2 img{ float:left; padding:20px 30px 0 0; width:75px;}
.col-lg-2 h4{ padding-top:35px; font-size:24px;}
.col-lg-2 p{ padding-left:105px; font-size:32px; line-height:50px; color:#ef5c32;}
.col-lg-2 a:link, .col-lg-2 a:visited, .col-lg-2 a:hover{ color:#ef5c32; text-decoration:none;}
.col-lg-2-r img{ width:62px;}
.col-lg-2-r p{ padding-left:92px;}

.c-chat{ margin:50px auto; padding:50px 0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; overflow:hidden;}
.c-chat h4{ margin-bottom:0;}
.entry .c-chat table{ margin-bottom:35px; color:#666; border:none;}
.entry .c-chat th{ padding:3px 10px; border:none; background:#fff;}
.entry .c-chat td{ padding:3px 10px; border:none;}
.entry .c-chat ul.olchat{ margin:-10px 10px 25px; overflow:hidden;}
.entry .c-chat ul.olchat li{ float:left; width:33.333%; margin-bottom:12px; list-style:none; font-size:12px; color:#666;}


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

/* Certificate */
.certificate{ margin-left:0;}
.certificate .wp-caption{ margin:0 0 50px 0; padding:6px; width:46%; background:#fff; border:1px solid #f0f0f0;}
.certificate .wp-caption img{ max-width:100%;}
.certificate .wp-caption p.wp-caption-text{margin:5px 0 0;padding:4px;line-height:20px;color:#666;}
.certificate .alignright{ margin:0 0 50px 4%;}

/* Team */
.team h1{ margin-bottom:80px; padding:30px 0 60px; font-size:20px; text-align:center; border-bottom:1px solid #e4e4e4;}
.team .col-md-3{ float:left; margin-bottom:60px; width:33.33333333333333%;}
.team .col-md-3 img{ margin-bottom:40px; -webkit-border-radius:500px; -moz-border-radius:500px; border-radius:500px;}
.team .col-md-3 h3{ padding-right:30px; font-size:16px; font-weight:normal;}
.team .col-md-3 p{ padding-right:30px; color:#999;}

/* Pagenavi */
.hkpagenavi{ margin:0 auto; padding-top:40px; width:100%; line-height:46px; font-size:15px; font-family:Tahoma; border-top:1px solid #eee; text-align:center; overflow:hidden;}
.hkpagenavi a:link, .hkpagenavi a:visited{ margin:0 4px; padding:14px 19px; color:#666; background:#f6f6f6; -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:#fff0e6; background:#F90000; text-decoration:none;}
.hkpagenavi a.current:link, .hkpagenavi a.current:visited, .hkpagenavi a.current:hover{ color:#fff0e6; background:#F90000; font-weight:bold;}

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

/* Prev Next Post */
.post-prev-next{ margin:20px 0; }
.post-prev-next a{ color: #F90000; }
.height{padding:10px 0;}

/* Related */
.related h2{ margin-bottom:25px; height:40px; line-height:40px; font-size:20px; font-weight:500; border-bottom:2px solid #f0f0f0; clear:both;}
.related h2 span{ border-bottom:2px solid #aaa; display:inline-block;}

.related-post ul{ overflow:hidden;}
.related-post ul li{ float:left; margin-bottom:8px; width:50%; height:24px; line-height:24px; background:url(images/icon.gif) no-repeat 0 9px; overflow:hidden;}
.related-post ul li a{ padding-left:15px;}

.sidebar {float:left;z-index:999;}
.sidebar h3 {padding:0 12px;height:40px;line-height:40px;font-size:16px; color: #333;}
.sidebar h3 a, .sidebar h3 a:hover {color:#fff;text-decoration:none}
.sidebar ul {margin:0 auto;}
.sidebar ul li a{line-height:24px;border-bottom:1px solid #e6e6e6;color:#444;display:block;overflow:hidden}
.sidebar ul li ul {margin:0 auto;padding:15px 10px;	background:#f6f6f6}
.sidebar ul li ul li {margin:0 auto 5px;padding-left:16px;background:url(images/icon.gif) no-repeat 0 7px}
.sidebar ul li ul li ul {border:0;display:none;}
.sidebar div {padding:10px 0;background:#f6f6f6;	overflow:hidden}
.sidebar div p {padding:0 10px 15px}
.sidebar ul li.widget_nav_menu h3 {border-bottom:2px solid #F8F8F8;font-weight: 500; color: #f60;}
.sidebar ul li.widget_nav_menu h3 span {font-size:16px;border:0; text-transform: uppercase;color: #f60; }
.sidebar ul li.widget_nav_menu h3 i { margin-right:8px; font-size: 22px; color: #222;  }
.sidebar ul li.widget_nav_menu h3 a {color:#fff}
.sidebar ul li.widget_nav_menu div {padding:0;border:0;	background:0}
.sidebar ul li.widget_nav_menu ul {padding:0;font-size:14px;border:0;background:0;overflow:visible;	position:relative
}
.sidebar ul li.widget_nav_menu ul { }
.sidebar ul li.widget_nav_menu ul li {margin:0;	padding:0;height:auto; 	background:0;	overflow:visible;position:relative; text-indent:25px; color: #999; }
.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:40px;line-height:40px;text-indent:25px;border-bottom:1px solid #e6e6e6;color:#333;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:#f60;background: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:#f60;	background:#EEEEEE 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 {margin-top:-1px;width:100%; background-color:#fff;	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 {font-size:12px}
.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 #E6E6E6;color:#555;	background:#fff url(images/icon-widget-menu.gif) no-repeat 12px -61px}
.sidebar ul li.widget_nav_menu ul li:hover ul li a:hover {color:#fff0e6;background:#eee 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:#f60;background:#eee url(images/icon-widget-menu.gif) no-repeat 12px 19px;text-decoration:none}
/*第三层ul变短*/
/*.sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li {float: left; width:48%;text-overflow:ellipsis;}
*/.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:#FFF 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:#f60;background:#eee  }
.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 {  }
.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:#eee;color: #f60;}
.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 { }
.sidebar ul li.widget_nav_menu ul li.current-cat-parent:hover ul li.current-cat a {color:#000; }
.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}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent{ font-weight:700; border-top:none;}
.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:#eee; color:#333;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:#eee; color: #f60;}
.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:#eee; color: #333;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent:hover ul li.current-cat a{ color:#333; background-color:#eee;}

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


.sidebar .l_title{height:20px; background-color: #182C5A;border-bottom:4px solid #9ACE09;}
.sidebar .l_title h4 {}
.sidebar .l_title h4 a{line-height:20px; color: #fff; text-transform: uppercase; padding-left:10px;}
.sidebar .l_title h4 a:hover{text-decoration: none;}
.sidebar .l_body{background-color: #182C5A; color:#fff;padding:10px;}
.sidebar .l_body ul li{}
.sidebar .l_body ul li a{color: #fff;border:none;}
.sidebar .l_footer{background:url(images/left_bottom_bg.jpg) no-repeat;}
.widget {margin-bottom:20px;}
/*文本*/
.widget_text{padding:10px 0;}
.widget_text .textwidget{color: #666; line-height:26px; padding:0 10px;word-wrap: break-word; word-break: normal;}
/* SpecialCatPosts */
.sidebar ul li ul.widget_SpecialCatPosts{ padding:25px 10px 15px;}
.sidebar ul li ul.widget_SpecialCatPosts li{ margin:0 auto 10px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;}
.sidebar ul li ul.widget_SpecialCatPosts li:last-child{ margin:0 auto 10px;}
.sidebar ul li ul.widget_SpecialCatPosts li img{ float:left; padding-right:8px; width:100px; height:75px;}
.sidebar ul li ul.widget_SpecialCatPosts li h4{ margin-bottom: 5px;line-height: 18px; overflow: hidden;}
.sidebar ul li.widget_SpecialCatPosts ul li p{ color:#666;}
 
/* 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:#F90000;}
/*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;;}

/* RecentPosts */
.sidebar ul li.hk_widget_RecentPosts ul{ padding:10px 10px 0;}
.sidebar ul li.hk_widget_RecentPosts ul li{ margin:0 auto 5px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;}
.sidebar ul li.hk_widget_RecentPosts ul li:last-child{ margin:0 auto 10px;}

/* 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;}
.pad{ border:none !important; background:none !important;}

/* Comments*/
.postComment{ margin:60px auto 0; overflow:hidden;}
.postComment #addcomment, .postComment #comments{ margin-bottom:35px; padding:10px 0; font-size:20px; font-weight:500; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.commentlist{ padding-top:15px; width:100%; clear:both; overflow:hidden;}
.commentlist li{ padding:20px 0; width:100%; border-top:1px solid #f4f4f4; clear:both; position:relative;}
.commentlist li .avatar{ float:left; margin-top:2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.commentlist li .comment_author{ margin:0 0 5px 62px;}
.commentlist li .comment-body{ padding:0 10px 0 62px; color:#666;}
.commentlist li .comment-body p{ margin-bottom:12px;}
.commentlist li ul{ padding:15px 0 0;}
.commentlist li ul li{ padding:18px 0 15px 10%; width:90%;}
.commentlist li.popular{ border-top:1px solid #FEE7C5; background:#FFFDEC;}
.commentlist li #respond{ padding:15px 0 15px 62px;}
.commentlist li #respond #addcomment{ margin-bottom:15px; padding:0; line-height:34px; font-size:14px;}
.commentlist cite{ font-size:14px; font-weight:bold; font-style:normal; color:#222;}
.commentlist cite a{ color:#222;}
.commentlist cite a:hover{ color:#222;}
.commentlist em{ padding-left:6px; color:#A8A8A8;}

.commentlist .comment_func{ padding-right:10px; text-align:right; color:#999;}
.commentlist .comment_func span{ padding-left:5px;}
.commentlist .comment_func a, #cancel-comment-reply a{ color:#999;}
.commentlist .comment_func a:hover, .commentlist .comment_func span:hover, #cancel-comment-reply a:hover{ cursor:pointer; color:#222;}
#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; font-family:Arial; line-height:28px; color:#fff; border:none; background:#F90000; 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;}

/* CommentNavigation */
.comment-navi{ margin:15px auto; padding:10px; text-align:center; color:#888; background:#f9f9f9;}
.comment-navi a:link, .comment-navi a:visited{ padding:5px 8px; color:#666;}
.comment-navi a:hover{ color:#F90000;}
.comment-navi span.cpt{ padding:5px 8px;}
.comment-navi span.current{ font-weight:bold; color:#F90000;}

/* Footer */
.footer{ padding-top:20px; width:100%; color:#4C4C4C; background:#FFF; -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); } 
.footer a:hover{ color:#F90000;}
.link{ padding-bottom:20px;}
.link a{padding:0 5px;cursor: pointer; color: #666;}
/* Copyright */
.copyright{color:#666; overflow:hidden; text-align: center;border-top:1px solid #D3D3D3;}
.copyright a:link, .copyright a:visited{ color:#1971B7; height:48px; line-height:48px;}
.copyright a:hover{ color:#F90000;}


/* Footbar */
.footbar{ padding-bottom:30px; overflow:hidden;}
.footbar h3{ margin-bottom:18px; font-size:15px; font-weight:bold; color:#F90000;}
.footbar  a{text-transform: uppercase;}
.footbar .widget-column{ float:left; padding-right:2%; width:23%;}
.footbar .widget-column-last{ padding:0; width:25%;}
.footbar .widget-column ul{ overflow:hidden;}
.footbar .widget-column ul li, .footbar .widget-column p{ margin-bottom:10px; overflow:hidden;}
.footbar .widget_text .textwidget{color: #fff;}
.footbar #wp-calendar{ width:94%;}
.footbar #wp-calendar th, .footbar #wp-calendar td{ border:1px solid #393939; background:none;}
#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:#eee;}
.footbar #wp-calendar tbody tr td:hover{ border:1px solid #444; color:#eee; background-color:#444;}
.footbar .section i{ padding:0 10px 0 0; width:12px; height:24px; background:url(images/icon-map.png) no-repeat 0 8px; vertical-align:text-bottom; display:inline-block;}

/* Backtop */
.backToTop{ width:40px; height:40px; background:#da251e 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%;}

.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);}

/****  Responsive CSS  ****/
@media only screen and (min-width:1400px){
	.inner{ max-width:1200px; width:1200px;}
	.content{ margin-left:295px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.sidebar{ margin-right:-265px; width:265px;}
	.sidebar-left{ margin-right:-265px; width:265px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:265px;}
}
@media only screen and (min-width:1200px) and (max-width:1400px){
	.inner{ width:80%; max-width:1024px;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 12px;}	
	.content{ margin-left:285px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.sidebar-left{ margin-right:-260px; width:260px;}
	.sidebar{ margin-right:-260px; width:260px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:260px;}
}
@media only screen and (min-width:1024px) and (max-width:1199px){
	.inner{ width:960px;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 10px;}
		.slideshow-swiper-container .inner h4{ margin:6% auto 15px; font-size:40px; word-spacing:2px;}
	.slideshow-swiper-container .inner p{ margin-bottom:20px; width:70%; font-size:16px;}

	.piclist li h3{ font-size:12px;}
	.content{ margin-left:285px;}
	.sidebar-left{ margin-right:-260px; width:260px;}
	.sidebar{ margin-right:-260px; width:260px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:260px;}
}
@media only screen and (min-width:769px) and (max-width:1023px) {
	.inner {width:96%}
	.header {position:relative}
	.header .inner {width:100%}
	.logo {	margin-left:2%}
	.logo img {	max-width:80%;	max-height:80px}
	.main-menu {font-size:13px}
	.navi li a, .navi li a:link, .navi li a:visited {padding:0 8px}
	#search-box {width:100%;position:absolute;top:145px;right:0;z-index:99999;display:none}
	#search-box i {display:none}
	#search-box #searchform {width:100%	}
	#mobile-nav .opacity {background-color:#f90000;opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100)
}
	.slideshow-swiper-container .inner h4{ margin:6% auto 15px; font-size:32px; word-spacing:2px;}
	.slideshow-swiper-container .inner p{ margin-bottom:20px; width:70%; font-size:16px;}
	
	.banner{ height:80px; line-height:80px;}
	.banner img{ width:100%; height:auto;}
	.breadcrumb {height:80px;line-height:80px}
	.breadcrumb h2 {float:none;	text-align:center}
	.crumb-box {display:none}
	.container, .content {float:none;margin:0 auto	}
	.col-md-3 div h3 {padding:0 15px;line-height:46px;font-size:16px}
	.row-about .stinner img {max-width:100%	}
	.postlist li a {float:none;	width:100%	}
	.bx-pager, .postlist li span, .sidebar, .cs-div {display:none !important}
	.pic-scroll-list .slide {width:100%;height:auto	}
	.pic-swiper-container .swiper-wrapper .swiper-slide {width:48%}
	.piclist {margin-left:-3%}
	.piclist li {margin-left:3%;width:47%}
	.bloglist {margin-left:-3%}
	.bloglist li {margin:0 0 30px 3%;width:47%}
	.productlist li .folio-thumb {height:370px}
	.review ul li {float:none;margin-bottom:35px;width:96%}
	.row-help .stinner {padding:0}
	.row-help .stinner img {margin-bottom:20px}
	.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}
	.feature-item {float:none;width:97%}
	.related {margin:10px auto 0;float:none;width:100%}
	.related .productlist li {margin-bottom:30px}
	.postlist li a {float:none;width:100%}
	.sidebar {display:none}
	.piclist {margin-left:-3%}
	.piclist li {margin-left:3%;width:47%}
	#author, #email, #url, #comment {padding:12px 2%;width:95%}
	.wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover {display:none}
	.wpagenavi a.next, .wpagenavi a.previous {padding:8px 60px;font-size:18px;display:inline-block}
	.footbar .widget-column {margin:0 0 30px 0;	width:33.333%}
	.footbar .widget-column-rt {float:left}
	.footbar .widget-contact {width:auto}
	.copyright .cp, .copyright .ft-menu {float:none;margin-bottom:20px;width:100%;text-align:center	}
	.backToTop {width:40px;height:38px}
}
@media only screen and (max-width:768px) {
	.inner {width:96%}
	.top-bar {border-bottom-color:#f6f6f6}
	.header {position:relative}
	.header .inner {width:100%;height:0;}
	.logo {margin-left:2%;margin-top:0;position:absolute;top:10px;	left:0;	z-index:1}
	.logo img {	max-width:200px;max-height:50px}

	#mobile-nav {float:right;height:80px;display:block;	position:relative}
	#mobile-nav a {margin-top:0;width:40px;height:40px;background-color:#ddd;background-image:url(images/icon-mo.png);background-repeat:no-repeat;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
display:inline-block;cursor:pointer;position:absolute;top:11px;z-index:99999}
	#mobile-nav #mobile-menu {background-position:center 14px;	right:70px}
	#mobile-nav #mobile-so {background-position:center -26px;right:15px	}
	.main-menu {margin:0 auto;width:100%;line-height:46px;font-size:16px;border-top:2px solid #f90000;	position:absolute;top:0px;left:0;z-index:9999;display:none}
	.main-menu .inner {width:100%}
	.navi {padding:0;background:#fafafa;-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);box-shadow:0 0 10px rgba(0, 0, 0, 0.35)}
	.navi li {float:none;width:100%;padding:0;border-bottom:1px solid #e6e6e6;	border-top:1px solid #fff;clear:both}
	.navi li:first-child, .navi li.fr {padding:0;border-top:0}
	.navi li a, .navi li a:link, .navi li a:visited {padding:0 15px;color:#222}
	.navi li a:hover {color:#fff;background:#222;border-bottom:0}
	.navi li ul {position:static;padding:0;width:100%;border-top:0;border-bottom:0;background:#e8e8e8;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
	.navi li ul li {border:0;background:0;border-top:1px solid #eee;border-bottom:1px solid #ddd}
	.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:#666;	background:0}
	.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, .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 {color:#666;background:0}
	.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:#fff;background:#f90000;	border:0}
	.navi li:hover ul li.menu-item-has-children a:hover {border-left:0}
	.navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle {float:right;
		padding:0;width:46px;height:47px;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:0;top:-2px;z-index:99;cursor:pointer}
	.navi li.menu-item-has-children .mean-clicked:hover {color:#888;background-color:#e8e8e8}
	.navi li.menu-item-has-children .mean-toggle {background-color:#e8e8e8;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:0	}
	.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:#e8e8e8 url(images/icon-mo.png) no-repeat center -79px}
	.navi li:hover ul li.menu-item-has-children .mean-toggle {background:#e0e0e0 url(images/icon-mo.png) no-repeat center -128px !important}
	.navi li:hover ul li.menu-item-has-children .mean-toggle:hover {background:#e0e0e0 url(images/icon-mo.png) no-repeat center -128px !important}
	.navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a {padding:0 0 0 48px;	color:#666}
	.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:transparent}
	.navi li ul li ul {border-top:1px solid #ddd;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
	.navi li.menu-item-has-children > a::after { margin-left: 4px;font-family: "FontAwesome"; content: "";  padding: 0 5px; color: #A0A2AD;}
	.btn-so {display:none}
	#search-box {float:none;margin:0 auto;padding:20px 2%;box-sizing:border-box;width:100%;	position:relative;top:60px;z-index:999;border-top:2px solid #f90000;background:#fafafa;display:none;-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);box-shadow:0 0 10px rgba(0, 0, 0, 0.35)	}
	#search-box #searchform #ls {padding:7px 20px;width:100%;border:2px solid #FF6A00;background:#fff;box-sizing:border-box	}
	#search-box #searchform #searchsubmit {width:60px;height:46px;background-position:center -70px}
	#mobile-nav .opacity, #mobile-nav .meanclose {background-color:#f90000;	opacity:1;	-moz-opacity:1;		-khtml-opacity:1;filter:alpha(opacity=100)}
	.slideshow-swiper-container h4{ margin:9% auto 15px; font-size:32px; word-spacing:2px;}
	.slideshow-swiper-container p{ margin-bottom:20px; width:70%; font-size:14px;}
	.slideshow-swiper-container img{ width:100%; height:auto;}
	.row-gallary-slider .inner{ max-width:680px;}
	.pic-swiper-container .swiper-wrapper .swiper-slide{ width:48%;}
	.wrap-index  .content{float: none;margin: 10px auto;padding:0 10px;}
	.container-features{display: none;}
	.ibread{display: none;}
	.ibread-bottom{display: none;}
	.row-gallary-slider .inner {max-width:680px	}
	.pic-swiper-container .swiper-wrapper .swiper-slide {width:48%}
	.container {padding:0}
	.row-fluid {margin:0 auto}
	.row-fluid h2 span {display:none}
	.cat-filter ul li {margin:0 2px 12px}
	.col-md-3 div h3 {padding:0;line-height:inherit;font-size:12px;	width:100%}
	.row-2c-lt, .row-2c-rt {float:none;margin:0 auto;width:100%	}
	.row-2c-lt {margin-bottom:50px}
	.accordion-content {padding:20px 5px}
	.cur-title {display:none}
	.postlist li a {float:none;width:100%}
	.sidebar {display:none;}
	.piclist {margin-left:-3%}
	.piclist li {margin-left:3%;width:47%}
	.piclist-fc li .folio-thumb {float:none;display:none}
	.piclist-fc li .folio-text {float:none;margin:0 auto}
	.banner {height:80px;line-height:80px}
	.banner img {width:100%;height:auto	}
	.breadcrumb {height:20px;line-height:20px}
	.breadcrumb h2 {float:none;	font-size:15px;	text-align:center}
	.breadcrumb .cur-title {display:none}
	.crumb-box {display:none}
	.container, .content {float:none;margin:0 auto}
	.row-fluid p img {max-width:100%;height:auto !important}
	.postlist li a {float:none;	width:100%}
	.bx-pager, .postlist li span,  .cs-div {display:none !important}
	.pic-scroll-list .slide {width:100%;height:auto	}
	.piclist {	margin-left:-3%	}
	.piclist li {margin-left:3%;width:47%}
	.piclist li h3 {text-align:center}
	.bloglist {margin-left:-3%}
	.bloglist li {margin:0 0 30px 3%;	width:47%}
	.productlist li .folio-thumb {	height:370px}
	.review ul li {	float:none;	margin-bottom:35px;	width:96%}
	.row-help .stinner {padding:0}
	.row-help .stinner img {margin-bottom:20px}
	.post .post-title {margin-bottom:28px;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 .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}
	.preview {float:none;margin:0 auto 20px;overflow:hidden}
	.cloud-zoom-big {display:none !important}
	.cloud-zoom-lens {border:0;background:0;cursor:default}
	.product .product-meta-box {margin-left:0}
	.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}
	#tab-product .entry .tab-title {height:38px;line-height:40px}
	#tab-product .entry .tab-title span {line-height:38px;font-weight:bold}
	.feature-item {float:none;width:97%}
	.related {float:none}
	.contact-msg, .contact-box {float:none;width:100%}
	#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:90%}
	.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}
	.col-lg-2 {float:none;width:100%}
	.entry .col-lg-2 h4 {margin-bottom:10px}
	.c-mail h4 span {padding:0;display:block}
	.c-addr h3 {float:none}
	.c-addr p {padding:0}
	.entry .c-chat ul.olchat li {width:50%}
	.post-meta-bottom .tags, .post-meta-bottom .share {float:none}
	.wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover {display:none}
	.wpagenavi a.next, .wpagenavi a.previous {padding:8px 60px;font-size:18px;display:inline-block}
	#commentform input[type="text"], #respond #comment {width:80%}
	.footbar h3 {margin-bottom:15px;font-size:18px}
	.footbar .widget-column {padding:0 2% 30px;width:46%;min-height:200px}
	.footbar .widget-column-rt {float:left}
	.footbar .widget-contact {width:auto}
	.copyright {padding:20px 0 65px}
	.copyright .cp, .copyright .ft-menu {float:none;margin-bottom:12px;width:100%;text-align:center}
	#live-chat, #formilla-chat-button {display:none}
	#formilla-frame {display:none !important;left:-9999px}
	.mobi-bar {display:table;text-align:center}
	.backToTop {right:5px;bottom:55px}
}
@media only screen and (max-width:480px) {
	.top-bar-lt {display:none}
	.top-bar-rt .sub-menu img {max-width:90%}
	.logo img {max-width:160px}
	.col-md-2 div, .col-md-3 div, .col-md-4 div {float:none;margin:0 auto 20px;width:100%;max-width:400px}
	.col-md-3 div h3 {padding:0 25px;width:auto;line-height:56px;font-size:20px}
	.row-gallary-slider .inner {max-width:300px}
	.pic-swiper-container .swiper-wrapper .swiper-slide {width:47%}
	.preview {width:auto}
	.preview #wrap {border:1px solid #e6e6e6}
	.preview img {padding:2%;width:96%;height:auto;border:0;background:#fff}
	.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 a {float:none;margin:0 auto;padding:10px 0;width:70%;text-align:center;display:block;box-sizing:border-box}
	.product-inquiry a i {float:none;margin:0 auto;padding:0 20px}
	.product-inquiry a.chat {margin:10px auto 0}
	.product-inquiry p {float:none;margin:6px 0 0}
	.bloglist {margin-left:0}
	.bloglist li {float:none;margin:0 auto 30px;width:100%}
	.bloglist li .folio-thumb {height:auto}
	.picexlist li .post-thumb {display:none}
	.col-blog ul li p {display:none}
	.related-post ul li {float:none;width:100%}
	.wpcf7 .wpcf7-text {width:90%}
	.footbar .widget-column {padding:0 2% 30px;	width:96%;min-height:inherit}
}