@charset "utf-8";
/*-----------------------------------------------------------------------------
[TABLE OF CONTENTS]
    +reset
    +common
    +header
    +content
	    +home
    +footer
    +jquery plugin
    +media
-----------------------------------------------------------------------------*/
/* reset
*----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
/* common
*----------------------------------------------------------------------------*/
html, body {
    color: #363636;
    font-family: '微軟正黑體', 'Microsoft JhengHei', sans-serif;
    font-size: 13px;
    line-height: 20px;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    background: #f4f4f4;
}
/**
*
* anchor
*
**/
a:link, a:visited { color: #363636; text-decoration: none;}
a:hover, a:active { color: #000;}
/**
*
* clear,clearfix
*
**/
.clear { clear: both;}
.clearfix { display: inline-block;}
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0; content: ".";}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
.hidden {display: none;}
/**
*
* input placeholder
*
**/
::-webkit-input-placeholder { color: #8b8b8b;}
:-moz-placeholder           { color: #8b8b8b; opacity: 1;}
::-moz-placeholder          { color: #8b8b8b; opacity: 1;}
:-ms-input-placeholder      { color: #8b8b8b;}
input, select, textarea     { -webkit-appearance: none; border-radius: 0;}
/**
*
* backtop 
*
**/
.backtop {
    position: fixed;
    right: 25px;
    bottom: 60px;
    width: 64px;
    height: 90px;
    display: none;
    z-index: 999;
}
.backtop a {
    display: block;
    width: 64px;
    height: 90px;
    font-size: 0;
    text-indent: -100000px;
	background: url(/images/icon_backtop.png) no-repeat;
}
/* wrapper
*----------------------------------------------------------------------------*/
#wrapper {
    position: relative;
    width: 100%;
	margin: 0 auto;
}
.main {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    background: #fff;
}
#loading { 
	position: fixed; 
	top: 0; 
	left:0; 
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
}
#loading .icon { 
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
	background: #fff url(/images/loading.gif) no-repeat center;
}
.cs3as05 {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.cs3as1 {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
/**
*
* width
*
**/
.ht20 { height: 20px;}
.ht30 { height: 30px;}
[class^="ht"] { clear: both;}
/* Percentage */
.wpe20  { width: 20%;}
.wpe30  { width: 30%;}
.wpe50  { width: 50%;}
.wpe100 { width: 100%;}
/* Pixels */
.wpx10  { width: 10px;}
fieldset input[type=text],
fieldset input[type=email],
fieldset input[type=password],
fieldset textarea {
	padding: 0;
	margin: 0 -1px;
	height: 66px;
	font-size: 15px;
	text-indent: 10px;
	vertical-align: middle;
	color: #000;
	background: #f4f4f4;
	border: 1px solid #c6c6c6;
}
fieldset textarea {
	height: auto;
	padding: 8px 0;
}
fieldset .btn input[type=reset],
fieldset .btn input[type=submit],
fieldset .btn input[type=button] {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    color: #483e34;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    border: 2px #483e34 solid;
    cursor: pointer;
    background: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; 
}
fieldset .btn input:hover[type=reset],
fieldset .btn input:hover[type=submit],
fieldset .btn input:hover[type=button] {
    color: #fff;
    background: #483e34;
}
fieldset .btnBox input[type=reset],
fieldset .btnBox input[type=submit],
fieldset .btnBox input[type=button] {
    width: 100%;
    color: #483e34;
    font-size: 18px;
    font-weight: bold;
    line-height: 80px;
	border: 0;
    background: #f4f4f4;
    cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
fieldset .btnBox input.green { color: #fff; background: #009040;}
fieldset .btnBox input.blue  { color: #fff; background: #014099;}

/* header
*----------------------------------------------------------------------------*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 187px;
	background: #f4f4f4;
	z-index: 999;
}
.header .headerbd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 140px;
    margin: 45px 0 0 0;
    border-top: 1px #e7e6e6 solid;
    border-bottom: 1px #e7e6e6 solid;
	background: #fff;
}
.header .main .logo {
    position: absolute;
    top: 20px;
    left: 40px;
}
.header .main .logo a {
    display: block;
    width: 100px;
    height: 100px;
}
.header .main .logo a img {
    width: 100%;
}
.header .main .nav {
    position: relative;
    width: 60%;
    height: 140px;
    margin: 0 auto;
}
.header .main .nav ul {
    position: relative;
    margin: 0 0 0 30px;
}
.header .main .nav ul li {
    position: relative;
    float: left;
    width: 20%;
    height: 140px;
    z-index: 2;
}
.header .main .nav .lavalamp-object {
	position: absolute; 
    width: 20%;
    height: 140px;
	top: 0px;
	left:30px;
	display:none;
	background: #f5f5f5;
}
.header .main .nav ul li.active a {
    border-bottom: 1px #483e34 solid;
}
.header .main .nav ul li a {
    display: block;
    width: 100%;
    height: 140px;
    line-height: 140px;
    text-align: center;
    font-size: 15px;
    color: #363636;
	background: url(/images/icon_header_point.gif) no-repeat right center;
}
.header .main .nav ul li:last-child a {background: none;}
.header .main .toolbar {
    position: absolute;
    top: 28px;
    right: 40px;
    height: 88px;
}
.header .main .toolbar .menu {
    float: right;
    width: 46px;
    height: 45px;
    margin: 0 0 0 5px;
    border-left: 1px #e7e6e6 solid;
    display: none;
}
.header .main .toolbar .menu a {
    display: block;
    width: 46px;
    height: 45px;
    text-indent: -100000px;
	background: url(/images/mobile/icon_menu.gif) no-repeat;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
/* content
*----------------------------------------------------------------------------*/
.content {
    position: relative;
    width: 100%;
    padding: 187px 0 0 0;
}
.content .main {
    position: relative;
    max-width: 1620px;
    margin: 0 auto;
}
.content.about .main {
	max-width: none;
}
.content .banner {
    max-width: 1440px;
    margin: 0 auto 50px auto;
}
.content .banner .bx-wrapper {margin: 0 auto 0;}
.content .banner .bx-wrapper .bx-pager {position: absolute;right: 100px;bottom: 40px;width: auto;}
.content .banner .bx-wrapper .bx-pager.bx-default-pager a {margin: 0 10px;}
.content .banner a.scrolldown {
    display: block;
    width: 595px;
    height: 65px;
    margin: 0 auto;
    line-height: 65px;
    font-size: 15px;
    color: #585858;
    text-align: center;
    letter-spacing: 1px;
    border: 1px #e7e6e6 solid;
    border-top: 0;
	background: url(/images/home/icon_scrolldown.png) no-repeat;
}
.content .banner a:hover.scrolldown {
	background: #f4f4f4 url(/images/home/icon_scrolldown.png) no-repeat;
}
.content .banner .bxslider iframe {
    width: 100%;
}

[class^="unit"] {
    position: relative;
    width: 100%;
    margin: 0 auto 100px auto;
}
[class^="unit"] img {
    vertical-align: bottom;
}
[class^="unit"] .conhd {
    position: absolute;
    top: -50px;
    width: 112px;
    height: 112px;
    text-indent: -100000px;
    z-index: 9;
}
[class^="unit"] .conft {
    display: none;
}
[class^="unit"] .conft img {
    width: 100%;
}
.content .unit1 .conhd {background: url(/images/home/home_unit1_title.png) no-repeat; left: -50px;}
.content .unit2 .conhd {background: url(/images/home/home_unit2_title.png) no-repeat; right: -50px;}
.content .unit3 .conhd {background: url(/images/home/home_unit3_title.png) no-repeat; left: -50px;}
.content .unit4 .conhd {background: url(/images/home/home_unit4_title.png) no-repeat; right: -50px;}
[class^="unit"] a.conhdMobile {
    display: none;
    margin: 0 0 0 60px;
    height: 56px;
}
.content .unit1 a.conhdMobile { background: url(/images/title_home_unit1_mobile.gif) no-repeat;}
.content .unit2 a.conhdMobile { background: url(/images/title_home_unit2_mobile.gif) no-repeat;}
.content .unit3 a.conhdMobile { background: url(/images/title_home_unit3_mobile.gif) no-repeat;}
.content .unit4 a.conhdMobile { background: url(/images/title_home_unit4_mobile.gif) no-repeat;}
.content .unit1 a.conhdMobile,
.content .unit2 a.conhdMobile,
.content .unit3 a.conhdMobile,
.content .unit4 a.conhdMobile {
	-moz-background-size: 90px auto;
	-webkit-background-size: 90px auto;
	-o-background-size: 90px auto;
	background-size: 90px auto;
}
[class^="unit"] a.conhdMobile span {
    display: block;
    height: 56px;
    text-indent: -100000px;
    background: url(/images/mobile/title_homeArrow.gif) no-repeat right center;
	-moz-background-size: 40px auto;
	-webkit-background-size: 40px auto;
	-o-background-size: 40px auto;
	background-size: 40px auto;
}
[class^="unit"] a.conhdMobile samp.right {
    position: absolute;
    top: 0;
    right: 40px;
    display: block;
    height: 56px;
    line-height: 56px;
    color: #009040;
}
.content .unit1 {
    position: relative;
    max-width: 1230px;
}
.content .unit1 .conbd {
    position: relative;
    max-width: 1230px;
    overflow: hidden;
    cursor: pointer;
}
.content .conbd img.blank { width: 100%;}
.content .conbd img.blank2 { width: 100%; display: none;}
.content .unit1 .mainBox {
    position: absolute;
    top: 40px;
    left: 50%;
    width: 500px;
    height: 90px;
    margin: 0 0 0 -250px;
    overflow: hidden;
    z-index: 1;
}
.content .unit1 .mainBox .title {
    width: 320px;
    height: 90px;
    margin: 0 auto 0 auto;
}
.content .unit1 .mainBox .text {
    font-size: 12px;
    line-height: 24px;
    margin: 0 0 15px 0;
    text-align: justify;
}
.content .unit1 .mainBox .text img {
    margin: 0 0 5px 0;
}
.content .unit1 .mainBox a.more {
    display: block;
    width: 246px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    color: #483e34;
    border: 1px #483e34 solid;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.content .unit1 .mainBox a:hover.more {
    color: #fff;
    background: #483e34;
}
.content .unit1 a.close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 15px;
    text-indent: -10000px;
    background: url(/images/icon_close.png) no-repeat;
    z-index: 1;
    display: none;
}
.content .unit1 .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
}
.content .unit1 .bg img { width: 100%;}
.content .bg .logo {
    position: absolute;
    left: 40px;
    bottom: 20px;
    width: 128px;
    height: 44px;
    background: url(/images/home/logo_img.png) no-repeat;
}
.content .unit1 .msgBox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-indent: -100000px;
    border: 14px #0c9549 solid;
    z-index: 2;
    display: none;
    background: rgba(244,244,244,0.95) url(/images/home/home_unit1_msg.png) no-repeat center;
}
/*.content .unit1.open,
.content .unit1.open .conbd { height: 615px;}
.content .unit1.open .mainBox { height: 300px;}*/
.content .unit1.open a.close { display: block;}
.content .unit2 {
    max-width: 1230px;
}
.content .unit2 .conbd {
    position: relative;
    max-width: 1230px;
    overflow: hidden;
}
.content .unit2 .maskBox {
    width: 100%;
}
.content .unit2 img {
    vertical-align: bottom;
}
.content .unit2 .mainBox,
.content .unit2 .photo,
.content .unit2 .product {
	position: absolute;
	top: 0;
}
.content .unit2 .mainBox { 
	left: 0;
    right: 30%;
    bottom: 0;
	background: #c8c59d;
}
.content .unit2 .photo { 
	left: 30%;
    right: 30%;
    z-index: 3;
}
.content .unit2 .product { 
    right: 0;
    left: 70%;
	background: #eee6d4; 
	overflow: hidden;
}
.content .unit2 .sensor { 
	position: absolute;
	top: 0;
    right: 30%;
    left: 0%;
    bottom: 0;
	overflow: hidden;
	cursor: pointer;
	z-index: 9;
}
.content .unit2 .product img { width: 100%;}
.content .unit2 .photo img { width: 100%;}
.content .unit2 .product ul { 
    width: 200%;
    margin: 0 0 0 -100%;
}
.content .unit2 .product li { 
    float: left;
    width: 50%;
}
.content .unit2 .maskConBox {
    position: relative;
    width: 100%;
    z-index: 3;
}
.content .unit2 .mainBox .title {
    width: 43%;
}
.content .unit2 .mainBox .title img {
    display: block;
    width: 100%;
    /*x-width: 369px;*/
    margin: 0 auto;
}
.content .unit2 .mainBox .text {
    position: absolute;
    top: 0;
    right: 15%;
    bottom: 0;
    left: 43%;
	margin: auto;
    padding: 0 40px 0 0;
    font-size: 13px;
    line-height: 24px;
    color: #fff;
}
.content .unit2 .mainBox .text:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
.content .unit2 .mainBox .text p {
    padding: 0 0 0 40px;
    margin: 0 0 0 -50px;
	display: inline-block;
	vertical-align: middle;
	text-align: justify;
	border-left: 1px #fff solid;
}
.content .unit2 .mainBox .text p img {
    margin: 0 0 5px 0;
}
.content .unit2 .mainBox a.close {
    position: absolute;
    top: 20px;
    right: 17%;
    display: block;
    width: 15px;
    height: 15px;
    text-indent: -10000px;
    background: url(/images/icon_closew.png) no-repeat;
    z-index: 5;
}
.content .unit2 .sensor a.more {
    position: absolute;
    bottom: 20px;
    right: 170px;
    display: block;
    width: 216px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    color: #fff;
    border: 1px #fff solid;
}
.content .unit2 .mainBox .text p,
.content .unit2 .mainBox a.close,
.content .unit2 .sensor a.more {
    filter:alpha(opacity=0);
    -moz-opacity:0.0;
    opacity:0.0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.content .unit2 .product a.more {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 160px;
    height: 130px;
    margin: -65px 0 0 -80px;
    text-indent: -100000px;
    background: url(/images/home/btn_pickup.png) no-repeat;
}
.content .unit2 .mainBox .msgBox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-indent: -100000px;
    border: 14px #0c9549 solid;
    cursor: pointer;
    z-index: 5;
    background: rgba(244,244,244,0.95) url(/images/home/home_unit2_msg.png) no-repeat center;
    display: none;    
}
.content .unit2.open .mainBox { left: 0; right: 30%;}
.content .unit2.open .photo   { left: 60%; right: 0;}
.content .unit2.open .product { right: -30%; left: 100%;}
.content .unit2.open .mainBox .text p,
.content .unit2.open .mainBox a.close,
.content .unit2.open .sensor a.more {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
	-webkit-transition: all 0.3s 0.5s;
	-moz-transition: all 0.3s 0.5s;
	-o-transition: all 0.3s 0.5s;
	transition: all 0.3s 0.5s;
}
.content .unit2.open .sensor a.more {
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
.content .unit2.open .sensor a:hover.more {
    color: #c8c59d;
    background: #fff;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
/*.content .unit2.open .sensor  { z-index: 1;}*/

.content .unit3 {
    max-width: 1230px;
}
.content .unit3 .conbd {
    position: relative;
    max-width: 1230px;
    overflow: hidden;
    cursor: pointer;
}
.content .unit3 .mainBox {
    position: absolute;
    top: 65px;
    right: 80px;
    width: 320px;
    /*height: 90px;*/
    
    width: 980px;
    height: 420px;

    overflow: hidden;
    z-index: 1;
	-webkit-transition: all 0.3s 0s;
	-moz-transition: all 0.3s 0s;
	-o-transition: all 0.3s 0s;
	transition: all 0.3s 0s;
}
.content .unit3.open .mainBox {
	-webkit-transition: all 0.3s 1.0s;
	-moz-transition: all 0.3s 1.0s;
	-o-transition: all 0.3s 1.0s;
	transition: all 0.3s 1.0s;
}

.content .unit3 .maskConBox {
    position: absolute;
    top: 0;
    right: 0;
    width: 980px;
    height: 160px;
}

.content .unit3 .mainBox .text {
/*
	display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: top;*/
}

.content .unit3 .mainBox .title {
/*
	display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: top;*/
}
.content .unit3 .mainBox .title {
    position: absolute;
    top: 0;
    right: 0;
    width: 320px;
    height: 90px;
}
.content .unit3 .mainBox .text {
    padding: 0 380px 0 0;
    font-size: 12px;
    line-height: 28px;
    text-align: justify;
    filter:alpha(opacity=0);
    -moz-opacity:0.0;
    opacity:0.0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.content .unit3 .mainBox .text img {
    margin: 0 0 5px -5px;
}
.content .unit3 .mainBox a.more {
    position: absolute;
    bottom: 0;
    right: 380px;
    display: block;
    width: 246px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    color: #483e34;
    border: 1px #483e34 solid;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.content .unit3 .mainBox a:hover.more {
    color: #fff;
    background: #483e34;
}

.content .unit3 a.close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 15px;
    text-indent: -10000px;
    background: url(/images/icon_close.png) no-repeat;
    z-index: 1;
    display: none;
}
.content .unit3 .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
}
.content .unit3 .bg img { width: 100%;}
.content .unit3 .bg .logo {
    left: auto;
    right: 40px;
}
.content .unit3 .msgBox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-indent: -100000px;
    border: 14px #0c9549 solid;
    cursor: pointer;
    z-index: 5;
    background: rgba(244,244,244,0.95) url(/images/home/home_unit3_msg.png) no-repeat center;
    display: none;
}
/*
.content .unit3.open,
.content .unit3.open .conbd { height: 615px;}
.content .unit3.open .mainBox { width: 980px; height:160px;}*/
.content .unit3.open a.close { display: block;}
.content .unit3.open .mainBox .text { 
	filter:alpha(opacity=100); 
	-moz-opacity:1.0; 
	opacity:1.0;
	-webkit-transition: opacity 1.0s 1.0s;
	-moz-transition: opacity 1.0s 1.0s;
	-o-transition: opacity 1.0s 1.0s;
	transition: opacity 1.0s 1.0s;
}

.content .unit4 {
    max-width: 1230px;
    margin: 0 auto;
}
.content .unit4 .conbd {
    position: relative;
    max-width: 1230px;
    overflow: hidden;
}
.content .unit4 .maskBox {
    /*float: right;*/
    width: 100%;
}
.content .unit4 img {
    vertical-align: bottom;
}
.content .unit4 .product,
.content .unit4 .photo,
.content .unit4 .mainBox {
	position: absolute;
	top: 0;
}
.content .unit4 .product { 
    left: 0;
    right: 70%;
	background: #eaeaea; 
	overflow: hidden;
}
.content .unit4 .photo { 
	left: 30%;
    right: 30%;
    z-index: 4;
}
.content .unit4 .mainBox { 
	right: 0;
    left: 30%;
    bottom: 0;
	background: #d8b3c8;
}
.content .unit4 .sensor { 
	position: absolute;
	top: 0;
    left: 30%;
    right: 0%;
    bottom: 0;
	overflow: hidden;
	cursor: pointer;
	z-index: 9;
}
.content .unit4 .product img { width: 100%;}
.content .unit4 .photo img { width: 100%;}
.content .unit4 .product ul { 
    width: 200%;
    margin: 0 0 0 -100%;
}
.content .unit4 .product li { 
    float: left;
    width: 50%;
}
.content .unit4 .maskConBox {
    position: relative;
    width: 100%;
    z-index: 3;
}
.content .unit4 .mainBox .text {
    position: absolute;
    top: 0;
    left: 15%;
    bottom: 0;
    right: 43%;
	margin: auto;
    padding: 0 0 0 40px;
    font-size: 13px;
    line-height: 28px;
    color: #fff;

    padding: 0 0 20px 40px;
    font-size: 11px;
    line-height: 22px;    
}
.content .unit4 .mainBox .text:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
.content .unit4 .mainBox .text p {
    padding: 0 40px 0 0;
    margin: 0 -40px 0 0;
	display: inline-block;
	vertical-align: middle;
	text-align: justify;
	border-right: 1px #fff solid;
}
.content .unit4 .mainBox .title {
    float: right;
    width: 43%;
}
.content .unit4 .mainBox .title img {
    display: block;
    width: 100%;
    /*x-width: 369px;*/
    margin: 0 auto;
}
.content .unit4 .mainBox a.close {
    position: absolute;
    top: 20px;
    left: 17%;
    display: block;
    width: 15px;
    height: 15px;
    text-indent: -10000px;
    background: url(/images/icon_closew.png) no-repeat;
    z-index: 1;
}
.content .unit4 .sensor a.more {
    position: absolute;
    bottom: 20px;
    left: 170px;
    display: block;
    width: 216px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    color: #fff;
    border: 1px #fff solid;
}
.content .unit4 .mainBox .text p,
.content .unit4 .mainBox a.close,
.content .unit4 .sensor a.more {
    filter:alpha(opacity=0);
    -moz-opacity:0.0;
    opacity:0.0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.content .unit4 .product a.more {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 160px;
    height: 130px;
    margin: -65px 0 0 -80px;
    text-indent: -100000px;
    background: url(/images/home/btn_pickup.png) no-repeat;
}
.content .unit4 .mainBox .msgBox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-indent: -100000px;
    border: 14px #0c9549 solid;
    cursor: pointer;
    z-index: 5;
    background: rgba(244,244,244,0.95) url(/images/home/home_unit4_msg.png) no-repeat center;
    display: none;
}
.content .unit4.open .product { left: -30%; right: 100%;}
.content .unit4.open .photo { left: 0; right: 60%;}
.content .unit4.open .mainBox { right: 0; left: 30%;}
.content .unit4.open .mainBox .text p,
.content .unit4.open .mainBox a.close,
.content .unit4.open .sensor a.more {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
	-webkit-transition: all 0.3s 0.5s;
	-moz-transition: all 0.3s 0.5s;
	-o-transition: all 0.3s 0.5s;
	transition: all 0.3s 0.5s;
}
.content .unit4.open .sensor a.more {
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
.content .unit4.open .sensor a:hover.more {
    color: #d8b3c8;
    background: #fff;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
/*.content .unit4.open .sensor  { z-index: 1;}*/


.content .ftLogo {
    padding: 50px 0;
    text-align: center;
    background: #fff;
}
.content .ftLogo img {
    width: 80px;
}
.content .unitMore {
    width: 352px;
    height: 48px;
    border: 2px #483e34 solid;
    margin: 0 auto 50px auto;
}
.content .unitMore a {
    display: block;
    width: 352px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #483e34;
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.content .unitMore a:hover {
    color: #fff;
    background: #483e34;
}
.content h2.title {
    width: 200px;
    height: 40px;
    margin: 0 auto;
    padding: 60px 0;
    text-indent: -100000px;
}
.content h2.title.news       { background: url(/images/title_news.gif) no-repeat center;}
.content h2.title.product    { background: url(/images/title_product.gif) no-repeat center;}
.content h2.title.contact    { background: url(/images/title_contactUs.gif) no-repeat center;}
.content h2.title.aboutBrand { background: url(/images/title_aboutBrand.gif) no-repeat center;}
.content h2.title.dealer     { background: url(/images/title_dealer.gif) no-repeat center;}
.content h2.title.jobs       { background: url(/images/title_jobs.gif) no-repeat center;}

.content h3.title {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    padding: 0 10px 10px 10px;
    margin: 0 0 20px 0;
    background: url(/images/line_title.gif) no-repeat center bottom;
}
.content .tab {
    width: 100%;
    max-width: 930px;
    padding: 0 0 1px 0;
    margin: 0 auto 30px auto;
    line-height: 38px;
    text-align: center;
    background: url(/images/line_tab.gif) repeat;
}
.content.about .tab {margin: 0 auto 0 auto;padding: 0;}
.content .tab a {
    display: inline-block;
    margin: -1px 20px 0 20px;
    padding: 0 0 1px 0;
    line-height: 37px;
    font-size: 14px;
}
.content .tab a:hover,
.content .tab a.on {
    padding: 0 0 1px 0;
    border-bottom: 1px #000 solid;
}
.content .container {
    margin: 0 auto 50px auto;
}
.content .newslist.bottom .container {
    margin: 0 auto;
}
.content .container .item {
    width: 218px;
    margin: 0 0 20px 0;
}
.content .container .item .photo {
	position: relative;
    width: 218px;
    margin: 0 auto 10px auto;
    background: #fff;
    overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.content .container .item .photo:hover {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}
.content .container .item .photo a {
	position: absolute; 
	top: 0; 
	left: 0; 
	display: block;
	width: 100%; 
	height: 100%;
    z-index: 1;
}
.content .container .item .photo a.icon {
    background: url(/images/icon_play.png) no-repeat center;
}
.content .container .item .photo .box {
	/*position: absolute; 
	top: -50%; 
	left: -50%; 
	width: 200%; 
	height: 200%;*/
}
.content .container .item .photo .box img,
.content .container .item .photo .box iframe {
	/*position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	margin: auto; */
}
.content .container .item .date {
    font-size: 16px;
    font-style: italic;
    margin: 0 0 5px 0;
}
.content .container .item .title {
    font-size: 14px;
    line-height: 22px;
    height: 66px;
    /*padding: 0 10px;*/
    margin: 0 0 20px 0;
    overflow: hidden;
}
/**
*
* news
*
**/
.content .newslist {
    width: 100%;
    max-width: 932px;
    margin: 0 auto;
}
.content .newslist .container .item .photo,
.content .newscon .newsbd .text .container .item .photo {
    height: 218px;
}
.content .container .item .photo .box img,
.content .container .item .photo .box iframe {
	max-height: 218px;
}
.content .newslist .newslisthd {
    position: relative;
    margin: 40px 0;
    height: 50px;
	background: url(/images/line_title_news.gif) repeat-x;
}
.content .newslist .newslisthd span {
    display: block;
    width: 144px;
    height: 50px;
    margin: 0 auto;
    text-indent: -100000px;
	background: url(/images/title_news.gif) no-repeat;
}
.content .newslist .newslisthd .icon {
    position: absolute;
    top: -10px;
    right: 0;
    width: 102px;
    height: 54px;
	background: url(/images/icon_latest.png) no-repeat;
}
.content .newslist .newslistft {
    padding: 0 0 40px 0;
    font-size: 14px;
    color: #000;
    border-bottom: 1px #e7e6e6 solid;
}
.content .newslist .newslistft a.more {
    display: block;
    float: left;
    width: 92px;
    height: 26px;
    margin: -2px 5px 0 0;
    text-indent: -100000px;
	background: url(/images/icon_news_more.gif) no-repeat;
}
.content .newslist .newslistft a:hover.more {
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.content .newscon {
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    padding: 20px 0 0 0;
    border-top: 1px #e7e6e6 solid;
}
.content .newscon .newshd {
    margin: 0 0 20px 0;
}
.content .newscon .newshd:after {
	content:"";
	display: table;
	clear: both;
}
.content .newscon .newshd .date {
    float: left;
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
}
.content .newscon .newshd .share {
    float: right;
    width: 108px;
    height: 27px;
}
.content .newscon .newshd .share a {
    display: block;
    width: 108px;
    height: 27px;
    text-indent: -100000px;
	background: url(/images/icon_share.gif) no-repeat;
}
.content .newscon .newsbd .photo {
    margin: 0 0 40px 0;
}
.content .newscon .newsbd .photo img,
.content .newscon .newsbd .photo iframe {
    max-width: 930px;
    width: 100%;
}
.content .newscon .newsbd .title {
    font-size: 30px;
    line-height: 32px;
    margin: 0 0 40px 0;
}
.content .newscon .newsbd .text {
    padding: 40px 60px;
    background: #f9f9f9;
    font-size: 16px;
    line-height: 26px;
}
.content .newscon .newsbd .text p {
    margin: 0 0 20px 0;
}
.content .newscon .newsbd .text a.download {
    display: block;
    width: 310px;
    height: 60px;
    margin: 50px 0 0 0;
    text-indent: -100000px;
	background: #009040 url(/images/icon_download.gif) no-repeat center;
}
.content .newscon .newsbd .text a:hover.download {
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.content .newscon .newsbd .text .container {
    margin: 50px 0 35px 0;
}
.content .newscon .newsbd .text .container:after {
	content:"";
	display: table;
	clear: both;
}
.content .newscon .newsbd .text .container .item {
    padding: 25px 45px 0 45px;
    background: #fff;
}
.content .newscon .newsbd .text .container .item .photo {
    margin: 0 0 10px 0;
}
.content .newscon .newsbd .text .container .item .title {
    font-size: 14px;
    line-height: 22px;
    height: 66px;
    margin: 0 0 20px 0;
    overflow: hidden;
}
.content .newscon .newsbd .text .container .item.prev { float: left;}
.content .newscon .newsbd .text .container .item.next { float: right;}
.content .newscon .newsbd .text a.prev,
.content .newscon .newsbd .text a.next,
.content .newscon .newsbd .text a.back {
    display: block;
    margin: 0 0 10px 0;
    color: #483e34;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
	background: #fff;
}
.content .newscon .newsbd .text a.back {
    width: 100%;
    height: 90px;
    line-height: 90px;
    margin: 0;
    font-size: 17px;
	outline: 2px #f9f9f9 solid;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.content .newscon .newsbd .text a:hover.back {
    color: #009040;
	outline: 2px #009040 solid;
}
/**
*
* productlist 
*
**/
.content .productlist {
    width: 100%;
    max-width: 932px;
    margin: 20px auto 0 auto;
}
.content .productlist .container {
    margin: 0 auto 20px auto;
}
.content .productlist .container .item {
    width: 25%;
}
.content .productlist .container .item .photo {
    height: 250px;
}
.content .productlist .container .item .photo .box img,
.content .productlist .container .item .photo .box iframe {
	max-height: 250px;
}
.content .productlist .container .item .title {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}
.content .productlist .container .item .title span {
    display: inline-block;
}
.content .productlist .container.explain .item {
    width: 23%;
    margin: 0 1% -1px 1%;
    height: 350px;
    border-top: 1px #e7e6e6 solid;
    border-bottom: 1px #e7e6e6 solid;
    cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.content .productlist .container.explain .item.exp1:hover  { background: #eee6d4;}
.content .productlist .container.explain .item.exp2:hover  { background: #d3e4e4;}
.content .productlist .container.explain .item.exp3:hover  { background: #cdf3ec;}
.content .productlist .container.explain .item.exp4:hover  { background: #f6e3ee;}
.content .productlist .container.explain .item.exp5:hover  { background: #fcf2ed;}
.content .productlist .container.explain .item.exp6:hover  { background: #dbdbdb;}
.content .productlist .container.explain .item.exp7:hover  { background: #eee6d4;}
.content .productlist .container.explain .item.exp8:hover  { background: #d3e4e4;}
.content .productlist .container.explain .item.exp9:hover  { background: #cdf3ec;}
.content .productlist .container.explain .item.exp10:hover { background: #f6e3ee;}
.content .productlist .container.explain .item.exp11:hover { background: #fcf2ed;}
.content .productlist .container.explain .item.exp12:hover { background: #dbdbdb;}
.content .productlist .container.explain .item .box {
    position: relative;
    top: 50%;
    text-align: center;
    height: 120px;
    margin-top: -60px;
}
.content .productlist .container.explain .item a {
    display: block;
    width: 218px;
    margin: 0 auto;
    padding: 20px 0;    
}
.content .productlist .container.explain .item .icon {
    width: 37px;
    height: 37px;
    margin: 0 auto 5px auto;
    overflow: hidden;
}
.content .productlist .container.explain .item .icon img {
    max-width: 37px;
    max-height: 37px;
}

.content .productlist .container.explain .item .title {
    padding: 0 15px;
    font-size: 16px;
    height: 68px;
    overflow: hidden;
}
.content .productlist .container.explain .item .title span {
    font-size: 14px;
    padding: 5px 0 0 0;
}
.content .productlist .container.explain .item .text {
    padding: 0 15px;
    margin: 0 0 10px 0;
    color: #767676;
    font-size: 13px;
    line-height: 26px;
    height: 130px;
    overflow: hidden;
}
.content .productlist .container.explain .item .more {
    padding: 0 15px;
    color: #767676;
    font-size: 13px;
}
.content .productcon {
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    padding: 10px 0 0 0;
}
.content .productcon .producthd {
    margin: 0 0 20px 0;
}
.content .productcon .producthd:after {
	content:"";
	display: table;
	clear: both;
}
.content .productcon .producthd .title {
    font-size: 27px;
    line-height: 32px;
    padding: 0 0 10px 0;
    font-weight: bold;
    text-align: center;
    margin: 0 0 -27px 0;
}
.content .productcon .producthd .share {
    float: right;
    width: 108px;
    height: 27px;
}
.content .productcon .producthd .share a {
    display: block;
    width: 108px;
    height: 27px;
    text-indent: -100000px;
	background: url(/images/icon_share.gif) no-repeat;
}
.content .productcon .productbd .product {
	position: relative;
    margin: 0 auto 40px auto;
}
.content .productcon .productbd .share {
	position: absolute;
	bottom: -30px;
	right: 20px;
    width: 108px;
    height: 27px;
    display: none;
}
.content .productcon .productbd .share a {
    display: block;
    width: 108px;
    height: 27px;
    text-indent: -100000px;
	background: url(/images/icon_share.gif) no-repeat;
}
.content .productcon .productbd .product ul li {
    text-align: center;
}
.content .productcon .productbd .product .bx-wrapper img {max-width: 436px;display: inline; width: 100%;}
.content .productcon .productbd .product .bx-wrapper .bx-prev {left: 0px;background: url(/images/icon_productArrow.gif) no-repeat 0 0;}
.content .productcon .productbd .product .bx-wrapper .bx-next {right: 0px;background: url(/images/icon_productArrow.gif) no-repeat -40px 0;}
.content .productcon .productbd .product .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -20px;outline: 0;width: 40px;height: 40px;text-indent: -9999px;z-index: 9;}

.content .productcon .productbd .proleftBox {
    float: left;
    width: 25%;
    margin: 0 5% 0 0;
}
.content .productcon .productbd .prorightBox {
    float: right;
    width: 70%;
}
.content .productlist h3.hd,
.content .productcon .productbd h3.hd {
    padding: 0 5px 5px 5px;
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px #483e34 solid;
}
.content .productcon .productbd .bd {
    padding: 0 5px;
    font-size: 13px;
    line-height: 24px;
}
.content .productcon .productbd .bd p {
    margin: 10px 0 10px 0;
}
.content .productcon .productbd a.download {
    display: block;
    width: 100%;
    height: 60px;
    margin: 20px 0 0 0;
    text-indent: -100000px;
	background: #009040 url(/images/icon_pdf.gif) no-repeat center;
}
.content .productcon .productbd a:hover.download {
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.content .crumb {
    max-width: 930px;
    margin: 50px auto 40px auto;
}
.content .crumb a.list {
    float: left;
	display: block;
	width: 70px;
	height: 20px;
	text-indent: -10000px;
	background: url(/images/icon_list.gif) no-repeat 0 3px;
}
.content .crumb span {
    font-size: 16px;
}

.content .membercon {
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    padding: 10px 0 0 0;
}
.content .membercon fieldset {
    border-top: 1px #e7e6e6 solid;
    border-bottom: 1px #e7e6e6 solid;
    padding: 20px 0;
}
.content .membercon.query fieldset,
.content .membercon.modify fieldset,
.content .membercon.personal fieldset {
    border-top: 0;
    padding: 20px 0;
}
.content .membercon fieldset legend {
    float: left;
    width: 100%;
    font-size: 15px;
    margin: 0 0 40px 0; 
}
.content .membercon fieldset .infobox {
    padding: 60px 0;
    width: 100%;
    text-align: center;
}
.content .membercon fieldset .infobox .con {
    display: inline;
    padding: 0 5px;
}
.content .membercon fieldset .infobox .icon {
    display: inline;
    padding: 0 5px;
}
.content .membercon fieldset .infobox .icon img {
    vertical-align: middle;
}
.content .membercon fieldset .infobox .con {
    font-size: 22px;
    line-height: 64px;
    color: #1d9047;
}
.content .membercon fieldset .box {
    padding: 15px 0;
    width: 100%;
}
.content .membercon fieldset .infobox:after,
.content .membercon fieldset .box:after {
	content:"";
	display: table;
	clear: both;
}
.content .membercon fieldset .box label,
.content .membercon fieldset .box .con {
    position: relative;
    float: left;
}
.content .membercon fieldset .box label {
    width: 15%;
	font-size: 18px;
	color: #483e34;
    padding: 24px 0;
}
.content .membercon fieldset .box label.indent {
	/*margin-left : 8px;*/
	margin: 0 -8px 0 8px;
	text-indent : -8px;
}
.content .membercon fieldset .box label.max {
    padding: 16px 0 16px 0;
}
.content .membercon fieldset .box label span {
    position: relative;
    top: -1px;
    display: block;
	font-size: 13px;
    padding: 0 0 0 4px;
}
.content .membercon fieldset .box .con label {
    width: auto;
    float: none;
	font-size: inherit;
	color: inherit;
    padding: 0;
    cursor: pointer;
}
.content .membercon fieldset .box .con {
    width: 85%;
    min-height: 66px;
}
.content .membercon fieldset .box .con a {
    text-decoration: underline;
}
.content .membercon fieldset .box .con span.blank {
	display: inline-block;
	width: 2%;
}
.content .membercon fieldset .box .con .codeLeft {
    position: absolute;
    top: 0;
    left: 0;
    right: 43%;
}
.content .membercon fieldset .box .con .codeBox {
    position: absolute;
    top: 0;
    left: 60%;
    right: 0;
    text-align: center;
    background: #f4f4f4;
}
.content .membercon fieldset .box .con .codeBox img {
    vertical-align: bottom;
}
.content .membercon fieldset .box .con .codeBox .codeimg {
    text-align: center;
    background: #f4f4f4;
}
.content .membercon fieldset .box .con .codeBox .codeimg img {
    max-width: 120px;
    vertical-align: middle;
}
.content .membercon fieldset .box .con .codeBox span {
    display: block;
    margin: 2px 0 0 0;
}
.content .membercon fieldset .box .con .codeBox a.reset {
    position: absolute;
    top: 23px;
    right: -35px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -100000px;
    background: url(/images/icon_reset.gif) no-repeat;
}
.content .membercon fieldset .box .con .TelArea,
.content .membercon fieldset .box .con .TelBox,
.content .membercon fieldset .box .con .TelExtension,
.content .membercon fieldset .box .con .AddLeft,
.content .membercon fieldset .box .con .AddRight,
.content .membercon fieldset .box .con .BirthdayLeft,
.content .membercon fieldset .box .con .BirthdayCenter,
.content .membercon fieldset .box .con .BirthdayRight {
    position: absolute;
    top: 0;
}
.content .membercon fieldset .box .con .TelArea      { left: 0;   right: 80%;}
.content .membercon fieldset .box .con .TelBox       { left: 22%; right: 22%;}
.content .membercon fieldset .box .con .TelExtension { left: 80%; right: 0;}
.content .membercon fieldset .box .con .twzipcode {
    position: relative;
    min-height: 66px;
}
.content .membercon fieldset .box .con .areabox,
.content .membercon fieldset .box .con .birbox {
    position: relative;
    min-height: 66px;
}
.content .membercon fieldset .box .con .twzipcode,
.content .membercon fieldset .box .con .areabox {
    margin: 0 0 20px 0;
}
.content .membercon fieldset .box .con .AddLeft      { left: 0;   right: 51%;}
.content .membercon fieldset .box .con .AddRight     { left: 51%; right: 0%;}
.content .membercon fieldset .box .con .BirthdayLeft   { left: 0;   right: 63%;}
.content .membercon fieldset .box .con .BirthdayCenter { left: 38%; right: 32%;}
.content .membercon fieldset .box .con .BirthdayRight  { left: 70%; right: 0%;}
.content .membercon fieldset .box .con .birbox select {
    position: relative;
    width: 90%;
    margin: 0 0.5% 0 0;
}

.content .membercon fieldset .btn {
    padding: 15px 0;
    text-align: center;
}
.content .membercon fieldset .btn .btnBoxLeft { float: left; width: 49%;}
.content .membercon fieldset .btn .btnBoxRight { float: right; width: 49%;}
.content .membercon.login fieldset .btn input[type="reset"],
.content .membercon.login fieldset .btn input[type="submit"],
.content .membercon.login fieldset .btn input[type="button"] {
    max-width: inherit;
}
.content .membercon fieldset hr {
    padding: 0;
    margin: 30px 0;
    height: 1px;
    border: 0;
    border-bottom: 1px #e7e6e6 solid;
}
.content .membercon fieldset .btnBox {
    margin: 0 0 20px 0;
    text-align: center;
}
.content .membercon fieldset .btn:after,
.content .membercon fieldset .btnBox:after {
	content:"";
	display: table;
	clear: both;
}
.content .membercon fieldset .btnBox .btnBoxLeft { float: left; width: 49%;}
.content .membercon fieldset .btnBox .btnBoxRight { float: right; width: 49%;}
.content .membercon fieldset .btnBox .btnBoxCenter { margin: 0 auto; max-width: 500px; width: 100%;}

.content .membercon fieldset .text {
    line-height: 26px;
}
.content .membercon fieldset span.txt {
    line-height: 67px;
}
.content .membercon fieldset span.error {
    position: relative;
    top: -8px;
    padding: 0 0 0 20px;
    margin: 0 0 0 15%;
    font-size: 14px;
    color: #d92e00;
	background: url(/images/icon_error_info.png) no-repeat left center;    
}



.content .jobscon {
    width: 90%;
    max-width: 930px;
    margin: 0 auto;
    font-size: 13px;
    padding: 40px 0 0 0;
    border-top: 1px solid #e7e6e6;
    border-bottom: 1px solid #e7e6e6;
}
.content .jobscon .box {
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}
.content .jobscon .box .title {
    margin: 0 0 1em 0;
    padding: 0 15px;
    font-size: 19px;
    font-weight: bold;
    line-height: 50px;
    color: #fff;
    background: #009040;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.content .jobscon .box .con {
    margin: 0 0 1em 0;
    padding: 0 15px;
}
.content .jobscon .box .con h4 {
    margin: 0 0 0.5em 0;
    font-size: 13px;
    font-weight: normal;
    color: #009040;
}
.content .jobscon .box .con ol {
    margin: 0 0 2em 1.2em;
    list-style-type: decimal;
}
.content .jobscon .box p {
    margin: 0 0 1em 0;
}

/**
*
* introductionlist
*
**/
.content .dealerlist {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	background: url(/images/knowledge/bg_knowledge.gif) repeat;
}
.content .dealerlist .studylogo {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 70px;
	background: url(/images/knowledge/logo_introduction.png) no-repeat center;
}
.content .dealerlist .dealerBox {
    position: relative;
    padding: 90px 0 0 0;
    border: 8px #009040 solid;
}
.content .dealerlist .introductionTop {
    padding: 0 20px;
    margin: 20px 0 40px 0;
    text-align: center;
}
.content .dealerlist .introductionTop .title {
    font-size: 36px;
    line-height: 40px;
    color: #009040;
}
.content .dealerlist .introductionTop p {
    font-size: 13px;
    line-height: 22px;
    color: #000;
}
.content .dealerlist .introductionTop a.arrow {
    display: block;
    width: 170px;
    height: 85px;
    margin: 0 auto;
    text-indent: -100000px;
	background: url(/images/knowledge/icon_star.png) no-repeat;
}
.content .dealerlist .introductionBox {
    padding: 40px 65px 60px 65px;
}
.content .dealerlist .introductionBox .title {
    padding: 0 10px 0 0;
    margin: 0 0 20px 0;
}
.content .dealerlist .introductionBox .title .icon,
.content .dealerlist .introductionBox .title .titlebd {
	display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}
.content .dealerlist .introductionBox .title .icon {
    position: relative;
    padding: 4px 10px 0 0;
}
.content .dealerlist .introductionBox .title .titlebd {
    width: 100%;
    padding: 0 90px 0 10px;
    border-left: 1px #000 solid;
    font-size: 26px;
    font-family: 'cwTeXMing', "Times New Roman";
    line-height: 30px;
}
.content .dealerlist .introductionBox .photo {
    margin: 0 0 10px 0;
    overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.content .dealerlist .introductionBox .step6 .photo {
    width: 100%;
    padding: 0 0 54% 0;
}
.content .dealerlist .introductionBox .photo img {
    width: 100%;
    vertical-align: bottom;
}
.content .dealerlist .introductionBox .text {
    font-size: 15px;
    line-height: 24px;
}
.content .dealerlist .introductionBox .text a {
    color: #009040;
    text-decoration: underline;
}
.content .dealerlist .introductionBox .step1,
.content .dealerlist .introductionBox .step2,
.content .dealerlist .introductionBox .step3,
.content .dealerlist .introductionBox .step4 {
    width: 75%;
    margin: 0 auto 60px auto;
}
.content .dealerlist .introductionBox .conBoxbd {
    float: left;
    width: 44%;
    margin: 0 3% 4% 3%;
    background: #fff;
    overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.content .dealerlist .introductionBox .conBoxbd .title {
    padding: 0;
    margin: 0;
    border-right: 0;
    font-size: 24px;
    font-family: 'cwTeXMing';
    font-weight: bold;
    line-height: 100px;
    text-align: center;
}
.content .dealerlist .introductionBox .conBoxbd .text {
    padding: 15px;
    color: #fff;
    font-size: 17px;
    background: #009040;
}
.content .dealerlist .introductionBox .more {
    margin: 0 auto;
    width: 7px;
    height: 97px;
	background: url(/images/knowledge/icon_point.png) no-repeat;
}
.content .dealerlist .introductionBox .conBoxft {
    margin: 0 3% 40px 3%;
    font-size: 15px;
}
/**
*
* aboutProfessional 
*
**/
.content .aboutCompany .subnav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 106px;
	background: #fff;
	z-index: 9;
}
.content .aboutCompany .subnav ul {
    position: absolute;
    top: 187px;
    top: 347px;
    top: 0;
    right: 0;
    width: 106px;
    padding: 70px 0 0 0;
	z-index: 9;
	background: url(/images/brand/icon_subnav.png) no-repeat;
}
.content .aboutCompany .subnav.on ul {
    position: fixed;
    top: 187px;
}
.content .aboutCompany .subnav ul li a {
    display: block;
    color: #363636;
    text-align: center;
    font-size: 13px;
    line-height: 28px;
    border-bottom: 1px #fff solid;
}
.content .aboutCompany .subnav ul li a:hover,
.content .aboutCompany .subnav ul li.on a {
    border-bottom: 1px #363636 solid;
    background: #e7e6e6;
}
.content .aboutCompany .subnav ol.submenu {
    position: absolute;
    top: 160px;
    right: 0;
    width: 106px;
	z-index: 9;
}
.content .aboutCompany .subnav.on ol.submenu {
    position: fixed;
    top: 360px;
}
.content .aboutCompany .subnav ol.submenu li {
    display: block;
    height: 12px;
    width: 12px;
    margin: 17px auto;
    position:relative;
}
.content .aboutCompany .subnav ol.submenu li a {
    display: block;
    height: 12px;
    width: 12px;
    cursor: pointer;
    background: #e2e2e2;
    border-radius: 100%;
    background: #e2e2e2;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.content .aboutCompany .subnav ol.submenu li.active a,
.content .aboutCompany .subnav ol.submenu li a:hover {background: #009041;}


.content .aboutCompany {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.content .aboutCompany .aboutCompanyBox {
    position: relative;
	border-top: 1px solid #e7e6e6;
	background: url(/images/knowledge/bg_knowledge.gif) repeat;
	background-attachment: fixed;
}
.content .aboutCompany .aboutCompanyBox .section {
    position: relative;
}
#unit1 {
    padding: 0 106px 0 0;
}
#unit2 {
    padding: 0 106px 0 0;
	background: #f3f4f6 url(/images/brand/bg_unit2.jpg) no-repeat left bottom;
	background-attachment: fixed;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
#unit3 {
    padding: 100px 106px 100px 0;
	background: url(/images/knowledge/bg_knowledge.gif) repeat;
	background-attachment: fixed;
}
#unit4 {
    padding: 0 106px 0 0;
	background: #f5f5f7 url(/images/brand/bg_unit4.jpg) no-repeat left bottom;
	background-attachment: fixed;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}


.content .aboutCompany .aboutCompanyBox .bg1 {
    overflow: hidden;
    position: absolute;
    top: 347px;
    top: 0;
    left: 0;
    width: 45%;
}
.content .aboutCompany .aboutCompanyBox .bg1.start {
	position: fixed;
	left: 0;
	top: 187px;
}
.content .aboutCompany .aboutCompanyBox .bg1.end {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
}
.content .aboutCompany .aboutCompanyBox .bg1 img {
    vertical-align: bottom;
}

.content .aboutCompany .aboutCompanyBox .bg1 img {
    max-width: 1480px;
    vertical-align: bottom;
}
.content .aboutCompany .aboutCompanyBox .logof {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 53px;
    height: 74px;
    text-indent: -100000px;
	z-index: 1;
	background: url(/images/brand/logo_unit1.png) no-repeat;
}
.content .aboutCompany .aboutCompanyBox .logof.fix {
    position: fixed;
    top: 227px;
}
.content .aboutCompany .aboutCompanyBox .logof.on {
	background: url(/images/brand/logo_unit1_b.png) no-repeat;
}


.content .aboutCompany .aboutCompanyBox .yearList {
    /*position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    bottom: 0;*/
    padding: 60px 0 60px 0;
    margin: 0 0 0 45%;
	background: url(/images/knowledge/bg_knowledge.gif) repeat;
	background-attachment: fixed;
}
.content .aboutCompany .aboutCompanyBox .yearList .title {
    width: 80%;
    max-width: 620px;
    margin: 0 auto 60px auto;
}
.content .aboutCompany .aboutCompanyBox .yearList .titlehistory {
    width: 60%;
    max-width: 307px;
    margin: 0 auto;
}
.content .aboutCompany .aboutCompanyBox .yearList .title img,
.content .aboutCompany .aboutCompanyBox .yearList .titlehistory img {
    width: 100%;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox {
    position: relative;
    width: 520px;
    margin: 20px auto 40px auto;
	background: url(/images/brand/line_unit1.gif) repeat-y 175px 0;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox li {
    margin: 5px 0;
    padding: 20px 0;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox li:after {
	content:"";
	display: table;
	clear: both;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox li:last-child {
	background: url(/images/brand/line_year_last.gif) no-repeat 162px 100%;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox li.icon {
    position: absolute;
    top: -10px;
    left: -35px;
    width: 75px;
    height: 13px;
    margin: 0;
    padding: 0;
    font-size: 0;
	background: url(/images/brand/icon_YearMonth.png) no-repeat;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox .year,
.content .aboutCompany .aboutCompanyBox .yearList .historyBox .text {
	display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox .year {
    width: 165px;
    color: #009040;
    font-size: 25px;
	background: url(/images/brand/line_year.gif) no-repeat right center;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox .year span {
    position: relative;
    top: 10px;
    color: #000;
    font-size: 30px;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox .text {
    padding: 0 0 0 20px;
    font-size: 14px;
}
.content .aboutCompany .aboutCompanyBox .yearList .desc {
    width: 520px;
    padding: 20px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 28px;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
}

.content .aboutCompany .aboutCompanyBox .overBox {
    padding: 200px 0 300px 0;
	border: 18px solid #009040;
}
.content .aboutCompany .aboutCompanyBox .overBox .title {
    width: 355px;
    height: 50px;
    margin: 0 0 20px 45%;
    text-indent: -100000px;
	background: url(/images/brand/title_unit2.png) no-repeat;
}
.content .aboutCompany .aboutCompanyBox .overBoxbd {
    margin: 0 7% 0 45%;
}
.content .aboutCompany .aboutCompanyBox .overBoxbd .icon,
.content .aboutCompany .aboutCompanyBox .overBoxbd .text {
	display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: top;
}
.content .aboutCompany .aboutCompanyBox .overBoxbd .icon { width: 25%;}
.content .aboutCompany .aboutCompanyBox .overBoxbd .icon img { width: 100%; max-width: 196px;}
.content .aboutCompany .aboutCompanyBox .overBoxbd .text .textBox {
    padding: 0 0 0 40px;
    font-size: 14px;
    line-height: 28px;
}
.content .aboutCompany .aboutCompanyBox .overBoxbd .text .textBox p.hd {
    font-size: 20px;
    margin: 0 0 10px 0;
}
.content .aboutCompany .aboutCompanyBox .trademark {
    width: 60%;
    margin: 0 20%;
}
.content .aboutCompany .aboutCompanyBox .trademark .title {
    width: 462px;
    margin: 0 auto 40px auto;
}
.content .aboutCompany .aboutCompanyBox .trademark .logo {
    position: relative;
    left: 10px;
    width: 40%;
    padding: 5% 18px 41% 0;
    margin: 0 auto;
    text-align: center;
	background: url(/images/brand/icon_unit3_dish.png) no-repeat;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.content .aboutCompany .aboutCompanyBox .trademark .logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    margin: -35% 0 0 -22%;
    filter:alpha(opacity=0);
    -moz-opacity:0.0;
    opacity:0.0;
}
.content .aboutCompany .aboutCompanyBox .trademark .logo img.on {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}

.content .aboutCompany .aboutCompanyBox .trademark .text {
    padding: 20px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 28px;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
}
.content .aboutCompany .aboutCompanyBox .trademark .text p.hd {
    font-size: 20px;
    margin: 0 0 10px 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBox {
    position: relative; 
    /*
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;*/
    border: 18px solid #009040;
}
.content .aboutCompany .aboutCompanyBox .aboutBox .leaf1 {
	background: url(/images/brand/icon_unit4_foliageLeft.png) no-repeat left 178px;
	background-attachment: fixed;
	-moz-background-size: 25% auto;
	-webkit-background-size: 25% auto;
	-o-background-size: 25% auto;
	background-size: 25% auto;
}
.content .aboutCompany .aboutCompanyBox .aboutBox .leaf2 {
	background: url(/images/brand/icon_unit4_foliageRight.png) no-repeat 95% 178px;
	background-attachment: fixed;
	-moz-background-size: 18% auto;
	-webkit-background-size: 18% auto;
	-o-background-size: 18% auto;
	background-size: 18% auto;
}
.content .aboutCompany .aboutCompanyBox .aboutBox .leaf1.on {
	background: url(/images/brand/icon_unit4_foliageLeft.png) no-repeat left 0;
	background-attachment: scroll;
	-moz-background-size: 25% auto;
	-webkit-background-size: 25% auto;
	-o-background-size: 25% auto;
	background-size: 25% auto;
}
.content .aboutCompany .aboutCompanyBox .aboutBox .leaf2.on {
	background: url(/images/brand/icon_unit4_foliageRight.png) no-repeat right 0;
	background-attachment: scroll;
	-moz-background-size: 18% auto;
	-webkit-background-size: 18% auto;
	-o-background-size: 18% auto;
	background-size: 18% auto;
}

.content .aboutCompany .aboutCompanyBox .aboutBoxbd {
	width: 50%;
    margin: 0 10% 0 40%;
    padding: 200px 0 200px 0;

    /*
    position: absolute;
    top: 50%;
    left: 35%;
    right: 15%;
    margin: -260px 0 0 0;
    z-index: 1;*/
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .title {
    width: 250px;
    margin: 0 0 20px 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .text {
    margin: 0 auto 40px auto;
    font-size: 14px;
    line-height: 28px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .companyBox {
    margin: 0 auto 30px auto;
    border-right: 1px #000 solid;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .companyBox > div {
    padding: 0 20px;
	display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: top;
	border-left: 1px #000 solid;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .companyBox p {
    font-size: 13px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .companyBox p.hd {
    font-size: 18px;
    font-family: cwTeXMing;
    font-weight: bold;
    color: #008b3b;
    margin: 0 0 20px 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox {
    position: relative;
    margin: 0 auto;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates1,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates2,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates3,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates4 {
    position: absolute;
    top: 0;
    height: 70px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates1 {
    background: #008f3f;
    left: 0;
    right: 72%;
    z-index: 3;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates1,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates2,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates3 {
	border: 3px #008f3f solid;
    overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates2,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates3 {
	background: #fff;
    padding: 0 10px 0 40px;
    margin: 0 0 0 -30px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates2 {
    left: 28%;
    right: 48%;
    z-index: 2;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates3 {
    left: 52%;
    right: 26%;
    z-index: 1;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates4 {
    left: 78%;
    right: 0;
    z-index: 1;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox p.logo {
    float: left;
    width: 74px;
    height: 64px;
    padding: 6px 0 0 0;
    overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #fff;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox p.txt {
    font-size: 19px;
    font-family: 'cwTeXMing';
    font-weight: bold;
    line-height: 22px;
    color: #fff;
    padding: 10px 0 0 90px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox p.txt span {
    display: block;
    width: 90px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox a {
    font-size: 13px;
    color: #008f3f;
    border-bottom: 1px #008f3f solid;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox p.hd {
    font-size: 15px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates4 .notiesBox {
    margin: 0 0 0 -20px;
    font-size: 12px;
    line-height: 22px;
    color: #737373;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates4 p.noties {
    display: table-cell;
    vertical-align: middle;
    height: 72px;
    padding: 0 5px;
    border-top: 1px #737373 solid;
    border-bottom: 1px #737373 solid;
}


.content .inquiryBox {
    font-size: 15px;
}
.content .inquiryBox .box {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px #e7e6e6 solid;
}
.content .inquiryBox .box a.btn {
    padding: 5px 10px;
    margin: 0 0 0 10px;
    font-size: 13px;
    background: #e9e9e9;
}
.content .inquiryBox .box a.btn.red {
    color: #fff;
    background: #d92e00;
}
.content .inquiryBox .right {
    position: absolute;
    top: 10px;
    right: 0;
}
.content .inquiryBox .box span { font-size: 18px;}
.content .inquiryBox .box span.green { color: #009040;}
.content .inquiryBox .box span.blue { color: #014099;}
.content .inquiryBox,
.content .recordBox {
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    padding: 10px 0 0 0;
}
.content .recordBox table.table {
    width: 100%;
    margin: 0 0 20px 0;
}
.content .recordBox table.table th,
.content .recordBox table.table td {
    padding: 15px 20px;
    color: #483e34;
    border: 1px #c8c8c8 solid;
}
.content .recordBox table.table th {
    font-size: 16px;
    background: #f4f4f4;
}
.content .recordBox table.table th img { vertical-align: middle; margin: 0 5px 0 0;}
.content .recordBox table.table td { font-size: 15px;}
.content .recordBox table.table td.left { text-align: left;}
.content .recordBox table.table td.right { text-align: right;}
.content .recordBox .page {
    text-align: right;
    margin: 0 0 20px 0;
    color: #483e34;
}
.content .recordBox .page a,
.content .recordBox .page span {
    padding: 4px 9px;
    margin: 0 1px;
    text-align: center;
    border: 1px #c8c8c8 solid;
}
.content .recordBox .page a.prev,
.content .recordBox .page a.next {
    padding: 4px 8px;
}
.content .recordBox .page span {
    padding: 4px 4px;
    border: 0;
}
.content .recordBox .page a.on {
    background: #f4f4f4;
}

/* footer
*----------------------------------------------------------------------------*/
.footer {
    border-top: 1px #e7e6e6 solid;
    background: #f9f9f9;
}
.footer .main {
    padding: 200px 50px 30px 50px;
    background: #f9f9f9;
}
.footer .main .logo {
    position: absolute;
    top: 30px;
    left: 50px;
}
.footer .main .logo a {
    display: block;
    width: 280px;
    height: 60px;
    text-indent: -100000px;
	background: url(/images/mobile/logo_ft.jpg) no-repeat;
	-moz-background-size: 280px auto;
	-webkit-background-size: 280px auto;
	-o-background-size: 280px auto;
	background-size: 280px auto;
}
.footer .main .contact {
    position: absolute;
    top: 30px;
    right: 50px;
}
.footer .main .contact a {
    display: block;
    width: 180px;
    height: 66px;
    text-indent: -10000px;
    background: url(/images/icon_contact.png) no-repeat;
	-moz-background-size: auto 66px;
	-webkit-background-size: auto 66px;
	-o-background-size: auto 66px;
	background-size: auto 66px;
}
.footer .main .contact a:hover {
    background-position: -180px 0;
}
.footer .address {
    font-size: 12px;
    line-height: 18px;
}
.footer .address .box {
    padding: 0 22px 0 16px;
    border-left: 1px #000 solid;
	display: table-cell;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}
.footer .address img {
    width: 260px;
    vertical-align: bottom;
}
.footer .copyright {
    position: absolute;
    bottom: 30px;
    right: 50px;
}
.footer .copyright .text,
.footer .copyright .logo3w {
	display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}
.footer .copyright .text {
    text-align: right;
    padding: 0 10px 0 0;
    font-size: 11px;
    line-height: 16px;
}
.footer .copyright .logo3w a {
    display: block;
    width: 105px;
    height: 28px;
    font-size: 0;
	background: url(/images/logo_3wcreative.gif) no-repeat;
}
/*----------------------------------------------------------------------------
* BxSlider v4.1.2
* http://bxslider.com
*---------------------------------------------------------------------------*/
.bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0;*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}
.bx-wrapper .bx-viewport {left: 0;background: #fff;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(/images/loading.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 8px;height: 8px;margin: 0 5px;outline: 0;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-prev {left: -190px;background: url(/images/home/icon_bxsliderArrow.gif) no-repeat 0 0;}
.bx-wrapper .bx-next {right: -190px;background: url(/images/home/icon_bxsliderArrow.gif) no-repeat -60px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -30px;outline: 0;width: 60px;height: 60px;text-indent: -9999px;z-index: 9;}
.bx-wrapper .bx-controls-direction a.disabled {	display: none;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}
/*-----------------------------------------------------------------------------
Checkator jQuery Plugin
-----------------------------------------------------------------------------*/
input[type=radio],input[type=checkbox] {width: 19px;height: 19px;margin-bottom: -4px;}
.checkator_source {position: relative;z-index: 2;display: block;}
.checkator_holder {display: inline-block;position: relative;}
.checkator {border: 2px solid #483e34;background-color: #fff;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;}
.checkator_source:checked+.checkator:after {background-color: #009040;display: block;content: '';top: 20%;right: 20%;bottom: 20%;left: 20%;position: absolute;}
.checkator_source:focus+.checkator {}
.checkator_source:hover+.checkator {background-color: #eee;}
.checkator.radio {border-radius: 50%;}
.checkator.radio:after {border-radius: 50%;}
.checkator.checkbox {border: 2px solid #483e34;}
/*-----------------------------------------------------------------------------
selectBoxIt jQuery Plugin
-----------------------------------------------------------------------------*/
.selectboxit-container {position: relative;display: inline-block;vertical-align: middle; width:100%;}
.selectboxit-container * {font: 14px Helvetica, Arial;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;-o-user-select: none;user-select: none;outline: none;white-space: nowrap;}
.selectboxit-container .selectboxit {width: auto !important;cursor: pointer;border-radius: 0;overflow: hidden;display: block;position: relative;}
.selectboxit-container .selectboxit-options a {height: 30px;line-height: 30px;display: block;}
.selectboxit-container span {height: 72px;line-height: 72px;display: block;}
.selectboxit-container .selectboxit:focus {outline: 0;}
.selectboxit-options .selectboxit-disabled,
.selectboxit.selectboxit-disabled {	opacity: 0.65;filter: alpha(opacity=65);-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;cursor: default;}
.selectboxit-text {text-indent: 5px;overflow: hidden;text-overflow: ellipsis;float: left;}
.selectboxit .selectboxit-option-icon-container {margin-left: 5px;}
.selectboxit-container .selectboxit-options {min-width: 100% !important;*width: 100%;list-style: none;position: absolute;overflow-x: hidden;overflow-y: auto;cursor: pointer;display: none;z-index: 99999999999;border-radius: 0;text-align: left;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.selectboxit-option .selectboxit-option-anchor{padding: 0 2px;}
.selectboxit-option .selectboxit-option-anchor:hover {text-decoration: none;}
.selectboxit-optgroup-header {text-indent: 5px;margin: 0;list-style-type: none;}
.selectboxit-option {text-indent: 5px;margin: 0;list-style-type: none; float: left; width: 100%; height: 30px;}
.selectboxit-option-first {}
.selectboxit-optgroup-header + .selectboxit-option-first {border-top-right-radius: 0px;border-top-left-radius: 0px;}
.selectboxit-option-last {}
.selectboxit-optgroup-header {font-weight: bold;}
.selectboxit-optgroup-header:hover {cursor: default;}
.selectboxit-arrow-container {width: 30px;position: absolute;right: 0;}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {margin: 0 auto;position: absolute;top: 50%;right: 0;left: 0;margin-top: -2px;}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {top: 30%;}
.selectboxit-option-icon-container {float: left;}
.selectboxit-container .selectboxit-option-icon {margin: 0;padding: 0;vertical-align: middle;}
.selectboxit-option-icon-url {width: 18px;background-size: 18px 18px;background-repeat: no-repeat;height: 100%;background-position: center;float: left;}
.selectboxit-rendering {display: inline-block !important;*display: inline !important;zoom: 1 !important;visibility: visible !important;position: absolute !important;top: -9999px !important;left: -9999px !important;}
.jqueryui .ui-icon {background-color: inherit;}
.jqueryui .ui-icon-triangle-1-s {background-position: -64px -16px;}
.selectboxit-btn {background: #f4f4f4;border: 1px solid #c6c6c6;}
.selectboxit-btn.selectboxit-enabled:active,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:hover {}
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:hover {}
.selectboxit-default-arrow {width: 0;height: 0;border-top: 4px solid #000;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.selectboxit-list { line-height:normal; height:auto; background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.selectboxit-list .selectboxit-option-anchor {color: #333;}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {color: #fff;background-color: #009040;}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {color: #999;}





/* media 
*----------------------------------------------------------------------------*/
/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 1440px) {
.header {
    height: 97px;
}
.header .headerbd {
    height: 73px;
    margin: 24px 0 0 0;
}
.header .main .logo {
    left: 30px;
    top: 8px;
}
.header .main .logo a {
    width: 60px;
    height: 60px;
}

.header .main .nav,
.header .main .nav ul,
.header .main .nav ul li,
.header .main .nav .lavalamp-object {
    height: 73px;
}
.header .main .nav ul li a {
    height: 73px;
    line-height: 73px;
}
.header .main .toolbar {
    right: 30px;
    top: 13px;
    height: 50px;
}
.content {
    padding: 97px 0 0 0;
}
.content .aboutCompany .subnav ul,
.content .aboutCompany .aboutCompanyBox .bg1 {
    top: 0;
}
.content .aboutCompany .aboutCompanyBox .bg1 { display: none;}
.content .aboutCompany .aboutCompanyBox .logof { display: none;}

.content .aboutCompany .aboutCompanyBox .yearList {
    position: relative;
    left: 0;
    padding: 60px 0;
    margin: 0 0 0 0;
}
.content .aboutCompany .aboutCompanyBox .overBox {
    padding: 150px 0 200px;
}

.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox {
    position: relative;
    margin: 0 0 0 0;
    /*padding: 70px 0 0 0;*/
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates1,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates2,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates3 {
    top: 70px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates1 {
    right: 62%;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates2 {
    left: 38%;
    right: 30%;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates3 {
    left: 70%;
    right: 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates4 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates4 .notiesBox {
    text-align: center;
    margin: 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates4 p.noties {
    display: block;
    vertical-align: middle;
    height: auto;
    padding: 15px 5px;
    border-top: 1px #737373 solid;
    border-bottom: 1px #737373 solid;
}
.content .aboutCompany .subnav.on ul {
    position: fixed;
    top: 97px;
}
.content .aboutCompany .subnav.on ol.submenu {
    position: fixed;
    top: 270px;
}
.content .aboutCompany .aboutCompanyBox .aboutBox .leaf1 {
	background: url(/images/brand/icon_unit4_foliageLeft.png) no-repeat left 97px;
	background-attachment: fixed;
	-moz-background-size: 25% auto;
	-webkit-background-size: 25% auto;
	-o-background-size: 25% auto;
	background-size: 25% auto;
}
.content .aboutCompany .aboutCompanyBox .aboutBox .leaf2 {
	background: url(/images/brand/icon_unit4_foliageRight.png) no-repeat 90% 97px;
	background-attachment: fixed;
	-moz-background-size: 18% auto;
	-webkit-background-size: 18% auto;
	-o-background-size: 18% auto;
	background-size: 18% auto;
}
.footer .copyright .text span {
    display: block;
}


}
/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 1360px) {
.content .unit1 .conhd { left: 0;}
.content .unit2 .conhd { right: 0;}
.content .unit3 .conhd { left: 0;}
.content .unit4 .conhd { right: 0;}
}

@media only screen 
and (max-width : 1200px) {

.content .unit3 .maskConBox {
    position: relative;
    /*width: 320px;*/
    height: auto;
}
.content .unit3 .mainBox .title,
.content .unit3 .mainBox .text {
	display: block; 
}
.content .unit3 .mainBox .title {
    width: 320px;
    height: 90px;
}
.content .unit3 .mainBox .text {
    float: right;
    width: 320px;
    padding: 120px 0 20px 0;
    font-size: 12px;
    line-height: 28px;
}
.content .unit3 .mainBox a.more {
    position: relative;
    bottom: -20px;
    right: 0;
    display: block;
    width: 246px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    color: #483e34;
    border: 1px #483e34 solid;
}
.content .unit3.open .mainBox { /*width: 320px; height: 360px;*/}



    

.content .unit2 .mainBox { 
    left: 0;
    right: 0;
    bottom: 0;
    background: #c8c59d;
}
.content .unit2 .photo { 
    left: 42%;
    right: 0;
    z-index: 3;
}
.content .unit2 .product { 
    display: none;
}
.content .unit2 .mainBox .text { right: 0;}
.content .unit2.open .mainBox a.close {right: 3%;}
.content .unit2 .sensor { right: 0;}
.content .unit2 .sensor a.more { right: 40px;}
.content .unit2.open .mainBox { left: 0; right: 0;}
.content .unit2.open .photo   { left: 100%; right: -58%;}
.content .unit2 .conbd img.blank { display: none;}
.content .unit2 .conbd img.blank2 { display: block;}
.content .unit4 .product { 
    display: none;
}
.content .unit4 .photo { 
    left: 0;
    right: 42%;
    z-index: 4;
}
.content .unit4 .mainBox { 
    right: 0;
    left: 0;
    bottom: 0;
}
.content .unit4 .mainBox .text {left: 0;}
.content .unit4 .sensor {left: 0;}
.content .unit4.open .mainBox a.close {left: 3%;}
.content .unit4 .sensor a.more { left: 40px;}
.content .unit4.open .mainBox { left: 0; right: 0;}
.content .unit4.open .photo   { left: -58%; right: 100%;}
.content .unit4 .conbd img.blank { display: none;}
.content .unit4 .conbd img.blank2 { display: block;}
.footer .address .box {
    padding: 20px 0 0 0;
    border: 0;
	display: table;
	*display: table;
}

}

@media only screen 
and (max-width : 1070px) {
.content .dealerlist .specialBox .conBox {
    padding: 60px 100px;
}
.content .dealerlist .persistBox .conBox {
    padding: 60px 60px 60px 80px;
}
.content .dealerlist .introductionBox .step1,
.content .dealerlist .introductionBox .step6 {
    width: 80%;
}
.content .magazinecon {
    margin: 0 auto;
}
.stContent {
    display: none;
}
.content .magazinecon .mobile {
    display: block;
}
.content .aboutCompany .aboutCompanyBox .yearList .desc {
    border: 0;
    margin: 0 10%;
    padding: 0;
    width: 80%;
}
.content .aboutCompany .aboutCompanyBox .yearList .desc p {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 10px 20px;
}
#unit2 {
    background: none;
	background: url(/images/brand/bg_unit2.jpg) no-repeat left top;
	background-attachment: scroll !important;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.content .aboutCompany .aboutCompanyBox .overBox .title {
    margin: 0 0 50% 45%;
}
.content .aboutCompany .aboutCompanyBox .overBoxbd {
    margin: 0 10% 0 10%;
}
.content .aboutCompany .aboutCompanyBox .overBoxbd .icon,
.content .aboutCompany .aboutCompanyBox .overBoxbd .text {
    margin: 0 auto;
	display: block; 
	*display: block;
}
.content .aboutCompany .aboutCompanyBox .overBoxbd .icon {
    margin: 0 auto 20px auto;
}
#unit4 {
    background: none;
	background: url(/images/brand/bg_unit4.jpg) no-repeat left top;
	background-attachment: scroll !important;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.content .aboutCompany .aboutCompanyBox .overBox {
    padding: 120px 0 100px;
    border-left: 0;
    border-right: 0;
}
.content .aboutCompany .aboutCompanyBox .trademark {
    margin: 0 10%;
    width: 80%;
}
.content .aboutCompany .aboutCompanyBox .aboutBox {
    border: 0;
    border-top: 18px solid #009040;
}

.content .aboutCompany .aboutCompanyBox .aboutBoxbd {
    margin: 0 10% 0 10%;
    padding: 200px 0 100px 0;
    width: 80%;
}
.content .aboutCompany .aboutCompanyBox .overBoxbd .text .textBox,
.content .aboutCompany .aboutCompanyBox .trademark .text,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .text {
    border-left: 1px solid #000;
    border-right: 1px solid #000;    
    padding: 10px 20px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .title {
    width: 250px;
    margin: 0 0 50% 38%;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .companyBox {
    border-right: 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .companyBox:after {
	content:"";
	display: table;
	clear: both;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .companyBox > div {
    float: left;
    width: 50%;
    min-height: 130px;
    border-left: 0;
    display: block;
    margin: 0 -20px 20px -20px;
    padding: 0 20px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .companyBox p.hd {
    margin: 0 0 10px;
    padding: 0 0 0 35px;
    line-height: 30px;
	background: url(/images/icon_aboutCompany.png) no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	-o-background-size: 28px 28px;
	background-size: 28px 28px;
   
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox {
    margin: 0 0 0 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates1,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates2,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates3 {
    position: relative;
	border: 3px #008f3f solid;
    overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates2,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates3 {
    float: left;
    display: block;
    margin: 20px 1% 0 1%;
    padding: 0;
	border: 0;
    width: 48%;
    background: none;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates2,
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates3 {
    left: 0;
    z-index: 1;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates4 {
    right: 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox p.txt {
    font-size: 24px;
    line-height: 46px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox p.txt span {
    display: inline;
    width: auto;
}
/*.content h2.title.hidden,*/
.content .tab.hidden {
    display: block;
}
.content .aboutCompany .aboutCompanyBox {
	border-top: 0;
}
.content .aboutCompany .subnav {
    display: none;
}
#unit1, #unit2, #unit3, #unit4 {
	padding: 0;
}
#unit3 {
	padding: 100px 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBox .leaf1 {
	background: url(/images/brand/icon_unit4_foliageLeft.png) no-repeat left 0;
	background-attachment: scroll !important;
	-moz-background-size: 30% auto;
	-webkit-background-size: 30% auto;
	-o-background-size: 30% auto;
	background-size: 30% auto;
}
.content .aboutCompany .aboutCompanyBox .aboutBox .leaf2 {
	background: url(/images/brand/icon_unit4_foliageRight.png) no-repeat 100% 0;
	background-attachment: scroll !important;
	-moz-background-size: 24% auto;
	-webkit-background-size: 24% auto;
	-o-background-size: 24% auto;
	background-size: 24% auto;
}


}
@media only screen 
and (max-width : 1030px) {
.content .membercon fieldset .box .con .codeBox {
    right: 40px;
}
}

@media only screen 
and (max-width : 970px) {
.content .membercon fieldset {
    margin: 0 20px;
}
.content .newslist .newslisthd {
    margin: 40px 20px;
}
.content .newslist .newslistft {
    margin: 0 20px;
}
.content .inquiryBox, 
.content .recordBox {
    width: 96%;
}
.content .dealerlist .introductionBox .step2, 
.content .dealerlist .introductionBox .step4,
.content .dealerlist .introductionBox .step3, 
.content .dealerlist .introductionBox .step5 {
    float: none;
    margin: 0 auto 40px auto;
    width: 80%;
}
}
@media only screen 
and (max-width : 960px) {
.content .productlist .container .item {
    width: 33.3%;
}
.content .productlist .container.explain .item {
    width: 31.3%;
}
.content .unit2 .mainBox .msgBox {
    background: rgba(244,244,244,0.95) url(/images/home/home_unit2_msg.png) no-repeat center;
	-moz-background-size: 50% auto;
	-webkit-background-size: 50% auto;
	-o-background-size: 50% auto;
	background-size: 50% auto;
}
.content .unit4 .mainBox .msgBox {
    background: rgba(244,244,244,0.95) url(/images/home/home_unit4_msg.png) no-repeat center;
	-moz-background-size: 50% auto;
	-webkit-background-size: 50% auto;
	-o-background-size: 50% auto;
	background-size: 50% auto;
}
}
@media only screen 
and (max-width : 900px) {
.header {
    height: 45px;
    border-bottom: 1px #e7e6e6 solid;
}
.header .headerbd {
    height: 45px;
    margin: 0;
    border-top: 0;
}
.header .main .logo {
    position: absolute;
    top: 2px;
    left: 5px;
}
.header .main .logo a {
    display: block;
    width: 40px;
    height: 40px;
}
.header .main .nav {
    position: absolute;
    top: 46px;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: none;
}
.header .main .nav ul {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: rgba(255,255,255,0.8)
}
.header .main .nav ul li {
    float: none;
    width: auto;
    height: auto;
    border-bottom: 1px #e7e6e6 solid;
}
.header .main .nav ul li a,
.header .main .nav ul li a:hover,
.header .main .nav ul li:last-child a {
    padding: 0 10px;
    width: auto;
    height: 37px;
    line-height: 37px;
    text-align: left;
    font-size: 14px;
    color: #363636;
	background: url(/images/mobile/icon_muneArrow.gif) no-repeat right center;
	-moz-background-size: 25px 13px;
	-webkit-background-size: 25px 13px;
	-o-background-size: 25px 13px;
	background-size: 25px 13px;
}
.header .main .nav ul li.active a {
    border-bottom: 0;
}
.header .main .toolbar {
    right: 0;
    top: 0;
    height: 45px;
}
.header .main .toolbar .menu {
    display: block;
    position: relative;
    z-index: 1;
}

.backtop {
    right: 20px;
    bottom: 50px;
    width: 32px;
    height: 45px;
}
.backtop a {
    width: 32px;
    height: 45px;
	background: url(/images/icon_backtop.png) no-repeat;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.main { padding: 0;}
.content {
    padding: 46px 0 0 0;
}
.content .unit1 .msgBox {
    background: rgba(244,244,244,0.95) url(/images/home/home_unit1_msg.png) no-repeat center;
	-moz-background-size: 50% auto;
	-webkit-background-size: 50% auto;
	-o-background-size: 50% auto;
	background-size: 50% auto;
}
.content .unit3 .msgBox {
    background: rgba(244,244,244,0.95) url(/images/home/home_unit3_msg.png) no-repeat center;
	-moz-background-size: 50% auto;
	-webkit-background-size: 50% auto;
	-o-background-size: 50% auto;
	background-size: 50% auto;
}
.content .unitMore,
.content .unitMore a {
    width: 220px;
}
[class^="unit"] {
    margin: 0 auto 0 auto;
}
[class^="unit"] .conhd {
    position: absolute;
    top: -50px;
    width: 112px;
    height: 112px;
    text-indent: -100000px;
    z-index: 9;
}
[class^="unit"] .conhd {
    top: 0;
    width: 56px;
    height: 56px;
}
.content .unit1 .conhd,
.content .unit2 .conhd,
.content .unit3 .conhd,
.content .unit4 .conhd { 
	left: 0; 
	right: auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
[class^="unit"] a.conhdMobile {
    display: block;
}
.content .unit1 {
    border-top: 1px #e7e6e6 solid;
}
.content .unit1 .conbd img.blank { width: 100%; height:400px;}
.content .unit1 .bg {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    width: 900px;
    margin: 0 0 0 -450px;
}
.content .unit3 .conbd img.blank { width: 100%; height:400px;}
.content .unit3.open .bg {
    bottom: 56px;
}
.content h2.title {
    padding: 30px 0;
}
.content .crumb,
.content .membercon.point .product,
.content .newscon .newshd,
.content .productcon .producthd { padding: 0 20px;}
.content .crumb { margin: 0 0 40px 0;}
.content .productcon .producthd .share { display: none;}
.content .productcon .productbd .share { display: block;}
.content .productcon .producthd .title { margin: 0;}
.content .membercon.point fieldset { margin: 0 20px;}
.content .newscon .newsbd .photo { margin: 0 0 20px 0;}
.content .newscon .newsbd .title {
    padding: 0 20px;
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 20px 0;
}
.content .newscon .newsbd .text {
    padding: 20px 20px;
    font-size: 13px;
    line-height: 22px;
}
.content .newscon .newsbd .text a.download {
    width: 100%;
}
.content .newscon .newsbd .text .container {
    margin: 50px 0 0 0;
}
.content .newscon .newsbd .text .container .item .photo,
.content .newscon .newsbd .text .container .item .date,
.content .newscon .newsbd .text .container .item .title {
    display: none;
}
.content .newscon .newsbd .text .container .item {
    width: 48%;
    padding: 0;
    text-align: center;
    background: #fff;
}
.content .newscon .newsbd .text a.prev, 
.content .newscon .newsbd .text a.next {
    padding: 25px 0 25px 0;
    margin: 0;
	outline: 2px #f9f9f9 solid;
}
.content .newscon .newsbd .text a:hover.prev, 
.content .newscon .newsbd .text a:hover.next {
    color: #009040;
	outline: 2px #009040 solid;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.content .newscon .newsbd .text a.back {
    height: 70px;
    line-height: 70px;
    font-size: 15px;
}
.content .productcon .productbd .proleftBox {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
}
.content .productcon .productbd .prorightBox {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
}
.content .productcon .productbd a.download {
    width: auto;
    height: 50px;
    margin: 20px 10px 0 10px;
}
.content .productlist h3.hd,
.content .productcon .productbd h3.hd {
    margin: 0 10px 5px 10px;
}
.content .productcon .productbd .bd {
    margin: 0 10px;
}
.content .productcon .productbd .bd p {
    padding: 0 10px;
}
.content .usercon .userCase {
    padding: 60px 20px 20px;
    font-size: 13px;
    line-height: 22px;
}
.content .usercon .slogan {
    margin: 0 0 120px 0;
}
.content .usercon .pageNumber a.prev,
.content .usercon .pageNumber a.next,
.content .usercon .pageNumber a.back {
    height: 70px;
    line-height: 70px;
    font-size: 15px;
}
.content .usercon .userCase .scrollDown { left: 20px;}
.content .usercon .userCase .icon {	right: 20px;}
.content .membercon.point .product .photo,
.content .membercon.point .product .con {
	display: block; 
	*display: block;
}
.content .membercon.point .product .photo { width: 100%; max-width: 436px; margin: 0 auto;}
.content .membercon.point .product .con { width: 100%;}
.content .aboutCompany .subnav ul,
.content .aboutCompany .aboutCompanyBox .bg1 {
    top: 46px;
}

.content .dealerlist .introductionBox {
    padding: 40px 0 60px;
}
.content .dealerlist .introductionBox .more {
    display: none;
}



.footer {
    border-top: 1px #e7e6e6 solid;
    background: #f9f9f9;
}
.footer .main {
    padding: 30px 10px 30px 10px;
}
.footer .main .logo {
    position: relative;
    top: auto;
    left: auto;
    width: 170px;
    height: 35px;
    margin: 0 auto 40px auto;
}
.footer .main .logo a {
    width: 170px;
    height: 35px;
	background: url(/images/mobile/logo_ft.jpg) no-repeat;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.footer .main .contact {
    position: relative;
    top: auto;
    right: auto;
    width: 190px;
    height: 55px;
    padding: 27px 0 28px 0;
    margin: 0 auto 20px auto;
    background: #fff;
}
.footer .main .contact a {
    width: 150px;
    height: 55px;
    margin: 0 auto;
	background: url(/images/icon_contact.png) no-repeat;
	-moz-background-size: auto 55px;
	-webkit-background-size: auto 55px;
	-o-background-size: auto 55px;
	background-size: auto 55px;
}
.footer .main .contact a:hover {
    background-position: -150px 0;
}

.footer .address {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto 40px auto;
}
.footer .address .box {
    text-align: center;
	display: block;
	*display: block;
}
.footer .copyright {
    position: relative;
    bottom: auto;
    right: auto;
}
.footer .copyright .text,
.footer .copyright .logo3w {
	display: block; 
}
.footer .copyright .text {
    text-align: center;
    padding: 0;
    font-size: 11px;
    line-height: 16px;
}
.footer .copyright .logo3w {
    position: absolute;
    bottom: 50px;
    right: 20px;
}
.footer .copyright .logo3w a {
    display: block;
    width: 67px;
    height: 18px;
    font-size: 0;
	background: url(/images/logo_3wcreative.gif) no-repeat;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
}

@media only screen 
and (max-width : 880px) {
.content .dealerlist .introductionBox .step1,
.content .dealerlist .introductionBox .step2,
.content .dealerlist .introductionBox .step3,
.content .dealerlist .introductionBox .step4,
.content .dealerlist .introductionBox .step5,
.content .dealerlist .introductionBox .step6 {
    width: 90%;
}
.content .dealerlist .introductionTop {
    width: 90%;
    padding: 0;
    margin: 20px auto 40px auto;
    text-align: left;
}

.content .dealerlist .specialBox .conBox,
.content .dealerlist .persistBox .conBox {
    width: 90%;
    margin: 0 auto;
    padding: 60px 0;
}
.content .dealerlist .persistBox .conBox .product {
    padding: 0 60px 0 20px;
}
.content .dealerlist .persistBox .conBox .conBoxbd .boxbd {
    font-size: 35px;
}
.content .dealerlist .specialBox .conBoxft .bg .msg {
    left: 15%;
}
.content .rightscon .max { display: none;}
.content .rightscon .min { display: block;}

}
@media only screen 
and (max-width : 767px) {
.content .dealerlist .specialBox .conBoxbd {
    margin: 0 auto;
    width: 310px;
}
.content .dealerlist .specialBox .conBoxbd.no1,
.content .dealerlist .specialBox .conBoxbd.no2 {
    float: none;
}
.content .dealerlist .specialBox .conBoxbd.no1 {
    margin: 0 auto 40px;
}
.content .dealerlist .persistBox .conBox .product,
.content .dealerlist .persistBox .conBox .con {
    padding: 0;
    display: block; 
	*display: block;
}
.content .dealerlist .persistBox .conBox .product img {
    width: 60%;
}
.content .dealerlist .introductionBox .conBoxbd {
    float: none;
    margin: 0 3% 4%;
    width: 94%;
}
.content .dealerlist .specialBox .conBoxft .bg .msg .arrow {
    right: 120px;
}

.content .aboutCompany .aboutCompanyBox .overBox .title {
	width: 45%;
    margin: 0 0 50% 45%;
    background: url("/images/brand/title_unit2.png") no-repeat;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox {
    width: 80%;
}
.content .aboutCompany .aboutCompanyBox .trademark .title {
    width: 90%;
}
.content .aboutCompany .aboutCompanyBox .trademark .title img {
    width: 100%;
}
.content .aboutCompany .aboutCompanyBox .overBox {
    padding: 80px 0 80px;
}
.content .aboutCompany .aboutCompanyBox .overBoxbd .icon {
    width: 50%;
    max-width: 196px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .title {
    margin: 0 0 50% 38%;
    width: 50%;
    max-width: 250px;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .title img {
    width: 100%;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd {
    padding: 100px 0 100px;
}
.content .productlist .container .item {
    width: 50%;
}
.content .productlist .container.explain .item {
    width: 48%;
}
.content .membercon fieldset .infobox .icon,
.content .membercon fieldset .infobox .con {
    display: block;
}
.content .membercon fieldset .infobox .con {
    margin: 10px 0 0 0;
    padding: 0 20px;
    line-height: 30px;
}
.content .membercon fieldset .box label,
.content .membercon fieldset .box .con {
    float: none;
}
.content .membercon fieldset .box label {
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
}
.content .membercon fieldset .box label.max {
    padding: 0 0 10px 0;
}
.content .membercon fieldset .box label span,
.content .membercon fieldset .box .con label {
    display: inline;
}
.content .membercon fieldset .box .con {
    width: 100%;
}
.content .membercon fieldset .box .con .codeLeft {
    position: relative;
}
.content .membercon fieldset span.error {
    margin: 0;  
}
.content .membercon fieldset .btn .btnBoxLeft,
.content .membercon fieldset .btn .btnBoxRight,
.content .membercon fieldset .btnBox .btnBoxLeft,
.content .membercon fieldset .btnBox .btnBoxRight {
    float: none;
    width: 100%;
}
.content .membercon fieldset .btn .btnBoxLeft,
.content .membercon fieldset .btnBox .btnBoxLeft {
    margin: 0 0 20px 0;
}
.content .membercon fieldset .box .con .codeBox {
    position: relative;
    left: auto;
    right: auto;
    margin: 15px 35px 0 0;
}
/*
.content .membercon fieldset .box .con .codeBox a.reset {
    right: 5px;
}*/
.content .membercon fieldset .box .con .TelArea      { left: 0;   right: 75%;}
.content .membercon fieldset .box .con .TelBox       { left: 27%; right: 27%;}
.content .membercon fieldset .box .con .TelExtension { left: 75%; right: 0;}
.content .inquiryBox .right {
    position: inherit;
    top: auto;
}
.content .recordBox table.table th,
.content .recordBox table.table td {
    padding: 15px 10px;
}
}

@media only screen 
and (max-width : 700px) {
.content .banner {
    position: relative;
    left: 50%;
    margin: 0 0 50px -350px;
    width: 700px;
}
.content .banner .bx-wrapper {margin: 0 auto 40px;}
.content .banner .bx-wrapper .bx-pager {position: absolute;right: inherit;bottom: -35px;width: 100%;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 10px;height: 10px;moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.content .banner a.scrolldown {
    display: none;
}

.content .aboutCompany .aboutCompanyBox .overBox .title {
    margin: 0 0 45% 48%;
}
[class^="unit"] .conbd {
    display: none;
}
[class^="unit"] .conft {
    display: block;
}

.content .dealerlist .specialBox .conBoxft .bg { padding-bottom: 88%;}
.content .dealerlist .specialBox .conBoxft .bg .chart {background: url(/images/knowledge/bg_chart_1_m.png) no-repeat;}
.content .dealerlist .specialBox .conBoxft .bg .lineGray  {background: url(/images/knowledge/line_gray_m.png) no-repeat;}
.content .dealerlist .specialBox .conBoxft .bg .lineGreen {background: url(/images/knowledge/line_green_m.png) no-repeat;}
.content .dealerlist .specialBox .conBoxft .bg .lineGray img,
.content .dealerlist .specialBox .conBoxft .bg .lineGreen img {
    display: none;
}
.content .dealerlist .specialBox .conBoxft .bg .chart,
.content .dealerlist .specialBox .conBoxft .bg .lineGray,
.content .dealerlist .specialBox .conBoxft .bg .lineGreen {
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.content .dealerlist .specialBox .conBoxft .bg .msg {
    bottom: 12%;    
}
}
@media only screen 
and (max-width : 640px) {

.content .aboutCompany .aboutCompanyBox .yearList .historyBox {
    background: url(/images/brand/line_unit1.gif) repeat-y 110px 0;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox .year {
    width: 100px;
    font-size: 18px;
	background: url(/images/brand/line_year_s.gif) no-repeat right center;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox .year span {
    top: 14px;
    font-size: 22px;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox li:last-child {
    background: url(/images/brand/line_year_last.gif) no-repeat 94px 100%;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox li {
    margin: 5px 0;
    padding: 10px 0;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox li.icon {
    left: 0;
}
.content .aboutCompany .aboutCompanyBox .yearList .historyBox {
    padding: 20px 0 0 0;
    margin: 40px auto 40px;
}
.content .aboutCompany .aboutCompanyBox .yearList .title,
.content .aboutCompany .aboutCompanyBox .yearList .historyBox {
    width: 90%;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd,
.content .aboutCompany .aboutCompanyBox .trademark,
.content .aboutCompany .aboutCompanyBox .overBoxbd,
.content .aboutCompany .aboutCompanyBox .yearList .desc {
    margin: 0 5%;
    width: 90%;
}
.content .aboutCompany .aboutCompanyBox .overBox {
    padding: 60px 0 60px 0;
}
.content .aboutCompany .aboutCompanyBox .overBox .title {
    margin: 0 0 40% 48%;
    width: 45%;
}
.content .aboutCompany .aboutCompanyBox .trademark .logo {
    width: 60%;
    padding: 16% 18px 51% 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .title {
    margin: 0 0 40% 38%;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .companyBox {
    margin: 0 0 40px 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .companyBox > div {
    float: none;
    width: auto;
    min-height: inherit;
    border-left: 0;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox .affiliates4 .notiesBox {
    font-size: 11px;
}
.content .membercon fieldset .box .con .birbox select {
    width: 80%;
}
.content .dealerlist .specialBox .title {
    background: #009040 url(/images/knowledge/title_special.gif) no-repeat center;
    min-height: 100px;
    -moz-background-size: auto 60px;
	-webkit-background-size: auto 60px;
	-o-background-size: auto 60px;
	background-size: auto 60px;
}
.content .dealerlist .persistBox .title {
    background: #009040 url(/images/knowledge/title_persist.gif) no-repeat center;
    min-height: 100px;
    -moz-background-size: auto 60px;
	-webkit-background-size: auto 60px;
	-o-background-size: auto 60px;
	background-size: auto 60px;
}
.content .dealerlist .specialBox .conBoxft .bg .msg {
    left: 10%;    
    right: 30px;
    padding: 5px 10px;
    bottom: 10%;
    font-size: 13px;
    line-height: 18px;
}
}
@media only screen 
and (max-width : 480px) {
.content .dealerlist .specialBox .conBoxft .bg .msg {
    font-size: 12px;
    line-height: 16px;
}
.content .dealerlist .introductionBox .title .icon img {
    width: 40px;
}
.content .dealerlist .introductionBox .step1 .title .titlebd,
.content .dealerlist .introductionBox .step2 .title .titlebd,
.content .dealerlist .introductionBox .step3 .title .titlebd,
.content .dealerlist .introductionBox .step4 .title .titlebd,
.content .dealerlist .introductionBox .step5 .title .titlebd,
.content .dealerlist .introductionBox .step6 .title .titlebd {
    -moz-background-size: 60px auto;
	-webkit-background-size: 60px auto;
	-o-background-size: 60px auto;
	background-size: 60px auto;
}
.content .dealerlist .introductionBox .title .titlebd {
    font-size: 18px;
    line-height: 24px;
    padding: 0 70px 0 10px;
}
.content .dealerlist .introductionBox .conBoxbd .title {
    font-size: 18px;
    line-height: 80px;
}
.content .dealerlist .introductionBox .conBoxbd .text {
    font-size: 15px;
}
.content .dealerlist .persistBox .conBox .conBoxbd .boxhd {
    font-size: 18px;
    line-height: 26px;
}
.content .dealerlist .persistBox .conBox .conBoxbd .boxbd {
    font-size: 26px;
    line-height: 32px;
}
.content .dealerlist .specialBox .conBoxbd {
    margin: 0 auto;
    width: 100%;
}
.content .dealerlist .specialBox .conBoxbd .boxbd {
    height: auto !important;
}
.content .dealerlist .introductionBox {
    padding: 40px 0 20px;
}
.content .dealerlist .persistBox .conBox {
    padding: 60px 0 0 0;
}
.content .dealerlist .introductionBox .step6 {
    margin: 0 auto;
}
.content .dealerlist .introductionTop {
    margin: 0 auto;
    width: 90%;
}
.content .dealerlist .introductionTop .title {
    width: 100%;
}
.content .aboutCompany .aboutCompanyBox .overBox .title {
    margin: 0 0 30% 48%;
    width: 45%;
}
.content .aboutCompany .aboutCompanyBox .trademark .logo {
    width: 80%;
    padding: 40% 18px 50% 0;
}
.content .aboutCompany .aboutCompanyBox .aboutBoxbd .affiliatesBox p.txt {
    font-size: 20px;
    line-height: 48px;
}
#unit3 {
    padding: 60px 0;
}
.content .productlist .container .item {
    width: 100%;
}
.content .productlist .container.explain .item {
    width: 98%;
}
.content .membercon fieldset .box .con .birbox select {
    width: 76%;
}
.content .newslist .newslisthd span {
    position: relative;
    left: -10px;
    height: 42px;
    margin: 0;
	background: url(/images/title_news.gif) no-repeat;
	-moz-background-size: 120px auto;
	-webkit-background-size: 120px auto;
	-o-background-size: 120px auto;
	background-size: 120px auto;
}
.content .newslist .newslisthd .icon {
	top: 0;
    width: 80px;
    height: 42px;
	background: url(/images/icon_latest.png) no-repeat;
	-moz-background-size: 80px auto;
	-webkit-background-size: 80px auto;
	-o-background-size: 80px auto;
	background-size: 80px auto;
}
.content .newslist .newslistft {
    text-align: center;
}
.content .newslist .newslistft a.more {
    display: block;
    float: none;
    width: 92px;
    height: 26px;
    margin: -2px auto 5px auto;
    text-indent: -100000px;
	background: url(/images/icon_news_more.gif) no-repeat;
}
.content .recordBox .page {
    text-align: center;
}
}
@media only screen 
and (max-width : 320px) {
.content .aboutCompany .aboutCompanyBox .overBox .title {
    margin: 0 0 25% 48%;
    width: 45%;
}

/* iPads ----------- */
@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/*
.content .unit2 .mainBox .text { right: 0;}
.content .unit4 .mainBox .text { left: 0;}
*/
.content .unit2 .mainBox .msgBox,
.content .unit4 .mainBox .msgBox {
    display: none;
}

}
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait) {
}
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
}

/* Smartphones ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {
.content .unit2 .mainBox .msgBox,
.content .unit4 .mainBox .msgBox {
    display: none;
}
.content .unit1 .mainBox {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 300px;
    height: 56px;
    margin: 0 0 0 -150px;
    overflow: hidden;
    z-index: 1;
}
.content .unit1 .mainBox .title {
    width: 160px;
    height: 45px;
    margin: 0 auto 10px;
}
.content .unit1 .mainBox .title img {
    width: 100%;
}
.content .unit1 .mainBox .text {
    font-size: 11px;
    line-height: 22px;
    margin: 0 0 10px 0;
}
.content .unit1 .mainBox a.more {
    display: block;
    width: 160px;
    height: 26px;
    line-height: 26px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    color: #483e34;
    border: 1px #483e34 solid;
}
.content .unit1 .bg {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    width: 500px;
    margin: 0 0 0 -250px;
}
.content .unit1.open,
.content .unit1.open .conbd { height: 415px;}
.content .unit1.open .mainBox { height: 300px;}
.content .unit1 .conbd img.blank { width: 100%; height:220px;}
.content .unit1.open .bg {
    bottom: 56px;
}
.content .unit2 .mainBox .text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 43%;
	margin: auto;
    padding: 0 20px 0 0;
    font-size: 9px;
    line-height: 18px;
    color: #fff;
}
.content .unit3 .mainBox {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 300px;
    height: 56px;
    margin: 0 0 0 -150px;
    overflow: hidden;
    z-index: 1;
}
.content .unit3 .mainBox .title {
    width: 160px;
    height: 45px;
    margin: 0 auto 10px;
}
.content .unit3 .mainBox .title img {
    width: 100%;
}
.content .unit3 .mainBox .text {
    font-size: 11px;
    line-height: 22px;
    margin: 0 0 10px 0;
}
.content .unit3 .bg {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    width: 500px;
    margin: 0 0 0 -250px;
}
.content .unit3.open,
.content .unit3.open .conbd { height: 415px;}
.content .unit3.open .mainBox { height: 300px;}
.content .unit3 .conbd img.blank { width: 100%; height:220px;}
.content .unit3.open .bg {
    bottom: 56px;
}
.content .unit3 .conbd img.blank { width: 100%; height:220px;}
.content .unit4 .mainBox .text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 43%;
	margin: auto;
    padding: 0 0 0 20px;
    font-size: 9px;
    line-height: 18px;
    color: #fff;
}
}
/* iPhones (portrait) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : portrait) {
}
/* iPhones (landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : landscape) {
}
/* ratio: 1.5 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
}