/*
Theme Name: WP-JEWELRY-V9
*/
/* Reset */
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; max-width:100%; height:auto;}
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"]:activem,textarea:hover{border:1px solid #ffa64d;}
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;}

/* Animated */
.animated{ -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
@-webkit-keyframes fadeInDown{ 0%{ opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px);} 100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}}
@keyframes fadeInDown{ 0%{ opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px);} 100%{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}}
.fadeInDown{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown;}
@-webkit-keyframes fadeInUp{ 0%{ opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px);} 100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}}
@keyframes fadeInUp{ 0%{ opacity:0; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px);} 100%{ opacity:1; -webkit-transform:translateY(0); -ms-transform: translateY(0); transform:translateY(0);}}
.fadeInUp{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}}
@keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}
.fadeInLeft{ -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;}

/* Global */
body{ color:#111; background:#fff; font:12px/20px Verdana,Tahoma,Arial,Helvetica,Sans-Serif;}
ul,ol,li{list-style:none;}
table,td,th,input{ font-size:12px;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
h1{font-size:28px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5,h6 {font-size:12px;}

.inner{ width:960px; 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;}
.radius30{ border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.fadein{ transition:0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.opacity{ filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}

.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.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}*/
.folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;}
.folio-thumb:hover .opacity-pic{ background:#53a318; -moz-opacity:0.25; -khtml-opacity:0.25; opacity:0.25; filter:alpha(opacity=25); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}
.mediaholder{ overflow:hidden;}

a:link, a:visited{ color:#202020; outline:0; text-decoration:none;}
a:hover{ color:#53a318; text-decoration:underline;}

/* TopBar */
.topbar{ height:32px; line-height:32px; border-bottom:1px solid #eee; color:#888; background:#f6f6f6;}
.topbar .inner{ overflow:visible;}
.topbar a:link, .topbar a:visited{ color:#888;}
.topbar a:hover{ color:#53a318;}
.topbar-lt{ float:left;}
.topbar-rt{ float:right;}
.subnav{ float:right; color:#ccc; overflow:hidden;}
.subnav a{ padding:0 6px;}

/* Header */
.header{ padding:10px 0; background:#111; clear:both; *position:relative; *z-index:1;/* IE6,7解决下拉菜单被幻灯片遮住问题*/}
.header img{ display:block;}
.logo, .site-txt{ float:left;}
.site-txt{ margin:21px 0 0 6px; font-size:14px; font-style:italic; font-family:Verdana; color:#666;}
.rtbox{ float:right;}
.rtbox .contact-box{ float:right; margin-top:4px; margin-right:40px; color:#999;}
.rtbox .contact-box a{ color:#999;}
.rtbox .contact-box a:hover{ color:#eee;}
.rtbox .contact-box #i-phone, .rtbox .contact-box #i-email{ padding-left:22px; background:url(images/sprite.png) no-repeat 0 6px;}
.rtbox .contact-box #i-email{ background-position:0 -33px;}
.rtbox .search-box{ float:right; margin-top:8px; padding:4px 5px 4px 15px; width:230px; background:#fff; overflow:hidden; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
.rtbox #searchform{ position:relative;}
.rtbox #searchform #ls{ float:left; padding:0; width:180px; height:24px; line-height:24px; border:none;}
.rtbox #searchform #searchsubmit{ padding:0; width:24px; height:24px; text-indent:-9999px; border:none; background:#fff url(images/sprite.png) no-repeat 5px -73px; position:absolute; right:0; top:0;}
.rtbox #searchform:hover #searchsubmit, .rtbox #searchform #searchsubmit:active{ background-position:5px -113px;}

/* MainMenu */
.nav-container{ margin:0 auto 20px; background:#202020; overflow:visible; *position:relative; *z-index:9999;/*IE7 Menu*/}
.nav-container .inner{ overflow:visible;}
.navbar{ position:relative;}
#mobile-nav{ display:none;}
.main-menu{ height:40px; line-height:40px; font-size:14px; color:#fff; position:relative; overflow:visible;}
.main-menu .inner{ overflow:visible;}
.navi{ position:relative; z-index:9999;}
.navi li{ float:left; padding:0 1px 0 0; text-transform:capitalize; white-space:nowrap; position:relative;}
.navi li a:link, .navi li a:visited, .navi li a{ padding:0 20px; color:#fff; display:block; -webkit-transition:color 0.4s ease; -moz-transition:color 0.4s ease; -o-transition:color 0.4s ease; -ms-transition:color 0.4s ease; transition:color 0.4s ease;}
.navi li a:hover{ color:#fff; text-decoration:none;}
/*.navi li.menu-item-home a{ padding:0 24px 0 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, .navi li:hover a{ color:#fff; background:#75b546;}
.navi li.menu-item-has-children a:link, .navi li.menu-item-has-children a:visited, .navi li.menu-item-has-children a{ background:url(images/menu-up-arrow.png) no-repeat center 50px;}
.navi li.menu-item-has-children a:hover, .navi li.menu-item-has-children:hover a{ color:#fff; background:#75b546 url(images/menu-up-arrow.png) no-repeat center bottom;}

.navi li ul{ position:absolute; top:40px; left:0; z-index:99; padding:0; width:200px;/* border:1px solid #eee; border-top:none;*/ background:#fff; display:none; -moz-box-shadow:0 0 12px rgba(0,0,0,.5); -webkit-box-shadow:0 0 12px rgba(0,0,0,.5); box-shadow:0 0 12px rgba(0,0,0,.5);}
.navi li ul li{ float:none; padding:0; line-height:38px; font-size:13px;}

.navi li ul li a:link, .navi li ul li a:visited{ padding:0 16px; height:38px; color:#666; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
.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;}
.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:#fff; background:#53a318;}

.navi li:hover ul li a, .navi li.menu-item-has-children:hover ul li a{ color:#666; background:none;}
.navi li:hover ul li a:hover, .navi li.menu-item-has-children:hover ul li a:hover, .navi li.menu-item-has-children:hover ul li:hover a{ color:#fff; background:#53a318;}

.navi li ul li ul{ top:0; left:200px; padding:0; background:#fff;}
.navi li.menu-item-has-children:hover ul li:hover ul li a:hover{ color:#666; background:#eaf4e3;}

.navi li.current-menu-item-arrow a:link, .navi li.current-menu-item-arrow a:visited, .navi li.current-menu-item-arrow a:hover{ color:#fff; background:#75b546 url(images/menu-up-arrow.png) no-repeat center bottom;}

.product-menu-box{ width:280px;/* border:1px solid #eee; border-top:none;*/ background:#fff; position:absolute; top:40px; z-index:99; display:none; -moz-box-shadow:0 0 12px rgba(0,0,0,.5); -webkit-box-shadow:0 0 12px rgba(0,0,0,.5); box-shadow:0 0 12px rgba(0,0,0,.5);}
.product-menu-box li{ height:auto; background:none; overflow:hidden;}
.product-menu-box li a:link, .product-menu-box li a:visited{ padding:12px 16px; height:16px; line-height:16px; display:block; overflow:hidden;}
.product-menu-box li a:hover{ color:#fff; background:#53a318; text-decoration:none;}
.product-menu-box li a span{ float:right; font-size:11px; font-family:Arial; padding:0 12px; text-align:center; color:#888; background:#eee; overflow:hidden;}
.product-menu-box li a:hover span{ color:#fff; background:#468a14; font-weight:normal;}
.product-menu-box li ul{ left:280px;}

.pmb01{ left:25px;}
.pmb02{ left:215px;}
.pmb03{ left:390px;}

.pinned{ margin:0 auto; width:100%; position:fixed; top:0; z-index:99999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0;}
.toggle-search{ display:none;}

/* Slideshow */
#sliderbox{ margin-bottom:40px; overflow:hidden; _position:relative;}
.slidebanner{ width:960px; height:400px; text-align:center; overflow:hidden; position:relative; z-index:90; clear:both;}
.slidebanner li{ width:960px; height:400px; position:absolute; left:0; top:0;}
.slidebanner li img{ width:960px; height:400px; display:block;}
.slidebanner .bx-wrapper{ height:auto;}
.slidebanner .bx-wrapper .bx-pager{ width:100%; text-align:center; position:absolute; left:0; bottom:10px; z-index:90;}
.slidebanner .bx-wrapper .bx-pager .bx-pager-item, .slidebanner .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline;}
.slidebanner .bx-wrapper .bx-pager a{ margin-left:10px; width:25px; height:2px; font-size:0; background:#eee; overflow:hidden; display:inline-block; text-decoration:none; moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.slidebanner .bx-wrapper .bx-pager a.active{ background:#53a318;}
.slidebanner .bx-wrapper .bx-prev, .slidebanner .bx-wrapper .bx-next{ width:50px; height:100%; text-indent:-9999px; background:url(images/arrow-slider.png) no-repeat -70px center; overflow:hidden; display:none; position:absolute; top:0; z-index:100;}
.slidebanner .bx-wrapper .bx-prev{ left:-300px;}
.slidebanner .bx-wrapper .bx-next{ right:-300px; background-position:0 center;}

/* Banner */
.banner{ margin-bottom:20px; text-align:center; overflow:hidden;}
.banner img{ width:100%; display:block;}

/* Container */
.container{ padding:0 0 20px; background:#fff; overflow:visible; clear:both; position:relative;}
.column-fluid{ float:right; width:100%;}

/* Content */
.content{ margin-left:255px; padding-left:15px; border-left:1px solid #f8f8f8; overflow:hidden;}
.fullwidth{ margin:0 auto; padding:0; width:100%; border:none;}

/* SideAD */
.floatad-l{ float:left; position:absolute; top:5px; left:-120px;}
.floatad-r{ float:right; position:absolute; top:5px; right:-120px;}

/* Column */
.col3{ overflow:hidden;}
.col3 div{ float:left; margin-bottom:35px; padding:0 1.5% 35px; *padding:0 1.4% 35px; width:30.33%; height:auto; border-bottom:1px solid #eee; text-align:center; overflow:hidden;}
.col3 div img{ max-width:100%; height:auto;}
.col3 div h3{ margin:6px auto 10px; width:100%; height:24px; font-size:16px; color:#333; overflow:hidden;}
.col3 p{ clear:both;}
.col3 div p{ color:#666; clear:none;}

/* HomeColumn */
.row-fluid{ margin:0 0 40px 0; overflow:hidden;}
.row-fluid h2{ margin-bottom:25px; padding:6px 0; text-transform:uppercase; font-size:14px; font-weight:bold; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; color:#000;}
.row-fluid h2 a:link, .row-fluid h2 a:visited{ color:#000; -webkit-transition:color 0.4s ease; -moz-transition:color 0.4s ease; -o-transition:color 0.4s ease; -ms-transition:color 0.4s ease; transition:color 0.4s ease;}
.row-fluid h2 a:hover{ color:#53a318; text-decoration:none;}
.row-fluid h2 span a{ float:right; *margin-top:-45px; width:36px; text-indent:-9999px; background:url(images/icon.gif) no-repeat 0 -106px; display:block;}
.row-fluid h2 i{/* float:right;*/ margin-left:20px; font-style:normal; font-weight:normal; font-size:12px;}
.row-fluid h2 i a:link, .row-fluid h2 i a:visited{ margin-left:20px; color:#999;}
.row-fluid h2 i a:hover{ margin-left:20px; color:#53a318;}

.row-fluid .content{ margin:0 33% 0 0; padding-right:20px;}
.row-fluid .column-fluid{ float:left;}
.row-fluid .piclist{ margin:0 -20px -20px; padding-top:10px;}

.row-section h2{ padding:0; height:36px; line-height:36px; /*border:none; background:url(images/title.png) no-repeat center center;*/}
.row-section p{ margin-bottom:20px;}
.row-apps, .row-howto{ margin-bottom:10px;} 
.row-apps .stinner #imglist{ margin:0 -7px;}
.row-apps .stinner #imglist img{ float:left; margin:0 0 15px 7px; padding:4px; border:1px solid #f6f6f6;}

.row-apps .stinner .alignleft{ margin-bottom:25px; padding-right:30px;}
.row-apps .stinner .alignleft:last-child{ padding-right:0;}

.cat-list a{ margin-bottom:15px; width:50%; text-align:center; display:inline-block;}
.cat-list a img{ max-width:98%;}

.col-l, .col-r{ float:left; width:48.5%;}
.col-r{ float:right !important;}

.col-blog{ float:left; width:48.5%; margin-bottom:20px;}
.col-blog:nth-child(2n){ float:right;}
.col-blog ul li{ margin-bottom:18px; padding-bottom:20px; color:#777; 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 h3{ margin-bottom:15px; font-size:16px;}
.col-blog ul li img{ float:left; margin-right:10px; width:30%;margin:0 5px;}

.faq-list{ margin-bottom:25px; overflow:hidden;}
.accordion-header{ margin-top:10px; padding:0 15px 0 40px; line-height:40px; font-size:15px; color:#53a318; background:#f1f8ed url(images/icon-accordion.gif) no-repeat 15px 20px; cursor:pointer;}
.accordion-header:first-child{ margin-top:0;}
.inactive-header{ color:#666; background:#fafafa url(images/icon-accordion.gif) no-repeat 15px -20px;}
.accordion-content{ padding:15px; color:#777; display:none;}
.accordion-content a:link, .accordion-content a:visited{ color:#53a318;}
.accordion-content a:hover{ color:#222;}

.col-mail h4, .col-down h4{ padding:18px 0 12px; font-size:22px; font-weight:bold; color:#fff;}
.col-mail p, .col-down p{ filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.col-mail a, .col-down a{ height:108px; color:#fff; text-decoration:none; display:block; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.col-mail a i, .col-down a i{ float:left; margin-right:18px; width:120px; height:100%;}
.col-mail a{ background:#b686d9;}
.col-mail a i{ background:#c39ce0 url(images/icon-mail-down.png) no-repeat center 29px;}
.col-mail a:hover{ background:#946db0;}
.col-mail a:hover i{ background-color:#bf95de;}
.col-down a{ background:#53a318;}
.col-down a i{ background:#65ab30 url(images/icon-mail-down.png) no-repeat center -67px;}
.col-down a:hover{ background:#509d17;}
.col-down a:hover i{ background-color:#68ae34;}

/* BreadCrumb */
.breadcrumb{ margin-bottom:15px; color:#bbb; text-transform:uppercase; overflow:hidden;}
.breadcrumb i{ padding:0 8px; background:url(images/icon.gif) no-repeat 6px -251px;}
.breadcrumb a:link, .breadcrumb a:visited{ color:#bbb;}
.breadcrumb a:hover{ color:#666;}
.breadcrumb a#hp{ padding-left:18px; background:url(images/icon.gif) no-repeat 0 -157px; *background-position:0 -159px;}

.crumb-box{ float:left;}
.cur-title{ margin:0 auto 30px; padding:6px 0; text-transform:uppercase; font-size:14px; font-weight:bold; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; color:#000;}
.cur-title a:link, .cur-title a:visited{ color:#000; -webkit-transition:color 0.4s ease; -moz-transition:color 0.4s ease; -o-transition:color 0.4s ease; -ms-transition:color 0.4s ease; transition:color 0.4s ease;}
.cur-title a:hover{ color:#53a318; text-decoration:none;}

/* Archive - Postlist */
.postlist{ padding:0; overflow:hidden;}
.postlist li{ margin:0 auto 5px; padding:0 0 0 15px; height:30px; line-height:28px; border-bottom:1px solid #eee; background:url(images/icon.gif) no-repeat 0 12px; overflow:hidden;}
.postlist li.nb{ border:none;}
.postlist li a{ float:left; width:85%; font-size:14px;}
.postlist li span{ float:right; width:78px; text-align:right; color:#bbb;}

/* Archive - PicList */
.piclist{ margin:0 -20px; overflow:hidden;}
.piclist li{ float:left; margin-bottom:20px; width:33.3333%; height:auto; text-align:center; overflow:hidden;}
.piclist li .folio-item{ padding:0 19px; border-left:1px solid #f8f8f8; display:inline-block;}
.piclist li .folio-thumb{ position:relative;}
.piclist li .folio-thumb .mediaholder{ position:relative; padding-bottom:100%;}
.piclist li .folio-thumb .mediaholder img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; max-width:none; height:100%; display:block;}
.piclist li .folio-thumb .opacity-pic{ background:#53a318;}
.piclist li h3{ margin-top:8px; width:100%; height:60px; line-height:20px; font-size:12px; font-family:Verdana; color:#666; overflow:hidden; position:relative; z-index:10;}
.piclist li:hover a h3, .piclist li a:hover h3{ color:#53a318; text-decoration:underline;}
.piclist li .folio-iq{ width:100%; height:100%; position:absolute; bottom:0; left:0; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); -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-iq .folio-iq-inner{ margin:10px; height:188px; line-height:188px; border:1px solid #53a318;}
.piclist li .folio-iq .folio-iq-inner i{ width:148px; height:36px; line-height:36px; color:#fff; background:#53a318; font-style:normal; font-size:14px; display:inline-block;}

.piclist-col4 li{ width:25%;}
.piclist-col4 li .folio-thumb img{ width:210px; height:210px; display:block;}
.piclist-col4 li .folio-iq .folio-iq-inner{ margin:10px; height:188px; line-height:188px; border:1px solid #53a318;}
.piclist-col4 li .folio-iq .folio-iq-inner i{ width:148px; height:36px; line-height:36px; color:#fff; background:#53a318; font-style:normal; font-size:14px; display:inline-block;}

/* Archive - Bloglist */
.bloglist{ padding:0; overflow:hidden;}
.bloglist li{ margin:0 auto 30px; padding:0 0 30px; border-bottom:3px solid #f8f8f8; color:#666; overflow:hidden;}
.bloglist li .post-thumb{ float:left; padding-right:15px;}
.bloglist li .post-thumb img{ width:180px; height:180px; display:block;}
.bloglist li .excerpt{ margin-top:12px; color:#666;}
.bloglist li:last-child, .bloglist li.nb{ margin:0 auto; border:none;}
.bloglist li h2.title{ margin-bottom:8px; font-size:16px; font-weight:700;}
.blog-meta{ margin:20px auto; color:#666;}
.blog-meta span{ margin-right:20px; padding-left:16px; color:#aaa; background-image:url(images/sprite.png); background-repeat:no-repeat;}
.blog-meta span span{ margin:0; padding:0; width:0; height:0; line-height:0; font-size:0; background:none;}
.blog-meta span.author{ background-position:0 -231px;}
.blog-meta span.date{ background-position:0 -270px;}
.blog-meta span.cmts{ background-position:0 -307px;}
.blog-meta a:link, .blog-meta a:visited{ color:#666;}
.blog-meta a:hover{ color:#53a318;}

/* Post */
.post{ overflow:hidden;}
.post .post-title{ margin-bottom:4px; line-height:32px; font-size:20px; font-weight:bold;}
.post .blog-meta{ margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid #eee;}
.entry{ font-size:18px; line-height:1.6; overflow:hidden;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin-bottom:10px; padding:0; border:none; background:none;}
.entry p{ margin-bottom:20px;}
.entry a:link, .entry a:visited{ color:#53a318;}
.entry a:hover{ color:#202020;}
.entry img{ margin-bottom:15px; max-width:100%; height:auto;}
.entry ol, .entry ul{ margin:10px 20px;}
.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 #ffa64d;}
.entry input[type="file"]{ border:none;}
.entry table{ margin-bottom:15px; color:#666; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; overflow-x:auto; height:auto !important;}
.entry tbody{ display:block; width:auto; white-space:nowrap; overflow-x:auto; overflow-y:hidden;}
.entry tr{ vertical-align:top;}
.entry th{ padding:3px 10px; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; background:#f5f5f5;}
.entry td{ padding:3px 10px; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4;}
.alignleft{ float:left; padding-right:10px;}
.alignright{ float:right; padding-left:10px;}
.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:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;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 .post-tag{ margin-bottom:10px; max-width:100%; color:#aaa; overflow:hidden;}
.post .post-tag a:link, .post .post-tag a:visited{ padding:0 5px; color:#888;}
.post .post-tag a:hover{ color:#53a318;}

.post .post-share{ float:right; text-align:right;}
.post .post-share #share-title{ color:#aaa; line-height:22px;}
.post .addthis_sharing_toolbox, .post #bdshare{ float:right;}

.post .moreArticle{ margin-bottom:10px; max-width:100%; color:#aaa; overflow:hidden; font-size: 12px;}
.post .moreArticle a:link, .post .moreArticle a:visited {
    padding: 0 5px;
    color: #888;
}

/* Post - Product */
.product .post-title{ margin-bottom:10px; line-height:1.5; font-size:20px; font-weight:bold;}
.product .productMeta{ margin-bottom:35px; overflow:hidden;}
.product .product-meta-box{ margin-left:355px; overflow:hidden;}
.product .product-meta-box h2, .product .product-meta-box h3, .product .product-meta-box h4{ margin:0 auto 12px; padding:0 12px; height:28px; line-height:28px; font-size:12px; font-weight:bold; color:#202020; background:#f5f5f5;}
.product .product-meta-box h2#pst, .product .product-meta-box h3#pst, .product .product-meta-box h4#pst{ margin:12px auto;}
.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:155px; 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%;}
.product hr{ margin:60px auto; height:1px; background:#eee;}
.product .share{ margin:35px auto 25px; padding:15px 0 0; border:none; border-top:1px solid #e8e8e8;}
.preview{ float:left; margin-right:-350px; width:350px;}
.preview #wrap{ padding:0;}
.preview img{ margin-bottom:0; padding:9px; width:326px; height:326px; border:1px solid #eee;}

.post ul.thumblist{ float:left; margin:10px 0 0; width:100%; display:block;}
.post ul.thumblist li{ float:left; margin:0; width:25%; height:90px; text-align:center; overflow:hidden;}
.post ul.thumblist li.fr{ width:21.5%;}
.post ul.thumblist li .thumb-wrap{ padding:1px; width:78px; border:1px solid #eee; overflow:hidden;}
.post ul.thumblist li.nomargin{ margin:0 0 0 9px;}
.post ul.thumblist li em{ width:100%; height:6px; line-height:0; font-size:0; overflow:hidden; display:block; position:relative; bottom:-1px; z-index:99;}
.post ul.thumblist li img{ margin-bottom:0; border:none; padding:1px; width:76px; height:76px; cursor:pointer; vertical-align:middle;}
.post ul.thumblist li .imWrap{ float:left; width:78px; height:78px; 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 #53a318;}
.post ul.thumblist li.zoomActive em{ background:url(images/sprite.png) no-repeat center -181px;}
.post ul.thumblist li.zoomActive span{ color:#C52620;}

.cloud-zoom-lens{ border:2px solid #eee; background:url(images/grid.png) repeat 0 0; cursor:move;}
.cloud-zoom-big{ top:0 !important; width:450px !important; height:300px !important; border:1px solid #e6e6e6; overflow:hidden;}
.cloud-zoom-loading{ padding:3px; border:1px solid #ccc; color:#fff; background:#222;}

.product-name{ margin-bottom:20px; font-size:28px; line-height:36px; color:#cc8d39;}
.product-summary{ margin-bottom:20px; font-size:13px; color:#555;}
.product-meta{ margin-bottom:15px; color:#444; overflow:hidden;}
.product-meta p, .product-meta ul li{ margin-bottom:2px; padding:0 0 0 12px;}
.product-meta strong, .product-meta b, .product-meta span.label{ padding-right:5px; width:120px; color:#888; font-weight:normal; display:inline-block;}
.product-inquiry{ float:left;}
.product-inquiry a, .product-inquiry a:hover{ padding:7px 24px; line-height:31px; font-size:24px; font-family:Arial; color:#fff; background:#53a318; display:inline-block; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.product-inquiry a:hover{/* background-color:#ffbe00;*/ text-decoration:none; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}
.product-inquiry a i{ float:left; margin-right:10px; width:31px; height:31px; background:url(images/icon-btn.png) no-repeat center 0;}

.product .post-share #share-title{ text-align:left; display:block;}

/* NewPostImageSlider */
.post-slider, .post-video{ margin-bottom:10px; overflow:hidden; position:relative;}
.post-slider .bx-wrapper{ margin-bottom:5px;}
.post-slider .bx-controls-auto{ display:none;}
.post-slider .bx-prev, .post-slider .bx-next{ width:42px; height:450px; text-indent:-9999px; background:url(images/arrow-post-slider.png) no-repeat 0 center; overflow:hidden; display:none; position:absolute; top:0; z-index:100;}
.post-slider .bx-prev{ left:20px;}
.post-slider .bx-next{ right:20px; background-position:right center;}
.post-slider:hover .bx-prev, .post-slider:hover .bx-next{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; display:inline-block;}
.post-slider .bx-prev:hover, .post-slider .bx-next:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

.post-slider ul li img{ width:100%; height:450px;}
.post-slider #ps-pager{ text-align:center;}
.post-slider #ps-pager a{ float:left; width:11.11111%; cursor:pointer;}
.post-slider #ps-pager a span{ padding:2px; border:1px solid #eee; display:inline-block;}
.post-slider #ps-pager a img{ background:#000; display:block;}
.post-slider #ps-pager a.active span{ border-color:#53a318;}
.post-slider #ps-pager a.active img{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* 参数列表 */
.sectin-metalist h3{ font-weight:bold; border:1px solid #ddd; border-bottom:1px solid #222; padding:6px 0; background:#eaf4e3; text-align:center;}
.product-metalist{ margin:0 auto 20px; border:1px solid #e9e9e9; border-top:none; font-size:18px; overflow:hidden;}
.product-metalist p, .product-metalist ul li{ float:left; width:50%; padding:7px 0; border-bottom:1px dotted #ddd;}
.product-metalist p:last-child, .product-metalist ul li:last-child{border:none;}
.product-metalist strong{ font-weight:normal; color:#888; min-width:70px; display:inline-block; text-align:right;}

.bloglist .title{ font-weight:bold;}
.bloglist .sectin-metalist{ margin-left:200px;}
.bloglist .product-metalist{ margin:10px auto 0; border:none;}
.bloglist .product-metalist p, .bloglist .product-metalist ul li{ padding:4px 0;}

@media only screen and (max-width: 767px){
	.product-metalist p, .product-metalist ul li{ float:none; width:100%;}
	.bloglist .sectin-metalist{ margin-left:0;}
}


#tabox{ margin-bottom:30px;}
.tab-head{ margin-bottom:30px; height:38px; line-height:38px; border-bottom:1px solid #ebebeb; background:#f8f8f8;}
.tab-head span, .tab-head .cur-hov{ float:left; padding:0 25px; font-size:16px; color:#888; text-transform:capitalize; display:inline-block; cursor:pointer;}
.tab-head span em, .tab-head .cur-hov em{ width:100%; height:6px; line-height:0; font-size:0; overflow:hidden; display:block;}
.tab-head span.hov, .tab-head .cur-hov{/* font-weight:700;*/ border-bottom:1px solid #53a318; color:#53a318; background:#eaf4e3; position:relative;}
.tab-head span.hov em, .tab-head .cur-hov em{ background:url(images/sprite.png) no-repeat center -206px; position:absolute; left:0; bottom:-6px; z-index:99;}
/*#tabox .entry{ display:none;}*/
.tab-down{ text-align:center;}
.tab-down img{ margin:0 22px 15px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.tab-down img:hover{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}

/* Page */
.page-title{ margin-bottom:30px; padding-top:10px; line-height:1.5; font-size:20px; font-weight:bold; border-top:1px solid #eee;}
.post .faq-list .accordion-header:first-child{ margin-top:0;}

.post-newsletter{ padding:20px; border:1px solid #eee; background:#fbfbfb;}
.post-newsletter p{ margin-bottom:5px;}
.post-newsletter form{ position:relative;}
.post-newsletter .newsletter-email{ padding:0 2%; height:36px; line-height:36px; width:96%; border:1px solid #53a318; background:#fff;}
.post-newsletter .newsletter-submit{ padding:0 10px; width:125px; height:38px; line-height:36px; font-size:14px; font-weight:bold; border:1px solid #53a318; color:#fff; background:#53a318; position:absolute; top:0; right:0; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.post-newsletter .newsletter-submit:hover, .post-newsletter .newsletter-submit:active{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}

/* Page - About */
.page-about{ float:left;}
.page-about .page-title{ margin-bottom:20px;}
.content-about{ margin-left:0; margin-right:236px; padding:0; border:none;}
.about-l{ float:left; width:600px;}
.about-l .bx-wrapper{ position:relative;}
.about-l ul li{ width:100%; height:320px;}
.about-l ul li img{ width:100%; height:320px; display:block;}
.about-l .bx-wrapper .bx-pager{ width:100%; text-align:center; position:absolute; left:0; bottom:10px; z-index:90;}
.about-l .bx-wrapper .bx-pager .bx-pager-item, .about-l .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline;}
.about-l .bx-wrapper .bx-pager a{ margin-left:10px; width:25px; height:4px; font-size:0; background:#d6d6d6; overflow:hidden; display:inline-block; text-decoration:none; moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.about-l .bx-wrapper .bx-pager a.active{ background:#53a318;}
.about-l #about-exp{ padding:20px 15px 11px 15px; color:#555; background:#fbfbfb;}
.about-l #about-exp p{ margin-bottom:10px;}

.about-r{ float:right; width:340px; border:1px solid #eee;}
.about-r h3{ padding:0 14px; line-height:32px; font-size:14px; font-weight:bold; background:#f8f8f8;}
.about-r .tables th{ padding:5px; width:120px; font-weight:normal; color:#666; border-top:1px dotted #ddd; text-align:right; vertical-align:top;}
.about-r .tables td{ padding:5px; color:#000; border-top:1px dotted #ddd;}

.page-about .entry{ margin-top:15px;}
.page-about .entry p{ margin-bottom:15px;}
.page-about .entry h2, .page-about .entry h3, .page-about .entry h4{ margin-bottom:20px; padding-top:15px; height:34px; line-height:34px; font-size:15px; border-bottom:1px solid #eee;}
.page-about .entry h2 strong, .page-about .entry h3 strong, .page-about .entry h4 strong, .page-about .entry h2 em, .page-about .entry h3 em, .page-about .entry h4 em{ font-style:normal; font-weight:bold; border-bottom:1px solid #bbb; display:inline-block;}

.sidebar-about{ float:right; margin-left:-220px; margin-top:43px; width:220px;}
.sidebar-about a.btn-contact{ margin-bottom:25px; width:100%; padding:12px 0; text-align:center; font-size:16px; color:#fff; background:#53a318; display:block; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.sidebar-about a.btn-contact:hover{ text-decoration:none; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}
.sidebar-about .contact-us{ font-size:13px; color:#777;}
.sidebar-about hr{ margin:30px auto; height:0; border-bottom:1px solid #e8e8e8;}

.c-links a{ margin-bottom:10px; padding:10px 0; text-align:center; font-size:14px; border:1px solid #e8e8e8; color:#202020; background-color:#f8f8f8; background-image:linear-gradient(to bottom,#fbfbfb 0,#f1efef 100%); display:block; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.c-links a:hover{ color:#000; border-color:#c9c9c9; background-color:#fbfbfb; background-image:linear-gradient(to bottom,#fbfbfb 0,#f3f2f2 100%); text-decoration:none;}

.c-social{ text-align:center; overflow:hidden;}
.c-social a{ margin-left:12px; width:31px; height:31px; text-indent:-9999px; background:url(images/sns-about.png) no-repeat; display:inline-block; -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;}
.c-social a#i_facebook{ margin-left:0; background-position:0 0;}
.c-social a#i_twitter{ background-position:-42px 0;}
.c-social a#i_instagram{ background-position:-83px 0;}
.c-social a#i_pinterest{ background-position:-123px 0;}
.c-social a#i_facebook:hover{ background-position:0 -40px;}
.c-social a#i_twitter:hover{ background-position:-42px -40px;}
.c-social a#i_instagram:hover{ background-position:-83px -40px;}
.c-social a#i_pinterest:hover{ background-position:-123px -40px;}

/* Page - Contact */
.contact-us{ float:none;}
.contact-us .page-title{ margin-bottom:0;}
.contact-us h3{ margin-bottom:25px; height:32px; line-height:32px; border-bottom:1px solid #eee;}
.contact-us h3 strong, .contact-us h3 b, .contact-us h3 span{ font-size:16px; font-weight:normal; border-bottom:1px solid #bbb; display:inline-block;}

.contact-txt{ float:left; width:48.2%;}
.contact-txt p{ margin-bottom:12px; padding-left:140px;}
.contact-txt p span{ margin-left:-140px; padding-right:12px; width:128px; text-align:right; color:#666; display:inline-block;}

.contact-msg{ float:right; width:48.2%;}
.contact-msg #commentform{ padding-top:5px;}
.contact-msg #commentform p{ margin-bottom:20px;}
.contact-msg #c-author, .contact-msg #c-email, .contact-msg #c-url, .contact-msg #c-comment{ padding:8px 12px; width:90%; line-height:20px; font-size:12px;/* border:1px solid #e4e4e4;*/}
.contact-msg #c-comment:hover{ border-color:#ffa64d;}

.contact-msg .wpcf7 .wpcf7-text{ padding:5px 10px; width:330px;}
.contact-msg .wpcf7 .wpcf7-textarea{ padding:5px 10px; width:330px;}
.contact-msg .wpcf7 label{ /*width:auto; */height:36px; line-height:36px;}
.contact-msg .wpcf7 label em{ line-height:25px;}

.contact-map{ margin-top:35px;}

/* Page - Inquiry */
#logonTip{ padding:12px 15px; font-size:12px; border:1px solid #e6e6e6; border-bottom:none; background:#f4f4f4;}
#logonTip a{ color:#444; text-decoration:underline;}
#logonTip a:hover{ color:#f60;}
#logonTip span{ color:#888;}
#logonTip em{ padding:0 8px; color:#f00; font-style:normal; font-size:12px;}

#inquiryForm .productImg{ margin:0 0 20px 135px; overflow:hidden;}
#inquiryForm .productImg img{ float:left; margin:5px 15px 0 0; padding:3px; width:80px; height:80px; border:1px solid #ddd;}
#inquiryForm .productImg h4{ margin-bottom:5px; font-weight:700; font-size:14px;}
#inquiryForm .productImg p{ margin:0 auto; line-height:20px; font-size:12px; color:#888;}
#inquiryForm .productImg a{ text-decoration:none;}
#inquiryForm .productImg a:hover img{ border:1px solid #fb0;}
#inquiryForm .productImg a:hover h4{ color:#f60;}

.wpcf7 p{ margin-bottom:18px; overflow:hidden; clear:both;}
.wpcf7 label{ padding:0 15px 0 0; width:90px; 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, .wpcf7 .wpcf7-select{ padding:8px 10px; width:80%; line-height:24px; color:#666; border:1px solid #d8d8d8; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.wpcf7 #your-firstname, .wpcf7 #your-lastname{ width:30%;}
.wpcf7 .wpcf7-captchar{ width:100px;}
.wpcf7 .wpcf7-textarea{ padding:8px 10px; width:80%; height:160px; color:#666; overflow-y:scroll; border:1px solid #d8d8d8; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.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 #f90 !important;}
.wpcf7 .wpcf7-submit{ padding:10px 50px; font-size:20px; font-family:Arial; border:none; color:#fff; background:#f60; 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 span.wpcf7-not-valid-tip{ margin:0 0 0 -220px; padding-left:20px; background:#fff; display:inline !important;}
.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; border:1px solid #e6e6e6;}
#inquiryForm .wpcf7 label{ width:120px;}
.wpcf7 #your-firstname, .wpcf7 #your-lastname{ width:30%;}

/* Page - Download */
.page-down .entry{ margin:0 100px;}
.page-down .entry img{ margin:0 34px 25px;}

/* Page - Sitemap */
.page-sitemap{ background:#eee;}
.sitemap-box{ margin:25px auto; padding:2%; width:92%; line-height:24px; background:#fff;}
.sitemap-box a:link, sitemap-box a:visited{ color:#333;}
.sitemap-box a:hover{ color:#10579D;}
.sitemap-box h1{ margin-bottom:20px; font-size:20px; text-align:center;}
.sitemap-box h2{ margin:8px auto 15px; padding-bottom:10px; font-size:14px; font-weight:700; border-bottom:1px solid #eee;}
.sitemap-box ul{ margin:10px;}
.sitemap-box ul li{ margin:6px 0 0 18px; list-style:disc; color:#999;}
.sitemap-box ul li ul{ margin:5px 10px 10px;}
.sitemap-box ul li ul li{ margin:3px 0 0 16px; list-style:circle;}
.sitemap-box #breadcrumb, .sitemap-box .archivers, .sitemap-box .full-version, .sitemap-box #footer{ margin-top:20px; padding:6px 15px; border:1px solid #eee; border-top:1px solid #ddd; clear:both;}
.sitemap-box #breadcrumb, .sitemap-box .full-version{ border:1px solid #eee; background:#f8f8f8;}
.sitemap-box .archivers{ padding:5px 15px 15px; overflow:hidden;}
.sitemap-box #footer{ padding:10px; text-align:center;}

/* Pagenavi */
.wpagenavi{ margin:25px auto; padding-top:40px; width:100%; font-size:14px; line-height:48px; border-top:1px solid #eee; text-align:center;}
.wpagenavi a:link, .wpagenavi a:visited{ margin:0 4px; padding:14px 18px; border:1px solid #fff; color:#888; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.wpagenavi a:hover, .wpagenavi a:active{ border-color:#53a318; color:#53a318; text-decoration:none;}
.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ border:1px solid #53a318; color:#53a318; 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:10px auto; padding-top:10px; line-height:24px; border-top:1px solid #eee; color:#666;}

/* Error404 */
.error404{ max-width:460px; 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:#333;}

/* Related */
.related{ margin:30px auto 0;}
.related h2{ margin-bottom:20px; padding:6px 0; text-transform:uppercase; font-size:14px; font-weight:bold; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; color:#000;}
.related ul.post-list, .related ul.thumb-list{ margin-top:20px; overflow:hidden;}
.related ul.post-list li{ float:left; margin:2px auto; padding-right:5%; width:45%; height:24px; background:url(images/icon.gif) no-repeat 0 9px; overflow:hidden;}
.related ul.post-list li a{ padding-left:15px;}
/*.related ul.thumb-list li .folio-item{ border-left:1px solid #f8f8f8;}
.related ul.thumb-list li h3{ height:auto;}*/

.childcat{ margin:30px auto 0;}
.childcat h2{ margin-bottom:20px; padding:6px 0; text-transform:uppercase; font-size:14px; font-weight:bold;  border-bottom:1px solid #e9e9e9; color:#000;}
.childcat ul.post-list, .related ul.thumb-list{ margin-top:20px; overflow:hidden;}
.childcat ul.post-list li{ float:left; margin:2px auto; padding-right:5%; width:45%; height:24px; background:url(images/icon.gif) no-repeat 0 9px; overflow:hidden;}
.childcat ul.post-list li a{ padding-left:15px;}

/* Sidebar */
.sidebar{ float:left; margin-right:-240px; width:240px; color:#666; overflow:hidden;}
.sidebar h3{ margin-bottom:15px; padding:6px 0; text-transform:capitalize; font-size:14px; font-weight:bold; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; color:#000;}
.sidebar h3 a:link, .sidebar h3 a:visited{ color:#000; -webkit-transition:color 0.4s ease; -moz-transition:color 0.4s ease; -o-transition:color 0.4s ease; -ms-transition:color 0.4s ease; transition:color 0.4s ease;}
.sidebar h3 a:hover{ color:#53a318; text-decoration:none;}
.sidebar ul li{ margin-bottom:20px;}
.sidebar ul li ul{ background:#fff; overflow:hidden;}
.sidebar ul li ul li{ margin:4px auto; padding-left:12px; height:24px; background:url(images/icon.gif) no-repeat 0 9px; overflow:hidden;}
.sidebar ul li ul li ul{ border:none;}
.sidebar ul li div{ padding:0px 0 10px; /*border-top:1px solid #eee;*/ background:#fff; overflow:hidden;}

.homepage .column-fluid{ float:left;}
.homepage .content{ margin:0 255px 0 0; padding:0 15px 0 0; border:none; border-right: 1px solid #f8f8f8; overflow:hidden;}
.homepage .sidebar{ float:right; margin:0 0 0 -240px;}

/* SubList */
.sidebar ul li.widget_nav_menu div{ padding:0; border:none; background:none;}
.sidebar ul li.widget_nav_menu ul{ padding:0; border:none; background:none; font-size:14px;}
.sidebar ul li.widget_nav_menu ul li{ margin:0 0 18px; padding:0; height:auto; background:none; overflow:hidden;}
.sidebar ul li.widget_nav_menu ul li a:link, .sidebar ul li.widget_nav_menu ul li a:visited{/* height:16px;*/ line-height:16px; color:#202020; display:block; overflow:hidden; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.sidebar ul li.widget_nav_menu ul li a:hover, .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{ color:#53a318; 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{ font-weight:bold;}

.sidebar ul li.widget_nav_menu ul li a span{ float:right; padding:0; font-size:11px; padding:0 10px; text-align:center; font-family:Arial; color:#888; background:#eee; overflow:hidden; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.sidebar ul li.widget_nav_menu ul li a:hover span, .sidebar ul li.current-menu-item ul li a span, .sidebar ul li.widget_nav_menu ul li.current-cat a span{ color:#fff; background:#53a318; font-weight:normal;}

.sidebar ul li.widget_nav_menu ul li ul{ margin-bottom:-18px; padding:18px 0 0 8px; 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{ color:#666;}
.sidebar ul li.widget_nav_menu ul li ul li a:hover{ color:#53a318;}
.sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:visited, .sidebar ul li.widget_nav_menu ul li.current-cat ul li a:link, .sidebar ul li.widget_nav_menu ul li.current-cat ul li a:visited{ color:#666; font-weight:normal;}
.sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat ul li a:hover{ color:#53a318;}

.sidebar ul li.widget_nav_menu ul li.current_page_item ul li a span, .sidebar ul li.widget_nav_menu ul li.current-cat ul li a span{ color:#888; background:#eee; font-weight:normal;}
.sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:hover span, .sidebar ul li.widget_nav_menu ul li.current-cat ul li a:hover span{ color:#fff; background:#53a318;}

/* Search */
.sidebar ul li.widget_search .searchInput{ padding:4px 8px 3px; width:158px; height:24px; line-height:24px; border:1px solid #D6D6D6; color:#666; background:#fff;}
.sidebar ul li.widget_search .searchInput:hover{ border:1px solid #999; color:#666;}
.sidebar ul li.widget_search .searchBtn{ float:right; *float:none; width:60px; height:33px; *line-height:30px; font-size:13px; font-weight:bold; text-align:center; text-indent:0; border:none; color:#fff; background:#666; cursor:pointer; position:static;}
.sidebar ul li.widget_search .searchBtn:hover{ background:#333;}

/* CustomWidgets */
.sidebar ul li.wpyou_widget_SpecialCatList ul{ padding:0;}
.sidebar ul li.wpyou_widget_SpecialCatList ul li{ height:auto; background:url(images/arrow.gif) no-repeat 3px 10px;}
.sidebar ul li.wpyou_widget_SpecialCatList ul li ul li{ line-height:20px; background:url(images/arrow-sub.gif) no-repeat 3px 7px;}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li{ margin-bottom:15px; padding:0 0 15px; height:auto; border-bottom:1px solid #EEE; background:none;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li img{ float:left; padding-right:10px; width:110px; height:80px;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li h4{ margin-bottom:5px; height:54px; line-height:18px; font-size:14px; overflow:hidden;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p{ color:#666;}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li{ margin:0 auto 15px; padding:0; height:auto; text-align:center; background:none;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li img{ width:240px; height:180px;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li h4{ margin-bottom:10px; line-height:18px; font-size:14px; overflow:hidden;}

/* HotProducts */
.sidebar ul li.wpyou_widget_HotProducts ul li{ float:left; margin:0 auto 14px; padding:0; width:50%; text-align:center; height:auto; border-bottom:none; background:none;}
.sidebar ul li.wpyou_widget_HotProducts ul li img{ width:100px; height:100px; line-height:100px;}
.sidebar ul li.wpyou_widget_HotProducts ul li h4{ margin-top:4px; font-size:12px; height:48px; line-height:16px; overflow:hidden;}
.sidebar ul li.wpyou_widget_HotProducts a:link, .sidebar ul li.wpyou_widget_HotProducts a:visited{ color:#666;}
.sidebar ul li.wpyou_widget_HotProducts a:hover{ color:#53a318;}


/* Calendar */
#wp-calendar{ margin:5px auto; width:99%;}
#wp-calendar caption{ padding:5px 0; font-size:14px;}
#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:#fbfbfb;}
#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#FF0242;}
#wp-calendar tbody tr td a:hover{ color:#333;}
#wp-calendar tbody tr td:hover{/* border:1px solid #ddd;*/ color:#444; background-color:#eee;}
#wp-calendar tfoot{ background-color:#eee;}
#wp-calendar tfoot tr td{ border:none; background:none;}
.pad{ border:none !important; background:none !important;}

/* Comments*/
.postComment{ margin:25px auto 0; overflow:hidden;}
#respond{ margin:25px auto 0;}
#addcomment{ margin-bottom:30px; padding:6px 0; text-transform:uppercase; font-size:14px; font-weight:bold; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; color:#000;}
.post_comment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; }
.post_comment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; }

.commentlist{ padding-top:15px; width:100%; clear:both; overflow:hidden;}
.commentlist li{ padding:18px 0 15px; width:100%; border-top:1px solid #f6f6f6; clear:both; position:relative;}
.commentlist li .avatar{ float:left; margin-top:4px; width:50px; height:50px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.commentlist li .comment_author{ margin:0 0 10px 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; line-height:34px; font-size:14px; background:#888;}
.commentlist cite{ font-weight:bold; font-style:normal; color:#333;}
.commentlist cite a{ color:#333;}
.commentlist cite a:hover{ color:#53a318;}
.commentlist .dt{ padding-left:10px; font-weight:normal; color:#bbb;}
.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:#333;}
#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; text-align:center;}
#respond label{ float:left; padding:3px 8px; width:70px; text-align:right; display:block;}
#respond em{ padding-top:5px; color:#f00; font-weight:normal;}

#author, #email, #url, #comment{ padding:12px; width:50%; border:1px solid #ddd; color:#666; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#comment{ padding:12px 0 12px 12px; width:96%; height:150px; font-size:12px; overflow-y:scroll;}
#commentform input[type="text"]:hover, #commentform input[type="text"]:focus, #commentform input[type="text"]:active, #comment:hover{border:1px solid #ffa64d;}  
#commentform #submit{ padding:9px 25px; line-height:24px; font-size:18px; color:#fff; border:none; background:#53a318; cursor:pointer; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
#commentform #submit:hover, #commentform #submit:active{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}

/* CommentNavigation */
.comment-navi{ float:right; margin:10px auto; color:#999;}
.comment-navi a:link, .comment-navi a:visited{ padding:3px 5px; color:#999;}
.comment-navi a:hover{ color:#000;}
.comment-navi span.cpt{ padding:3px;}
.comment-navi span.current{ padding:3px 5px; color:#000;}

/* FriendLink */
.friendlink{ margin-top:30px; border-top:1px solid #eee; color:#666; overflow:hidden;}
.friendlink ul{ padding:15px 0 0; overflow:hidden;}
.friendlink ul li{ float:left; margin:0 6px; white-space:nowrap; overflow:hidden;}
.friendlink ul li.fltitle{ margin:0 4px 4px 0;}
.friendlink ul h4{ display:none;}
.friendlink a:link, .friendlink a:visited{ color:#888;}
.friendlink a:hover{ color:#53a318;}

/* Footer */
.footer{ margin-top:10px; padding:28px 0 0; width:100%; color:#888; background:#111;}
.footer a:link, .footer a:visited{ color:#888;}
.footer a:hover{ color:#53a318;}

/* Footbar */
.footbar{ overflow:hidden;}
.footbar h3{ margin-bottom:15px; font-size:13px; color:#fff; text-transform:capitalize;}
.footbar h3 a{ color:#fff;}
.footbar .widget-column{ float:left; margin-bottom:28px;/* padding-right:100px;*/ max-width:480px;}
.footbar .widget-column-last{/* float:right;*/ padding:0;}
.footbar .widget-column ul{ overflow:hidden;}
.footbar .widget-column ul li, .footbar .widget-column p{ margin-bottom:4px; overflow:hidden;}
.footbar .widget_nav_menu ul li, .footbar .widget_categories ul li, .footbar .widget_categories ul li, .footbar .widget_archive ul li{ float:left; padding-right:2%; width:31.333%;}

.footbar .widget-column2{ float:left; margin-bottom:28px;/* padding-right:100px;*/ max-width:480px;}
.footbar .widget-column-last2{/* float:right;*/ padding:0;}
.footbar .widget-column2 ul{ overflow:hidden;}
.footbar .widget-column2 ul li, .footbar .widget-column p{ margin-bottom:4px; overflow:hidden;}
.footbar .widget_nav_menu2 ul li{ float:left; padding-right:2%; width:16.666%;}

.footbar .widget_newsletterwidget{ width:240px;}
.footbar .widget_newsletterwidget form{ margin-top:15px; position:relative;}
.footbar .widget_newsletterwidget form p{ margin-bottom:8px;}
.footbar .widget_newsletterwidget .newsletter-email, .footbar .widget_newsletterwidget .newsletter-firstname, .footbar .widget_newsletterwidget .newsletter-profile, .footbar .widget_newsletterwidget input[type="text"]{ padding:2px 4%; width:92%; height:28px; line-height:28px; border:1px solid #000; color:#888; background:#eee;}
.footbar .widget_newsletterwidget .newsletter-submit{ padding:0; width:120px; height:34px; line-height:34px; font-size:14px; color:#fff; background:#53a318; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:none; -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;}
.footbar .widget_newsletterwidget .newsletter-submit:hover, .footbar .widget_newsletterwidget .newsletter-submit:active{ background:#5eb71c;}

.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:#53a318;}
#wp-calendar tbody tr td a:hover{ color:#333;}
.footbar #wp-calendar tbody tr td:hover{ border:1px solid #444; color:#eee; background-color:#444;}

.social{ margin-bottom:25px; padding-top:5px; overflow:hidden;}
.social a{ margin-left:12px; width:31px; height:31px; text-indent:-9999px; background:url(images/sns.png) no-repeat; display:inline-block; -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;}
.social a#i_tsina{ margin-left:0; background-position:0 0;}
.social a#i_weixin{ background-position:-42px 0;}
.social a#i_tqq{ background-position:-83px 0;}
.social a#i_qzone{ background-position:-123px 0;}
.social a#i_tsina:hover{ background-position:0 -40px;}
.social a#i_weixin:hover{ background-position:-42px -40px;}
.social #weixin{ padding:10px; text-align:center; background:#333; display:none; position:absolute; left:4px; bottom:30px; z-index:999;}
.social #weixin img{ display:block;}

.social a#i_tqq:hover{ background-position:-83px -40px;}
.social a#i_qzone:hover{ background-position:-123px -40px;}

.footbar .widget-column .contact strong, .footbar .widget-column .contact b{ margin-right:3px;/* width:48px;*/ text-align:right; color:#666; display:inline-block;}

/* Copyright */
.copyright{ padding:15px 0; color:#666; background:#202020; text-align:center; font-family:Verdana; overflow:hidden;}
.copyright a:link, .copyright a:visited{ color:#666;}
.copyright a:hover{ color:#53a318;}

/* CustomerService */
.cs-div{ height:auto; background:#eaf4e3; position:absolute; z-index:99999; overflow:hidden;}
.cs-div h3{ height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background:#53a318;}
.cs-div #cs-close{ float:right; width:32px; height:35px; text-indent:-9999px; display:block; cursor:pointer; position:absolute; top:0; right:0;}
.cs-bar{ padding:0; width:32px; height:116px;}
.cs-bar #cs-close{ width:32px; height:116px; background:url(images/cs.gif) no-repeat -106px 0; top:0; right:0;}
.cs-inner{ padding:5px 0;}
.cs-inner p{ padding:14px 12px; border-top:1px solid #fff; border-bottom:1px solid #cce3bd;}
.cs-inner p:first-child{ border-top:none;}
.cs-inner p:last-child{ border-bottom:none;}
.cs-inner p:hover{ background:#53a318;}
.cs-inner p:hover a, .cs-inner p a:hover{ color:#fff;}
.cs-inner img{ margin:0 auto; padding-right:5px; vertical-align:middle;}

/* Backtop */
.backToTop{ width:46px; height:44px; border:1px solid #999; background:url(images/backtop.png) no-repeat center center; position:fixed; _position:absolute; right:20px; bottom:40px; _bottom:"auto"; cursor:pointer; display:none; -khtml-border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; z-index:9999;}
.backToTop:hover{ border:1px solid #666; background-color:#666;}

/* 新增 2020-12-10 */
.column-2c .column-cat{ float:left; width:50%;}
.column-2c .column-cat .column-cat-img{ float:left; margin:0 10px 15px 0; width:120px; height:120px; }
.column-2c .column-cat .column-cat-img img{ width:100%;}
.column-2c .column-cat h3{ margin-bottom:8px; font-size:14px; font-weight:bold;}

.new-tab{ margin:40px auto 0;}


/****  Responsive CSS  ****/
@media only screen and (max-width:1280px){
	.inner{ width:960px;}
	.navi li a:link, .navi li a:visited{ padding:0 15px;}
	.slidebanner, #slideshow li, #slideshow li img{ width:960px; height:380px;}
	.row-scroll .bx-controls a.bx-prev{ left:0;}
	.row-scroll .bx-controls a.bx-next{ right:0;}
}
@media only screen and (max-width:1024px){
	.inner{ width:950px;}
	.navi li a:link, .navi li a:visited{ padding:0 15px;}
	#sliderbox{ margin-bottom:10px;}
	.slidebanner, #slideshow li, #slideshow li img{ width:950px; height:380px;}
	.row-scroll .bx-controls a.bx-prev{ left:0;}
	.row-scroll .bx-controls a.bx-next{ right:0;}
	.floatad-l, .floatad-r{ display:none;}
	.row-apps .stinner #imglist img{ padding:3px;}
}

@media only screen and (min-width:768px) and (max-width:959px){
	.inner{ width:98%;}
	.inner .inner{ width:100%;}
	.subnav{ display:none;}
	.site-txt{ display:none;}
	.pinned{ width:98%;}
	.main-menu{ font-size:13px;}
	.navi li a:link, .navi li a:visited{ padding:0 6px;}
	#sliderbox{ margin-bottom:10px;}
	.slidebanner{/* width:100%;*/ height:auto;}
	#slideshow li, #slideshow li img{ width:100%; height:auto;}
	.bx-pager{ display:none;}
	.container, .content{ float:none; margin:0 auto;}
	.row-fluid .content{ margin:0 51% 0 0; border:none;}
	.homebar{ margin-left:-48%; width:48%;}
	.row-apps .stinner #imglist{ text-align:center;}
	.row-apps .stinner #imglist img{ float:none !important; margin:0 3px 15px; width:31%; height:auto;}
	.row-scroll .bx-controls a{ display:none;}
	.pic-scroll-list .slide{ width:48%;}
	.postlist li a{ float:none; width:100%;}
	.piclist{ margin-left:-3%;}
	.piclist li{ margin-left:3%; width:47%;}
	
	.preview{ margin-right:-340px; width:340px;}
	.preview img{ width:320px; height:320px;}
	.product .product-meta-box{ margin-left:345px;}
	.post ul.thumblist li .thumb-wrap{ width:60px;}
	.post ul.thumblist li.nomargin{ margin:0 0 0 9px;}
	.post ul.thumblist li img{ width:58px; height:58px;}
	.post ul.thumblist li .imWrap{ width:60px; height:60px;}
	.entry table{ max-width:100%; overflow-x:auto; display:inline-block;}
	.sidebar{ display:none;}
	.footbar .widget-column{ padding:0 2%; width:46%;}
	.footbar .widget_newsletterwidget .newsletter-submit{ right:-1px;}
	.copyright .cp{ float:none;}
	.copyright .sharebox, .cs-div, .backToTop{ display:none;}
	
	.floatad-l, .floatad-r, .sidebar-about{ display:none;}
}

@media only screen and (max-width:767px){
	.inner{ width:98%;}
	.inner .inner{ width:100%;}
	.header{ margin:0 auto; padding:0;}
	.rtbox .search-box{ display:none;}
	.rtbox .contact-box{ margin-right:0;}
	
	.btn-search{ display:none;}
	#mobile-nav{ width:100%; text-align:center; height:48px; line-height:48px; background:#202020; display:block; position:relative;}
	#mobile-nav span{color:#fff; font-size:20px;}
	#mobile-nav a{ width:48px; height:100%; background-image:url(images/icon-mo.png); background-repeat:no-repeat; display:inline-block; position:absolute; top:0; opacity:0.8;}
	#mobile-nav #mobile-menu{ background-position:center 16px; left:0;}
	#mobile-nav #mobile-so{ background-position:center -24px; right:0;}
	#mobile-nav a.active{ -moz-opacity:0.8; -khtml-opacity:0.8;;}
	
	.toggle-search{ overflow:visible; display:block; width:100%;}
	.toggle-search .search-box{ padding:18px 0; width:100%; border-top:2px solid #53a318; background:#e4e4e4;  position:relative; top:0; left:0; z-index:99999;display: none}
	.toggle-search #searchform{ float:none; margin:0 8%; width:84%; height:auto; background:none; *overflow:hidden; position:relative;}
	.toggle-search #searchform #ls{ padding:6px 5%; width:90%; line-height:24px; border:1px solid #d2d2d2; background:#fff; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
	.toggle-search #searchform #searchsubmit{ padding:0; width:40px; height:100%; text-indent:-9999px; border:none; background:url(images/sprite.png) no-repeat 12px -66px; position:absolute; right:0; top:0; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
	
	.nav-container .inner{ width:100%;}
	.nav-container, .main-menu{ margin:0 auto; width:100%; font-size:13px;}
	.nav-container .radius{ border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
	.main-menu{ float:left; margin:0 auto; width:100%; line-height:40px; font-size:16px; border-top:2px solid #53a318; display:none;}
	.main-menu .inner{ width:100%;}
	.navi{ position:absolute; width:100%; background:#e4e4e4;}
	.navi li{ float:none; width:100%; padding:0; border-bottom:1px solid #ddd; border-top:1px solid #e9e9e9;}
	.navi li:first-child{ border-top:none;}
	.navi li a, .navi li a:link, .navi li a:visited{ color:#333;}
	.navi li a:hover{ color:#fff; background:#53a318; border-bottom:none;}
	
	.navi li ul{ position:static; padding:0; width:100%; border-bottom:none; background:none;}
	.navi li ul li{ border:none; background:none; border-bottom:1px solid #262626;}
	.navi li ul li.litop{ display:none;}
	.navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 35px; color:#333; background:none;}
	.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#fff; background:#53a318;}
	.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{ background:none;}
	.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a, .navi li:hover a{ color:#fff; background:#53a318;}
	.navi li.menu-item-has-children a:link, .navi li.menu-item-has-children a:visited{ background-image:none;}
	
	#sliderbox{ margin-bottom:10px;}
	.slidebanner{ width:100%; height:auto;}
	#slideshow li{ width:100%; height:auto;}
	#slideshow li img{ width:100%; height:auto; min-height:inherit;}
	.bx-pager{ display:none;}
	
	.container, .content, .homepage .content{ float:none; margin:0 auto;}
	.container{ margin-top:10px;}
	.container-hp{ padding:0;}
	.content{ padding:0;}
	
/*	.homepage .column-fluid{ float:left;}
	.homepage .content{ margin:0 255px 0 0; padding:0 15px 0 0; border:none; border-right: 1px solid #f8f8f8; overflow:hidden;}
	.homepage .sidebar{ float:right; margin:0 0 0 -240px;}*/

	.row-fluid .column-fluid{ float:none;}
	.row-fluid .content{ float:none; margin:0 auto; padding:0; width:100%;}
	.row-fluid h2{ text-align:center;}
	.row-fluid h2 span a, .row-fluid h2 i{ display:none;}
	
	.row-apps .stinner #imglist{ margin-left:0; text-align:center;}
	.row-apps .stinner #imglist img{ float:none; margin:0 2% 15px 2%; width:42%; height:auto;}
	.row-product{ margin-bottom:0;}
	
	.banner, .breadcrumb, .sidebar{ display:none;}
	
	.row-fluid .piclist{ margin:0 auto 20px;}
	
	.col-l, .col-r, .col-blog{ float:none; width:100%;}
	.col-blog{ margin-bottom:45px;}
	.faq-list{ margin-bottom:0;}
	.col-mail, .col-down{ margin-bottom:25px;}
	
	.bloglist li .post-thumb img{ width:80px; height:80px;}
	.bloglist li .excerpt{ margin-left:95px;}
	
	.piclist{ margin:0;}
	.piclist li{ margin:0; width:50%;}
	.piclist li .folio-item{ padding:0 10px; border:none;}
	.piclist li .folio-thumb img{ width:100%; height:auto;}
	.piclist li .folio-iq .folio-iq-inner{ margin:5%; width:90%; height:90%; line-height:normal;}
	.piclist li .folio-iq .folio-iq-inner i{ position:relative; margin-top:38%;}
	
	.column-2c .column-cat{ width:100%;}
	
	.entry{ font-size:14px; line-height:1.5;}
	.entry p{ margin-bottom:20px;}
	.entry table{ max-width:100%; overflow-x:auto; display:inline-block;}
	.preview{ margin-right:-340px; width:340px;}
	.preview img{ width:320px; height:320px;}
	.product .product-meta-box{ margin-left:345px;}
	.post ul.thumblist li .thumb-wrap{ width:60px;}
	.post ul.thumblist li.nomargin{ margin:0 0 0 9px;}
	.post ul.thumblist li img{ width:58px; height:58px;}
	.post ul.thumblist li .imWrap{ width:60px; height:60px;}
	
	.product .product-meta-box{ margin-left:300px; overflow:hidden;}
	.product .metaList li.inquiry{ padding:15px 0 5px;}
	.product .left{ float:left; width:45%;}
	.product .right{ float:right; width:45%;}
	.product hr{ margin:60px auto; height:1px; background:#eee;}
	.preview{ float:left; margin-right:-270px; width:270px;}
	.preview #wrap{ padding:0;}
	.preview img{ width:250px; height:250px;}
	.product-inquiry{ text-align:center;}
	.post .post-share{ float:left; margin-top:20px; text-align:left; clear:both;}
	.product .post-share #share-title, .post .addthis_sharing_toolbox, .post #bdshare{ float:left;}
	
	.post-slider .bx-prev, .post-slider .bx-next{ height:auto;}
	.post-slider ul li img{ width:100%; height:auto;}

	/*.tab-head{ height:auto;}
	.tab-head span{ display:none;}
	.tab-head span.hov, #tabox .entry{ display:block;}*/
	#tabox .entry{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e8e8e8;}
	#tabox .entry:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:none;}
	.related ul.post-list li{ float:none; width:95%;}
	
	#inquiryForm .productImg{ margin:0 0 20px 0; overflow:hidden;}
	
	.wpcf7 label, #inquiryForm .wpcf7 label{ padding:0; width:98%; text-align:left;}
	.wpcf7 .wpcf7-textarea, #inquiryForm .wpcf7 .wpcf7-textarea, wpcf7 .wpcf7-text, .wpcf7 .wpcf7-captchar{ padding:10px 2%; width:95%;}
	.wpcf7 p.btn-submit label{ display:none;}
	.wpcf7 .wpcf7-submit{ padding:10px 2%; width:96%; display:block;}
	.contact-msg .wpcf7 .wpcf7-text, .contact-msg .wpcf7 .wpcf7-textarea{ padding:5px 4%; width:90%;}

	.about-l{ width:50%;}
	.about-r{ width:48%;}

	.wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover{ display:none;}
	.wpagenavi a.next, .wpagenavi a.previous{ padding:8px 60px; font-size:20px; color:#fff; background:#000; display:inline-block;}
	
	.long-bar{ display:none;}
	.footbar .widget-column{ padding:0 2%; width:46%; min-height:160px;}
	.footbar .widget_newsletterwidget .newsletter-submit{ right:-1px;}
	.copyright .cp{ float:none;}
	.copyright .sharebox, .cs-div, .backToTop{ display:none;}
	
	.floatad-l, .floatad-r, .sidebar-about{ display:none;}
}

@media only screen and (max-width:480px){
	.rtbox{ display:none;}
	.col3 div{ float:none; padding:0 2%; width:96%; border:none;}
	/*.pic-scroll-list .slide{ width:96%;}*/
	.piclist{ margin-left:0;}
	/*.bloglist li .post-thumb{ display:none;}
	.related li{ float:none; width:95%;}*/
	.ebook-rt .newsletter-email{ width:215px;}
	.preview{ float:none; margin-right:0; width:100%;}
	.preview img{ padding:1.5%; width:96%; height:auto;}
	.product .product-meta-box{ float:none; margin:30px 0 0 0; clear:both;}
	.post ul.thumblist{ float:none;}
	.post ul.thumblist li .thumb-wrap{ float:none; width:60px;}
	.post ul.thumblist li.nomargin{ margin:0 0 0 9px;}
	.post ul.thumblist li img{ width:58px; height:58px;}
	.post ul.thumblist li .imWrap{ width:60px; height:60px;}
	.tab-head span{ padding:0,10,0,0;  font-size:12px; text-align:center;}
	.contact-txt, .contact-msg{ float:none; width:96%;}
	
	.about-l, .about-r{ float:none; width:99%;}
	.sidebar-about{ display:none;}
	
	.share, .friendlink{ display:none;}
	.footbar .widget-column{ width:96%;}
	.footbar .widget-column:first-child{ width:45%;}
	.footbar .widget-column:nth-child(2){ width:45%;}
}

/*add by zone*/
.tab01 .comment-list {padding-top: .42666667rem;}
.tab01 .comment-list ul{ margin:10px 0;}
.tab01 .comment-list ul li {background: #fff;padding: .512rem;border-bottom: 1px solid #ebecf1;list-style:none;}
.tab01 .gp-package-comment .comment-list li .score {line-height: 1.28rem;}
.tab01 .comment-list i {display: inline-block;width: .85333333rem;height: .85333333rem;}
.tab01 .comment-list i.on {background: url(./images/star-on.png) center center no-repeat;background-size: .896rem .896rem;}
.tab01 .comment-list ul li .score span {color: #3f86ff; float: right;}
.tab01 .comment-list ul li .comment_content {color: #28354c;line-height:20px;}
.tab01 .comment-list ul li .info {line-height: 1.28rem;overflow: hidden;}
.tab01 .comment-list ul li .info span.name {float: left;}
.tab01 .comment-list ul li .info span {font-size: .512rem;color: #a6a8b6;}
.tab01 .comment-list ul li .info span.time {float: right;}

.single_price{padding: 10px;font-size: 16px;color: #888;width:80%;margin:0 auto;cursor: pointer;text-align:center;border:1px solid #53a318}
.single_price h1{font-weight: 700; font-size: 18px;}
.single_chengnuo{width:100%;margin-bottom:20px;color:#000; font-size:18px;}
.single_shouhou{float:left;border:1px solid red;padding:12px;width:40%;text-align:center; font-size:18px;}
.single_tuikuan{float:right;border:1px solid red;padding:12px;width:40%;text-align:center;font-size:18px;}
.single_weixin{border: 1px solid red;text-align: center;margin-bottom: 20px;padding: 10px;font-weight: bold;font-size:18px;} 
.single_fuke_price{font-size: 12px;color: #000;font-weight:bold;}

.stinner h3{line-height: 30px}


ul.home_tuijian li{width:48%;margin-left:5px;float:left;border: 1px solid red;text-align: center;margin-bottom:5px;padding:10px 0;font-weight: bold;}
.row-fluid .piclist {margin: 0 1px;}
.row-fluid h2 {margin-bottom: 1px}
@media only screen and (max-width: 767px){
	ul.home_tuijian li {
		width:46%;
		margin:5px;
	}

}

#copy_content{display: none;}
.mui-tagscloud ul {
    list-style:none;
    padding: 0;
    overflow: hidden;
    margin:10px 0;
}
.mui-tagscloud ul li {
    float: left;
    background-color:#eaf4e3;
    color: #666;
    margin: 6px 3px;
    padding: 9px 12px;
    text-align: center;
    border-radius: 26px;
    -moz-border-radius: 26px;
    font-size: 12px;
    line-height: 14px;
    list-style: none;
}
.mui-tagscloud ul li:first-child{}