/*
Theme Name: POPForeignTrade
Theme URI: http://www.wpyou.com/
Description: 本高级WordPress企业主题设计开发由: <a href="http://www.wpyou.com/">WPYOU</a>.
Version: 5.8
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;vertical-align:middle;}
svg:not(:root){overflow: hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family: inherit;font-size:100%;margin:0;outline:0;}
button,input{line-height: normal;}
button,select{text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="text"]:hover,input[type="text"]:focus,input[type="text"]:active{border:1px solid #f90;}  
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align: top;}
table{border-collapse:collapse;border-spacing:0;}
body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,span,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0 auto;padding:0;border:0;}

/* Global */
body{ color:#222; background:#fff; font:12px/24px "微軟正黑體",'Open Sans',Helvetica,Verdana,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);}
.c-show{ display:block;}
.c-none{ display:none;}
.folio-thumb img{ width:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -ms-transition-duration:0.7s; -o-transition-duration:0.7s;}	
.folio-thumb:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.folio-thumb .opacity-pic{ /*background:#ef5c32;*/}
.mediaholder{ border:1px solid #f2f2f2; overflow:hidden;}

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

/* TopBar */
.top-bar{ height:88.6px; line-height:88.6px; border-bottom:1px solid #f6f6f6; color:#888; background:#fbfbfb;}
.top-bar .inner{ overflow:visible;}
.top-bar a:link, .top-bar a:visited{ color:#888;}
.top-bar a:hover{ color:#2196f3;}
.top-bar-lt{ float:left; height:34px;}
.top-bar-rt, .top-bar-contact, .sub-menu{ float:right;}
.top-bar-contact{ margin-right:30px;}
.top-bar-contact span{ margin-left:20px; padding-left:20px; background-image:url(images/icon-contact.png); background-repeat:no-repeat; display:inline-block;}
.top-bar-contact #tel{ background-position:0 -191px;}
.top-bar-contact #mail{ padding-left:24px; background-position:0 -229px;}
.sub-menu a{ padding:0 10px;}
#translation_bar{ display:inline;}
#translation_bar a{ padding:0 0 0 10px; display:inline;}

/* Header */
.header{ background:#fff; clear:both; *position:relative; *z-index:1;/* IE6,7解决下拉菜单被幻灯片遮住问题*/}
.header .inner{ height:50px; overflow:visible; position:relative;}
.logo{ float:left; height:50px; line-height:80px; vertical-align:middle;}
.logo img{width:268px;}

.nav-bg{background: #ff6600;}

.head-pinned{ height:50px; position:fixed; top:0; left:0; width:100%; z-index:99999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
.head-pinned .inner{ height:50px;}
.head-pinned .logo{ margin:0 auto; height:50px; line-height:50px; visibility:visible !important;}
.head-pinned .logo img{ max-height:32px;}
.head-pinned .topbar{ display:none;}
.head-pinned .main-menu{ line-height:50px;}
.head-pinned .navi li ul{ top:48px;}
.head-pinned .navi li ul li ul{ top:0;}
.head-pinned .btn-so{ height:50px; background-position:center -67px;}
.head-pinned .btn-so-hov{ background-position:center -147px;}
.head-pinned .navi li .ul-div{ top:50px;}

#ali-ta{ position:absolute; top:25px; right:30px;}

/* MainMenu */
.main-menu{ text-align: center;
width: 100%; font-size:14px; line-height:50px; color:#555;}
#mobile-nav{ display:none;}
.navir ul { text-align:center; padding:0; margin:0; list-style:none;}
.navi ul li { display:inline-block;position: relative;}
.navi ul li a { display:inline-block; color:#fff; font-size:15px; padding:12px 20px;}
.navi ul li a:hover, .navi ul li a:focus, .navi ul li a:active { text-shadow:0 0 8px rgba(255,255,255,0.9);}
.navi ul li#t8 { display:none;}
.navi ul li + li:before { content:"|"; color:#ff6600;}
.navi li.menu-item-has-children i{display: inline-block;
width: 0;
height: 0;
color:#fff;
margin-left: 4px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;}
.navi li.menu-item-has-children:hover a i, .navi li.menu-item-has-children a:hover i{ display:inline-block;}
.navi ul li + li:before { content:"|"; color:#fff;}

.navi li ul{ position:absolute; top:50px; left:0; z-index:1000; padding:10px 0; width:240px; line-height:1.5; border-top:0; background: rgba(255,255,255,0.8);-moz-box-shadow:0 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 6px rgba(0,0,0,0.2); box-shadow:0 1px 6px rgba(0,0,0,0.2); display:none;}
.navi li ul li{ float:none; width:100%;float:left !important;padding:0; border-bottom: 1px #777 solid;line-height:42px; font-size:13px;}
.navi li ul li a:link, .navi li ul li a:visited{ padding:0 20px; height:42px; color:#666;}
.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-item ul li a:hover, .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a/*, .navi li:hover ul li a*/{ color:#ff6600;float:left;text-align:left;background:none;}
.navi li ul li.menu-item-has-children a{ background:url(images/icon-menu.png) no-repeat right -312px;}
.navi li ul li a:hover, .navi li.current-menu-item ul li a:hover, .navi li.current-post-ancestor ul li a:hover, .navi li.current-menu-parent ul li a:hover, .navi li.current-category-ancestor ul li a:hover, .navi li:hover ul li a:hover{ color:#2196f3; background:#fbfbfb;}

.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:#000;}
.navi li:hover ul li a{ background:none;}
.navi li:hover ul li.menu-item-has-children a{ background:url(images/icon-menu.png) no-repeat right -312px;}

.navi li ul li ul{ top:-2px; left:240px; padding:0; display:none; -moz-box-shadow:3px 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:3px 1px 6px rgba(0,0,0,0.2); box-shadow:3px 1px 6px rgba(0,0,0,0.2);}
.navi li ul li.menu-item-has-children:hover a{ color:#2196f3; background:#fbfbfb url(images/icon-menu.png) no-repeat right -354px;}
.navi li ul li.menu-item-has-children:hover ul li a{ color:#666; background:#fff;}
.navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#2196f3; background-color:#fbfbfb;}
.navi li:hover ul li.menu-item-has-children ul li a{ background:none;}

.btn-so{ float:right; width:40px; height:5px; background:url(images/icon-menu.png) no-repeat center -38px; display:inline-block; cursor:pointer; position:relative;}
.btn-so-hov{ background:url(images/icon-menu.png) no-repeat center -118px;}

#search-box{ width:358px;height:38px;float:left; border-top:0;  }


#search-box #searchform{ height:38px;top:30px; width:80%; position:relative;background:#fff;}
#search-box #searchform #ls{ padding:0 2%;border:1px solid #aaa; width:220px;margin-left: 4px;height:30px;margin-top:4px;float:left; border-radius:0; color:#aaa; box-shadow:inset 0 0 8px rgba(0,0,0,0.15);}
#search-box #searchform #ls:hover, #search-box #searchform #ls:focus, #search-box #searchform #ls:active{ border:1px solid #2196f3;} 
 
#search-box #searchform #searchsubmit{ float:right; padding:0px 0; width:31px;height:31px; border: 1px #ff6600 solid;text-indent:-9999px; border:none; background:#ff6600 url(images/search-icon.png) no-repeat center;background-size: 30%;
background-position: center center; overflow:hidden; cursor:pointer; position:absolute; right:0px; top:3px;}
#search-box #searchform #searchsubmit:hover{ background-color:#595959;}



/* Slideshow */
.slideshow-swiper-container{ width:100%; background:#2196f3; overflow:hidden; position:relative;}
.slideshow-swiper-container .swiper-slide{ height:560px; background-position:50% 50%; background-size:cover;}
.slideshow-swiper-container .inner{ height:100%;}
.slideshow-swiper-container img{ width:auto;}
.slideshow-swiper-container .inner{ line-height:1.5; text-shadow:0 0 15px #444;}
.slideshow-swiper-container .inner h4{ margin:150px auto 25px; font-size:60px; font-weight:bold; text-align:center; color:#fff; word-spacing:15px;}
.slideshow-swiper-container .inner p{ margin-bottom:25px; width:50%; font-size:18px; text-align:center; color:#fff; animation-delay:300ms; -webkit-animation-delay:300ms;}
.slideshow-swiper-container a, .slideshow-swiper-container a:hover{ text-decoration:none; display:block; animation-delay:500ms; -webkit-animation-delay:500ms;}
.slideshow-swiper-container .swiper-button-next, .slideshow-swiper-container .swiper-button-prev{ top:0; margin-top:0; width:50px; height:100%; background:url(images/arrow-slider.png) no-repeat;}
.slideshow-swiper-container .swiper-button-prev{ left:-50px; background-position:right center;}
.slideshow-swiper-container .swiper-button-next{ right:-50px; background-position:0 center;}
.slideshow-swiper-container .swiper-pagination-bullet{ background:#fff; opacity:1;}
.slideshow-swiper-container .swiper-pagination-bullet-active{ background:#2196f3;}
.slideshow-swiper-container .swiper-pagination-bullets, .slideshow-swiper-container>.swiper-pagination-bullets{ bottom:20px;}

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

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

/* HomePage */


#index-pro-area h3 { font-size:25px; color:#fff; font-weight:bold; margin:0 0 30px; text-align:center;}
#index_company {
    width:66.8%;
	float:left;
}

#index_company h3 {
    color: #ff6600;
    font-size: 24px;
    margin: 0 0 30px;
    font-weight: bold;
}

#index_company p {
    font-size: 16px;
    line-height: 28px;
    color: #2b2b2b;
}
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid {
	position: relative;
	padding: 1em 7px 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	/*
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	*/
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	opacity:1;
	width:100%;
}

.grid figure figcaption {
	padding:1.5em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
	text-shadow:1px 1px 7px rgba(0,0,0,0.7);
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.effect-sarah {
	background:#000;
}

figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-sarah:hover img {
	opacity:0.5;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 1.2em 0 0.5em;
	text-align:right;	
	text-transform: uppercase;
}

figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	text-align:center;
}

figure.effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	font-size:18px;
}




/*index-advantage-area*/

#index-advantage-area h3 { font-size:25px; color:#fff; font-weight:bold; margin:0 0 30px; text-align:center;}
#index-advantage-area #in-block { margin:15px 0;}
#index-advantage-area #in-block-in { background:rgba(0,0,0,0.6); padding:25px 10px; text-align:center;}
#index-advantage-area #in-block h4 { font-size:18px; color:#fff; font-weight:bold; margin:0;line-height: 24px;}
#index-advantage-area #in-block h4 a { color:#fff;}
#index-advantage-area .img-box { text-align:center; margin-bottom:20px;}
#index-advantage-area .img-box img { width:130px; background:#ff6600; box-shadow:0 0 10px rgba(0,0,0,0.7); border-radius:100px;}
#index-advantage-area #in-block:hover .img-box img { background:#000;}
#index-advantage-area #in-block:hover h4 { color:#ff6600;}
#index-advantage-area #in-block:hover h4 a { color:#ff6600;}


/*index-news*/
.index-news-bg { background:#ced0d1; padding:70px 15px 90px;}
#index-news h3 { font-size:25px; color:#ff6600; font-weight:bold; margin:0 0 30px; text-align:center;}
#index-news-in { text-align:center;}
#index-news-in img { width:100%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.5); margin-bottom:15px;}
#index-news .msgdate_span { display:none;}
#index-news h4 { margin:0 0 15px;}
#index-news h4 a { color:#2b2b2b; font-size:20px; font-weight:bold;}
#index-news p { font-size:16px; line-height:23px; color:#2b2b2b; margin-bottom:15px;}
#index-news .more-box {}
#index-news .more-box a { padding:8px 15px; background:#ff6600; color:#fff; display:inline-block;}
#index-news .more-box a:hover, #index-news .more-box a:focus, #index-news .more-box a:active { background:#000;}


 .more-box a { display:inline-block; background:#ff6600; padding:8px 15px; color:#fff; border:1px #ff6600 solid;}
 .more-box a:hover, #index_company .more-box a:focus, #index_company .more-box a:active { background:rgba(255,255,255,0.5); color:#ff6600;}

.row-fluid{ margin:0px auto 0; overflow:hidden; clear:both;}
.row-fluid h2{ font-size: 25px;
    color: #fff;
    font-weight: bold;
    margin: 0 0 30px;
    text-align: center;text-transform:uppercase; color:#fff; text-align:center; clear:both;}
.row-fluid h2 a:link, .row-fluid h2 a:visited, .row-fluid h2 a{ font-size: 25px;
    color: #fff;
    font-weight: bold;
    margin: 0 0 30px;
    text-align: center; cursor:pointer;}
.row-fluid h2 a:hover{ color:#2196f3; text-decoration:none;}
.row-fluid h2 span, .row-fluid h2 strong{ padding-bottom:6px; border-bottom:2px solid #2196f3; text-decoration:none !important; display:inline-block;}
.row-fluid h2 a span, .row-fluid h2 span a:link, .row-fluid h2 span a:visited, .row-fluid h2 span a, .row-fluid h2 a strong, .row-fluid h2 strong a:link, .row-fluid h2 strong a:visited, .row-fluid h2 strong a{ padding-bottom:0; border-bottom:none;}
.row-fluid p{ margin-top:20px; font-size:14px; line-height:1.8;}
.row-fluid p a{ color:#2196f3; text-decoration:underline;}
.row-fluid p a:hover{ color:#ef5c32;}
.row-section{ float:left; width:100%;}
.row-interval{ padding:100px 0; background-color:#f9f9f9;}
.row-background{ background-image:url(images/section.jpg); background-position:0 50%;
background-size:cover;}
.index-pro-bg{ padding:100px 0;background-image:url(images/index-pro-bg.jpg); background-position:0 50%;
background-size:cover;}
.index-advantage-bg{padding:100px 0; background-image:url(images/index-advantage-bg.jpg); background-position:0 50%;
background-size:cover;}
.row-column-gird{ margin-bottom:-40px; overflow:hidden;}
.col-md-4 {
    width: 33.33333333%;
	float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}


.

.cat-filter{ margin:0 auto 30px; text-align:center; display:table;}
.cat-filter ul li{ margin:0 12px 12px 0; display:inline-block;}
.cat-filter ul li a{ padding:5px 12px; color:#fff; border:1px solid #fff; text-transform:uppercase; display:inline-block; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:0px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.cat-filter ul li.current-cat a, .cat-filter ul li a:hover{ color:#fff; background:#2196f3; text-decoration:none;}
.cat-filter ul li ul{ display:inline;}
.cat-filter ul li ul li{ margin:0 15px 0 0;}
.cat-filter ul span a{ margin:0 12px 10px 0; padding:5px 10px; color:#666; 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:background .4s ease; -moz-transition:background .4s ease; -ms-transition:background .4s ease; -o-transition:background .4s ease; transition:background .4s ease;}
.cat-filter ul span.current-cat a, .cat-filter ul span a:hover{ color:#fff; background:#ee5225; text-decoration:none;}

.col-blog ul li{ margin-bottom:20px; padding-bottom:20px; color:#666; border-bottom:1px dotted #eee; overflow:hidden;}
.col-blog ul li:last-child{ margin-bottom:0; padding-bottom:0; border:none;}
.col-blog ul li img{ float:left; margin:5px 15px 20px 0; width:100px;}
.col-blog ul li h3{ margin-bottom:10px; font-size:18px;}
.col-blog ul li p{ margin:0 auto; font-size:13px;}
.col-blog ul li a.link-more{ margin-left:20px; padding-left:12px; color:#2196f3; background:url(images/arrow-sub.gif) no-repeat 0 center; text-decoration:underline;}
.col-blog ul li a.link-more:hover{ color:#ef5c32;}

.row-2c-lt{ margin-right:430px;}
.row-2c-lt h2, .row-2c-rt h2{ margin-bottom:30px; text-align:left;}
.row-2c-lt h3{ font-size:20px; text-shadow:1px 1px 1px #fff;}
.accordion-header{ margin-top:12px; padding:7px 15px 7px 40px; font-size:14px; color:#2196f3; border:1px solid #eee; background:#f9f9f9 url(images/icon-accordion.gif) no-repeat 15px 20px; cursor:pointer;}
.active-header{ font-weight:600;}
.inactive-header{ color:#555; background:#f4f4f4 url(images/icon-accordion.gif) no-repeat 15px -65px;}
.accordion-content{ margin:0 auto !important; padding:20px 16px 20px 20px; border:1px solid #eee; border-top:none; color:#888; font-size:13px; line-height:26px; display:none;}
.accordion-content p{ font-size:13px;}
.accordion-content a:link, .accordion-content a:visited{ color:#2196f3;}
.accordion-content a:hover{ color:#222;}
.accordion-list{ margin-top:-12px; overflow:hidden;}

.row-2c-rt{ float:right; margin-left:-400px; width:400px; overflow:hidden; position:relative;}

/* Clients */
.row-gallary-slider .inner{ text-align:center;}
.client-swiper-container{ margin-top:35px; position:relative;}
.client-swiper-container .swiper-slide{ text-align:center;}
.client-swiper-container .swiper-slide img{ border:1px solid #eee;}

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


/*index-banner*/
.index-banner { position:relative;}
.index-banner #banner_caption { position:absolute; z-index:10; right:0%; bottom:38%; text-shadow:0 0 5px rgba(0,0,0,0.7), 0 0 5px rgba(0,0,0,0.7);}
.index-banner #banner_caption2{position:absolute; z-index:10; left:0%; bottom:38%; text-shadow:0 0 5px rgba(0,0,0,0.7), 0 0 5px rgba(0,0,0,0.7);}
.index-banner #banner_caption h2, .index-banner #banner_caption2 h2 { font-size:2.3em; color:#fff; margin:0 0 15px; font-weight:bold;}
.index-banner #banner_caption h2 a, .index-banner #banner_caption2 h2 a { color:#fff;}
.index-banner #banner_caption h2 span.bold, .index-banner #banner_caption2 h2 span.bold { font-weight:800; font-family:'Open Sans',sans-serif;}
.index-banner #banner_caption h2 span.orange, .index-banner #banner_caption2 h2 span.orange { color:#ff6600;}
.index-banner #banner_caption p, .index-banner #banner_caption2 p { margin:0; color:#fff; font-size:16px; line-height:28px;}
.index-banner #banner_caption p a, .index-banner #banner_caption2 p a {color:#fff;}



/*---------------尺寸微調---------------*/

@media screen and (max-width:1500px) {
.index-banner #banner_caption { right:30%;}	
.index-banner #banner_caption2 { left:30%;}	
}

@media screen and (max-width:1400px) {
.index-banner #banner_caption { right:0; left:0; bottom:32%; width:100%;}
.index-banner #banner_caption2 { left:0; right:0; bottom:32%; width:100%;}
}





/*in-banner*/
.in-banner { background:url(images/in-banner.jpg) left center no-repeat; padding:20px 0; background-size:cover;}
.in-banner #maincarousel { min-height:250px;}
.in-banner #banner_caption { position:absolute; right:21%; top:40%;}
.in-banner #banner_caption h2 { font-size:2.3em; line-height:1.5em; color:#fff; margin:0; font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,0.8);}
.in-banner #banner_caption h2 span.bold { font-weight:800; font-family:'Open Sans',sans-serif;}
.in-banner #banner_caption h2 span.orange { color:#ff6600;}



/*---------------尺寸微調---------------*/

@media screen and (max-width:1700px) {
.in-banner #banner_caption { right:18%;}
	
}

@media screen and (max-width:1600px) {
.in-banner #banner_caption { right:16%;}
	
}

@media screen and (max-width:1500px) {
.in-banner #banner_caption { right:14%;}

}








/* Breadcrumb */
.breadcrumb{  padding: 6px 15px;background:#dedede; border-radius:0; margin-bottom:30px;font-size:13px; color:#777;}
.breadcrumb a, .breadcrumb a:hover{ color:#555; text-decoration:none;}
.breadcrumb h2{ float:left; color:#fff; font-size:28px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; opacity:0.9; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity=80);}
.crumb-box{ float:left; padding-left:10px;  opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; filter:alpha(opacity=7);}
.crumb-box i{ padding:0 8px 0 5px; font-style:normal;}
.crumb-box i{ padding:0 8px 0 5px; font-style:normal;}

.cur-title{ margin-bottom:25px; padding:0 0 10px 20px; font-size:15px; font-weight:normal; border-bottom:1px solid #e6e6e6; color:#777; background:url(images/icon.gif) no-repeat 0 -220px; overflow:hidden;}
.cur-title a{ color:#777; 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);}

.page-header { padding:0; margin:0; border:none;}
.page-header h1 { font-size:23px; font-weight:bold; color:#ff6600; padding:0 15px 15px 15px; margin:0 0 25px; border-bottom:1px #ddd solid;}
.page-header h1 a{ font-size:23px; font-weight:bold; color:#ff6600;}



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

/* Archive - PicList */
.cat-desc{ margin-bottom:25px; padding:15px; border:1px solid #ebebeb; color:#666; background:#f6f6f6;}
.cat-desc p{ text-indent:2em;}
.piclist{ margin-left:-3%; overflow:hidden;}
.piclist li{ float:left; margin-bottom:30px; margin-left:3%; *margin-left:1.8%; _margin-left:1.5%; width:30.3%; height:auto; text-align:center; overflow:hidden;}
.piclist li .folio-thumb{ position:relative;}
.piclist li .folio-thumb img{ width:100%; height:auto; display:block;}
.piclist li .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;}
.piclist li:hover .folio-thumb .opacity-pic{ -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; filter:alpha(opacity=40); -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.piclist li h3{ color:#fff;margin-top:10px; width:100%; height:40px; line-height:20px; font-size:14px; font-weight:normal; overflow:hidden; position:relative; z-index:10;}
.piclist li:hover a{ color:#fff;}

.piclist-col4{ margin-left:-2%;}
.piclist-col4 li{ margin-left:2%; _margin-left:1%; width:23%;}

/* Archive - ProductByFunction */
.cat-desc{ margin-bottom:30px; padding:15px 15px 18px 18px; color:#666; border-bottom:1px solid #e6e6e6; background:#f5f5f5; -moz-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); -webkit-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03);}
.cat-desc .cur-title{ margin-bottom:10px; padding:0 0 0 20px; font-size:14px; font-weight:700; border:none;}
.cat-desc .cur-title a{ color:#444; text-decoration:none;}
.cat-desc .cat-desc-inner{ line-height:20px;}

.piclist-fc{ padding:0; overflow:hidden;}
.piclist-fc li{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eaeaea; overflow:hidden;}
.piclist-fc li .folio-thumb{ float:left; margin-right:-250px;}
.piclist-fc li .folio-thumb img{ margin-top:5px; width:230px; height:175px; display:block;}
.piclist-fc li .folio-text{ margin-left:250px;}
.piclist-fc li h3{ margin-bottom:10px; font-size:14px; font-weight:700;}

.piclist-fc li:hover { border-bottom:1px solid #ddd;}
.piclist-fc li:hover h3 a{ color:#ef5c32;}

.piclist-fc li .folio-text .post-excerpt{ color:#666;}
.piclist-fc li .folio-text .post-excerpt .excerpt-metas{ margin-left:-1%; padding-top:8px; overflow:hidden;}
.piclist-fc li .folio-text .post-excerpt .excerpt-metas p{ float:left;  margin:0 1% 10px; padding:6px 2%;/* width:27.333%;*/ background:#f4f4f4; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.piclist-fc li .folio-text .post-excerpt .excerpt-metas p:hover{ color:#fff; background:#ef5c32;}
.piclist-fc li .folio-text .read-more{ margin-top:15px; text-align:right; overflow:hidden; clear:both;}
.piclist-fc li .folio-text .read-more a{ padding-left:18px; color:#2196f3; background:url(images/icon.gif) no-repeat 0 -269px; display:inline-block;}

/* Archive - ExcerptPiclist */
.picexlist{ padding:0; overflow:hidden;}
.picexlist li{ margin:0 auto 35px; padding:0 0 30px; border-bottom:1px solid #eee; color:#666; overflow:hidden;}
.picexlist li .post-thumb{ float:left; padding-right:15px;}
.picexlist li .post-thumb img{ padding:5px; width:240px; border:1px solid #eee;}
.picexlist li:hover .post-thumb img{ border-color:#fdb795;}
.picexlist li h3{ margin-bottom:12px; font-weight:700;}
.picexlist li .excerpt{ color:#777;}
.picexlist li:last-child, .picexlist li.nb{ margin:0 auto; border:none;}
.picexlist p.read-more{ margin-top:10px; text-align:right;}
.picexlist p.read-more a{ padding-left:12px; color:#2196f3; background:url(images/arrow-sub.gif) no-repeat 0 center; text-decoration:underline;}
.picexlist p.read-more a:hover{ color:#ef5c32;}

/* Archive - Bloglist */
.bloglist{ margin-left:-3.33%; padding:0; overflow:hidden;}
.bloglist li{ float:left; margin:0 0 30px 3.33%; _margin:0 0 25px 1.51%; width:30%; color:#666; overflow:hidden; position:relative;}
.bloglist li .folio-thumb{ padding:4px; height:540px; border:1px solid #ddd; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.bloglist li .folio-thumb:hover{ border:1px solid #ffb17d; background:#fff9f4;}
.bloglist li .folio-thumb img{ display:block;}
.bloglist li h3{ margin:10px auto 8px; padding:0 3px 8px; font-size:14px; line-height:20px; border-bottom:1px solid #eee;}
.bloglist li h3 a:hover, .bloglist li:hover h3 a{ color:#ef5c32;}

.post-meta{ padding-bottom:8px; color:#999; border-bottom:1px solid #eee; overflow:hidden;}
.post-meta a:link, .post-meta a:visited{ color:#999;}
.post-meta a:hover{ color:#666;}
.post-meta span{ padding:2px 10px 2px 20px; background:url(images/icon-blog.png) no-repeat 5px 6px;}
.post-meta span.date{ background-position:0 -86px;}
.post-meta span.comments{ background-position:0 -120px;}
.post-meta span.author{ background-position:0 -154px;}
.post-meta span.cat{ background-position:0 -187px;}

.bloglist li .postexcerpt{ padding:15px 5px; line-height:20px; overflow:hidden;}
.bloglist li .postexcerpt .post-excerpt{ max-height:120px; *height:120px; overflow:hidden;}
.bloglist li .postexcerpt .read-more{ padding:8px 0 0; font-weight:700; display:inline-block;}

.bloglist li .tag{ position:absolute; bottom:0; left:0; width:100%;}
.bloglist li .tag .taglist{ margin:1px; padding:8px 5px 8px 10px; text-indent:20px; border:1px solid #fff; background:#f9f9f9 url(images/icon-blog.png) no-repeat 10px -214px; overflow:hidden;}
.bloglist li .tag .taglist a{ text-indent:0;}

.bloglist li h2.title{ margin-bottom:5px; font-weight:700;}
.bloglist li .blog-meta{ margin:0 0 15px -8px; color:#ddd;}
.bloglist li .blog-meta span{ padding:0 8px; color:#999;}
.blog-meta a:link, .blog-meta a:visited{ color:#999;}
.blog-meta a:hover{ color:#666;}
.bloglist p.read-more{ margin-top:10px; text-align:right;}
.bloglist p.read-more a{ color:#005BB5; text-decoration:underline;}
.bloglist p.read-more a:hover{ color:#444;}

/* Post */
.post{ overflow:hidden;}
.post .post-title{ margin-bottom:8px; padding-bottom:8px; line-height:40px; font-size:28px; font-weight:500; border-bottom:2px solid #f4f4f4;}
.post .post-meta{ margin-bottom:25px; border:none;}
.post .post-meta span{ padding:2px 20px 2px 20px;}
.post .post-meta span span{ padding:0; background:none;}

.entry{ font-size:14px; line-height:28px; color:#222;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin-bottom:20px; padding:0; font-weight:700; border:none; background:none;}
.entry p{ margin-bottom:12px;}
.entry a:link, .entry a:visited{ color:#2196f3;}
.entry a:hover{ color:#ef5c32;}
.entry img{ margin-bottom:10px; max-width:100%; height:auto;}
.entry hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;}
.entry .left{ float:left; width:45%;}
.entry .right{ float:right; width:45%;}
.entry ol, .entry ul{ margin:10px 30px;}
.entry ol li{ list-style:decimal;}
.entry ul li{ list-style:disc;}
.entry input,.entry textarea,.entry select{ padding:6px; border:1px solid #ccc; font-size:100%; vertical-align: middle;}
.entry input[type="text"]:hover,.entry input[type="text"]:focus,.entry input[type="text"]:active{ border:1px solid #999;}
.entry table{ margin-bottom:15px; max-width:99.5%; color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.entry th{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f4f4f4;}
.entry td{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; word-wrap:break-word;}
.entry input, .entry textarea, .entry select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;}
.entry input[type="text"]:hover, .entry input[type="text"]:focus, .entry input[type="text"]:active,.entry textarea :hover, .entry itextarea :focus, .entry textarea :active,, .entry select:hover{ border:1px solid #ef5c32;}

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

.post-meta-bottom{ margin:35px auto 60px; color:#999; border-bottom:1px solid #eee; overflow:hidden;}
.post-meta-bottom .tags{ float:left; padding-bottom:10px; text-indent:18px; background:url(images/icon-blog.png) no-repeat 0 -222px; overflow:hidden;}
.post-meta-bottom .tags a{ padding-left:5px; color:#888;}
.post-meta-bottom .tags a:hover{ color:#2196f3;}
.post-meta-bottom .share{ float:right;}
.post-meta-bottom .share #sharebtn{ float:right; padding-right:10px;}
.post-meta-bottom .share #bdshare, .post-meta-bottom .share .addthis_sharing_toolbox{ float:right;}

/* Post - Product */
.container-product{ margin-top:-25px; padding:0; width:100%;}
.product-header{ padding:40px 0 0; background:#fcfcfc;}
.product .post-title{ margin-bottom:30px; padding-bottom:10px; font-size:28px; font-weight:700; line-height:38px; border-bottom:1px solid #dbdbdb; text-align:left; clear:both;}
.product .productMeta{ overflow:hidden;}
.product .product-meta-box{ margin-left:440px; overflow:hidden;}
.product .metaList{ float:left; margin:0 0 0 30px !important;}
.product .metaList li{ padding:7px 0 8px 0; border-bottom:1px solid #EEE; overflow:hidden;}
.product .metaList li strong{ float:left; padding-right:8px; width:130px; text-align:right; font-weight:normal; display:block;}
.product .metaList li.inquiry{ padding:15px 0 5px;}

.product .left{ float:left; width:45%;}
.product .right{ float:right; width:45%;}
.preview{ float:left; margin-right:-435px; width:435px;}
.preview #wrap{ padding:0;}
.preview img{ margin-bottom:0; padding:5px; border:1px solid #e6e6e6; width:400px; height:400px; background:#fff;}

.post ul.thumblist{ float:left; margin:15px 0 0; width:100%; overflow:hidden; display:block;}
.post ul.thumblist li{ float:left; margin:0; width:25%; text-align:center; overflow:hidden;}
.post ul.thumblist li .thumb-wrap{ float:left; padding:1px; width:82px; border:1px solid #e6e6e6; background:#fff; overflow:hidden;}
.post ul.thumblist li.nomargin{ margin:0 0 0 9px;}
.post ul.thumblist li em{ width:100%; height:6px; font-size:0; overflow:hidden; display:none;}
.post ul.thumblist li img{ margin-bottom:0; border:none; padding:1px; width:80px; height:80px; cursor:pointer; vertical-align:middle;}
.post ul.thumblist li .imWrap{ float:left; width:82px; height:82px; text-align:center; display:table-cell; vertical-align:middle; *display:block; *font-size:63px; *font-family:Arial;}

.post ul.thumblist li span{ color:#666;}
.post ul.thumblist li.zoomActive .thumb-wrap{ border:1px solid #ef5c32;}
.post ul.thumblist li.zoomActive span{ color:#c52620;}

.cloud-zoom-lens{ border:1px solid #eee; background:url(images/grid.png) repeat 0 0; cursor:move;}
.cloud-zoom-big{ top:0 !important; width:450px !important; height:410px !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:#222;}
.product-meta{ margin-bottom:35px; font-size:13px; color:#222; overflow:hidden;}
.product-meta p, .product-meta li{ margin-bottom:0; line-height:30px;}
.product-meta strong, .product-meta b{ width:170px; color:#666; font-weight:normal; display:inline-block;}
.product-inquiry{ overflow:hidden; clear:both;}
.product-inquiry a{ float:left; padding:11px 30px; line-height:26px; font-size:20px; font-weight:bold; color:#fff; background:#f70; 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:#ef5c32; 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 p{ float:left; margin:6px 0 0 15px; line-height:20px; color:#999;}

.product-tips{ margin-top:30px; padding:20px 25px; border:1px solid #e9ebed; background-color:#f5f7f8; clear:both; position:relative;}
.product-tips i{ width:14px; height:8px; line-height:8px; font-size:8px; background:url(images/icon-arrow.png) no-repeat center 0; display:inline-block; position:absolute; top:-8px; left:45px; z-index:99;}
.product-tips h4{ margin-bottom:10px; font-size:14px; font-weight:bold; color:#666;}
.product-tips  ul li{ margin-bottom:4px; padding-left:16px; color:#777; background:url(images/icon.gif) no-repeat 0 -313px;}

.tab-head{ margin-top:65px; height:39px; border-bottom:1px solid #e4e4e4;}
.tab-head .inner{ overflow:visible; position:relative;}

.tab-head li{ float:left; margin-right:5px; padding:0 25px; line-height:38px; font-size:16px; font-weight:bold; text-transform:uppercase; color:#222; 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 li.current{ margin-top:-3px; line-height:41px; font-weight:bold; border:1px solid #e4e4e4; border-top:2px solid #2196f3; border-bottom:none; color:#2196f3; background:#fff;}
.tab-head li a:link, .tab-head li a:visited, .tab-head li a:hover{ color:#222; text-decoration:none;}
.tab-head li.current a:link, .tab-head li.current a:visited, .tab-head li.current a:hover{ color:#2196f3;}
.tab-head span{ float:left; margin-right:5px; padding:0 25px; line-height:38px; font-size:16px; font-weight:bold; color:#666; 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; font-weight:bold; border:1px solid #e4e4e4; border-top:2px solid #2196f3; border-bottom:none; color:#2196f3; background:#fff;}
.Xtranslate{ -wekit-transform:translate3d(90px,0,0); -moz-transform:translate3d(90px,0,0); -o-transform:translate3d(90px,0,0); -ms-transform:translate3d(90px,0,0); transform:translate3d(90px,0,0);}

#tab-product{ padding-top:50px;}
#tab-product .entry{ display:none;}
#tab-product .entry .tab-tilte{ margin:40px auto 25px; padding:0 3%; height:42px; line-height:42px; font-size:16px; border-bottom:1px solid #e4e4e4; display:none;}
#tab-product .entry .tab-tilte span{ padding:0 25px; line-height:41px; font-weight:bold; border:1px solid #e4e4e4; border-top:2px solid #2196f3; border-bottom:none; color:#2196f3; background:#fff; display:inline-block; -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 a:link, .tab-head span a:visited, .tab-head span a:hover{ color:#666; text-decoration:none;}
.tab-head span.hov a:link, .tab-head span.hov a:visited, .tab-head span.hov a:hover{ color:#2196f3;}
.tab-pinned{ margin:0 auto; width:100%; background:#fff; position:fixed; top:50px; left:0; z-index:9999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); -moz-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08);}
.tab-pinned span{ float:none; display:inline-block;}
.tab-pinned span.hov{ margin-top:0; line-height:38px;}
#tab-product .entry-pinned{ padding-top:110px;}

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

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

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

/* Page - Contact us */
.contact-us{ float:none; margin-top:30px;}
.contact-us h3{ margin-bottom:30px; height:36px; line-height:36px; border-bottom:1px solid #e2e2e2;}
.contact-us h3 strong, .contact-us h3 b, .contact-us h3 span{ font-size:18px; color:#444; border-bottom:1px solid #aaa; display:inline-block;}
.contact-msg{ float:left; width:48%}
.contact-msg #commentform{ padding-top:5px;}
.contact-msg #author, .contact-msg #email, .contact-msg #url, .contact-msg #comment{ margin-bottom:10px; padding:5px 15px; width:90%; font-size:12px;}
.contact-msg #comment{ min-height:120px;}
.contact-box{ float:right; width:48%;}
.contact-box p{ padding-left:140px;}
.contact-box p span{ margin-left:-140px; padding-right:12px; width:128px; text-align:right; color:#666; display:inline-block;}
.contact-map{ margin-top:60px;}

/* Page - Sitemap */
.page-sitemap{ background:#eee;}
.sitemap-box{ margin:25px auto; padding:2%; width:92%; line-height:24px; background:#fff;}
.sitemap-box a:link, sitemap-box a:visited{ color:#222;}
.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;}

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

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

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

.wpcf7 p{ margin-bottom:18px; overflow:hidden; clear:both;}
.wpcf7 label{ padding:0 15px 0 0; width:90px; font-size:14px; font-family:Verdana; text-align:right; color:#444; display:inline-block;}
.wpcf7 label.long{ width:auto; text-align:left;}
.wpcf7 label em{ padding:5px 8px 0 0; color:#f00; font-style:normal; font-size:12px;}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-captchar, .wpcf7 .wpcf7-select{ padding:8px 10px; color:#666; border:1px solid #d8d8d8;}
.wpcf7 .wpcf7-select{ padding:8px 11px;}
.wpcf7 .wpcf7-captchar{ width:100px;}
.wpcf7 .wpcf7-textarea{ padding:10px; width:80%; height:160px; color:#666; overflow-y:scroll; border:1px solid #d8d8d8;}
.entry .wpcf7 input[type="text"]:hover,.entry .wpcf7 input[type="text"]:focus,.entry .wpcf7 input[type="text"]:active,.wpcf7 .wpcf7-text:hover, .wpcf7 .wpcf7-text:active, .wpcf7 .wpcf7-captchar:hover, .wpcf7 .wpcf7-captchar:active, .wpcf7 .wpcf7-textarea:hover, .wpcf7 .wpcf7-textarea:active{ border:1px solid #f90;}
.wpcf7 .wpcf7-submit{ padding:9px 50px; font-size:18px; font-family:Arial; border:none; color:#fff; background:#f60; display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:active{ background-color:#f80;}

.wpcf7 p.btn-submit span{ color:#f00;}

.wpcf7 .wpcf7-not-valid{ border:1px solid #f00;}
.wpcf7 span.wpcf7-list-item-label{ padding-right:10px;}
.wpcf7 span.wpcf7-not-valid-tip{ margin:0 auto; padding-left:10px; background:#fff; display:inline !important;}
.wpcf7 .your-message span.wpcf7-not-valid-tip{ margin-left:-220px;}
.wpcf7 .ajax-loader{ margin:12px 0 0;}
div.wpcf7-mail-sent-ok{ border:1px solid #c2e7c8 !important; color:#008c00; text-align:center;}
div.wpcf7-validation-errors{ padding:0.8em 1em !important; border:1px solid #f7e700 !important; color:#f30; text-align:center;}

#inquiryForm{ padding:40px; border:1px solid #e6e6e6;}
#inquiryForm .wpcf7 label{ width:120px;}
.wpcf7 #your-firstname{ width:150px;}
.wpcf7 #your-lastname{ width:150px;}

/* Newsletter */
.entry .newsletter-subscription table{ width:99.5%; border:none;}
.entry .newsletter-subscription th{ border:none; background:none;}
.entry .newsletter-subscription td{ border:none;}

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

/* Join us */
.job-list h4{ margin-bottom:0; padding:0 15px; line-height:40px; font-size:16px; color:#fff; background:#ef5c32; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.job-list .accordion-content{ margin-top:-3px; padding:20px 30px; color:#666; background:#fff; border:1px solid #e4e4e4; border-top:none;}
.job-list .accordion-content h3{ margin-bottom:10px;}

.joinus-qw{ margin-top:50px; color:#666;}
.joinus-qw h4, .joinus-pic h4{ padding:0 15px; line-height:40px; font-size:16px; color:#222; background:#f2dede; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.joinus-qw p{ margin-top:5px; padding:0 15px;}

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

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

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

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

.c-mail h4 span{ padding-left:50px; color:#666; font-size:14px;}

.c-addr{ margin-bottom:50px;}
.c-addr h3{ float:left; font-size:24px;}
.c-addr p{ margin-bottom:8px; padding-left:50px; line-height:1; color:#666; overflow:hidden;}

.c-map img{ padding:5px; border:1px solid #f0f0f0;}

/* Partner */
.entry .coop{ margin-bottom:100px;}
.entry .coop li{ line-height:30px; list-style:none; color:#666;}
.entry .coop li img{ float:left; padding-right:20px;}
.entry .coop li p{ font-size:12px; line-height:24px; margin-top:40px;}
.entry .coop-btm{ margin-bottom:0;}

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

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

/* Pagenavi */
.wpagenavi{ margin:0 auto; padding-top:50px; width:100%; line-height:46px; font-size:15px; font-family:Tahoma; border-top:1px solid #e4e4e4; text-align:center; overflow:hidden;}
.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:#ef5c32; text-decoration:none;}
.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ color:#fff; background:#ef5c32; 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-bottom:40px;}

/* Related */
.related h2{ margin-bottom:25px; padding:10px 0; font-size:20px; font-weight:500; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.related-post ul{ overflow:hidden;}
.related-post ul li{ float:left; margin-bottom:8px; width:50%; height:24px; background:url(images/icon.gif) no-repeat 0 9px; overflow:hidden;}
.related-post ul li a{ padding-left:15px;}
.related-pic h2{ margin-bottom:35px;}

/* Sidebar */
.sidebar{ float:left; margin-right:-260px; width:260px; color:#666;}
.sidebar h3{ height:34px; line-height:34px; font-size:16px; border-bottom:1px solid #2196f3; color:#2196f3; text-transform:uppercase;}
.sidebar h3 a, .sidebar h3 a:hover{ color:#2196f3; text-decoration:none;}
.sidebar ul{ margin:0 auto;}
.sidebar ul li{ margin-bottom:20px;}
.sidebar ul li ul{ margin:0 auto; padding:15px 10px; background:#f9f9f9; -moz-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); -webkit-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03);}
.sidebar ul li ul li{ margin:0 auto 5px; padding-left:16px;  background:url(images/icon.gif) no-repeat 0 7px; overflow:hidden;}
.sidebar ul li ul li ul{ border:none; display:none;}
.sidebar ul li div{ background:#f9f9f9; overflow:hidden; -moz-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); -webkit-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03);}
.sidebar ul li div p{ padding:15px 10px 10px; line-height:28px;}

/* Sidebar - WidgetMenu */
.sidebar ul li.widget_nav_menu div{ padding:0; border:none; background:none;}
.sidebar ul li.widget_nav_menu ul{ padding:0; font-size:14px; border:none; background:none; overflow:visible;}
.sidebar ul li.widget_nav_menu ul li{ margin:0; padding:0; height:auto; border-top:1px solid #fff; background:none; overflow:visible; position:relative;}
.sidebar ul li.widget_nav_menu ul li:first-child{ border-top:none;}
.sidebar ul li.widget_nav_menu ul li a:link, .sidebar ul li.widget_nav_menu ul li a:visited{ height:46px; line-height:46px; text-indent:30px; border-bottom:1px solid #e9e9e9; color:#444; background:#f8f8f8 url(images/icon-widget-menu.gif) no-repeat 12px -61px; display:block; overflow:hidden; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.sidebar ul li.widget_nav_menu ul li a:hover, .sidebar ul li.widget_nav_menu ul li:hover a{ text-indent:40px; color:#fff; background:#2196f3 url(images/icon-widget-menu.gif) no-repeat 12px 19px; text-decoration:none;}

.sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited, .sidebar ul li.widget_nav_menu ul li.current_page_item a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item a:visited, .sidebar ul li.widget_nav_menu ul a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:hover{ text-indent:40px; color:#fff; background:#2196f3 url(images/icon-widget-menu.gif) no-repeat 12px 19px; text-decoration:none;}
.sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited{ text-indent:30px;}

.sidebar ul li.widget_nav_menu ul li ul{ margin-top:-1px; width:100%; border-top:1px solid #ddd; position:absolute; top:0; left:260px; z-index:999; display:none;}
.sidebar ul li.widget_nav_menu ul li ul li{ font-size:12px;}
.sidebar ul li.widget_nav_menu ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li ul li a:hover{ text-indent:34px;}
.sidebar ul li.widget_nav_menu ul li:hover ul li a:link, .sidebar ul li.widget_nav_menu ul li:hover ul li a:visited{ border-bottom:1px solid #e9e9e9; color:#555; background:#f8f8f8 url(images/icon-widget-menu.gif) no-repeat 12px -61px;}
.sidebar ul li.widget_nav_menu ul li:hover ul li a:hover{ color:#fff; background:#2196f3 url(images/icon-widget-menu.gif) no-repeat 12px 19px;}

.sidebar ul li.widget_nav_menu ul li:hover ul li:hover a{ text-indent:40px; color:#fff; background:#2196f3 url(images/icon-widget-menu.gif) no-repeat 12px 19px; text-decoration:none;}
.sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:link, .sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:visited{ border-bottom:1px solid #e9e9e9; color:#444; background:#f8f8f8 url(images/icon-widget-menu.gif) no-repeat 12px -61px;}
.sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:hover{ color:#fff; background:#2196f3 url(images/icon-widget-menu.gif) no-repeat 12px 19px;}

.sidebar ul li.widget_nav_menu ul li.current-cat-parent{ font-weight:700; border-top:none;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent a:visited{ background-color:#eee; background-position:10px -113px;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat-parent:hover a{ background-color:#2196f3;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul{ border-top:1px solid #e4e4e4; display:block; position:static;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li{ font-weight:normal; border-top:1px solid #f9f9f9;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li a:visited, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li a:hover{ text-indent:50px; background-position:32px -61px; border-bottom-color:#e4e4e4;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li.current-cat a:visited{ background-color:#2196f3;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent:hover ul li.current-cat a{ color:#fff; background-color:#2196f3;}

.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul{ display:block;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul li a:hover{ text-indent:70px; background-position:52px -61px;}

.sidebar ul li.widget_nav_menu_page{ border-top:1px solid #2196f3;}

/* Newsletter */
.sidebar ul li .newsletter-widget{ padding-top:20px;}
.sidebar ul li .newsletter-widget p{ padding:0 10px 12px;}
.sidebar ul li .newsletter-email, .sidebar ul li .newsletter-firstname, .sidebar ul li input[type="text"]{ margin:0 auto; padding:3px 10px; width:218px; line-height:30px; font-size:13px; border:1px solid #dadde0; color:#999; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.sidebar ul li .newsletter-submit, .sidebar ul li input[type="submit"]{ margin-left:0; padding:3px 35px; line-height:30px; font-size:13px; font-weight:700; border:none; color:#fff; background:#ef5c32; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.sidebar ul li input[type="text"]:hover, .sidebar ul li input[type="email"]:hover{ border-color:#999;}
.sidebar ul li input[type="submit"]:hover{ background:#2196f3;}

/* RecentPosts */
.sidebar ul li.wpyou_widget_RecentPosts ul{ padding:25px 10px 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:13px;}
.sidebar ul li.wpyou_widget_RecentPosts ul li p{ color:#666;}

.sidebar ul li.widget_recent_comments ul li{ margin-bottom:15px; padding:0; height:auto; line-height:1.5; background:none;}
.sidebar ul li.widget_recent_comments ul li h4{ font-size:12px; font-weight:bold;}
.sidebar ul li.widget_recent_comments ul li h4 em{ padding-left:10px; font-style:normal; font-weight:normal; color:#999;}
.sidebar ul li.widget_recent_comments ul li .cmt-cnt{ margin-top:16px; padding:10px; border:1px solid #eee; color:#777; background:#fff; overflow:visible; position:relative;}
.sidebar ul li.widget_recent_comments ul li .cmt-cnt a{ color:#777;}
.sidebar ul li.widget_recent_comments ul li .cmt-cnt a:hover{ color:#2196f3; text-decoration:none;}
.sidebar ul li.widget_recent_comments ul li .cmt-cnt .up-arrow{ width:20px; height:10px; line-height:0; font-size:0; background:url(images/icon-uparrow.gif) no-repeat 0 0; overflow:hidden; position:absolute; top:-10px; left:5px;}

/* SpecialCatPosts */
.sidebar ul li.wpyou_widget_SpecialCatPosts ul{ padding:25px 10px 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:8px; width:100px; height:75px;}
.sidebar ul li.wpyou_widget_SpecialCatPosts ul li h4{ margin-bottom:5px; font-size:12px;}
.sidebar ul li.wpyou_widget_SpecialCatPosts ul li p{ color:#666;}

/* StickyPosts */
.sidebar ul li.wpyou_widget_StickyPosts ul{ padding:25px 10px 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 .searchInput{ padding:4px 8px 3px; width:178px; 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; padding:0; width:60px; height:33px; *line-height:30px; font-size:13px; font-weight:bold; text-align:center; text-indent:0; border:none; color:#fff; background:#ef5c32; cursor:pointer; position:static;}
.sidebar ul li.widget_search .searchBtn:hover{ background:#2196f3;}

/* 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 #f4f4f4; background:none;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li img{ float:left; padding-right:8px; width:100px; height:75px;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li h4{ margin-bottom:5px; height:54px; line-height:18px; font-size:12px; overflow:hidden;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p{ color:#666;}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li{ margin:0 auto 18px; padding:0; height:auto; text-align:center; background:none;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li img{ width:228px; height:170px;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li h4{ margin-top:8px; line-height:18px; font-size:12px; overflow:hidden;}

/* 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:#222;}
#wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;}
#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}
.pad{ border:none !important; background:none !important;}

/* Comments*/
.postComment{ margin:60px auto 0; overflow:hidden;}
.postComment #addcomment, .postComment #comments{ margin-bottom:35px; padding:10px 0; font-size:20px; font-weight:500; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.commentlist{ padding-top:15px; width:100%; clear:both; overflow:hidden;}
.commentlist li{ padding:20px 0; width:100%; border-top:1px solid #f4f4f4; clear:both; position:relative;}
.commentlist li .avatar{ float:left; margin-top:2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.commentlist li .comment_author{ margin:0 0 5px 62px;}
.commentlist li .comment-body{ padding:0 10px 0 62px; color:#666;}
.commentlist li .comment-body p{ margin-bottom:12px;}
.commentlist li ul{ padding:15px 0 0;}
.commentlist li ul li{ padding:18px 0 15px 10%; width:90%;}

.commentlist li.popular{ border-top:1px solid #FEE7C5; background:#FFFDEC;}

.commentlist li #respond{ padding:15px 0 15px 62px;}
.commentlist li #respond #addcomment{ margin-bottom:15px; padding:0; line-height:34px; font-size:14px;}

.commentlist cite{ font-size:14px; font-weight:bold; font-style:normal; color:#222;}
.commentlist cite a{ color:#222;}
.commentlist cite a:hover{ color:#222;}
.commentlist em{ padding-left:6px; color:#A8A8A8;}

.commentlist .comment_func{ padding-right:10px; text-align:right; color:#999;}
.commentlist .comment_func span{ padding-left:5px;}
.commentlist .comment_func a, #cancel-comment-reply a{ color:#999;}
.commentlist .comment_func a:hover, .commentlist .comment_func span:hover, #cancel-comment-reply a:hover{ cursor:pointer; color:#222;}
#cancel-comment-reply{ text-align:right;}

#respond p{ margin:0 auto 20px; overflow:hidden;}
#respond p.logged{ padding:5px; background:#ffe; border:1px solid #feb; width:50%; text-align:center;}
#respond label{ float:left; padding:3px 8px; width:70px; text-align:right; display:block;}
#respond em{ padding-left:12px; color:#f00; font-style:normal; font-weight:normal;}

#commentform input[type="text"], #respond #comment{ padding:12px; width:50%; border:1px solid #ddd; color:#888; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
#commentform input[type="text"]:hover, #commentform input[type="text"]:active, #commentform #comment:hover, #commentform #comment:active{ border:1px solid #f90;}
#respond #comment{ padding:12px 0 12px 12px; width:96%; height:150px; font-size:12px; overflow-y:scroll;}
#commentform #submit{ padding:8px 50px; font-size:18px; font-family:Arial; line-height:28px; color:#fff; border:none; background:#f60; cursor:pointer; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
#commentform #submit:hover, #commentform #submit:active{ background:#f80;}

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

/* FriendLink */
.friendlink{ padding:25px 0; width:100%; color:#999; background:#222; border-bottom:1px solid #000; overflow:hidden; display:none;}
.friendlink ul{ overflow:hidden;}
.friendlink ul li{ float:left; margin:0 6px; white-space:nowrap; overflow:hidden;}
.friendlink ul li.fltitle{ margin:0; font-weight:bold;}
.friendlink a:link, .friendlink a:visited{ color:#999;}
.friendlink a:hover{ color:#ccc;}

/* Footer */
.newsletter-sns{ margin-top:50px; padding:50px 0; color:#888; background:#f9f9f9; overflow:hidden; -moz-box-shadow:inset 0 10px 10px rgba(0,0,0,.02); -webkit-box-shadow:inset 0 10px 10px rgba(0,0,0,.02); box-shadow:inset 0 10px 10px rgba(0,0,0,.02);}
.newsletter-sns h3{ margin-bottom:24px; font-size:24px; color:#444;}
.newsletter-sns .newsletter{ float:left;}
.newsletter-sns .newsletter form{ margin-bottom:20px; display:inline-block; position:relative;}
.newsletter-sns .newsletter .wpcf7-not-valid-tip, .newsletter-sns .newsletter .wpcf7-firstname-not-valid-tip{ position:absolute; top:4px; left:7px; padding:5px 10px; width:210px; text-align:left; line-height:24px; font-size:12px; color:#f00; background:#fff; display:inline-block;}
.newsletter-sns .newsletter .wpcf7-firstname-not-valid-tip{ left:inherit; right:105px;}
.newsletter-sns .newsletter .newsletter-email, .newsletter-sns .newsletter .newsletter-firstname, .newsletter-sns .newsletter input[type="text"]{ margin-right:12px; padding:5px 10px; line-height:30px; font-size:13px; border:1px solid #dadde0; color:#999; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.newsletter-sns .newsletter .newsletter-submit, .newsletter-sns .newsletter input[type="submit"]{ padding:5px 16px; line-height:30px; font-size:13px; font-weight:700; border:none; color:#fff; background:#ef5c32; -webkit-border-radius:3px; -moz-border-radius:3px; 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;}
.newsletter-sns .newsletter input[type="text"]:hover, .newsletter-sns .newsletter input[type="email"]:hover{ border-color:#f90;}
.newsletter-sns .newsletter input[type="submit"]:hover{ background:#2196f3;}
.newsletter-sns .newsletter p{ max-width:620px; line-height:20px; color:#aaa;}

.sns{ float:right;}
.sns a{ margin-right:6px; width:40px; height:40px; text-indent:-9999px; display:inline-block; background:url(images/icon-sns.png) no-repeat 0 0; cursor:pointer; border-radius:50px; -moz-border-radius:50px; border-radius:50px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease;}
.sns a:hover{ margin-top:-5px; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.sns a#i_facebook{ background-position:0 0;}
.sns a#i_twitter{ background-position:-51px 0;}
.sns a#i_linkedin{ background-position:-102px 0;}
.sns a#i_skype{ background-position:-153px 0;}
.sns a#i_googleplus{ background-position:-306px 0;}
.sns a#i_youtube{ background-position:-255px 0;}
.sns a#i_instagram{ background-position:-357px 0;}
.sns a#i_pinterest{ background-position:-204px 0;}
.sns a#i_whatsapp{ background-position:-408px 0;}
.sns a#i_weixin{ background-position:-459px 0;}
.sns #weixin{ padding:10px; text-align:center; background:#333; display:none; position:absolute; left:4px; bottom:30px; z-index:999;}
.sns #weixin img{ display:block;}

/* Footer */
.footer{ padding:10px 0; width:100%; background: url(images/footer-bg.gif);
    color: #fff; -moz-box-shadow:inset 0 10px 10px rgba(0,0,0,.04); -webkit-box-shadow:inset 0 10px 10px rgba(0,0,0,.04); box-shadow:inset 0 10px 10px rgba(0,0,0,.04);}
.footer a:link, .footer a:visited{ color:#cce7f5;}
.footer a:hover{ color:#fff;}

/* Footbar */


.ftbar { border-bottom:1px #999 solid;}
.ftbar ul { text-align:center; padding:0; margin:0; list-style:none;}
.ftbar ul li { display:inline-block;}
.ftbar ul li a { display:inline-block; color:#fff; font-size:15px; padding:12px 20px;}
.ftbar ul li a:hover, .ftbar ul li a:focus, .ftbar ul li a:active { text-shadow:0 0 8px rgba(255,255,255,0.9);}
.ftbar ul li#t8 { display:none;}
.ftbar ul li + li:before { content:"|"; color:#ff6600;}

#cominfo { margin:25px 0 40px;}
#cominfo ul { padding:0; margin:0; list-style:none; text-align:center;}
#cominfo ul li { font-size:16px; line-height:25px; margin:7px 0;}
#cominfo ul li a { display:inline-block; padding:0; color:#fff;}
#cominfo ul li a:hover, #cominfo ul li a:focus, #cominfo ul li a:active { background:none;}
#cominfo ul li#footer_logo { margin:10px 0 25px;}
#cominfo ul li#footer_logo img { width:180px;}
#cominfo ul li.cominfoname { font-size:23px; text-transform:uppercase; color:#ff6600; margin:0 0 15px;    font-weight:800; font-family:'Open Sans',sans-serif,微軟正黑體;}
#cominfo ul li.cominfotel, #cominfo ul li.cominfofax, #cominfo ul li.cominfoskype{ display:inline-block;}
#cominfo ul li.cominfofax:before { content:"/"; color:#fff; margin:0 12px 0 10px;}
#cominfo ul li.cominfomail a { text-decoration:underline;}
#cominfo ul li.cominfomail a:hover, #cominfo ul li.cominfomail a:focus, #cominfo ul li.cominfomail a:active { color:#ff6600;}



.footbar .tnp-subscription form{ margin-top:15px; position:relative;}
.footbar .tnp-subscription form p{ display:inline-block;}
.footbar .tnp-subscription input[type="text"], .footbar .tnp-subscription input[type="email"]{ padding:0 10px; width:100%; height:36px; line-height:36px; color:#888; background:none; display:table-cell; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid #ddd; -webkit-box-shadow:4px 4px 4px rgba(0,0,0,.15) inset; -moz-box-shadow:4px 4px 4px rgba(0,0,0,.15) inset; box-shadow:4px 4px 4px rgba(0,0,0,.15) inset;}
.footbar .tnp-subscription .tnp-submit{ padding:0 10px; width:100%; height:38px; line-height:38px; color:#fff; background:#ef5c32; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid #222; display:table-cell; -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 .tnp-subscription .tnp-submit:hover, .footbar .tnp-subscription .tnp-submit:active{ background:#f60;}

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

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

/* Footbox */
.footbox{ float:left; margin-top:5px; width:350px;}
.footbox p{ margin-top:10px;}

/* Copyright */
.copyright{ padding:20px 0; color:#999; background:#222; border-top:1px solid #292929; overflow:hidden;}
.copyright a:link, .copyright a:visited{ color:#999;}
.copyright a:hover{ color:#d4d4d4;}
.copyright .cp{ float:left;}
.copyright .ft-menu{ float:right; color:#666;}
.copyright .ft-menu a{ margin:0 3px; padding:3px 9px; color:#999; display:inline-block;}
.copyright .ft-menu a:hover, .copyright .ft-menu a.cur{ color:#d4d4d4; background-color:#555; text-decoration:none; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

/* LiveChat */
#live-chat{ width:220px; position:fixed; top:25%; right:-180px; z-index:9999; *position:absolute; *right:expression(eval(document.documentElement.scrollLeft))-180; *top:expression(eval(document.documentElement.scrollTop))-150;}
#live-chat #live-chat-bar{float:left; width:40px; height:140px; background:url(images/live-chat.png) no-repeat; cursor:pointer;}
#live-chat-box{ float:left; width:178px; min-height:250px; border:1px solid #e6e6e6; border-top:1px solid #f70; background-color:#f9f9f9;}
#live-list{ padding:20px;}
#live-list h4{ margin-bottom:15px; line-height:32px; text-align:center; color:#fff; background:#f70; -moz-border-radius-topleft:3px; -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;}
#live-list p{ margin-bottom:12px;}

/* Backtop */
.backToTop{ width:50px; height:48px; background:#ccc url(images/backtop.gif) no-repeat 50% 50%; position:fixed; _position:absolute; right:20px; bottom:40px; _bottom:"auto"; cursor:pointer; display:none; z-index:999;}
.backToTop:hover{ background-color:#999;}

/* MobiFootbar */
.mobi-bar{ width:100%; font-size:1em; text-align:center; background:#333; display:none; overflow:hidden; position:fixed; bottom:0; left:0; z-index:9999;}
.mobi-bar li{ width:25%; display:table-cell;}
.mobi-bar li i{ font-style:normal;}
.mobi-bar li a{ padding-top:25px; border-left:1px solid #383838; border-right:1px solid #2b2b2b; color:#eee; background-image:url(images/icon-mobi.png); background-repeat:no-repeat; display:block;}
.mobi-bar li a:active, .mobi-bar li a:hover{ background-color:#222; text-decoration:none;}
.mobi-bar li.mobi-map a{ background-position:center 6px;}
.mobi-bar li.mobi-phone a{ background-position:center -67px;}
.mobi-bar li.mobi-email a{ background-position:center -134px;}
.mobi-bar li.mobi-chat a{ background-position:center -202px;}
.mobi-bar li:first-child a{ border-left:none;}
.mobi-bar li:last-child a{ border-right:none;}

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

/****  Responsive CSS  ****/
@media only screen and (min-width:1400px){
	.inner{ width:1170px;}
}
@media only screen and (min-width:1200px) and (max-width:1400px){
	.inner{ width:1170px;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 12px;}
	.newsletter-sns .newsletter .newsletter-email, .newsletter-sns .newsletter .newsletter-firstname, .newsletter-sns .newsletter input[type="text"]{ max-width:180px; *width:180px;}
	.newsletter-sns .newsletter p{ max-width:530px;}
}
@media only screen and (min-width:959px) and (max-width:1024px){
	.inner{ width:960px;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 10px;}
	.slideshow-swiper-container .swiper-slide{ height:300px;}
	.slideshow-swiper-container .inner h4{ margin:6% auto 15px; font-size:40px; word-spacing:2px;}
	.slideshow-swiper-container .inner p{ margin-bottom:20px; width:70%; font-size:16px;}
	
	.newsletter-sns .newsletter .newsletter-email, .newsletter-sns .newsletter .newsletter-firstname, .newsletter-sns .newsletter input[type="text"]{ max-width:180px; *width:180px;}
	.newsletter-sns .newsletter p{ max-width:530px;}
	.sns a{ margin-right:4px;}
}
@media only screen and (min-width:767px) and (max-width:960px){
	.inner{ width:96%;}
	.header{ position:relative;}
	.header .inner{ width:100%; height:auto;}
	.logo{ margin-left:2%;}
	.logo img{ max-width:80%; max-height:80px;}
	
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 5px;}
	
	#search-box{ width:100%; position:absolute; top:145px; right:0; z-index:99999; display:none;}
	#search-box i{ display:none;}
	#search-box #searchform{ width:100%;}
	#mobile-nav .opacity{ background-color:#2196f3; opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);}
	
	.slideshow-swiper-container .swiper-slide{ height:240px;}
	.slideshow-swiper-container .inner h4{ margin:6% auto 15px; font-size:32px; word-spacing:2px;}
	.slideshow-swiper-container .inner p{ margin-bottom:20px; width:70%; font-size:16px;}
	
	.banner{ height:80px; line-height:80px;}
	.banner img{ width:100%; height:auto;}
	.breadcrumb{ height:80px; line-height:80px;}
	.breadcrumb h2{ float:none; font-size:18px; text-align:center;}
	.cur-title{ display:none;}
	.crumb-box{ display:none;}
	.container, .content{ float:none; margin:0 auto;}
	.col-md-3 div, .col-md-4 div, .col-lt, .col-rt{ float:none; padding:0; width:100%;}
	.row-about .stinner img{ max-width:100%;}
	.postlist li a{ float:none; width:100%;}
	.bx-pager, .postlist li span, .sidebar, .cs-div{ display:none !important;}
	.pic-scroll-list .slide{ width:100%; height:auto;}
	.piclist{ margin-left:-3%;}
	.piclist li{ margin-left:3%; width:47%;}
	.bloglist{ margin-left:-3%;}
	.bloglist li{ margin:0 0 30px 3%; width:47%;}	
	.productlist li .folio-thumb{ height:370px;}
	.review ul li{ float:none; margin-bottom:35px; width:96%;}
	.row-help .stinner{ padding:0;}
	.row-help .stinner img{ margin-bottom:20px;}
	.post .post-title{ margin-bottom:28px; text-align:center;}
	.post .post-meta{ display:none;}
	.entry{ font-size:16px;}
	.entry p{ margin-bottom:20px;}
	.post .share-post, .post .share-post .addthis_native_toolbox{ float:none; margin-top:10px;}
	.related ul.post-list li{ float:none; width:95%;}
	
	.product .product-inner, .product-img{ float:none; margin:0 auto; width:100%;}
	.product .tips{ clear:both; margin-top:50px;  text-align:center;}
	
	.product .post-head .post-title{ width:100%;}
	.product .post-head #tabs{ width:100%;}
	.product .post-head #tabs span{ padding:0 2%;}
	.product .btn-inquiry-b{ display:block;}
	
	.tab-head li{ padding:0 20px;}
	
	.feature-item{ float:none; width:97%;}
	.related{ margin:10px auto 0; float:none; width:100%;}
	.related .productlist li{ margin-bottom:30px;}
	
	.postlist li a{ float:none; width:100%;}
	.sidebar{ display:none;}
	.piclist{ margin-left:-3%;}
	.piclist li{ margin-left:3%; width:47%;}
	
	#author, #email, #url, #comment{ padding:12px 2%; width:95%;}
	
	.wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover{ display:none;}
	.wpagenavi a.next, .wpagenavi a.previous{ padding:8px 60px; font-size:18px; display:inline-block;}
	
	.newsletter-sns{ text-align:center;}
	.newsletter-sns .newsletter, .newsletter-sns .sns{ float:none;}
	.newsletter-sns .newsletter{ margin-bottom:35px;}
	.newsletter-sns .newsletter .newsletter-email, .newsletter-sns .newsletter .newsletter-firstname, .newsletter-sns .newsletter input[type="text"]{ max-width:200px;}
	.newsletter-sns .newsletter p{ max-width:100%;}
	.newsletter-sns .sns a{ margin-right:6px;}
	
	.footbar .widget-column{ margin:0 0 30px 0; width:33.333%}
	.footbar .widget-column-rt{ float:left;}
	.footbar .widget-contact{ width:auto;}
	.copyright .cp, .copyright .ft-menu{ float:none; margin-bottom:20px; width:100%; text-align:center;}
	.backToTop{ width:40px; height:38px;}
}

@media only screen and (max-width:768px){
	.inner{ width:94%;}
	.header{ position:relative; overflow:hidden;}
	.header .inner{ width:100%; height:auto;}
	.logo{ margin-left:3%; height:80px; line-height:80px; position:absolute; top:0; left:0; z-index:999999;}
	.logo img{ max-width:80%; max-height:80px;}
	.top-bar-lt{ max-width:45%; overflow:hidden;}
	.top-bar-contact{ display:none;}
	#mobile-nav{ display:block; position:relative;}
	.mean-nav{ margin:0;}
	.mean-nav ul li ul{ display:none;}
	a.meanmenu-reveal{display:none;}
	.mean-container .mean-bar{ float:left; width:100%; position:relative; min-height:80px; z-index:99999;}
	.mean-container a.meanmenu-reveal{ width:18px;height:18px;line-height:18px;padding:14px 12px 10px;position:absolute;top:18px;right:75px;border:1px solid #ddd;cursor:pointer;color:#444;font-size:16px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-indent:-9999em;font-size:1px;display:block;font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
	.mean-container a.meanmenu-reveal span{display:block;background:#444;height:2px;margin-bottom:5px}
	.mean-container .mean-nav{ float:left;width:100%;background:#fbfbfb;margin-top:80px}
	.mean-container .mean-nav ul{padding:0;margin:0;width:100%;border-top:2px solid #2196f3;}
	.mean-container .mean-nav ul li{position:relative;float:left;width:100%;font-size:14px;}
	.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;border-top:1px solid #e6e6e6;text-decoration:none;}
	.mean-container .mean-nav ul li a:hover{color:#fff;background:#2196f3;}
	.mean-container .mean-nav ul li ul{border:none;}
	.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #e6e6e6;opacity:.85;filter:alpha(opacity=85);text-shadow:none!important;visibility:visible}
	.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
	.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
	.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
	.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
	.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;padding:14px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;color:#666;border:none;border-left:1px solid #eee !important;}
	.mean-container .mean-nav ul li a.mean-expand:hover{color:#666; background-color:#eee;}
	.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
	.mean-nav .wrapper{width:100%;padding:0;margin:0}
	.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
	.mean-remove{display:none!important}

	.btn-so{ display:none;}
	#mobile-nav #mobile-so{ margin-top:0; width:42px; height:42px; border:1px solid #ddd; background-image:url(images/icon-menu.png); background-repeat:no-repeat; background-position:center -72px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:inline-block; cursor:pointer; position:absolute; top:18px; right:15px; z-index:99999;}
	
	#search-box{ width:100%; position:relative; top:0;}
	#search-box i{ display:none;}
	#search-box #searchform{ width:100%;}
	#mobile-nav .opacity, #mobile-nav .meanclose{ background-color:#f9f9f9; opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);}

	.slideshow-swiper-container .swiper-slide{ height:auto; max-height:300px;}
	.slideshow-swiper-container .inner h4{ margin:6% auto 15px; font-size:32px; word-spacing:2px;}
	.slideshow-swiper-container .inner p{ margin-bottom:20px; width:70%; font-size:14px;}
	.row-gallary-slider .inner{ max-width:680px;}
	
	.call-back{ display:none;}
	
	.row-fluid{ margin:50px auto 0;}
	.cat-filter ul li{ margin:0 2px 12px;}
	.row-2c-lt, .row-2c-rt{ float:none; margin:0 auto; width:100%;}
	.row-2c-lt{ margin-bottom:50px;}
	.row-2c-lt h2, .row-2c-rt h2{ text-align:center;}
	
	.cur-title{ display:none;}
	.postlist li a{ float:none; width:100%;}
	.sidebar{ display:none;}
	.piclist{ margin-left:-3%;}
	.piclist li{ margin-left:3%; width:47%;}
	
	.piclist-fc li .folio-thumb{ float:none; display:none;}
	.piclist-fc li .folio-text{ float:none; margin:0 auto;}
	
	.banner{ height:80px; line-height:80px;}
	.banner img{ width:100%; height:auto;}
	.breadcrumb{ height:60px; line-height:60px;}
	.breadcrumb h2{ float:none; font-size:15px; text-align:center;}
	.breadcrumb .cur-title{ display:none;}
	.crumb-box{ display:none;}
	.container, .content{ float:none; margin:0 auto;}
	.col-md-3 div, .col-md-4 div, .col-lt, .col-rt{ float:none; padding:0; width:100%;}
	.row-fluid img{ max-width:100% !important; height:auto;}
	
	.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;}
	.piclist{ margin-left:-3%;}
	.piclist li{ margin-left:3%; width:47%;}
	.piclist li h3{ text-align:center;}
	.bloglist{ margin-left:-3%;}
	.bloglist li{ margin:0 0 30px 3%; width:47%;}	
	.productlist li .folio-thumb{ height:370px;}
	.review ul li{ float:none; margin-bottom:35px; width:96%;}
	.row-help .stinner{ padding:0;}
	.row-help .stinner img{ margin-bottom:20px;}
	.post .post-title{ margin-bottom:28px; text-align:center;}
	.post .post-meta{ display:none;}
	.entry{ font-size:16px;}
	.entry p{ margin-bottom:20px;}
	.entry table{ max-width:none; width:99.5% !important; table-layout:fixed;}
	.entry table td{ width:auto; height:auto;}
	
	.post .share-post, .post .share-post .addthis_native_toolbox{ float:none; margin-top:10px;}
	.related ul.post-list li{ float:none; width:98%;}
	
	.container-product{ margin-top:-25px;}
	.product .product-inner, .product-img{ float:none; margin:0 auto; width:100%;}
	.product .tips{ clear:both; margin-top:50px;  text-align:center;}
	.product .post-head .post-title{ width:100%;}
	.product .post-title{ font-size:24px; line-height:32px;}
	.product .post-head #tabs{ width:100%;}
	.product .post-head #tabs span{ padding:0 2%;}
	.product .btn-inquiry-b{ display:block;}
	
	.preview{ float:none; margin:0 auto 35px; overflow:hidden;}
	.cloud-zoom-big{ display:none !important;}
	.cloud-zoom-lens{ border:none; background:none; cursor:default;}
	.product .product-meta-box{ margin-left:0;}
	
	.tab-head .tab-ul{ margin:0 auto;/* position:absolute; top:0; left:0;*/}
	.tab-head .tab-ul li{ margin:0; font-size:14px; display:none;}
	.tab-head .tab-ul li.current{ line-height:38px; display:block;}
	#tab-product .entry, #tab-product .entry .tab-tilte{ display:block;}

	.feature-item{ float:none; width:97%;}
	.related{ float:none;}
	
	.contact-msg, .contact-box{ float:none; width:100%;}
	#author, #email, #url, #comment{ padding:12px 2%; width:95%;}
	.feature-box .item{ float: none; margin:0 1.5% 35px; width:100%;}
	
	#inquiryForm{ padding:30px 15px;}
	#inquiryForm .productImg{ margin:0 0 20px 0;}
	#inquiryForm .productImg img{ margin:0 15px 0 0;}
	#inquiryForm .productImg h4{ line-height:20px;}
	#inquiryForm .productImg p{ padding-left:100px;}
	.wpcf7 label, #inquiryForm .wpcf7 label{ padding:0; width:100%; text-align:left;}
	.wpcf7 .wpcf7-textarea, #inquiryForm .wpcf7 .wpcf7-textarea{ width:90%;}
	.wpcf7 .wpcf7-select{ max-width:97%;}
	.wpcf7 .wpcf7-submit{ width:97%;}
	#inquiryProductMeta{ width:98%;}
	#inquiryProductMeta .productImg img{ width:120px; height:120px;}
	#btn-submit label{ display:none;}
	
	.col-lg-2{ float:none; width:100%;}
	.entry .col-lg-2 h4{ margin-bottom:10px;}
	.c-mail h4 span{ padding:0; display:block;}
	.c-addr h3{ float:none;}
	.c-addr p{ padding:0;}
	.entry .c-chat ul.olchat li{ width:50%;}
	
	.post-meta-bottom .tags, .post-meta-bottom .share{ float:none;}
	
	.wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover{ display:none;}
	.wpagenavi a.next, .wpagenavi a.previous{ padding:8px 60px; font-size:18px; display:inline-block;}
	
	#commentform input[type="text"], #respond #comment{ width:80%;}

	.newsletter-sns{ text-align:center;}
	.newsletter-sns .newsletter, .newsletter-sns .sns{ float:none;}
	.newsletter-sns .newsletter{ margin-bottom:35px;}
	.newsletter-sns .newsletter .newsletter-email, .newsletter-sns .newsletter .newsletter-firstname, .newsletter-sns .newsletter input[type="text"]{ max-width:92%;}
	.newsletter-sns .newsletter p{ max-width:100%;}
	.newsletter-sns .sns a{ margin-right:6px; margin-bottom:12px;}
	
	.footbar h3{ margin-bottom:15px; font-size:18px;}
	.footbar .widget-column{ padding:0 2% 30px; width:46%;}
	.footbar .widget-column-rt{ float:left;}
	.footbar .widget-contact{ width:auto;}
	.copyright{ padding:20px 0 40px;}
	.copyright .cp, .copyright .ft-menu{ float:none; margin-bottom:12px; width:100%; text-align:center;}
	#live-chat, #formilla-chat-button{ display:none;}
	
	.mobi-bar{display:table; text-align:center;}
}

@media only screen and (max-width:480px){
	.top-bar-lt{ display:none;}
	.logo img{ max-height:65px;}
	.slideshow-swiper-container .swiper-slide{ height:auto; max-height:300px; min-height:180px;}
	.slideshow-swiper-container .inner h4{ margin:10% auto 15px; font-size:20px; word-spacing:2px;}
	.slideshow-swiper-container .inner p{ margin-bottom:12px; width:90%; font-size:12px;}
	.row-gallary-slider .inner{ max-width:300px;}
	.preview{ width:auto;}
	.preview #wrap{ border:1px solid #e6e6e6;}
	.preview img{ padding:2%; width:96%; height:auto; border:none; background:#fff;}
	.post ul.thumblist li .imWrap{ width:100%; height:auto;}
	.post ul.thumblist li .thumb-wrap{ float:none; width:90%;}
	.post ul.thumblist li img{ padding:1%; width:98%; height:auto;}
	.product-inquiry a{ float:none; padding:11px 0; width:100%; text-align:center;}
	.product-inquiry a i{ float:none; margin:0 auto; padding:0 20px;}
	.product-inquiry p{ float:none; margin:6px 0 0;}
	.bloglist{ margin-left:0;}
	.bloglist li{ float:none; margin:0 auto 30px; width:100%;}
	.bloglist li .folio-thumb{ height:auto;}
	.picexlist li .post-thumb{ display:none;}
	.col-blog ul li p{ display:none;}
	.related-post ul li{ float:none; width:100%;}
	.wpcf7 .wpcf7-text{ width:90%;}
	.newsletter-sns .newsletter .newsletter-email, .newsletter-sns .newsletter .newsletter-firstname, .newsletter-sns .newsletter input[type="text"]{ margin:0 auto 10px; width:90%;}
	.newsletter-sns .newsletter .newsletter-submit, .newsletter-sns .newsletter input[type="submit"]{ margin-left:0; width:96%;}
	.footbar .widget-column{ padding:0 2% 30px; width:96%;}
}