/*
Theme Name: LankerPack
Theme URI: http://www.wpyou.com/
Description: 本高级WordPress企业主题设计开发由: <a href="http://www.wpyou.com/">WPYOU</a>.
Version: 3.5
Author: WPYOU.com
Author URI: http://www.wpyou.com/
Copyright: (c) WPYOU
*/
/* 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;}
svg:not(:root){overflow: hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family: inherit;font-size:100%;margin:0;outline:0;}
button,input{line-height: normal;}
button,select{text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="text"]:hover,input[type="text"]:focus,input[type="text"]:active{border:1px solid #ddd;}  
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;}

/* 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:#555; background:#fff; font:12px/24px Verdana,"Open Sans",Helvetica,Tahoma,Arial,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.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(opacity=50);}

.folio-thumb img{ width:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition-duration:1s; -moz-transition-duration:1s; -ms-transition-duration:1s; -o-transition-duration:1s;}	
.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{ /*background:#ee5225;*/}
.mediaholder{ overflow:hidden;}

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

/* TopBar */
.topbar{ overflow:hidden;}
.flags{ float:right; overflow:hidden;}
.flags a{ margin-left:5px; width:16px; height:24px; text-indent:-9999px; background-image:url(/images/icon-flag.png); background-repeat:no-repeat; display:inline-block;}
.flags a#f-cn{ background-position:0 0;}
.flags a#f-en{ background-position:-27px 0;}
.flags a#f-fr{ background-position:-54px 0;}
.flags a#f-ae{ background-position:-81px 0;}
.flags a#f-es{ background-position:-108px 0;}
.flags a#f-pt{ background-position:-135px 0;}
.flags a#f-ru{ background-position:-162px 0;}
.flags a#f-de{ background-position:-189px 0;}
.flags a#f-it{ background-position:-216px 0;}

