/* 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;}
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;}
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;}
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 #CCC; outline:none;}  
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{margin:0 auto;padding:0;border:0;}


/* Global */
body{ color:#fff; background:#363636; font:12px/24px "Microsoft Yahei",Arial,Verdana,Tahoma,Sans-Serif;}
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;}

.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.9; -moz-opacity:0.9; -khtml-opacity:0.9; filter:alpha(opacity=90);}
.hidden{ overflow:hidden;}
.adbanner{ margin-bottom:20px;}

.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);}
.mediaholder{ overflow:hidden;}

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

/* TopBar */
.topbar{ height:32px; line-height:32px; border-bottom:0px solid #fff; color:#000;background:#fff;

filter:alpha(opacity=0);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.topbar .inner{ overflow:visible;}
.topbar a:link, .topbar a:visited{ color:#000;}
.topbar a:hover{ color:#e1182b;}
.topbar-lt{ float:left;}
.topbar-rt{ float:right;}
.subnav{ float:right; color:#ccc; overflow:hidden;}
.subnav a{ padding:0 6px;}

/* Header */
.header{ width:100%; background:#000; clear:both;}
.header .inner{ margin:0 auto; height:80px; overflow:visible; position:relative;}
.header-home{ margin-top:32px;opacity:0.85; -moz-opacity:0.85; -khtml-opacity:0.85; filter:alpha(opacity=85); -moz-box-shadow:0 0 10px #111; -webkit-box-shadow:0 0 10px #111; box-shadow:0 0 10px #111; position:absolute; top:0; z-index:9999;}

.logo{ float:left;}
.logo img{ height:80px; 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;}

.head-pinned{ position:fixed; top:0; left:0; margin:0 auto; width:100%; z-index:10000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.head-pinned .inner{ height:46px;}
.head-pinned .logo{ visibility:visible !important;}
.head-pinned .logo img{ height:46px;}
.head-pinned .navi li{ font-size:14px;}
.head-pinned .navi li a:link, .head-pinned .navi li a:visited{ line-height:46px;}
.head-pinned .navi li ul{ top:46px;}
.head-pinned .navi li ul li ul{ top:-2px;}
.head-pinned .navi li ul li a:link, .head-pinned .navi li ul li a:visited{ height:46px; line-height:46px;}
.head-pinned #btn-so{ margin-top:4px;}
.head-pinned #search-box{ top:46px; right:-1px;}

/* MainMenu */
.main-menu{ float:right; font-size:14px; color:#333; position:relative;}
#mobile-nav{ display:none;}
.navi{ position:relative; z-index:9999;}
.navi li{ float:left; margin-left:1px; font-size:16px; text-transform:capitalize; white-space:nowrap; position:relative; -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;}
.navi li a, .navi li a:link, .navi li a:visited{ padding:0 18px; line-height:80px; color:#ddd; display:block;}
.navi li a:hover{ color:#b38e5e; text-decoration: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:#b38e5e; background-color:#222;}

.navi li ul{ position:absolute; top:80px; left:0; z-index:9999; width:300px; border-top:2px solid #b38e5e; background:#000; display:none;}
.navi li ul li{ float:none; margin-left:0; padding:0; line-height:38px; font-size:14px;}
.navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 18px; height:44px; line-height:42px; color:#ccc;}
.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{ border:none; background:none;}
.navi li.current-menu-ancestor ul li a:link, .navi li.current-menu-ancestor 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{ border-bottom:none; color:#666; background:#fff;}
.navi li.current-menu-item ul li a:hover, .navi li.menu-item-has-children ul li a:hover, .navi li.current-menu-ancestor ul li.current-menu-item a{ color:#b38e5e;}
.navi li ul li.menu-item-has-children a{ padding:0 0 0 18px; height:44px; color:#ccc; background:url(../images/menu.png) no-repeat right -15px;}

.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:#b38e5e; background:#f6f6f6;}

.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{ color:#b38e5e; background:#f6f6f6;}

.navi li.current-menu-item ul li a{ background:none;}
.navi li.current-menu-item ul li a span{ background:none;}

.navi li:hover ul li a{ border:none; background:none;}
.navi li:hover ul li.menu-item-has-children a{ background:url(../images/menu.png) no-repeat right -10px;}

.navi li ul li ul{ top:-2px; left:299px; padding:0;}
.navi li ul li.menu-item-has-children:hover a{ color:#b38e5e; background:#f6f6f6 url(../images/menu.png) no-repeat right -54px;}
.navi li ul li.menu-item-has-children:hover ul li a{ color:#ccc; background:#fff;}
.navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#b38e5e; background-color:#f6f6f6;}
.navi li:hover ul li.menu-item-has-children ul li a{ background:none;}

#btn-so{ float:right; margin-top:22px; width:40px; height:36px; background:url(../images/search.png) no-repeat center 12px; display:inline-block; cursor:pointer;}
#search-box{ width:400px; background:#000; display:none; position:absolute; right:0; top:80px; z-index:100;}
#search-box #searchform{ padding:10px;}
#search-box #searchform #ls{ padding:11px 3%; width:80%; border:none; color:#333;}
#search-box #searchform #searchsubmit{ padding:11px 0; width:14%; text-indent:-9999px; border:none; background:#b38e5e url(../images/search.png) no-repeat center -32px; cursor:pointer; position:absolute; right:10px; top:10px;}
#search-box #searchform #searchsubmit:hover{ background-color:#b38e5e;}

/* Slideshow */
#sliderbox{ position:relative; overflow:hidden; clear:both;}
#slidebanner{ width:100%; height:auto; margin-left:-50%; text-align:center; overflow:hidden; position:relative; left:50%; z-index:90; clear:both;}
#slideshow li{ width:100%; height:auto;  position:absolute; left:0; top:0;}
#slideshow li img{ width:100%; height:auto;  display:block;}
#slidebanner .bx-wrapper{ height:auto;}
#slidebanner .bx-wrapper .bx-pager{ width:100%; text-align:center; position:absolute; left:0; bottom:15px; 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:26px; height:8px; font-size:0; border:1px solid #fff; overflow:hidden; display:inline-block; text-decoration:none; moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.8; -moz-opacity:0.7; -khtml-opacity:0.7; filter:alpha(opacity=70);}
#slidebanner .bx-wrapper .bx-pager a.active{ border:1px solid #fff; background:#fff;}
#sliderbox .bx-prev, #sliderbox .bx-next{ width:60px; height:100%; _height:400px; text-indent:-9999px; background:url(../images/arrow-slider.png) no-repeat -60px 48%; overflow:hidden; display:none; position:absolute; top:0; z-index:100; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
#sliderbox .bx-prev{ left:8%;}
#sliderbox .bx-next{ right:8%; background-position:0 48%;}
#sliderbox .bx-prev:hover, #sliderbox .bx-next:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/* Container */
.container{ padding:20px 0; clear:both;}
.column-fluid{ float:right; width:100%;}

/* Content */
.content{ margin-left:275px; overflow:hidden;}
.fullwidth{ margin:0 auto; width:100%;}

/* HomePage */
.row-fluid{ margin:0 auto 30px; overflow:hidden;}
.row-fluid h2{ margin-bottom:30px; height:50px; line-height:50px; font-size:24px; border-bottom:3px solid #e4e4e4; color:#fff;}
.row-fluid h2 a:link, .row-fluid h2 a:visited{ color:#fff;}
.row-fluid h2 a:hover{ color:#fff; text-decoration:none;}
.row-fluid h2 b{ padding:0 2px; height:100%; font-weight:normal; border-bottom:3px solid #aaa; display:inline-block;}
.row-fluid h2 span a{ float:right; *margin-top:-50px; width:55px; height:100%; text-indent:-9999px; background:url(../images/more.gif) no-repeat center 20px; display:block;}

.imbar{ height:85px; background:#fc0; overflow:hidden;}
.imbar .inner{ text-align:center;}
.imbar .inner img:hover{ opacity:0.85; -moz-opacity:0.85; -khtml-opacity:0.85; filter:alpha(opacity=85);}
.slogan{ padding:8px 0; color:#fff; background:#d28400;}

.col-lt{ float:left; width:40%; overflow:hidden;}
.col-lt h2{ margin-bottom:25px;}
.col-lt ul li{ margin-bottom:5px; padding-left:14px; height:24px; background:url(../images/icon.gif) no-repeat 0 11px; overflow:hidden;}
.col-lt ul li h4{ float:left;}
.col-lt ul li span{ float:right; width:80px; text-align:right; color:#bbb;}
.col-lt ul li.p{ margin-bottom:15px; padding:0 0 20px; height:auto; border-bottom:1px solid #eee; background:none;}
.col-lt ul li.p img{ float:left; padding:5px 12px 0 0; width:100px; height:100px;}
.col-lt ul li.p h3{ margin-bottom:5px; height:24px; overflow:hidden;}
.col-lt ul li.p a{ color:#fff;}
.col-lt ul li.p a:hover{ color:#fff;}
.col-lt ul li.p p{ line-height:20px; color:#fff;}
.col-lt ul li.p p a{ padding-left:10px;}

.col-rt{ float:right; width:58%; overflow:hidden;}

/* Column - 3 */
.col-md-3{ float:left; padding:0 1.5%; *padding:0 1.4%; width:30.33%; overflow:hidden;}
.col-md-3 ul li{ margin:0 auto 5px; padding:0 0 7px 15px; height:24px; border-bottom:1px solid #eee; background:url(../images/icon.gif) no-repeat 0 11px; overflow:hidden;}
.row-fluid .col-md-3 h2{ margin-bottom:20px; height:36px; line-height:36px; border-bottom:1px solid #e4e4e4; font-size:16px;}

/* PicCarouselList */
.row-scroll{ position:relative;}
.row-scroll .bx-controls a{ margin-left:8px; width:34px; height:34px; text-indent:-9999px; background:url(../images/arrow-scroll.png) no-repeat; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.row-scroll .bx-controls a:hover{ background-color:#ccc;}
.row-scroll .bx-controls a.bx-prev{ background-position:-2px 0; position:absolute; top:15px; right:45px;}
.row-scroll .bx-controls a.bx-next{ background-position:-32px 0; position:absolute; top:15px; right:0;}
.row-scroll .bx-controls a.bx-prev:hover{ background-position:-2px -34px;}
.row-scroll .bx-controls a.bx-next:hover{ background-position:-32px -34px;}

.pic-scroll-list{ overflow:hidden;}
.pic-scroll-list .slide{ float:left; margin-bottom:25px; width:48%; height:auto; text-align:center; overflow:hidden;}
.pic-scroll-list .slide .folio-thumb{ position:relative;}
.pic-scroll-list .slide .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/icon-hover.png) no-repeat center center; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); *display:none; _display:none;}
.pic-scroll-list .slide:hover .folio-thumb .opacity-pic{ -moz-opacity:1; -khtml-opacity:1; opacity:1; filter:alpha(opacity=100); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}
.pic-scroll-list .slide h3{ margin-top:8px; width:100%; height:24px; font-size:14px; overflow:hidden; position:relative; z-index:10;}

/* Gallery */
.pic-fluid{ margin-bottom:10px;}

/* Partners */
.partners{ margin-bottom:30px;}
.partners h2{ padding:10px 10px 20px 0; border:none; text-align:center; background:url(../images/icon.gif) repeat-x 0 -452px;}
.partners h2 a{ padding:0 30px; background:#F8F8F8;}
#partner-list a{ display:inline-block;}
#partner-list a img{ height:38px; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65;}
#partner-list a:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:gray; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/* BreadCrumb */
.breadcrumb{ margin-bottom:15px; padding:8px 0; border-bottom:1px solid #e8e8e8; color:#666; background:#eee; overflow:hidden;}
.breadcrumb i{ padding:0 8px; background:url(../images/icon.gif) no-repeat 7px -39px;}
.breadcrumb a:link, .breadcrumb a:visited{ color:#666;}
.breadcrumb a:hover{ color:#b38e5e;}
.crumb-box{ float:right; opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; filter:alpha(opacity=60);}

.cur-title{ margin-bottom:25px; padding:0 0 10px 20px; font-size:16px; border-bottom:1px solid #ddd; color:#222; background:url(../images/icon.gif) no-repeat 0 -200px; text-transform:capitalize; overflow:hidden;}
.cur-title a{ color:#222; text-decoration:none;}
.cur-title span{ padding-left:4px; color:#222;}

.breadcrumb .cur-title{ float:left; margin:0; padding:0; font-size:18px; border:none; color:#222; background:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; opacity:0.8; filter:alpha(opacity=80);}

.banner-shadow{ width:100%; height:26px; background:url(../images/shadow-banner.png) repeat; overflow:hidden; position:absolute; top:0; right:0; z-index:91;}
.banner{ width:100%; max-height:200px; overflow:hidden; position:relative;}
.banner img{ width:100%; display:block;}

/* Archive - Postlist */
.postlist{ padding:0; overflow:hidden;}
.postlist li{ margin:0 auto 5px; padding:0 0 0 15px; height:40px; line-height:40px; border-bottom:1px solid #eee; background:url(../images/icon.gif) no-repeat 0 11px; 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:#fff;}

/* Archive - Piclist */
.catlist{ margin-bottom:35px; height:60px; border-bottom:4px solid #eee;}
.catlist ul li{ float:left; padding:0 15px; font-size:18px;}
.catlist ul li:first-child, .catlist ul li.fr{ padding:0 15px 0 0;}
.catlist ul li a:link, .catlist ul li a:visited{ padding:0 2px; line-height:60px; border-bottom:4px solid #eee; display:inline-block;}
.catlist ul li a:hover, .catlist ul li.current-cat a{ border-bottom:4px solid #b38e5e; color:#b38e5e; text-decoration:none;}

.piclist{ margin-left:-1.83%; overflow:hidden;}
.piclist li{ float:left; margin-bottom:30px; margin-left:1.83%; *margin-left:1.80%; _margin-left:0.935%; width:31.5%; 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 .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/icon-hover.png) no-repeat center center; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); *display:none; _display:none;}
.piclist li:hover .folio-thumb .opacity-pic{ -moz-opacity:1; -khtml-opacity:1; opacity:1; filter:alpha(opacity=100); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}
.piclist li h3{ margin-top:8px; width:100%; height:24px; font-size:14px; overflow:hidden; position:relative; z-index:10;}

.piclist-col4{ margin-left:-1.5%;}
.piclist-col4 li{ margin-left:1.5%; _margin-left:0.75%; width:23.5%;}

/* Post */
.post{ overflow:hidden;}
.post .post-title{ margin-bottom:8px; padding-bottom:8px; line-height:40px; font-size:28px; text-align:center; border-bottom:1px solid #E9E9E9; color:#fff;}
.postmeta{ margin-bottom:25px; color:#999; text-align:center;}
.postmeta a:link, .postmeta a:visited{ color:#fff;}
.postmeta a:hover{ color:#fff;}
.product .productMeta {
	margin-bottom:35px;
	overflow:hidden
}
.product .product-meta-box {
	margin-left:390px;
	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%
}
.product hr {
	margin:60px auto;
	height:1px;
	background:#eee
}
.product .share {
	margin:35px auto 25px;
	padding:10px 0 0;
	border:0;
	border-top:1px solid #eee
}
.product .bdsharebuttonbox {
	float:right
}
.preview {
	float:left;
	margin-right:-380px;
	width:380px
}
.preview #wrap {
	padding:0
}
.preview #wrap img {
	margin-bottom:0;
	width:368px;
	height:360px
}
.post ul.thumblist {
	float:left;
	margin:10px 0 0;
	width:100%;
	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:80px;
	border:1px solid #e6e6e6;
	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;
	padding:1px;
	width:78px;
	height:78px;
	cursor:pointer;
	vertical-align:middle
}
.post ul.thumblist li .imWrap {
	float:left;
	width:80px;
	height:80px;
	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 #f90
}
.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 {
	font-size:28px;
	line-height:36px;
	color:#cc8d39
}
.product-summary {
	margin-bottom:20px;
	font-size:13px;
	color:#555
}
.product-meta {
	margin-bottom:15px;
	font-size:14px;
	color:#fff;
	overflow:hidden
}
.product-meta p,.product-meta ul li {
	margin-bottom:8px
}
.product-inquiry {
	margin-top:30px
}
.product-inquiry a,.product-inquiry a:hover {
	padding:8px 24px 8px 56px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background:#f60;
	display:inline-block;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease
}
.product-inquiry a:hover {
	background-color:#f80;
	text-decoration:none
}
.product-inquiry a.chat {
	background:#f60 url(../images/icon-chat.png) no-repeat 26px 10px
}
.product-inquiry a.chat:hover {
	background-color:#f80
}
.product-inquiry a.olreply {
	margin-left:20px;
	padding:7px 24px;
	color:#f60;
	border:1px solid #fdc69d;
	background-color:#fef2e5
}
.product-inquiry a.olreply:hover {
	color:#fff;
	border:1px solid #f60;
	background-color:#f60
}
#tab-head {
	margin-bottom:30px;
	height:38px;
	line-height:38px;
	border-bottom:1px solid #ddd;
	background-color:#363636
}
#tab-head span {
	padding:0 18px;
	font-size:14px;
	color:#666;
	font-weight:700;
	text-transform:uppercase;
	display:inline-block;
	cursor:pointer;
	clear:both;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px
}
#tab-head span.hov {
	line-height:37px;
	border:0px solid #ddd;
	border-top:0px solid #f60;
	border-bottom:0;
	color:#fff;
	background:#363636
}
#tabox .entry {
	display:none
}
.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 .share{ margin:25px auto; padding-bottom:8px; line-height:28px; border-bottom:1px solid #E8E8E8; color:#999; text-align:right;}
.post #bdshare{ float:right;}

/* Page */
.post .page-title{ margin-bottom:25px; padding-bottom:8px; line-height:40px; font-size:28px; text-align:center; border-bottom:1px solid #E9E9E9; color:#fff;}

/* Pagenavi */
.wpagenavi{ margin:20px auto; padding:30px 0; width:100%; line-height:40px; border-top:1px solid #ddd; text-align:center;}
.wpagenavi a:link, .wpagenavi a:visited{ margin:0 4px; padding:15px 19px; color:#666; background:#eee; -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;}
.wpagenavi a:hover, .wpagenavi a:active{ color:#fff; background:#b38e5e; text-decoration:none;}
.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ color:#fff; background:#b38e5e; 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:6px auto; line-height:24px; font-size:13px; color:#fff;}

/* 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{ padding:0 0 6px 20px; font-size:18px; border-bottom:1px solid #ddd; color:#fff; background:url(../images/icon.gif) no-repeat 0 -200px; text-transform:capitalize; overflow:hidden;}
.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 10px; overflow:hidden;}
.related ul.post-list li a{ padding-left:15px;}

/* Sidebar */
.sidebar{ float:left; margin-right:-250px; width:250px; color:#fff; overflow:hidden;}
.sidebar h3{ padding-left:14px; height:36px; line-height:36px; font-size:16px; border-top:2px solid #b38e5e; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; color:#fff; background:#000;}
.sidebar h3 a{ color:#fff;}
.sidebar h3 a:hover{ color:#fff;}
.sidebar ul li{ margin-bottom:20px;}
.sidebar ul li ul{ padding:10px; border:1px solid #e8e8e8; background:#363636; overflow:hidden;}
.sidebar ul li ul li{ margin:4px auto; padding-left:12px; height:24px; background:url(../images/icon.gif) no-repeat 0 10px; overflow:hidden;}
.sidebar ul li ul li ul{ border:none;}
.sidebar ul li div{ padding:15px 10px 10px; line-height:28px; border:1px solid #e8e8e8; background:#363636; overflow:hidden;}

/* SubList */
.sidebar ul li.widget_nav_menu ul{ padding:0; border:none; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px;}
.sidebar ul li.widget_nav_menu ul li{ margin:0 0 1px; padding:0; height:auto; font-size:16px; color:#fff; overflow:hidden;}
.sidebar ul li.widget_nav_menu ul li a:link, .sidebar ul li.widget_nav_menu ul li a:visited{ height:50px; line-height:50px; text-indent:20px; color:#fff; background:#b38e5e url(../images/column-menu.png) no-repeat right 3px; display:block; overflow:hidden; -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;}
.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:#ccc; background:#333 url(../images/column-menu.png) no-repeat right -40px; text-decoration:none;}
.sidebar ul li.widget_nav_menu ul li.page_item a:link, .sidebar ul li.widget_nav_menu ul li.page_item a:visited{ text-indent:36px;}
.sidebar ul li.widget_nav_menu ul li ul li{ margin:1px 0 0;}
.sidebar ul li.widget_nav_menu ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li ul li a:visited{ text-indent:36px;}

/* Search */
.sidebar ul li.widget_search .searchInput{ padding:4px 8px 3px; width:168px; 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;}

/* Calendar */
#wp-calendar{ margin:5px auto; width:94%;}
#wp-calendar caption{ padding:5px 0px; font-size:14px;}
#wp-calendar th, #wp-calendar td{ padding:2px 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:#FF0242;}
#wp-calendar tbody tr td a:hover{ color:#333;}
#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:25px auto 0; overflow:hidden;}
#respond{ margin:25px auto 0;}
#addcomment, #comments{ margin-bottom:25px; padding:0 0 6px 20px; font-size:18px; border-bottom:1px solid #ddd; color:#fff; background:url(../images/icon.gif) no-repeat 0 -200px; overflow:hidden;}
.post_comment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; }
.commentlist{ width:98%; font-size:12px; clear:both;}
.commentlist li{ margin-bottom:15px; padding:6px 0; border:1px solid #E4E4E4;}
.commentlist li.alt{ border:1px solid #E3E7EA; background-color:#F7F8F9;}
.commentlist li.comment-author-admin{ border:1px solid #E4E4E4; background:#FFF;}
.commentlist li ul{ margin:10px 10px;}
.commentlist li ul.children{ margin:15px 20px;}
.commentlist li p{ padding:10px 10px 5px;}

.comment-author{ padding:4px 0; width:100%; height:22px; line-height:22px; border-bottom:1px solid #ECECEC;}
.commentlist li.alt .comment-author{ border-bottom:1px solid #E3E7EA;}
.commentlist li.comment-author-admin .comment-author{ border-bottom:1px solid #E3E3E3;}
.commentlist li.alt .comment-author{ border-bottom:1px solid #E8EDF0;}
.avatar{ float:left; padding:1px 1px; width:32px; height:32px; border:1px solid #E0E0E0;}
.author_info{ float:left; padding-left:10px; line-height:16px;}
.author_info cite{ font-style:normal; font-weight:bold;}
.author_info em{ padding-left:10px; font-size:10px; font-style:normal; color:#999;}

.reply{ float:right; margin:-3px 8px 0px 0px;}
#cancel-comment-reply{ float:right; margin-right:10px;}
.reply a, #cancel-comment-reply a{ color:#999 !important;}
.reply a:hover, #cancel-comment-reply a:hover{ color:#1162B3 !important;}

#respond p {
	margin:0 auto 15px;
	overflow:hidden
}
#respond label {
	float:left;
	padding:3px 8px;
	width:15%;
	text-align:right;
	display:block
}
#respond em {
	padding-top:5px;
	color:#F00;
	font-style:normal;
	font-weight:normal
}
#author,#email,#url,#comment {
	padding:8px;
	width:50%;
	border:1px solid #e4e4e4;
	color:#666
}
#code {
	padding:8px;
	width:10%;
	border:1px solid #e4e4e4;
	color:#666
}
.codeimg {
	margin: 5px 0px 5px 10px;
}
#comment {
	width:75%;
	height:150px;
	font-size:12px;
	color:#787878;
	overflow-y:scroll;
	color:#666
}
#submit {
	padding:8px 30px;
	font-size:18px;
	color:#fff;
	background:#0077cc;
	display:inline-block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease
}
#submit:hover,#submit:active {
	background-color:#f80
}
.comment_navi {
	text-align:right;
	padding:5px 15px;
	font-size:12px;
	color:#999
}
.comment_navi a {
	color:#999
}

/* FootContactBar */
.foot-cbar{ padding:25px 0 20px; text-align:center; background:#e6ded1;}
.foot-cbar img{ padding-left:50px; display:inline-block;}
.foot-cbar img:first-child, .foot-cbar img.fr{ padding-left:0;}

/* Footbar */
.footbar{ padding:30px 0 40px; border-bottom:1px solid #404040; background:#363636;}
.footbar h3{ margin-bottom:10px; padding:0 10px; font-size:13px; font-weight:700; color:#ddd; background:#444;}
.footer-widget{ float:left; padding-left:1%; width:15.666%; text-align:right;}
.footer-widget:first-child{ padding-left:0;}
.footer-widget ul{ overflow:hidden;}
.footer-widget ul li{ margin-bottom:2px; overflow:hidden;}
.footer-widget a:link, .footer-widget a:visited{ color:#ccc; display:block;}
.footer-widget a:hover{ color:#fff; background:#444; text-decoration:none;}
.footer-widget h3 a:link, .footer-widget h3 a:visited{ color:#ddd;}
.footer-widget h3 a:hover{ color:#bf7939;}
.footer-widget ul li a{ padding:0 10px;}
.footer-widget div{ padding-top:5px; overflow:hidden;}

/* Footer */
.footer{ padding:25px 0; border-top:1px solid #181818; color:#ccc; background:#222; line-height:30px; text-align:center;}
.footer a:link, .footer a:visited, .footer a:hover{ color:#ccc;}
.footer .share{ margin-left:44.5%;}

/* FriendLink */
.friendlink{ margin-top:25px; border-top:1px solid #191919; width:100%; color:#999; overflow:hidden;}
.friendlink ul{ padding:10px 0; overflow:hidden;}
.friendlink ul li{ float:left; margin:0 6px; white-space:nowrap; overflow:hidden;}
.friendlink ul li.fltitle{ margin:0 6px 4px 0;}
.friendlink ul h4{ display:none;}
.friendlink a:link, .friendlink a:visited{ color:#888;}
.footer a:hover{ color:#ccc;}

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

/* CustomerService */
.cs-div{ float:right; width:70px; text-align:center; position:fixed; top:120px; right:0; z-index:999999;}
.cs-div #cs-close{ float:right; width:32px; height:35px; text-indent:-9999px; display:block; cursor:pointer; position:absolute; top:0; right:0;}
.cs-tab{ background:#222; position:relative; z-index:999999;}
.cs-tab-tip{ padding:10px 15px; line-height:50px; font-size:18px; white-space:nowrap; color:#fff; background:#222; position:absolute; top:0; right:-70px; z-index:99999; _display:none;}
.cs-tab-weixin{ padding:10px; text-align:center;}
.cs-tab-weixin img{ max-width:150px; *width:120px; display:block;}
.cs-tab-url{ font-size:14px;}
.cs-tab-backtop{ display:none;}
#our-sns a{ width:70px; height:70px; text-indent:-9999px; display:block; background:url(../images/icon-sns.png) no-repeat 0 0; cursor:pointer; position:relative; z-index:999999;}
#our-sns a:hover{ opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; filter:alpha(opacity=90);}
#our-sns .cs-tab-tip a:link, #our-sns .cs-tab-tip a:visited, #our-sns .cs-tab-tip a:hover{ color:#fff; text-decoration:none; width:auto; height:auto; text-indent:0; background:none; z-index:99999;}

#our-sns a#i_phone{ background-position:center -497px; background-color:#f30;}
#our-sns a#i_qq{ background-position:center 9px; background-color:#28a8e2;}
#our-sns a#i_sina{ background-position:center -195px; background-color:#f95c32;}
#our-sns a#i_weixin{ background-position:center -93px; background-color:#5baf30;}
#our-sns a#i_qzone{ background-position:center -297px; background-color:#f6b433;}
#our-sns a#i_feedback{ background-position:center -398px; background-color:#4b96ed;}
#our-sns a#i_backtop{ background-position:center -590px; background-color:#666;}

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

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

/****  Responsive CSS  ****/
/* Computer < 1200 */
@media only screen and (min-width:1200px){
	.inner{ width:1170px;}
	.full-container{ width:100%;}
}

@media only screen and (max-width:1024px){
	.inner{ width:960px;}
	#search-box #searchform #searchsubmit{ right:9px;}
	.main-menu{ font-size:14px;}
	.navi li a:link, .navi li a:visited{ padding:0 6px;}
	.foot-cbar img{ height:90px;}
}

@media only screen and (min-width:768px) and (max-width:959px){
	.inner{ width:96%;}
	.header .inner{ min-height:132px;}
	.logo{ float:none; text-align:center;}
	.logo img{ display:inline;}
	.main-menu{ float:left;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 10px; line-height:50px;}
	#btn-so{ margin-top:8px;}
	#search-box{ top:130px;}
	#sliderbox{ margin:0 auto; clear:both;}
	#slidebanner{ height:auto;}
	#slideshow li img{ width:100%; height:auto; min-height:inherit;}
	#sliderbox .bx-prev{ background-position:60px 48%;}
	#sliderbox .bx-next{ background-position:0 48%;}
	.announce-wrapper{ width:400px !important;}
	.pic-scroll-list .slide{ width:50%; height:auto;}
	.breadcrumb, .shadow{ display:none;}
	.container, .content{ float:none; margin:0 auto;}
	.col-md-3 div, .col-md-4 div{ padding:0 2%; width:46%;}
	.postlist li a{ float:none; width:100%;}
	.sidebar{ display:none;}
	.piclist{ margin-left:-3%;}
	.piclist li{ margin-left:3%; width:47%;}
	
	.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;}
	
	.foot-lt, #our-sns, .foot-rt{ float:none; max-width:100%; text-align:center;}
	.foot-nav{ font-weight:700;}
	.foot-rt{ margin:40px auto 20px;}
}

@media only screen and (max-width:767px){
	.inner{ width:96%;}
	.header{ position:relative;}
	.header-home{ margin:0 auto; opacity:1;}
	.header .inner{ width:100%; height:48px;}
	.logo{ float:none; margin-left:10px;}
	.logo img{ height:48px;}
	.main-menu{ margin:0 auto; width:100%; font-size:16px; display:none; position:absolute; top:48px;}
	.navi{ background:#333;}
	.navi li{ float:none; width:100%; padding:0; border-bottom:1px solid #262626; border-top:1px solid #363636;}
	.navi li:first-child{ border-top:none;}
	.navi li a:link, .navi li a:visited{ padding:4px 15px; line-height:40px; color:#fff; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
	.navi li a:hover{ color:#FFF; background:#b38e5e;}
	.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:#b38e5e;}
	.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:#fff; background:none;}
	.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#FFF; background:#404040;}
	.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 ul li.menu-item-has-children a{height:48px}
.navi li:hover ul li.menu-item-has-children a:hover{border-left:1px solid #e0e0e0}
.navi li.menu-item-has-children .mean-clicked,.navi li.menu-item-has-children .mean-toggle{float:right;padding:0;width:48px;height:48px;line-height:48px;text-align:center;font-size:14px;border-left:1px solid #e0e0e0;color:#888;background:#e9e9e9 url(../images/menu-mobile.png) no-repeat center 19px;position:absolute;right:0;top:0;z-index:99;cursor:pointer}
.navi li.menu-item-has-children .mean-clicked:hover{color:#fff;background-color:#e9e9e9}
.navi li.menu-item-has-children .mean-toggle{background-position:center -31px}
.navi li.current-menu-item a.mean-clicked:link,.navi li.current-menu-item a.mean-clicked:visited{color:#fff;background-color:#e9e9e9}
.navi li.current-menu-item a.mean-clicked:hover{color:#fff;background-color:#e9e9e9}
.navi li ul li.menu-item-has-children:hover a{color:#fff;background:none}
.navi li ul li.menu-item-has-children ul li:last-child{border-bottom:0}
.navi li:hover ul li.menu-item-has-children a{background:none}
.navi li:hover ul li.menu-item-has-children .mean-toggle:hover{background:#e9e9e9 url(../images/menu-mobile.png) no-repeat center -31px !important}
.navi li:hover ul li.menu-item-has-children .mean-clicked{background:#e9e9e9 url(../images/menu-mobile.png) no-repeat center 19px}
.navi li:hover ul li.menu-item-has-children .mean-toggle{background:#e9e9e9 url(../images/menu-mobile.png) no-repeat center -31px !important}
.navi li ul li.menu-item-has-children:hover ul li a{padding:4px 0 4px 50px;color:#fff}
.navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{padding:0}
	
	#btn-so{ display:none;}
	#mobile-nav{ float:right; height:100%; line-height:100%; display:block; position:absolute; top:0; right:0; z-index:99;}
	#mobile-nav a{ width:54px; height:100%; display:inline-block; cursor:pointer;}
	#mobile-nav #mobile-menu{ background:url(../images/icon.gif) no-repeat center -443px; cursor:pointer;}
	#mobile-nav #mobile-so{ background:url(../images/search.png) no-repeat center 19px;}
	#search-box{ width:100%; display:none; position:absolute; z-index:9999; top:48px;}
	#search-box #searchform{ background:#333;}
	#sliderbox{ margin-top:0; position:relative;}
	#slidebanner{ width:100%; height:auto; margin-left:0; left:0;}
	#slideshow li{ width:100%; height:auto;}
	#slideshow li img{ width:100%; height:auto; min-height:inherit;}
	#sliderbox .bx-prev, #sliderbox .bx-next{ width:60px; height:100%; background:url(../images/arrow-slider.png) no-repeat -60px 43%;}
	#sliderbox .bx-prev{ left:2%;}
	#sliderbox .bx-next{ right:2%; background-position:0 43%;}
	.banner img{ width:100%; height:auto;}
	.breadcrumb .cur-title{ float:none; text-align:center;}
	.breadcrumb a:link, .breadcrumb a:visited{ color:#222;}
	.breadcrumb .crumb-box{ display:none;}
	.container, .content{ float:none; margin:0 auto;}
	.row-fluid h2{ font-size:18px;}
	.col-md-3, .col-lt, .col-rt{ float:none; padding:0; width:100%;}
	.col-lt{ margin-bottom:25px;}
	.pic-fluid{ margin-bottom:25px;}
	.crumb-box, .postlist li a{ float:none; width:100%;}
	.bx-pager, .announce h3, .weibo-box, .postlist li span, .sidebar, .cs-div, .backToTop{ display:none !important;}
	.pic-scroll-list .slide{ width:100%; height:auto;}
	.piclist{ margin-left:-3%;}
	.piclist li{ margin-left:3%; width:47%;}
	.pic-scroll-list .slide{ width:50%;}
	.entry{ font-size:16px;}
	.entry p{ margin-bottom:20px;}
	.related ul.post-list li{ float:none; width:95%;}


.entry table {
	display:block
}
.preview {
	margin-right:-340px;
	width:340px
}
.preview #wrap 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-inquiry {
	text-align:center
}
#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:0
}
	
	.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;}
	
	.footer-widget{ margin-bottom:20px; padding-left:2%; width:31.333%;}

}

@media only screen and (max-width:480px){
	.share, .friendlink{ display:none;}
	.announce ul li{ width:auto;}
	.piclist{ margin-left:0;}
	.piclist li{ margin-left:0; width:100%;}
	.pic-scroll-list .slide{ width:100%;}
	.related li{ float:none; width:95%;}

.preview {
	float:none;
	margin-right:0;
	width:100%
}
.preview #wrap img {
	width:100%;
	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 {
	height:78px;
	background:#f4f4f4
}
#tab-head span {
	padding:0;
	width:48%;
	text-align:center
}
.share,.friendlink {
	display:none
}

	.foot-cbar img{ padding:0 0 20px; height:auto; display:block;}
	.footer-widget{ padding-left:2%; width:48%;}
}