/* Header */
.header{ padding-top:12px; background:#fff; clear:both; *position:relative; *z-index:1;/* IE6,7解决下拉菜单被幻灯片遮住问题*/ -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;}
.header .inner{ height:84px; overflow:visible; position:relative;}
.logo{ float:left;}
.logo img{ display:block;}

.head-pinned{ padding:0; height:46px; border-bottom:1px solid #eee; position:fixed; top:0; left:0; width:100%; z-index:10000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.head-pinned .inner{ height:46px;}
.head-pinned .logo{ margin:0 auto; visibility:visible !important;}
.head-pinned .logo img{ height:46px;}
.head-pinned .topbar{ display:none;}
.head-pinned .main-menu{ margin-top:0; font-size:14px; line-height:46px;}
.head-pinned .navi li ul{ top:46px;}
.head-pinned .btn-so{ margin-top:0; height:46px; background-position:center 17px;}
.head-pinned .btn-so-hov{ background-position:center -33px;}
.head-pinned #search-box{ border:1px solid #E6E6E6; border-top:none; top:46px;}
.search-pinned{ position:fixed; top:46px; left:0; width:100%; z-index:99999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}

/* MainMenu */
.main-menu{ float:right; margin-top:13px; font-size:14px; line-height:34px; color:#333; position:relative;}
#mobile-nav{ display:none;}
.navi{ position:relative; z-index:9999;}
.navi li{ float:left; padding:0 4px; text-transform:capitalize; white-space:nowrap; position:relative;}
.navi li a, .navi li a:link, .navi li a:visited{ padding:0 10px; color:#777; display:block;}
.navi li a:hover{ color:#ee5225; text-shadow:none; 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:#ee5225;}

.ul-div{ position:absolute; top:34px; left:4px; z-index:9999; padding:5px 0; width:200px; display:none;}
.ul-div i{ position:relative; top:0; left:38px; width:0; height:0; line-height:10px; font-size:10px; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:8px solid #1380c1; display:block;}

.navi li ul{ padding:10px 0; width:200px; border-top:2px solid #1380c1; background:#fff; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; -moz-box-shadow:3px 3px 6px rgba(0,0,0,0.2),-3px 3px 6px rgba(0,0,0,0.2); -webkit-box-shadow:3px 3px 6px rgba(0,0,0,0.2),-3px 3px 6px rgba(0,0,0,0.2); box-shadow:3px 3px 6px rgba(0,0,0,0.2),-3px 3px 6px rgba(0,0,0,0.2);}
.navi li ul li{ float:none; padding:0; line-height:38px; font-size:14px; border-bottom:1px solid #eee;}
.navi li ul li a, .navi li ul li a:link, .navi li ul li a:visited{ padding:0 16px; height:38px; color:#666; text-shadow: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.menu-item-has-children a{ padding:0 16px; height:38px; color:#666; background:url(/images/menu.png) no-repeat right -14px;}
.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:#ee5225; background:#F6F6F6;}

.navi li.current-post-parent ul li.current-menu-item a, .navi li.current-post-ancestor ul li.current-menu-item a, .navi li.current-menu-parent ul li.current-menu-item a, .navi li.current-category-ancestor ul li.current-menu-item a, .navi li:hover ul li.current-menu-item a{ color:#ee5225; 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 a{ color:#ee5225;}
.navi li:hover ul li a{ background:none;}
.navi li:hover ul li.menu-item-has-children a{ background:url(/images/menu.png) no-repeat right -14px;}

.navi li ul li .ul-div{ position:absolute; top:0; left:200px; padding:0; background:#fff;}
.navi li ul li .ul-div i{ display:none;}
.navi li ul li .ul-div ul{ padding:0 0 10px; -moz-box-shadow:3px 3px 6px rgba(0,0,0,0.2); -webkit-box-shadow:3px 3px 6px rgba(0,0,0,0.2); box-shadow:3px 3px 6px rgba(0,0,0,0.2);}
.navi li ul li.menu-item-has-children:hover a{ color:#ee5225; background:#f6f6f6 url(/images/menu.png) no-repeat right -58px;}
.navi li ul li.menu-item-has-children:hover ul li a{ color:#333; background:#fff;}
.navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#ee5225; background-color:#f6f6f6;}
.navi li:hover ul li.menu-item-has-children ul li a{ background:none;}

.navi li ul.product-menu{ width:240px;}
.navi li ul.product-menu li ul{ left:238px;}

.navi li ul li ul{ border-top-width:1px;}

#product-box{ width:750px; left:auto; right:-40px;}
#product-box i{ left:345px; border-bottom:8px solid #883F6B;}
.product-menu{ padding:25px 15px 15px; width:720px;/* border-top:2px solid #1380c1;*/ background:#fff url(/images/menu-line.png) no-repeat 0 0; overflow:hidden; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; -moz-box-shadow:3px 3px 6px rgba(0,0,0,0.2),-3px 3px 6px rgba(0,0,0,0.2); -webkit-box-shadow:3px 3px 6px rgba(0,0,0,0.2),-3px 3px 6px rgba(0,0,0,0.2); box-shadow:3px 3px 6px rgba(0,0,0,0.2),-3px 3px 6px rgba(0,0,0,0.2);}
.product-menu table{ width:100% !important; height:auto !important;}
.product-menu div{ float:left; margin-bottom:16px; padding:0 10px; width:220px; height:66px; overflow:hidden;}
.product-menu img{ float:left; padding:0 10px 10px; width:70px !important; height:70px !important;}
.product-menu h3{ font-size:14px; line-height:23px;}

.btn-so{ float:right; margin-top:12px; width:40px; height:48px; background:url(/images/search.png) no-repeat center 10px; display:inline-block; cursor:pointer; position:relative;}
.btn-so-hov{ background:url(/images/search.png) no-repeat center -40px;}
.btn-so-hov i{ width:0; height:0; line-height:10px; font-size:10px; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:8px solid #ee5225; display:inline-block; position:absolute; bottom:0; left:13px;}

#search-box{ width:100%; background:#ee5225; display:none;}
#search-box #searchform{ padding:14px 0; width:80%; position:relative;}
#search-box #searchform #ls{ padding:14px 2%; width:96%; border::none; color:#666; -moz-box-shadow:0 0 6px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.1); box-shadow:0 0 6px rgba(0,0,0,0.1);}
#search-box #searchform #ls:hover, #search-box #searchform #ls:focus, #search-box #searchform #ls:active{border:none;}  
#search-box #searchform #searchsubmit{ float:right; padding:14px 0; width:56px; text-indent:-9999px; border:none; background:#2d2d2d url(/images/search.png) no-repeat center 14px; overflow:hidden; cursor:pointer; position:absolute; right:-1px; top:14px; -webkit-transition:background-color 0.4s ease; -moz-transition:background-color 0.4s ease; -o-transition:background-color 0.4s ease; -ms-transition:background-color 0.4s ease; transition:background-color 0.4s ease;}
#search-box #searchform #searchsubmit:hover{ background:#000 url(/images/search.png) no-repeat center -36px;}

/* Slideshow */
#sliderbox{ max-width:1900px; border-bottom:1px solid #eee; position:relative; clear:both; overflow:hidden; -moz-box-shadow:0 8px 15px rgba(0,0,0,.12); -webkit-box-shadow:0 8px 15px rgba(0,0,0,.12); box-shadow:0 8px 15px rgba(0,0,0,.12);}
#slidebanner{ width:1900px; height:500px; margin-left:-950px; text-align:center; _text-align:left; overflow:hidden; position:relative; left:50%; z-index:90; clear:both;}
#slideshow li{ width:1900px; height:500px; position:absolute; left:0; top:0;}
#slideshow li img{ width:1900px; height:500px; 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:12px; width:10px; height:10px; font-size:0; background:#fff; overflow:hidden; display:inline-block; text-decoration:none; moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -moz-box-shadow:0 0 6px rgba(0,0,0,.3); -webkit-box-shadow:0 0 6px rgba(0,0,0,.3); box-shadow:0 0 6px rgba(0,0,0,.3);}
#slidebanner .bx-wrapper .bx-pager a.active{ background:#ffc926;}
#sliderbox .bx-prev, #sliderbox .bx-next{ width:45px; height:100%; _height:500px; text-indent:-9999px; background:url(/images/arrow-slider.png) no-repeat -45px 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:2%; _left:69%;}
#sliderbox .bx-next{ right:2%; background-position:0 48%;}
#sliderbox .bx-prev:hover, #sliderbox .bx-next:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

.shadow-black{ width:100%; height:26px; background:url(/images/shadow-black.png) repeat; overflow:hidden; position:absolute; top:0; right:0; z-index:99;}

/* Container */
.container{ padding:15px 0; clear:both;}
.column-fluid{ float:left; margin-bottom:25px; width:100%;}

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

/* HomePage */
.row-fluid{ margin:35px auto 40px; color:#777; overflow:hidden; clear:both;}
.row-fluid h2{ margin-bottom:25px; line-height:30px; text-align:center; font-size:20px; color:#333;}
.row-fluid h2 a:link, .row-fluid h2 a:visited{ color:#333;}
.row-fluid h2 a:hover{ color:#ee5225; text-decoration:none;}
.row-fluid .stinner{ font-size:13px; line-height:26px;}
.pd-box{ padding:35px 0;}

/* Why */
.row-why{ text-align:center;}
.col-md-3 div{ float:left; padding:0 2%; *padding:0 1.4%; width:29.33%; height:auto; text-align:center; overflow:hidden;}
.col-md-3 div img{ max-width:100%; height:auto;}
.col-md-3 div h3, .col-md-3 div h4{ margin:15px auto 8px; width:100%; height:24px; font-size:14px; color:#555; overflow:hidden;}
.col-md-3 div p{ line-height:20px; color:#888;}

/* HotProducts */
.row-hot-products{ margin:35px auto; padding:35px 0; background-color:#f4f4f4;}
.row-hot-products .readmore{ text-align:center; overflow:hidden;}
.row-hot-products .readmore a{ padding:10px 30px; font-size:18px; border:1px solid #f6a892; color:#ee5225; background-color:#fff; display:inline-block; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.row-hot-products .readmore a i{ float:left; margin-right:12px; width:20px; height:24px; background:url(/images/btn-more.png) no-repeat -31px 3px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.row-hot-products .readmore a:hover{ border:1px solid #ee5225; color:#fff; background-color:#ee5225; text-decoration:none;}
.row-hot-products .readmore a:hover i{ background-position:0 3px;}

.row-half{ float:left; width:49%;}
.row-half a img{ width:100%; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.row-half a:hover img{ opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity=80);}
.flt{ float:right;}
.row-lt{ float:left; width:55%;}
.row-rt{ float:right; width:42%;}

/* About */
.row-about{ margin:0 auto 40px;}
.row-about .stinner a:link, .row-about .stinner a:visited{ color:#1380c1; text-decoration:underline;}
.row-about .stinner a:hover{ color:#ee5225;}

/* OurTeam */
.row-team{ margin:35px auto; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background-color:#f6f6f6;}
.row-team h4{ margin-bottom:15px; font-size:14px;}
.row-team p{ margin-bottom:10px;}
.row-team .btn-l{ margin-top:10px; padding:10px 25px; font-size:18px; color:#ee5225; background:#fff1e8; border:1px solid #ee5225; display:inline-block; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -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;}
.row-team .btn-l:hover{ color:#fff; background:#ee5225;}

/* Clients Blog */
.row-fluid-2column{ margin:35px auto 0;}
.row-fluid-2column h2{ padding-bottom:6px; text-align:left; border-bottom:1px solid #e6e6e6;}
.clients{ float:left; width:55%;}
.clients p{ margin-bottom:20px; line-height:20px;}
.clients .wistia_embed{ float:left; padding:0 10px 0 0;}

.blog{ float:right; width:42%;}
.blog .bloglist li{ margin-bottom:18px; padding-bottom:18px;}
.blog .bloglist li:last-child, .blog .bloglist li.nb{ border:none;}
.blog .bloglist li .folio-thumb{ float:left; padding:5px 18px 0 0; width:240px; vertical-align:middle; display:table-cell; overflow:hidden;}
.blog .bloglist li .folio-thumb img{ width:240px; height:240px;}
.blog .bloglist li .post-title{ margin-bottom:4px; font-size:13px; font-weight:bold; line-height:24px;}
.blog .bloglist li .post-excerpt{ margin-top:10px; line-height:20px; color:#888;}

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

/* Bar-Contact */
.banner-contact-foot{ margin:40px auto 15px; clear:both;}
.banner-contact img{ width:100%; display:block;}
#contact-box{ padding:20px 30px 0;}
#contact-box h2{ margin-bottom:25px; height:36px; line-height:36px; font-size:24px; border-bottom:2px solid #ddd; color:#333;}
#contact-box h2 span{ border-bottom:2px solid #ee5225; display:inline-block;}
.fancybox-contact-outer #fancybox-close{ top:0; right:0; width:44px; height:44px; background:url(/images/btn-close.gif) no-repeat;}

/*.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{ padding:7px 10px; width:400px; line-height:24px; color:#666; border:1px solid #d8d8d8; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.wpcf7 .wpcf7-captchar{ width:100px;}
.wpcf7 .wpcf7-textarea{ padding:6px 0 6px 6px; width:500px; height:120px; 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;}
.wpcf7 .wpcf7-submit{ width:190px; height:55px; line-height:42px; font-size:16px; color:#fff; border:none; background:url(/images/btn-submit.png) no-repeat 0 0; text-indent:-9999px; cursor:pointer;}
.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:active{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}

.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;}
*/
/* Banner */
.shadow{ width:100%; height:30px; background:url(/images/shadow.png) repeat-x; overflow:hidden;}
.banner{ width:100%; height:150px; line-height:150px; background-color:#555; background-repeat:no-repeat; background-position:center 0; background-size:cover; clear:both; overflow:hidden; position:relative;}
.banner .inner{ height:150px;}

/* Breadcrumb */
.breadcrumb{ text-transform:uppercase; color:#fff; overflow:hidden;}
.breadcrumb a, .breadcrumb a:hover{ color:#fff; text-decoration:none;}
.breadcrumb h2{ float:left; color:#fff; font-size:28px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity=80); text-transform:uppercase; text-shadow:1px 1px 5px #333;}
.crumb-box{ float:right; padding-left:20px; background:url(/images/icon-hp.png) no-repeat 0 49%; opacity:0.7; -moz-opacity:0.6; -khtml-opacity:0.6; filter:alpha(opacity=60);}
.crumb-box i{ padding:0 8px 0 5px; font-style:normal;}

/* BreadCrumb
.breadcrumb{ height:80px; line-height:80px; border-top:1px solid #2670C3; color:#fff; background:#ee5225 url(/images/bg-banner.jpg) repeat-x 0 0; overflow:hidden; clear:both;}
.breadcrumb i{ padding:0 8px; background:url(/images/icon.gif) no-repeat 7px -39px;}
.breadcrumb a:link, .breadcrumb a:visited{ color:#fff;}
.breadcrumb a:hover{ color:#fff;}
.breadcrumb a#hp{ padding-left:20px; background:url(/images/icon-hp.png) no-repeat 0 2px;}
.crumb-box{ float:right; opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; filter:alpha(opacity=70);}
 */
.cur-title{ margin-bottom:25px; padding:0 0 10px 20px; font-size:18px; border-bottom:1px solid #CCC; color:#333; background:url(/images/icon.gif) no-repeat 0 -200px; text-transform:capitalize; overflow:hidden;}
.cur-title a{ color:#333; text-decoration:none;}
.cur-title span{ padding-left:4px; color:#fff; opacity:0.3; -moz-opacity:0.3; -khtml-opacity:0.3; filter:alpha(opacity=30);}

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

/* Archive - PicList */
.piclist{ margin-left:-1.83%; overflow:hidden;}
.piclist li{ float:left; margin-bottom:35px; margin-left:1.83%; *margin-left:1.80%; _margin-left:0.935%; width:31.5%; height:auto; overflow:hidden;}
.piclist li .folio-thumb{ position:relative;}
.piclist li .folio-thumb img{/* width:100%; height:auto;*/ vertical-align:middle; display:block;}
.piclist li .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;}
.piclist li:hover .folio-thumb .opacity-pic{ -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; filter:alpha(opacity=40); -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:8px auto; width:100%; height:40px; line-height:20px; font-size:13px; 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%;}
.piclist-col4 li .folio-thumb .mediaholder{ padding:4px; border:1px solid #ddd; background:#fff; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; position:relative;}
.piclist-col4 li .folio-thumb .mediaholder .thumb-inner{ text-align:center; display:table-cell; vertical-align:middle; *display:block; *font-size:115px; *font-family:Arial; overflow:hidden;}
.piclist-col4 li:hover .folio-thumb .mediaholder{ border:1px solid #ffb17d;}
.piclist-col4 li:hover .folio-thumb h3 a, .piclist-col4 li .folio-thumb h3 a:hover{ color:#ee5225;}

.piclist-col4 li .folio-thumb .folio-title{ padding:0;}
.piclist-col4 li .folio-thumb .folio-meta{ float:left; margin:0 95px 0 0; color:#888;height:36px; line-height:18px; overflow:hidden;}
.piclist-col4 li .folio-thumb .btn-inquiry{ float:right; margin:10px 0 0 -88px; width:88px; height:24px; text-indent:-9999px; display:inline-block; background:url(/images/btn-inquiry-s.png) no-repeat 0 0; -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-col4 li .folio-thumb .btn-inquiry:hover, .piclist-col4 li:hover .folio-thumb .btn-inquiry{ background-position:0 -28px;}

/* Archive - ProductList */
#catlist{ margin:0 auto 30px; overflow:hidden;}
#catlist li{ float:left; margin:0 15px 12px 0;}
#catlist li a{ padding:4px 10px; color:#888; background:#f2f2f2; text-transform:uppercase; display:inline-block; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}
#catlist li.current-cat a, #catlist li a:hover{ color:#fff; background:#ee5225; text-decoration:none;}

#catlist li ul{ display:inline;}
#catlist li ul li{ margin:0 15px 0 0;}

#catlist span a{ margin:0 12px 10px 0; padding:4px 10px; color:#888; background:#f2f2f2; text-transform:uppercase; display:inline-block; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}
#catlist span.current-cat a, #catlist span a:hover{ color:#fff; background:#ee5225; text-decoration:none;}

/* Archive - Bloglist */
.content-column{ margin-right:280px; padding-right:31px; border-right:1px solid #e8e8e8;}
.bloglist{ padding:0; overflow:hidden;}
.bloglist li{ margin-bottom:35px; padding-bottom:35px; border-bottom:1px solid #eee; overflow:hidden;}
.bloglist li .folio-thumb{ float:left; padding:5px 18px 0 0; width:240px; vertical-align:middle; display:table-cell; overflow:hidden;}
.bloglist li .folio-thumb img{ width:240px; height:240px;}
.bloglist li .post-title{ margin-bottom:4px; font-size:18px; line-height:28px;}
.bloglist li .post-title a{ color:#222;}
.bloglist li .post-title a:hover{ color:#ee2525;}
.post-meta{ color:#aaa;}
.post-meta a:link, .post-meta a:visited{ color:#aaa;}
.post-meta a:hover{ color:#666;}
.post-meta span{ padding:0 10px 0 18px; color:#aaa; background:url(/images/icon-blog.png) no-repeat 5px 6px;}
.post-meta span.date{ background-position:0 -90px;}
.post-meta span.comments{ background-position:0 -124px;}
.post-meta span.author{ background-position:0 -158px;}
.post-meta span.cat{ background-position:0 -191px;}

.bloglist li .post-excerpt{ margin-top:15px; color:#666; overflow:hidden;}
.bloglist li .post-excerpt p{ margin-bottom:15px;}
.bloglist li .post-excerpt p:last-child{ margin-bottom:0;}

/* Post */
.post{ overflow:hidden;}
.post .post-title{ margin-bottom:8px; padding-bottom:8px; line-height:34px; font-size:24px; border-bottom:1px solid #e8e8e8; color:#222;}
.post .post-meta{ margin-bottom:30px; border:none;}
.post .post-meta span{ padding:0 20px;}
.post .share-post, .post .share-post .addthis_native_toolbox{ float:right;}

.entry{ margin:0 auto 30px; font-size:14px; line-height:28px; color:#333;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin-bottom:20px; padding:0; font-weight:700; border:none; background:none; color:#000;}
.entry p{ margin-bottom:20px;}
.entry a:link, .entry a:visited{ color:#f60;}
.entry a:hover{ color:#1380c1;}
.entry img{ margin-bottom:15px; max-width:100%; height:auto;}
.entry hr{ margin:60px auto; height:1px; background:#eee;}
.entry .left{ float:left; width:45%;}
.entry .right{ float:right; width:45%;}
.entry ol, .entry ul{ margin:10px 30px;}
.entry ol li{ list-style:decimal;}
.entry ul li{ list-style:disc;}
.entry table p{ margin-bottom:0;}
.entry table{ margin-bottom:15px; color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.entry th{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f4f4f4;}
.entry td{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd;}
.entry input, .entry textarea, .entry select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;}
.entry input[type="text"]:hover, .entry input[type="text"]:focus, .entry input[type="text"]:active,.entry textarea :hover, .entry itextarea :focus, .entry textarea :active{ border:1px solid #ee5225;}

.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: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 .tags{ text-indent:16px; font-weight:700; background:url(/images/icon-blog.png) no-repeat 0 -222px; overflow:hidden;}
.post .tags a{ padding-left:5px;}

.post .share{ margin:25px auto; padding-bottom:8px; height:28px; line-height:28px; border-bottom:1px solid #E8E8E8; color:#999; text-align:right; clear:both;}
.post .share #sharebtn{ float:right; padding-right:8px;}
.post .share #bdshare, .post .share .addthis_sharing_toolbox{ float:right;}

/* Post - Product */
.product .post-title{ margin-bottom:15px; padding-bottom:10px; font-size:20px; text-transform:capitalize; line-height:28px; color:#1380c1; text-align:left;}
.product .productMeta{ margin-bottom:45px; overflow:hidden;}
.product .product-meta-box{ margin-left:425px; 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:15px 0 0; border:none; border-top:1px solid #e8e8e8;}
.preview{ float:left; margin-right:-420px; width:420px;}
.preview #wrap{ padding:0;}
.preview #wrap img{ margin-bottom:0; width:400px; height:400px;}

.post ul.thumblist{ float:left; margin:15px 0 0; width:100%; overflow:hidden; display:block;}
.post ul.thumblist li{ float:left; margin:0; width:25%; text-align:center; overflow:hidden;}
.post ul.thumblist li .thumb-wrap{ float:left; padding:1px; width: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 #ee5225;}
.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:#ee5225;}
.product-summary{ margin-bottom:20px; font-size:13px; color:#555;}
.product-meta{ margin-bottom:25px; font-size:13px; color:#555; overflow:hidden;}
.product-meta p, .product-meta ul li{ margin-bottom:12px;}
.product-inquiry a{ padding:10px 30px; line-height:26px; font-size:20px; font-family:Arial; color:#fff; background:#ee5225; display:inline-block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.product-inquiry a:hover{ background-color:#f60; text-decoration:none;}
.product-inquiry a i{ float:left; margin-right:8px; width:36px; height:26px; background:url(/images/btn-inquiry.png) no-repeat 0 0;}
/*.product-inquiry a:hover i{ background-position:0 3px;}*/

#tab-head{ margin-bottom:30px; height:39px; border-bottom:1px solid #e4e4e4; background:#f4f4f4;}
#tab-head span{ float:left; padding:0 18px; line-height:38px; font-size:15px; border-width:1px; border-style:solid; border-top-width:2px;
border-bottom:none; border-color:#f2f2f2; color:#777; text-transform:uppercase; display:block; cursor:pointer; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px;border-top-right-radius:3px;}
#tab-head span.hov{ margin-top:-3px; line-height:41px; border:1px solid #e4e4e4; border-top:2px solid #ee5225; border-bottom:none; color:#ee5225; background:#fff;}
#tabox .entry{ display:none;}

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

/* 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{ 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 .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;}
.wpcf7 .wpcf7-submit{ padding:10px 40px; line-height:24px; font-size:20px; color:#fff; border:none; background:#ee5225; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -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;}
.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:active{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}

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

/* Pagenavi */
.wpagenavi{ margin:20px auto; padding-top:45px; width:100%; line-height:46px; font-size:15px; font-family:Tahoma; border-top:1px solid #eee; text-align:center;}
.wpagenavi a:link, .wpagenavi a:visited{ margin:0 4px; padding:14px 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:#ee5225; text-decoration:none;}
.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ color:#fff; background:#ee5225; 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 0; padding-top:10px; font-size:13px; border-top:1px solid #e8e8e8; color:#333;}

/* Error404 */
.error404{ max-width:390px; padding:50px 0;}
.error404 h4{ height:32px; line-height:32px; font-size:200%; color:#F00;}
.error404 span{ margin-bottom:25px; color:#666; display:block;}
.error404 ol{ padding:5px 0 5px 20px;}
.error404 ol li{ margin:0 auto; list-style:disc;}
.errorsearch{ margin-top:15px; width:100%; overflow:hidden;}
.errorsearch .searchInput{ float:left; padding:6px 0; width:80%; text-indent:12px; height:24px; line-height:24px; border:1px solid #DDD;}
.errorsearch #searchsubmit{ float:right; width:19%; height:38px; font-size:14px; border:none; color:#FFF; background:#666; cursor:pointer;}
.errorsearch #searchsubmit:hover{ background:#333;}

/* Related */
.related{ margin:40px auto 0; overflow:hidden; clear:both;}
.related h2{ margin-bottom:30px; height:36px; line-height:36px; font-size:18px; border-bottom:1px solid #e6e6e6; color:#222;}
.related h2 span{ border-bottom:1px solid #ee5225; display:inline-block;}

.related .piclist-col4{ margin-left:-1.83%;}
.related .piclist-col4 li{ margin-left:1.83%; *margin-left:1.80%; _margin-left:0.935%; width:31.5%;}

.related .productlist li:last-child, .related .productlist li.last{ float:right; margin-left:0; _margin-left:0;}

.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;}
.related ul.thumb-list li{ float:left; margin-bottom:25px; margin-left:1%; *margin-left:1%; _margin-left:0.5%; width:24%; height:auto; text-align:center; overflow:hidden;}

/* Sidebar */
.sidebar{ float:right; margin-left:-315px; padding-left:30px; width:250px; color:#666; border-left:1px solid #e8e8e8; overflow:hidden;}
.sidebar h3{ height:34px; line-height:34px; font-size:15px; letter-spacing:-1px; text-transform:uppercase; border-bottom:1px solid #ddd; color:#666;}
/*.sidebar h3 span{ border-bottom:1px solid #ee5225; display:inline-block;}*/
.sidebar h3 a, .sidebar h3 a:hover{ color:#666; text-decoration:none;}
.sidebar ul{ margin:0 auto;}
.sidebar ul li{ margin-bottom:25px;}
.sidebar ul li ul{ margin:0 auto; padding:20px 0 0; overflow:hidden;}
.sidebar ul li ul li{ margin:0 auto 8px; padding-left:16px; 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:20px 0 0; overflow:hidden;}

.blogbar ul li ul li{ height:auto; line-height:20px; background:url(/images/icon-blog.png) no-repeat 0 -328px;}

/* WidgetNavMenu */
.sidebar ul li.widget_nav_menu div{ padding:0;}
.sidebar ul li.widget_nav_menu ul{ font-size:13px;}
.sidebar ul li.widget_nav_menu ul li{ margin:0; 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:32px; line-height:32px; text-indent:26px; color:#333; background:url(/images/icon-blog.png) no-repeat 10px 15px; display:block; overflow:hidden; -khtml-border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -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{ font-weight:700; color:#ee5225; background:#ffe4d2 url(/images/icon-blog.png) no-repeat 10px -31px; text-decoration:none;}

.sidebar ul li.widget_nav_menu ul li ul{ padding:0 0 0 12px;}

/* RecentPosts */
.sidebar ul li.wpyou_widget_RecentPosts ul{ padding:22px 0 0;}
.sidebar ul li.wpyou_widget_RecentPosts ul li{ margin:0 auto 20px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;}
.sidebar ul li.wpyou_widget_RecentPosts ul li:last-child{ margin:0 auto 10px;}
.sidebar ul li.wpyou_widget_RecentPosts ul li img{ float:left; padding-right:8px; width:96px; height:70px;}
.sidebar ul li.wpyou_widget_RecentPosts ul li h4{ margin-bottom:5px; font-size:12px;}
.sidebar ul li.wpyou_widget_RecentPosts ul li p{ color:#666;}

/* SpecialCatPosts
.sidebar ul li.wpyou_widget_SpecialCatPosts ul{ padding:22px 0 0;}
.sidebar ul li.wpyou_widget_SpecialCatPosts ul li{ margin:0 auto 20px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;}
.sidebar ul li.wpyou_widget_SpecialCatPosts ul li:last-child{ margin:0 auto 10px;}
.sidebar ul li.wpyou_widget_SpecialCatPosts ul li img{ float:left; padding-right:10px; width:90px; height:80px;}
.sidebar ul li.wpyou_widget_SpecialCatPosts ul li h4{ margin-bottom:5px; font-size:13px;}
.sidebar ul li.wpyou_widget_SpecialCatPosts ul li p{ color:#888;}
 */
/* StickyPosts */
.sidebar ul li.wpyou_widget_StickyPosts ul{ padding:22px 0 0;}
.sidebar ul li.wpyou_widget_StickyPosts ul li{ margin:0 auto 20px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;}
.sidebar ul li.wpyou_widget_StickyPosts ul li:last-child{ margin:0 auto 10px;}
.sidebar ul li.wpyou_widget_StickyPosts ul li img{ float:left; padding-right:8px; width:96px; height:70px;}
.sidebar ul li.wpyou_widget_StickyPosts ul li h4{ margin-bottom:5px; font-size:12px;}
.sidebar ul li.wpyou_widget_StickyPosts ul li p{ color:#666;}

/* Search */
.sidebar ul li.widget_search #searchform{ margin-top:20px; padding:4px 0; border:1px solid #f6a892; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.sidebar ul li.widget_search #searchform:hover{ border:1px solid #ee5225; color:#666;}
.sidebar ul li.widget_search .searchInput{ padding:0 10px; height:32px; line-height:32px; border:none; color:#666; background:#fff;}
.sidebar ul li.widget_search .searchInput:hover{ color:#666;}
.sidebar ul li.widget_search .searchBtn{ float:right; *float:none; width:40px; height:32px; text-indent:-9999px; border:none; border-left:1px solid #e8e8e8; color:#fff; background:url(/images/icon-blog.png) no-repeat 12px -278px; cursor:pointer; position:static;}

/* CustomWidgets */
.sidebar ul li.wpyou_widget_SpecialCatList ul li 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:110px;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li h4{ margin-bottom:5px; height:54px; line-height:20px; font-size:14px; overflow:hidden;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p{ color:#666;}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul{ padding:25px 0 0;}
.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:200px; height:200px;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li h4{ margin:4px auto 10px; padding:0 10px; line-height:20px; font-size:14px; overflow:hidden;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts a{ color:#888;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts a:hover{ color:#ee5225;}

/* Calendar */
.sidebar ul li.widget_calendar div#calendar_wrap{ padding:10px;}
#wp-calendar{ width:100%;}
#wp-calendar caption{ padding:5px 0px; 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:#F9F9F9;}
#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#F30;}
#wp-calendar tbody tr td a:hover{ color:#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:35px auto 0; overflow:hidden;}
#addcomment{ margin-bottom:35px; line-height:40px; font-size:18px; border-top:1px solid #1380c1; color:#1380c1; overflow:hidden; }
.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 #e8e8e8; clear:both; position:relative;}
.commentlist li .avatar{ float:left; margin-top:4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.commentlist li .comment_author{ margin:0 0 5px 62px;}
.commentlist li .comment-body{ padding:0 10px 0 62px; color:#666;}
.commentlist li .comment-body p{ margin-bottom:12px;}
.commentlist li ul{ padding:15px 0 0;}
.commentlist li ul li{ padding:18px 0 15px 10%; width:90%;}
.commentlist li.popular{ border-top:1px solid #FEE7C5; background:#FFFDEC;}
.commentlist li #respond{ padding:15px 0 15px 62px;}
.commentlist li #respond #addcomment{ margin-bottom:15px; 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:#333;}
.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 #f6a892;}  
#commentform #submit{ padding:10px 40px; line-height:24px; font-size:20px; color:#fff; border:none; background:#ee5225; 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:40px auto 10px; width:100%; border-top:1px solid #eee; color:#888; overflow:hidden;}
.friendlink ul{ padding:15px 0 0; overflow:hidden;}
.friendlink ul li{ float:left; margin:0 6px; line-height:24px; white-space:nowrap; overflow:hidden;}
.friendlink ul li.fltitle{ margin:0; font-weight:bold;}
.friendlink ul h4{ display:none;}
.friendlink a:link, .friendlink a:visited{ color:#888;}
.friendlink a:hover{ color:#444;}

/* Footer */
.footer{ margin-top:10px; padding:25px 0 0; width:100%; border-top:1px solid #e4e4e4; color:#888; background:#f2f2f2;}
.footer a:link, .footer a:visited{ color:#888;}
.footer a:hover{ color:#444;}

/* Footbar */
.footbar{ overflow:hidden;}
.footbar h3{ margin-bottom:12px; font-size:14px; color:#444; text-transform:capitalize;}
.footbar h3 a{ color:#444;}
.footbar .widget-column{ float:left; margin-bottom:30px; padding-right:2%; width:20%;}
.footbar .widget-column-last, .footbar div.widget-column:last-child{ float:right; padding:0; width:25%;}
.footbar .widget-column ul{ overflow:hidden;}
.footbar .widget-column ul li{ margin-bottom:2px; overflow:hidden;}
.footbar .wpyou_widget_SpecialCatList ul li, .footbar .widget_categories ul li, .footbar .widget_categories ul li, .footbar .widget_archive ul li{ float:left; padding-right:2%; width:48%;}

.footbar .widget_newsletterwidget{ width:25%;}
.social{ padding:5px 0 20px; overflow:hidden;}
.social a{ margin-right:8px; width:25px; height:24px; text-indent:-9999px; background:url(/images/icon-sns.png?v=2023) no-repeat; 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;}
.social a:hover{ opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity=80);}
.social a#i_facebook{ background-position:0 0;}
.social a#i_twitter{ background-position:-38px 0;}
.social a#i_googleplus{ background-position:-76px 0;}
.social a#i_linkedin{ background-position:-114px 0;}
.social a#i_skype{ background-position:-152px 0;}
.social a#i_pinterest{ background-position:-190px 0;}
.social a#i_youtube{ background-position:-226px 0;}
.social a#i_instagram{ background-position:-262px 0;}

.footbar .widget_newsletterwidget .newsletter-widget{ float:left; width:95%;}
.footbar .widget_newsletterwidget form{ margin-top:5px; position:relative;}
.footbar .widget_newsletterwidget form p{ display:block;}
.footbar .widget_newsletterwidget .newsletter-email{ padding:5px 10px; margin-right:80px; width:170px; line-height:28px; border:1px solid #ddd; color:#888; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.footbar .widget_newsletterwidget .newsletter-submit{ padding:0 15px; margin-left:-80px; height:40px; line-height:40px; color:#fff; background:#ee5225; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:none; position:absolute; top:0; right:0; -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:#1380c1;}

.footbar #wp-calendar{ width:94%;}
.footbar #wp-calendar th, .footbar #wp-calendar td{ border:1px solid #393939; background:none;}
#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#F30;}
#wp-calendar tbody tr td a:hover{ color:#eee;}
.footbar #wp-calendar tbody tr td:hover{ border:1px solid #444; color:#eee; background-color:#444;}

.footbar .widget-column i{ padding:0 10px 0 0; width:12px; height:24px; background:url(/images/icon-map.png) no-repeat 0 8px; vertical-align:text-bottom; display:inline-block;}

/* Copyright */
.copyright{ padding:14px 0; color:#fff; background:#1380c1; overflow:hidden;}
.copyright a:link, .copyright a:visited{ color:#fff;}
.copyright a:hover{ color:#fff; opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);}
.copyright .cp{ float:left; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity=80);}
.copyright .sharebox{ float:right;}
.copyright .sharebox .sharebtn{ float:right; padding-right:8px; line-height:24px;}
.copyright .sharebox #bdshare, .copyright .sharebox .addthis_sharing_toolbox{ float:right;}

.foot-share{ float:left; margin-top:5px; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity=80);}
.foot-share span{ float:right; display:inline-block;}
.foot-share .bdsharebuttonbox, .foot-share .bdshare-button-style0-24{ float:right;}
.foot-share .bdshare-button-style1-24 a, .foot-share a{ margin:0 0 0 6px !important; padding:0 !important; width:19px !important; height:18px !important; text-indent:-9999px; display:inline-block; background:url(/images/share-post.gif) no-repeat !important;}
.foot-share .bdshare-button-style1-24 a:hover, .foot-share a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.foot-share .bdshare-button-style1-24 a.s_weibo, .foot-share a.s_weibo{ background-position:0 -48px !important;}
.foot-share .bdshare-button-style1-24 a.s_weixin, .foot-share a.s_weixin{ background-position:-23px -48px !important;}
.foot-share .bdshare-button-style1-24 a.s_pengyouquan, .foot-share a.s_pengyouquan{ background-position:-47px -48px !important;}
.foot-share .bdshare-button-style1-24 a.s_qq, .foot-share a.s_qq{ background-position:-70px -48px !important;}
.foot-share .bdshare-button-style1-24 a.s_renren, .foot-share a.s_renren{ background-position:-94px -48px !important;}

/* 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{ width:124px; height:auto; position:absolute; z-index:99999; overflow:hidden; -webkit-box-shadow:0 0 10px rgba(0,0,0,.4); -moz-box-shadow:0 0 10px rgba(0,0,0,.4); box-shadow:0 0 10px rgba(0,0,0,.4);}
.cs-bar{ width:30px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.cs-div h3{ padding-left:10px; height:38px; line-height:38px; font-size:13px; color:#fff; background:#f60 url(/images/cs-h3.png) no-repeat right 0;}
.cs-div h3 #cs-close{ float:right; width:30px; height:32px; text-indent:-9999px; cursor:pointer; position:absolute; top:0; right:0;}
.cs-div h3.h3bar{ padding:0; width:30px; height:150px; text-indent:-9999px; background:url(/images/h3bar.png) no-repeat 0 0;}
.cs-div h3.h3bar #cs-close{ height:150px;}
.cs-inner{ padding:15px 10px; text-align:center; *border:1px solid #e4e4e4; background:#fff;}
.cs-inner a{ margin-bottom:12px; vertical-align:top; line-height:20px; display:block;}
.cs-inner img{ padding:0 5px 0 3px;}
.cs-btm{ width:100%; height:15px; background:url(/images/cs.gif) no-repeat 0 bottom;}

/* Backtop */
.backToTop{ width:50px; height:48px; background:#999 url(/images/backtop.gif) no-repeat 9px 13px; position:fixed; _position:absolute; right:20px; bottom:40px; _bottom:"auto"; cursor:pointer; display:none; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; z-index:9999;}
.backToTop:hover{ background-color:#666;}

/* AddThis */
.addthis_native_toolbox{ float:right;}
#at4-share, .slideInLeft{ display:none !important;}

/****  Responsive CSS  ****/
@media only screen and (min-width:1400px){
	.inner{ width:1170px;}
}
/* Computer < 1280 */
@media only screen and (min-width:1200px) and (max-width:1400px){
	.inner{ width:1000px;}
	.navi li{ padding:0 2px;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 8px;}
	#tab-head span{ padding:0 12px;}
}

@media only screen and (max-width:1024px){
	.inner{ width:960px;}
	.header .inner{ width:100%;}
	.navi li{ padding:0;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 8px;}
}

@media only screen and (min-width:768px) and (max-width:959px){
	.inner{ width:96%;}
	.header{ position:relative;}
	.header .inner{ width:100%; height:auto; overflow:hidden;}
	.logo{ float:none; text-align:center;}
	.logo img{ max-height:60px; display:inline-block;}
	.topbar{ display:none;}	
	#mobile-nav{ text-align:center; display:block;}
	#mobile-home img{ max-height:80px;}
	.sub-nav a.active i{ display:none;}
	.main-menu{ float:left; margin:0;}
	.btn-so{ margin:0;}
	#slidebanner{ height:auto;}
	#slideshow li img{ width:100%; height:auto; min-height:inherit;}
	
	#sliderbox{ max-width:960px;}
	#slidebanner{ width:960px; height:255px; margin-left:-480px;}
	#slideshow li{ width:960px; height:255px;}
	#slideshow li img{ width:960px; height:255px;}
	
	.clients, .blog{ float:none; width:100%;}
	
	.wpcf7 .wpcf7-textarea{ width:78%;}
	
	.announce-wrapper{ width:400px !important;}
	.pic-scroll-list .slide{ width:50%; height:auto;}
	.container, .content{ float:none; margin:0 auto; border:none;}
	
	.review ul li p{ height:150px;}
	
	.postlist li a{ float:none; width:100%;}
	.sidebar{ display:none;}
	.piclist{ margin-left:-3%;}
	.piclist li{ margin-left:3%; width:47%;}
	
	.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;}
	
	.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;}
	
	#author, #email, #url{ width:80%;}
	#comment{ width:90%;}
	.banner-contact{ width:100%;}
	.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;}
	.footbar .section{ width:30%; padding-right:3.3%;}
	.footbar .widget_newsletterwidget form p{ display:block;}
	.footbar .widget_newsletterwidget .newsletter-email{ width:200px;}
	.footbar .widget_newsletterwidget .newsletter-submit{ margin-top:8px; position:relative; top:auto; left:auto;}
}

@media only screen and (max-width:767px){
	.inner{ width:96%;}
	.header{ position:relative;}
	.header .inner{ width:100%; height:auto; position:static;}
	.logo{ float:none; margin:-60px 60px 0; text-align:center;}
	.logo img{ max-height:60px; display:inline-block;}
	.topbar{ display:none;}	
	.main-menu{ margin:0 auto; width:100%; line-height:40px; font-size:16px; border-top:2px solid #ee5225; display:none; position:absolute; top:70px; left:0; z-index:9999;}
	.main-menu .inner{ width:100%;}
	.navi{ 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{ padding:4px 15px; color:#333;}
	.navi li a:hover{ color:#fff; background:#ee5225;}
	
	.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:#BBB; 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;}
	
	.btn-so{ display:none;}
	
	#mobile-nav{ width:100%; height:50px; line-height:50px; display:block; position:relative;}
	#mobile-nav a{ width:50px; height:100%; background-image:url(/images/icon-mo.png); background-repeat:no-repeat; display:inline-block; position:absolute; top:0;}
	#mobile-nav #mobile-menu{ background-position:center 16px; left:0;}
	#mobile-nav #mobile-so{ background-position:center -26px; right:0;}
	#mobile-nav a.active{ background-color:#ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8;;}
	
	#sliderbox{ max-width:780px;}
	#slidebanner{ width:780px; height:200px; margin-left:-390px;}
	#slideshow li{ width:780px; height:200px;}
	#slideshow li img{ width:780px; height:200px;}
	
	.banner{ height:80px; line-height:80px;}
	.banner img{ width:100%; height:auto;}
	.breadcrumb{ height:80px; line-height:80px;}
	.breadcrumb h2{ float:none; text-align:center;}
	.breadcrumb .cur-title{ display:none;}
	.crumb-box{ display:none;}
	.container, .content{ float:none; margin:0 auto; border:none;}
	.content-column{ padding:0; border:none;}
	.col-md-3 div, .col-md-4 div, .col-lt, .col-rt{ float:none; margin-bottom:30px; padding:0; width:80%;}
	.col-md-3 div:last-child{ margin-bottom:0;}
	.row-about .stinner img{ max-width:100%;}
	.postlist li a{ float:none; width:100%;}
	.bx-pager, .postlist li span, .sidebar, .cs-div, .backToTop{ display:none !important;}
	.pic-scroll-list .slide{ width:100%; height:auto;}
	.clients, .blog{ float:none; width:100%;}
	.clients{ margin-bottom:30px;}
	
	.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;}
	
	.piclist{ margin-left:-3%;}
	.piclist li{ margin-left:3%; width:47%;}
	.bloglist li .folio-thumb{ display:none;}	
	.productlist li .folio-thumb{ height:370px;}
	.review ul li{ float:none; margin-bottom:35px; width:96%;}
	.row-team .stinner img{ margin-bottom:20px;}
	
	.entry{ font-size:16px;}
	.entry p{ margin-bottom:20px;}
	.post .share-post, .post .share-post .addthis_native_toolbox{ float:none; margin-top:10px;}
	.related ul.post-list li{ float:none; width:95%;}
	
	.product .product-inner, .product-img{ float:none; margin:0 auto; width:100%;}
	.product .tips{ clear:both; margin-top:50px;  text-align:center;}
	
	.product .post-head .post-title{ width:100%;}
	.product .post-head #tabs{ width:100%;}
	.product .post-head #tabs span{ padding:0 2%;}
	.product .btn-inquiry-b{ display:block;}
	
	.related{ margin:10px auto 0;}
	.related .productlist li{ margin-bottom:30px;}
	
	#inquiryForm{ padding:40px 40px 0;}
	#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;}
	
	.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;}
	
	#author, #email, #url{ width:80%;}
	#comment{ width:90%;}
	.banner-contact{ width:100%;}
	.footbar .widget-column, .footbar .widget-column-last, .footbar div.widget-column:last-child{ padding:0 2%; width:46%;}
	.footbar .widget_newsletterwidget .newsletter-email{ margin-right:0; width:85%;}
	.copyright .cp{ float:none;}
	.copyright .sharebox, .cs-div, .backToTop{ display:none;}
	.banner-contact-foot{ margin:0 auto 15px;}
}

@media only screen and (max-width:480px){
	.share, .friendlink{ display:none;}
	.sns{ background:none;}
	.sub-nav{ padding:5px 0 10px 0; text-align:right; line-height:24px;}
	.sub-nav a{ padding:0 5px;}
	.sub-nav a#sign-in{ background-position:6px 5px;}
	#sliderbox{ max-width:480px;}
	#slidebanner{ width:480px; height:125px; margin-left:-240px;}
	#slideshow li{ width:480px; height:125px;}
	#slideshow li img{ width:480px; height:125px;}
	.row-half{ float:none; margin-bottom:15px; width:98%; text-align:center;}
	.piclist{ margin-left:0;}
	.piclist li{ margin-left:0; width:100%;}
	/*.bloglist{ margin-left:0;}
	.bloglist li{ float:none; margin:0 auto 30px; width:100%;}
	.bloglist li .folio-thumb{ height:auto;}*/
	.related li{ float:none; width:100%;}
	
	.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;}
	#tab-head span{ padding:0; width:48%; text-align:center;}
	
	#contact-box{ padding:15px 10px 0;}
	.wpcf7 .wpcf7-text{ width:90%;}
	.footbar .widget-column, .footbar .widget-column-last, .footbar div.widget-column:last-child{ width:96%;}
}
.h_weare{float: left; padding: 5px 8px 5px 0px; width: 135px; height: 90px;}
.h_team{float:right; padding:6px 0 0 28px;}