@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url("font-awesome.min.css");
@import url("reset.css");
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;
}
html {
	overflow-x: hidden;
	padding: 0 !important;
	margin: 0 !important
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear
}
*:focus {
	outline: 0 none;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 1.8em;
	color: #666;
	height: 100%
}
h1{font-size: 30px;font-weight: 700;}
h2{font-size: 24px;font-weight: 700;}


p {
	font-size: 15px;
	line-height: 1.5em;
	color: #000;
}
article, aside, details, dialog, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
	font-size: 0
}
.left-float {
	float: left
}
.right-float {
	float: right
}
.align-center {
	text-align: center
}
hr {
	border: 0;
	clear: both;
	margin: 25px 0;
	height: 1px;
	border-bottom: 1px solid #d4d4d4;
}
img {
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	opacity: 1;
}
header {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100px;
	color: #666;
	display: block;
	background:#FFF; z-index:999;
	
}
.header-inner {
	clear: both;
}


/*add*/
/* Header */
.moreinfo {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	padding: 0 0 5px 0;
	background-color: #ffa100;
}
.moreinfo p {
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	padding: 10px;
	margin-right: 30px;
	text-align: right;
}
.moreinfo a {
	color: #fff;
}
/* Buttons */
.btn1 {
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: -25px;
	right: 0;
	background: url('../images/sprite.png') no-repeat -222px -40px #ffa100;
	cursor: pointer;
}
header .logo {
	position: absolute;
	width: 253px;
	height: 52px;
	left: 0;
	top: 26px;
	z-index: 9999;
	background-color: transparent;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
header .logo > a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -99999px;
	white-space: nowrap;
	overflow: hidden;
}
/*add*/
.wrapper {
	max-width: 1100px;
	float: left;
	width: 900px;
	margin: 0px auto auto 300px;
}
/*txt style*/
.top-h2 {
	color: #000000;
	font-size: 32px;
	font-weight: 400;
	position: relative;
	padding: 10px 0px;
	margin-bottom: 20px;
	background: url(../images/line-txt.jpg) no-repeat left bottom;
}
.top-h2 strong {
	color: #003366;
	font-weight: 700;
}
.title {
	color: #FFA100;
	font-size: 24px;
	font-weight: 400;
	padding: 10px 0px;
	text-transform: capitalize;
}
.title a	{
	color: #FFA100;
}
.small {
	font-size: 13px;
	line-height: 1.6em;
}
.img-shadow {
	box-shadow: 0 0 15px rgba(0,0,0,.2)
}
/* main */
main{ width:100%; float:none;}
/* style */
.hr-shadow {
	background: url(../images/line2.jpg) no-repeat center bottom;
	width: 100%;
	height: 20px;
}
/*block*/
.block1 {
	width: auto;
	height: auto;
	padding: 10px 5px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.block1 > figure img {
	display: block;
	width: 90%;
	height: auto;
}
.block1:hover {
	opacity: 0.9;
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
	-webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}
.block1 h3 {
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 50px;
	color: #171f4f;
}
.block1 > p {
	font-size: 13px;
	line-height: 18px;
	color: #525252;
	text-align: left;
	padding: 0px 5px;
}
.block2 {
	display: block;
	/*-webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);*/
	cursor: pointer;
}
.block2 h3 {
	font-size: 32px;
	color: #000;
	font-weight: 400;
	margin: 0px auto 30px auto;
}
.block2 h3 strong {
	font-weight: 700;
	color: #171f4f;
}
ul.list {
	margin: 0;
	padding: 6px 0;
	list-style: none;
}
ul.list li {
	margin: 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	padding: 0 0 30px 30px;
	color: #171f4f;
	float: left;
	display: block;
	width: 50%;
	background: url(../images/dot.jpg) no-repeat 0px 2px;
}
ul.list li a {
	color: #171f4f;
}
ul.list li a:hover {
	color: #FFA100;
}
ul.list li span {
	font-size: 13px;
	color: #898989;
}
.block4 time {
	background-color: #ffa100;
	height: 40px;
	left: 0;
	padding-top: 0px;
	position: absolute;
	top: 10px;
	width: 35px;
	z-index: 99;
	float: left;
	color: #fff;
}
.block4 time > span {
	color: #fff;
	display: block;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 14px;
	text-align: center;
	padding: 5px 0px;
}
.block4 .date {
	background-color: #171f4f;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	text-align: center;
	border-top: solid #FFF 2px;
}
/*block*/



.btn {
	display: block;
	position: relative
}
.btn a {
	text-decoration: none;
	float: left;
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	padding: 10px 30px 7px 30px;
	border-bottom: 3px solid #42484d;
	background-color: #42484d;
	text-transform: uppercase;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: color 0.3s ease-out, background 0.3s ease-in;
	-moz-transition: color 0.3s ease-out, background 0.3s ease-in;
	-o-transition: color 0.3s ease-out, background 0.3s ease-in;
	transition: color 0.3s ease-out, background 0.3s ease-in;
}
.btn a:hover {
	background-color: #FFA100;
	text-decoration: none;
	color: #fff;
	border-bottom: 3px solid #42484d;
}
.btn-blue {
	/*background: url("../images/arrow-right-small.png") no-repeat 10px center #bd9d50;*/
	background: rgba(255,161,0,1);
	color: #fff;
	-webkit-transition: color 0.3s ease-out, background 0.3s ease-in;
	-moz-transition: color 0.3s ease-out, background 0.3s ease-in;
	-o-transition: color 0.3s ease-out, background 0.3s ease-in;
	transition: color 0.3s ease-out, background 0.3s ease-in;
	padding: 3px 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 400;
	font-size: .8em;
	font-style: normal;
	float: left;
}
.btn-blue a:link {
	text-decoration: none;
	font-style: normal;
}
.btn-blue:hover {
	box-shadow: 0px 1px 3px rgba(51,51,51,0.6);
	text-decoration: none;
	background: #ff9900;
	color: #FFF;
}
.btn-orange {
	/*background: url("../images/arrow-right-small.png") no-repeat 10px center #bd9d50;*/
	background: rgba(255,161,0,1);
	color: #fff;
	-webkit-transition: color 0.3s ease-out, background 0.3s ease-in;
	-moz-transition: color 0.3s ease-out, background 0.3s ease-in;
	-o-transition: color 0.3s ease-out, background 0.3s ease-in;
	transition: color 0.3s ease-out, background 0.3s ease-in;
	padding: 3px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-decoration: none;
	font-weight: 400;
	font-size: 1em;
	font-style: normal;
	float: left;
	margin: 5px 2%;
}
.btn-orange a:link {
	text-decoration: none;
	font-style: normal;
	color: #fff;
}
.btn-orange:hover {
	box-shadow: 0px 1px 3px rgba(51,51,51,0.3);
	text-decoration: none;
	background: #F30;
	color: #FFF;
}
.btn-orange a:visited{color: #FFF;}
.btn-gray {
	/*background: url("../images/arrow-right-small.png") no-repeat 10px center #bd9d50;*/
	background: #EDF1F1;
	color: #333;
	-webkit-transition: color 0.3s ease-out, background 0.3s ease-in;
	-moz-transition: color 0.3s ease-out, background 0.3s ease-in;
	-o-transition: color 0.3s ease-out, background 0.3s ease-in;
	transition: color 0.3s ease-out, background 0.3s ease-in;
	padding: 3px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-decoration: none;
	font-weight: 400;
	font-size: 1em;
	font-style: normal;
	float: left;
	margin: 5px 5%;
}
.btn-gray a:link {
	text-decoration: none;
	font-style: normal;
	color: #000;
}
.btn-gray:hover {
	box-shadow: 0px 1px 3px rgba(51,51,51,0.6);
	text-decoration: none;
	background: #8aa5a5;
	color: #fff;
}
.btn-gray a:visited{color: #000;}
.btn-bk {
	/*background: url("../images/arrow-right-small.png") no-repeat 10px center #bd9d50;*/
	background: #8aa5a5;
	color: #fff;
	-webkit-transition: color 0.3s ease-out, background 0.3s ease-in;
	-moz-transition: color 0.3s ease-out, background 0.3s ease-in;
	-o-transition: color 0.3s ease-out, background 0.3s ease-in;
	transition: color 0.3s ease-out, background 0.3s ease-in;
	padding: 3px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-decoration: none;
	font-weight: 400;
	font-size: 1em;
	font-style: normal;
	float: left;
	margin: 5px 5%;
}
.btn-bk a:link {
	text-decoration: none;
	font-style: normal;
	color: #fff;
}
.btn-bk:hover {
	box-shadow: 0px 2px 5px rgba(51,51,51,0.4);
	text-decoration: none;
	background: #EDF1F1;
	color: #8aa5a5;
}
.btn-bk a:visited{color: #000;}
/*txt style*/

.container {
	position: relative;
	display: block;
	width: 1200px;
	height: auto;
	margin: 0 auto; 
	
}
.section-inner {
	padding: 50px 0 30px 0px;
	z-index: 0;
	position: relative;
}
.txt-center {
	text-align: center
}
/*  SECTIONS  */
section {
	position: relative;
	z-index: 0;
}
/******************************************************************************
  product
*******************************************************************************/

.pageLine {
	background-color: #EDF1F1;
	height: 30px; width:100%; clear:both;
	float: left; 
}
/**** breadcrumb**/

.breadcrumb {
	margin: 0px auto;
	padding: 0;
	display: inline-block;height: 30px;
}
.breadcrumb a {
	text-rendering: optimizeLegibility;
	line-height: 30px;
	font-size: 11px;
	font-weight: 400;
	text-decoration: none;
	padding: 0 10px 0 20px;
	position: relative;
	color: #333;
	background-color: #EDF1F1;height: 30px;
	display: inline-block;
}
.breadcrumb a:first-child {
	padding-left: 16px;
}
.breadcrumb a:last-child {
	padding-right: 16px;
}
.breadcrumb a:after, .breadcrumb a:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	/* make left half the height */
	border-left: 10px solid transparent;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 100%;
	z-index: 1;
}
.breadcrumb a:hover {
	background: #FFA100;
	color: #fff;
}
.breadcrumb a:after {
	border-left-color: #EDF1F1;
}
.breadcrumb a:before {
	margin-left: 1px;
	border-left-color: rgba(153,153,153,.4);
	z-index: 1;
}
.breadcrumb a:hover:after {
	border-left-color: #FFA100;
}
.breadcrumb a:last-child {
	pointer-events: none;
	color: #fff;
	cursor: default;
	background-color: rgba(255,161,0,.8);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.breadcrumb a:last-child:after, .breadcrumb a:last-child:before {
	border: none;
}
.archive {
	margin: 10px auto;
	clear: both;
}
.archive > h1 {
	font-style: normal;
	line-height: 28px;
	color: #494949;
	width: 90%;
	padding: 30px 0px 10px 10px;
	background: url(../images/line-txt.jpg) no-repeat left bottom;
	margin: 1% auto 0% auto;
}
.chapter {
	width: 80%;
	margin: 1% auto 1% 10%;
	background: url(../images/blockquote.jpg) no-repeat left top;
	padding-left: 40px;
	float:left;
}
.chapter p {
	color: #7d7d7d;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 20px;
}
/*product list*/
.product-item {
	padding: 10px;
	display: inline-block;
	text-align: left;
}
.product-item-wrapper {
	position: relative;
	padding: 0px 0px 7px 0px;
	background: #FFA100;
}
.product-item-image {
	position: relative;
	overflow: hidden;
}
.product-item-image img {
	display: block;
}
.product-item-title {
	position: absolute;
	left: -10px;
	bottom: 10px;
	background: #FFFFFF;
	line-height: 1.5em;
	font-weight: normal;
	padding: 5px;
	text-transform: uppercase;
	color: #FFA100;
	font-size: .8em;
}
.product-item-type {
	line-height: 1.5em;
	font-weight: normal;
	padding: 7px 9px 6px;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	font-size: 1.2em;
	text-align: center;
}
.product-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in 0s;
	-moz-transition: opacity 0.5s ease-in 0s;
	-o-transition: opacity 0.5s ease-in 0s;
	transition: opacity 0.5s ease-in 0s;
}
.product-item-wrapper:hover .product-item-overlay {
	opacity: 0.3;
}
.product-item-button {
	height: 50px;
	width: 50px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -25px;
}
.product-item-button a {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 1.5em;
	line-height: 50px;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
	text-decoration: none !important;
	display: block;
}
.product-item-button a:hover {
}
.first .product-item-button {
	-webkit-transition: all 0.5s ease-in 0.5s;
	-moz-transition: all 0.5s ease-in 0.5s;
	-o-transition: all 0.5s ease-in 0.5s;
	transition: all 0.5s ease-in 0.5s;
	top: -50px;
}
.first .product-item-wrapper:hover .product-item-button {
	top: 30%;
}
/*product show*/
.leftwrap {
	width: 540px;
	padding-right: 70px;
	float: left;
	position: relative;
	z-index:0;
}
.rightwrap {
	width: 30%;
	float: left;
	margin-top: 10%;
	margin-left: 5%;
	position: relative;
	z-index:0;
}
.rightwrap div.firstwrap {
	width: 490px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E5E5E5;
	
}
.rightwrap div.firstwrap h2 {
	font-weight: 500;
	font-size: 28px;
	color: #000;
	line-height: 150%;
	padding-bottom: 5px;
}
.rightwrap div.firstwrap h3 {
	color: #FFA100;
	font-weight: 500;
	font-size: 22px;
}

.listcatewrap {
	width: 1100px;
	margin: 20px auto;
	display: block;
}
/*tab*/
.tabContaier{
 border: 1px solid #e7e7e7;
 border-top:1px solid #FFF;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
	float:left;
}
.tabDetails{
		margin:34px 0 0;
}


/*new tab*/

.etabs {
    background-color: #f8f8f8;
    border-bottom: 3px solid #171f4f;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 100;
	height:50px;
	
}
.tab {
    background: url(../images/tabwhi.png) rgba(0, 0, 0, 0) no-repeat scroll right top;
    display: inline-block;

	
}
.tab a {
    display: block;
    font-size: 18px;
    line-height: 48px;
    outline: medium none;
	color: #171f4f; font-weight:400; 
	padding: 0 21%;
	

}
.tab a:hover {
    background:url(../images/tabpur.png) rgba(0, 0, 0, 0)  no-repeat scroll right top;
    color: #fff; 
}
.tab.active {
    background: url(../images/tabpur.png) rgba(0, 0, 0, 0) no-repeat scroll right top;
    position: relative;  
}
.tab1.active {
    background: url(../images/tabpur.png) rgba(0, 0, 0, 0) no-repeat scroll right top;
	 position: relative; 
	 
}
.tab a.active { color: #fff; background: url(../images/tabpur.png) rgba(0, 0, 0, 0) no-repeat scroll right top;
	 position: relative;
	
   
}
.tab-container .panel-container {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #666;
    padding: 10px;
}
.tab1 {
    left: 0;
    position: absolute;
    z-index: 5;
}
.tab1 a {
    padding: 0 100px 0 70px;
}
.tab2 {
    left: 0;
    position: absolute;
    z-index: 4;
}
.tab2 a {
    padding: 0 60px;
}
.tab3 {
    left: 182px;
    position: absolute;
    z-index: 3;
}
.tab3 a {
    padding: 0 82px 0 77px;
}
.tab4 {
    left: 560px;
    position: absolute;
    z-index: 2;
}
.tab4 a {
    padding: 0 60px;
}

.tabContents h1, .tabContents h2, .tabContents h3, .tabContents h4 {
  
    font-style: normal ;
    letter-spacing: -1px;
    line-height: 120%;
}
.tabContents h1 {
    float: left;
    padding: 0 0 12px;
    width: 100%;
}
.tabContents h2 {
    font-size: 28px;
    padding-bottom: 20px;
}
.tabContents h3 {
    font-size: 24px;
    padding-bottom: 15px;
	font-weight:700;
	 font-style: normal ;
}
.tabContents h4 {
    font-size: 22px;
    padding-bottom: 15px;
	
}
.tabContents h5 {
	color: #171f4f;
	font-size: 18px;
	line-height: 130%;
	padding-bottom: 15px;
}
.tabContents h6 {
    color: #000;
    font-size: 15px;
    font-style: italic;
}
.tabContents {
    color: #6f6f6f;
    font-size: 13px;
    overflow: hidden;
	min-height: 300px;
    padding: 60px 70px;
}
.tabContents table { margin:10px auto; width:100%;}
.tabContents table tr:first-child td {
    border-top: 1px dotted #d2d2d2;
}

.tabContents table tr:nth-child(even) {background:rgba(237,241,241,.5);}
.tabContents table tr:nth-child(odd) {background: #FFF;}
.tabContents table tr td:nth-child(even) {background:rgba(237,241,241,.0);}
.tabContents table tr td:nth-child(odd) {background:rgba(237,241,241,.0);}

.tabContents table th, .tabContents table td {
    padding:8px 0;
}
.tabContents table th {
    border-top: 1px dotted #d2d2d2;
    color: #171f4f;
    font-size: 14px;
    font-weight: 700;
    padding-left: 20px;
    text-align: left;
	background:rgba(237,241,241,.3)
}
.tabContents table td {
    border-bottom: 1px dotted #d2d2d2;
    padding-left: 20px;
}
.tdline td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: collapse;
    border-color: #d2d2d2;
    border-image: none;
    border-spacing: 0;
    border-style: dotted;
    border-width: 0 1px 1px 0;
}
.tdline tr td:last-child {
    border-width: 0 0 1px;
}
.tabContents table tr td:nth-child(1) {
    border-top: 1px dotted #d2d2d2;
}
#momodle {
    display: none;
}
.tabContents #momodle th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-collapse: collapse;
    border-color: #d2d2d2;
    border-image: none;
    border-spacing: 0;
    border-style: dotted;
    border-width: 0 1px 1px 0;
}
.tabContents #momodle .mno {
    background: #ede6ee none repeat scroll 0 0;
    font-weight: bold;
}
.tabContents p {
    float: left;
    line-height:1.8em;
    padding: 0 0 28px;
	width:100%; color: #666;
}
.tabContents ul li {
    background: rgba(0, 0, 0, 0) url("../images/li.png") no-repeat scroll 5px 11px;
    color: #3a3a3a;
    float: left;
    line-height: 160%;
    margin: 0 0 1.8%;
    padding-left: 20px;
    width: 92%;
}
.tabContents span {
    display: block;
    float: left;
    font-size: 13px;
    line-height: 160%;
    padding: 0 10px 0 0;
}

/**/
.prodlist_itemwrap {
	width: 1100px;
	margin: 40px auto 50px auto;
}
/**/

/******************************************************************************
  banner
*******************************************************************************/
.banner {
	width: 100%;
	height: 230px;
	position: relative;
	float: left;
}
.banner-p1 {
	background: url(../images/banner-p1.jpg) no-repeat center top;
}
/*ABOUT*/

.about { float:left; background:url(../images/about/about-01.jpg) no-repeat center top;background-size:1920px 930px; }
.time-bg { float:left; background:url(../images/about/time.jpg) no-repeat center top;background-size:1920px 750px; }
.team-bg { float:left; background:url(../images/about/team.jpg) no-repeat center top;background-size:1920px 1257px; }

.contact-bg {float:left;background:url(../images/contact-bg.jpg) no-repeat center top; }
.distributor-bg {float:left;background:url(../images/about/distributor-bg2.jpg) no-repeat center top; }
.technology-bg {float:left;background:url(../images/technology-bg.jpg) no-repeat center top; }
.product-bg { float:left; }

.contentwrap{
	width:1200px;
	margin:5% auto auto auto;
	 padding:0px;
	-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;
	overflow: hidden; 
}
.white-bg{
  box-shadow: 0px 0px 12px rgba(102,102,102,.2);
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f3f3f3 30%, #fff 100%) repeat scroll 0 0;
  border-style: solid 1px rgba(255,255,255,1);
  padding-bottom: 3%;
  margin-bottom: 5%;
}
.white-bg table	{
	text-align:center;
	width: 90%;
  	margin: 0 auto;
}
.white-bg table tr td, .white-bg table tr th	{
	border-bottom:1px solid #EBEBEB;
	padding: 1% 0;
	
}
.white-bg  table.member_table tr th, .white-bg  table.member_table tr td		{
	text-align:left; 
 }
.title-wrap  {
    /*border-bottom: 1px solid #e7e7e7;*/
    margin: 0 5%;
    overflow: hidden;
    padding:50px 0px 0px 2px;
	width:90%; 
	font-family: "Oswald";
	
}
.title-wrap h1 {
    float: left;
    font-size: 31px;
    margin:0px;
	color:#171f4f;font-weight:700;line-height:2em;
    width: 45%;
}
.title-wrap .submenu {
    float: right;
    width: 50%;
}
.title-wrap .submenu ul {
    margin:20px 0px 0px 0px;
    padding: 0;
}
.title-wrap .submenu ul li {
    float: left;
    margin:0 0 0 25px;
    width: auto;
   font-family: "Oswald";
font-weight: 400;
}
.title-wrap .submenu ul li a {
    background: rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll left center;
    color: #171f4f;
    display: block;
    font-size: 15px;
    padding: 0 0 0 20px;
}
.title-wrap .submenu ul li a:hover {
    color: #ffa100;
}
.title-wrap .submenu ul li a.current {
    color: #be051d;
}

.about h2 {
	padding-bottom: 15px;
	color: #FFA100;
	font-family:"Oswald";
}
.about h3 {
	font-size: 20px;
	padding-bottom: 20px;
	font-weight: 400;
	font-style: normal;
	color: #597B9D;
	font-family:"Oswald";
}
.about p{
	color: #505A5A;
	line-height: 1.6em;
	padding-bottom: 18px;
}
.about-pic{ z-index:111; background:url(../images/about/about-pic-01.png) no-repeat 5% top ; background-size:1140px 350px;  padding:50px 0px 100px 80px; margin:1px auto auto auto;
}
.about-img{ float:left; margin:10% 5% 5% 0px;}
.about-img img{ float:left; padding:0 5% 8% 0;}

/*about team*/
#team {
    float: left;
    overflow: hidden;
    width: 100%;
}
#team article {
    margin: 40px 5% auto 10%;
    min-height: 85px;
    overflow: hidden;
    position: relative;
    width:85%;
	border-bottom:dotted 1px #d9dede;
}
#team article span {
	color: #FFA100;
	display: block;
	float: left;
	font-size: 14px;
	font-style: italic;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 30%;
	line-height: 1.2em;
	
}
#team article span.area {
    color: #999999;
    top: 55px;
}
#team article h3 {
    display: block;
    font-size: 26px;
	color:#171f4f;
    left: 0;
    line-height: 30px;
    overflow: hidden;
    position: absolute;
    top: 30px;
    width:30%;
}
#team article p {
	color: #505A5A;
	display: block;
	float: right;
	font-size: 15px;
	line-height:1.3em;
	padding-bottom:10px;
	margin: 0 0 0 260px;
	width: 70%;
}

#team article ul {
	float: right;
	padding-bottom:10px;
	margin: 0 5% 2% 0px;
	width: 65%;
}

#team article ul li {
	color: #171f4f;
	display: block;
	float: left;
	font-size: 15px;
	line-height: 1.5em;
	padding: 0px 0px 5px 20px;
	width: 100%;
	background: url(../images/li-dot.png) no-repeat left 3px;
}


#team article span.email {
    display: block;
    position: static;
    width: 100%;
}
/*about history*/
.history {
    margin: 60px auto 55px;
    min-height:2400px;
    overflow: hidden;
    position: relative;
    width: 960px;
}
.history h2 {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.history p {
    float: left;
    width: 100%;
}
.history .h1990 {
    overflow: hidden;
    position: absolute;
    top: 170px;
    width: 100%;
    z-index: 1;
}
.history .h1990 .c {
    float: left;
    overflow: hidden;
    width: 352px;
}
.history .h1990 .list {
    float: left;
    margin: 80px 0 0;
    width: 608px;
}
.history .h1990 .list ul {
    display: block;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0;
}
.history .h1990 .list ul li {
    float: left;
    width: 100%;
}
.history .h1990 .list ul li.year {
    background: rgba(0, 0, 0, 0) url("../images/about/hline.png") no-repeat scroll 59px center;
    color: #333;
    float: left;
    font-size: 22px;
    width: 100%;
}
.history .h1990 .list ul li.mon {
    float: left;
    margin: 0 0 5px 76px;
    width: 87%;
}
.history .h1990 .list ul li.mon > span {
    color: #525252;
    display: block;
    float: left;
    font-size: 15px;
    margin: 2px 0 0;
    width: 480px;
}
.history .h2010 {
    position: absolute;
    top: 500px;
    width: 100%;
    z-index: 0;
}
.history .h2010 .c {
    left: 200px;
    position: absolute;
    width: 440px;
	
}
.history .h2010 .factory1 {
    position: absolute;
    right: 0px;
    top: 417px;
    width: 440px;
}
.history .h2010 .factory {
    float: right;
    margin: 98px 0 0;
    overflow: hidden;
    width: 352px;
}
.history .h2010 .list {
    float: left;
    margin:201px 0 0;
    width: 608px;
}
.history .h2010 .list ul {
    display: block;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0;
}
.history .h2010 .list ul li {
    float: left;
    width: 100%;
}
.history .h2010 .list ul li.year {
    background: rgba(0, 0, 0, 0) url("../images/about/hline.png") no-repeat scroll 59px center;
    color: #333;
    float: left;
    font-size: 22px;
    margin: 0 0 6px;
    width: 100%;
}
.history .h2010 .list ul li.mon {
    float: left;
    margin: 0 0 15px 76px;
    width: 87%;
}
.history .h2010 .list ul li.mon > p {
    color: #525252;
    display: block;
    float: left;
    font-size: 16px;
    width: 43px;
}
.history .h2010 .list ul li.mon > span {
    color: #525252;
    display: block;
    float: left;
    font-size: 15px;
    margin: 2px 0 0;
    width: 480px;
}
.history .h2010 .list1 {
    float: left;
    width: 100%;
}
.history .h2010 .list1 ul {
    display: block;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0;
}
.history .h2010 .list1 ul li {
    float: left;
    width: 100%;
}
.history .h2010 .list1 ul li.year {
    background: rgba(0, 0, 0, 0) url("../images/about/hline.png") no-repeat scroll 59px center;
    color: #333;
    float: left;
    font-size: 22px;
    margin: 0 0 6px;
    width: 100%;
}
.history .h2010 .list1 ul li.mon {
    float: left;
    margin: 0 0 15px 76px;
    width: 90%;
}
.history .h2010 .list1 ul li.mon > p {
    color: #525252;
    display: block;
    float: left;
    font-size: 16px;
    width: 43px;
}
.history .h2010 .list1 ul li.mon > span {
    color: #525252;
    display: block;
    float: left;
    font-size: 15px;
    margin: 2px 0 0;
    width: 820px;
}
.history .h2015 {
    overflow: hidden;
    position: absolute;
    top: 1800px;
    width: 100%;
    z-index: 1;
}
.history .h2015 .c {
    float: left;
    overflow: hidden;
    width: 352px; margin:240px 0 0 0;
}
.history .h2015 .list {
    float: left;
    margin:300px 0 0;
    width: 608px;
}
.history .h2015 .list ul {
    display: block;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0;
}
.history .h2015 .list ul li {
    float: left;
    width: 100%;
}
.history .h2015 .list ul li.year {
    background: rgba(0, 0, 0, 0) url("../images/about/hline.png") no-repeat scroll 59px center;
    color: #333;
    float: left;
    font-size: 22px;
    width: 100%;
}
.history .h2015 .list ul li.mon {
    float: left;
    margin: 0 0 5px 76px;
    width: 87%;
}
.history .h2015 .list ul li.mon > p {
    color: #525252;
    display: block;
    float: left;
    font-size: 16px;
    width: 43px;
}
.history .h2015 .list ul li.mon > span {
    color: #525252;
    display: block;
    float: left;
    font-size: 15px;
    margin: 2px 0 0;
    width: 480px;
}
/**/
.distributor {
	width: 960px;
	height: 338px;
	margin: 50px auto 0 auto
}
.distributor h2 {
	width: 100%;
	float: left;
	margin: 0 0 35px 0
}
.distributor ul {
	width: 50%;
	float: left;
	margin:auto auto 5% auto;
	height:300px;
}
.distributor ul li {
	width: 80%;
	float: left;
	
	line-height: 24px;
	padding: 0 0 0 44px;
	font-size: 15px;
	color: #666;
	font-family: Arial;
	margin: 0 0 5px 0
}
.distributor ul li.tit {
	height: auto
}
.distributor ul li.tit h3 {
	width: 100%;
	float: left;
	font-size: 22px;
	font-family: "Oswald","Microsoft JhengHei","微軟正黑體", Helvetica, Arial, sans-serif;
	color: #333;
	background: url(../images/about/line.png) left bottom repeat-x;
	padding: 0 0 14px 0;
	margin: 0 0 16px 0;
}
.distributor ul li a {
	font-size: 15px;
	color: #666;
	display: block
}
.distributor ul li a:hover{ color:#F60;}
.distributor ul li:nth-of-type(1) {	padding: 0;}
.distributor ul li:nth-of-type(2) { padding-left:0px; color:#171f4f;}
.distributor ul li:nth-of-type(3) { padding-left:0px; color:#F60;}
.distributor ul li:nth-of-type(4) {background: url(../images/about/icon-mail.png) left -4px no-repeat;}
.distributor ul li:nth-of-type(5) {background: url(../images/about/icon-tel.png) left -4px no-repeat;}
.distributor ul li:nth-of-type(6) {background: url(../images/about/icon-fax.png) left -4px no-repeat;}
.distributor ul li:nth-of-type(7) {background: url(../images/about/icon-add.png) left -4px no-repeat;}
.distributor ul li:nth-of-type(8) {background: url(../images/about/icon-web.png) left -4px no-repeat;}

/*news*/
.news {
    color: #6f6f6f;
    overflow: hidden;
    padding: 25px 79px 47px;
width:966px;
    margin: 0 auto;
    min-height: 500px;

	
}
.news h1 {
    border-bottom: 1px solid #e1e1e1;
    color: #1f1f1f;
    float: left;
    
    letter-spacing: -0.04em;
    line-height: 240%;
    width: 100%;
}
.news .list {
    float: left;
    overflow: hidden;
    width: 100%;
}
.news .list ul {
    border-bottom: 1px solid #e1e1e1;
    float: left;
    margin: 0;
    padding: 26px 1%;
    width: 98%;
}
.news .list ul a li:nth-child(1) {
    color: #999;
    float: left;
    font-size: 13px;
    width: 25%;
	margin-right:2%;
	margin-bottom:7%;
	margin-top:3%;
}
.news .list ul a li:nth-child(1) img{ padding:2%; background:#FFF; box-shadow:0px 1px 1px rgba(204,204,204,.5);}
.news .list ul a li:nth-child(2) {
    color: #999;
    float: left;
    font-size: 13px;
    width: 70%;
}
.news .list ul a li:nth-child(3) {
    color: #ff8a00;
    float: left;
    font-family: Calibri,Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-style: italic;
    line-height: 120%;
    margin: 0 0 12px;
    width: 70%;
}
.news .list ul a li:nth-child(4) {
    color: #666;
    float: left;
    font-size: 14px;
    line-height: 165%;
    width: 70%;
}
.news .list ul a li:nth-child(5) {
    background: rgba(0, 0, 0, 0) url("../images/more.png") no-repeat scroll left center;
    color: #171f4f;
    display: block;
    float: left;
    font-size: 13px;
    padding: 0 0 0 20px;
    width: 70%;
}
.news .list ul a li:nth-child(5) img {
    margin: 10px 8px 0 0;
}
.news .list ul a:hover li:nth-child(5) img {
    transform: rotate(3deg);
}
.news .list ul a:hover li:nth-child(3) {
    color: #171f4f;
}
.news .list ul a:hover li:nth-child(4) {
    color: #333;
}
.news .pages {
    display: block;
    float: left;
    padding: 35px 410px 0;
    width: 180px;
}
.news .pages ul {
    margin: 0;
    padding: 0;
}
.news .pages li:first-child {
    float: left;
    margin-right: 5px;
    width: 18px;
}
.news .pages li {
    float: left;
    line-height: 18px;
    text-align: center;
    width: 26px;
}
.news .pages li a {
    color: #999;
    font-size: 14px;
}
.news .pages li a:hover, .news .pages li a.current {
    color: #171f4f;
}
.news .pages li:last-child {
    float: left;
    margin-left: 5px;
    width: 18px;
}
.news p {
    float: left;
    font-size: 14px;
    padding: 14px 0 23px;
    width: 100%;
}
.news .editor {
    float: left;
    overflow: hidden;
    width: 100%;
}
.news .editor ol {
    list-style: outside none decimal;
}
.news .editor ol li {
    list-style: outside none decimal;
    margin: 0 0 10px 20px;
}
.news .editor ul {
    margin: 0;
    padding: 0;
}
.news .editor ul li {
    background: rgba(0, 0, 0, 0) url("../images/li.png") no-repeat scroll 2px 13px;
    padding: 0 0 10px 20px;
}
.download_table tr th, .download_table tr td	{
	border: 1px solid #B0B0B0;
    text-align: center;
	padding:0.2%;
	
}
.download_table a	{
	color: #597B9D;
    font-weight: bold;
}
.download_table a:hover  {
	 color: #be051d;
}
.download_table img	{
	margin-top:1%;	
}
.cart_order_info_frame	{
	text-align: left;
	}
.cart_order_info_frame table tr th	{
	width: 30%;
}

#m_zip {
    max-width: 283px;
}
/*technology*/
.wrap {
	margin: 45px auto 55px auto;
	overflow: hidden;
	background:rgba(237,241,241,1);
}

.leftmenu {
	width: 260px;
	float: left;
	padding: 48px 25px 0 25px;
	font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.leftmenu h2 {
	float: left;
	font-size: 31px;
	color: #3c3c3c;
	font-family: "Oswald", Helvetica, Arial, sans-serif;
	margin: 0 0 24px 0;
	line-height: 135%
}
.leftmenu ul {
	padding: 0;
	margin: 0;
	float: left;
	width:210px;
}
.leftmenu ul li {
	width: 100%;
	float: left;
	font-size: 15px;
	padding: 12px 0px 12px 12px;
	line-height: 120%;
	background: none; 
	 border-bottom: solid 1px  #CCCCCC;
}
.leftmenu ul li a {
	color: #171f4f;
}
.leftmenu ul li a:hover {
	color: #be051d
}
.leftmenu ul li a.current {
	color: #be051d;border-bottom: none; 
}
.leftmenu ul li ul li{ font-size:13px; padding:14px 0px 10px 10px;background: url(../images/arrow-2.png) no-repeat left 16px;border-bottom: none; }
.leftmenu ul li ul li a{color: #597B9D;}
.rightcontent {
	width: 940px;
	float: right;
	background: #fff;
	overflow: hidden;
	padding: 3%;
	min-height: 350px;
}
.rightcontent h3 {
	width: 850px;
	float: left;
	margin: 0 45px 0 45px;
	font-family: "Oswald", Helvetica, Arial, sans-serif;
	font-size: 31px;
	color: #3c3c3c;
	padding: 55px 0 40px 0
}
.rightcontent .edit {
	width: 850px;
	overflow: hidden;
	margin: 0 45px 0 45px;
	float: left;
	font-size: 13px;
	color: #7f7f7f;
	line-height: 180%;
	padding-bottom:50px;
}



/*--- contact ---*/
.coninner{ margin:0 auto; padding:45px 60px; background:rgba(255, 255, 255, 0.85);
border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;}
.coninner h2{ color:#171f4f; font-size:38px; line-height:38px; text-align:center;}
.coninner p{ color:#6f6f6f; line-height:165%; padding:15px 0 5px 0; text-align:center;}
.coninner span{ display:block; color:#000; font-style:italic; padding-bottom:15px;text-align:center; font-size:13px;}
.coninner span strong{ color:#F00;}

#form { max-width:840px; color:#666; margin:0 auto;}
#form form{ display:block; overflow:hidden;}
#form ul { display:block; list-style:none; margin:0; padding:0; width:100%; overflow:hidden;}
#form ul.fleft{ float:left; width:50%;}
#form ul.fright{ float:right; width:50%;}
#form ul.fright li { width:50%; display:block; list-style:none; padding:0; margin:0 8px 10px 0; float:left; font-size:14px; overflow:hidden }
#form ul.fright li > span{ width:19%; float:left; font-size:13px; font-style:normal; padding:0; margin:0; color:#666; line-height:35px; text-align:left;}
#form ul.fright li { display:block; list-style:none; padding:0; float:left; font-size:14px; overflow:hidden }

#form ul.fleft li { width:95%; display:block; list-style:none; padding:0; margin:0 8px 10px 0; float:left; font-size:14px; overflow:hidden }
#form ul.fleft li > span{ width:19%; float:left; font-size:13px; font-style:normal; padding:0; margin:0; color:#666; line-height:35px; text-align:left;}
#form ul.fright li { display:block; list-style:none; padding:0; float:left; font-size:14px; overflow:hidden }
#form ul li{ width:48%; float:left; margin:0 8px 10px 0;}
#form ul li >span{width:16%; float:left; font-size:13px; font-style:normal; padding:0; margin:0; color:#666; line-height:35px; text-align:left;}
#form ul.fright li input,#form ul.fleft li input{width:71%; border:1px solid #B0B0B0; height:35px; line-height:35px;  outline:none; padding:0 4.4%; color:#666; outline-color:none;float:left; font-family:"Arial","Microsoft JhengHei","微軟正黑體","ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","nsimsun","宋体";
transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-webkit-transition: background-color 0.5s;}

#form ul li input { width:76%; margin:0; border:1px solid #B0B0B0; height:35px; line-height:35px;  outline:none; padding:0 2.3%; color:#666;float:left; font-family:"Arial","Microsoft JhengHei","微軟正黑體","ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","nsimsun","宋体";
transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-webkit-transition: background-color 0.5s;}
#form ul li select{  border:1px solid #B0B0B0;margin:0;  height:35px; line-height:35px; width:81%; outline:none; color:#666; padding:0 3%; outline-color:none; font-family:"Arial","Microsoft JhengHei","微軟正黑體","ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","nsimsun","宋体";
transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-webkit-transition: background-color 0.5s;}
#form ul li.long{ width:100%; float:left; margin:0 0 10px 0;}
#form ul li.long span{width:7.7%;float:left;}
#form ul li.long input { width:85.2%; border:1px solid #B0B0B0; height:35px; line-height:35px;  outline:none; padding:0 1.2%; color:#666; float:left; font-family:"Arial","Microsoft JhengHei","微軟正黑體","ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","nsimsun","宋体";
transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-webkit-transition: background-color 0.5s;}

#form ul li select.alert , #form ul li input.alert{ border:1px solid #C00;}
#form ul li textarea.alert{ border:1px solid #C00;}
#form ul li input.alert-email{ border:1px solid #c00;}
#form ul li option { color:#fff; padding:5px 0} 
#form ul li textarea { border:1px solid #B0B0B0; margin:0; height:125px; line-height:20px; outline:none; width:85.2%; padding:5px 1.2%; color:#666; outline-color:none; font-size:13px; font-family:Arial, Helvetica, sans-serif;
transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-webkit-transition: background-color 0.5s; }	 
#form ul li.formwidth220 input{  width:90.6%;}

#form ul li.code input  { width:100px; margin-right:10px;margin-top: 10px;}
#form ul li.code span{ display:inline-block;}
#form ul li select:focus,#form ul li textarea:focus,#form ul li input:focus { background:rgba(255,161,0,0.4); border:1px solid rgba(255,161,0,0.4); color:#000;}

#form ul li.conbtn{ float:right; margin-top:3px;}
#form ul li a {display:block; float:left; width:150px; height:35px; line-height:35px; font-size:14px; text-align:center; background-color:rgba(81,14,90,0.4);text-decoration:none; color:#fff; margin-left:6px;
transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-webkit-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-o-webkit-transition: background-color 0.3s;}
#form ul li a:hover { background-color:rgba(81,14,90,0.8);}
#form ul li a:first-child+a { background-color:#FFA100; }
#form ul li a:first-child+a:hover { background-color:rgba(255,161,0,0.8);}
#form ul li.conbtn{ float:left; margin-top:3px; width:47%;}
#form ul li.conbtn input.reset{ width:48%; height:34px; float:left; margin:0; text-align:center; font-size:14px; color:#fff; background:rgba(255,153,0,.5); outline:none; cursor:pointer; border:none; -webkit-border-radius: 4px;font-weight:300;
-moz-border-radius: 4px;
border-radius: 4px;}
#form ul li.conbtn input.reset:hover,#form ul li.conbtn input.sent:hover{ background:rgba(255,153,0,.5); transition: background 0.5s;
-moz-transition: background 0.5s;
-webkit-transition: background 0.5s;
-ms-transition: background 0.5s;
-o-webkit-transition: background 0.5s;}
#form ul li.conbtn input.sent{ width:48%; height:34px; margin:0; float:right; text-align:center; font-size:14px; cursor:pointer; color:#fff; background:rgba(255,153,0,1); outline:none; border:none; -webkit-border-radius: 4px;font-weight:300;
-moz-border-radius: 4px;
border-radius: 4px;}

.consuccess{ padding:155px 60px 160px 60px; text-align:center;}
.bkhome{ width:150px; margin:0 auto; margin-top:15px; }
.bkhome a{ display:block; background-color:#510E5A; color:#fff; line-height:35px;
transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-webkit-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-o-webkit-transition: background-color 0.3s;}
.bkhome a:hover { background-color:rgba(81,14,90,0.8);}


form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input, select, textarea  {	
　　　　border: 1px solid #B0B0B0;
    margin: 1% 0;
    min-height: 35px;
    line-height: 35px;
    width: 81%;
    outline: none;
    color: #666;
    padding: 0 3%;
	}

input.checkbox { border: none }
input:focus { border: 1px dotted black; }
#form ul li input.error { border: 1px solid red; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }

input.shop_btn {	
 
  height: 34px;
  float: left;
  margin: 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: rgba(255,153,0,1);
  outline: none;
  cursor: pointer;
  border: none;
  -webkit-border-radius: 4px;
  font-weight: 300;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
input.shop_btn:hover { 
background:rgba(255,153,0,.5); transition: background 0.5s;
-moz-transition: background 0.5s;
-webkit-transition: background 0.5s;
-ms-transition: background 0.5s;
-o-webkit-transition: background 0.5s;
}
/**************member_login******************/
.member_login a, .member_login a:hover	{
	color:#666;
}
.member_login a:hover{
color: #FFA100;
 }
.cart_title_icon	{
	font-size:1.25em;
}
.security_pic	{
  PADDING: 1% 0;
  DISPLAY: BLOCK;
  clear: both;
}
.ipt1, .shop_btn	{
	max-width:300px;	
}
.ipt2	{
	max-width:200px;	
}
.ipt3	{
	max-width: 220px;
}
/******************************************************************************
  Footer
*******************************************************************************/
footer {
	background: url(../images/map.png) no-repeat center 0px;
	padding-top: 180px;
	width: 100%;
	overflow-x: hidden;
	z-index: 0;
	position: relative;
}

#footer {
	color: #3f3f3f;
	border-top: solid 1px rgba(242,242,242,.8);
	background: rgba(242,242,242,.7);
	padding-top: 20px;
	z-index: 0;
}
#footer h3 {
	font: 18px 'Oswald', sans-serif;
	color: #3f3f3f;
	text-shadow: none;
	font-weight: 700;
	text-align: left;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px #CCCCCC;
}
#footer p {
	font: 13px/18px;
	color: #898989;
	font-weight: 400;
}
#footer .sidebar .compare-products li, #footer .sidebar .compare-products li .title, #footer .sidebar .compare-products li .close, #footer .sidebar .wishlist .add-cart {
	background-color: #f2f2f2;
	font: 14px/18px 'Open Sans', sans-serif;
	color: #333;
}
#footer .footer-bottom {
	background: rgba(204,204,204,.3);
	border-top: solid 1px rgba(204,204,204,.4);
	line-height: 17px;
	padding: 5px 0px;
	font: 12px/18px 'Open Sans', sans-serif;
	color: rgba(102,102,102,1);
	width: 100%;
	clear: both;
	float: left;
}
#footer .up {
	background: #c6c6c6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	height: auto;
	padding: 5px 0px;
	text-align: center;
	width: 40px;
	color: #FFF;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	vertical-align: bottom;
}
#footer .up:hover {
	background: #000;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
/* Links */
.links ul {
	margin: 0px 20px 0px 0px;
}
.links li {
	color: #000;
	list-style-type: none;
	float: left;
	width: 100%;
	display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 2em;
}
.links li.half {
	width: 50%;
}
.links a, .links a:visited {
	color: #898989;
	text-decoration: none;
	-webkit-transition: color .2s linear;
	transition: color .2s linear;
}
.links a:hover {
	color: #FFA100;
	-webkit-transition: color .2s linear;
	transition: color .2s linear;
}
.social {
	text-align: center;
	transform: translateY(-50%);
	float: left;
	margin: 40px auto;
}
.social .link {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background-clip: content-box;
	padding: 2px;
	color: #D7D0BE;
	margin-left: 5px;
	margin-right: 5px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
	font-size: 18px;
	float: left;
	opacity: .4;
}
.social .link span {
	display: block;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.social .link:hover {
	padding: 3px;
	color: white;
	transform: scale(1.1 );
	box-shadow: 0px 1px 3px rgba(204,204,204,1);
	opacity: 1;
}
.social .link.google-plus {
	background-color: tomato;
	color: white;
}
.social .link.youtube {
	background-color: red;
	color: white;
}
.social .link.facebook {
	background-color: #3B5998;
	color: white;
}
/*  COLUMN SETUP  */
.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child {
	margin-left: 0;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* For IE 6/7 */
}
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 22%;
}
.span_2_of_3 {
	width: 66.13%;
}
.span_1_of_3 {
	width: 30%;
}
.pull_1 {
	margin-left: 8%;
	margin-right: 8%;
}
.span_1_of_10 {
	width: 2%;
}
/*--- sitemap ---*/

.sitemap{ width:1000px; overflow:hidden; display:block; padding:42px 0 0 0; margin:0 auto;}
.sitemap h2{width:100%; float:left; color:#1F1F1F; font-size:30px; line-height:140%; text-align:center; padding:0 0 50px 0;}
.sitemap .list{ width:100%; float:left; overflow:hidden; padding:0 0 95px 0;}
.sitemap .list ul{ float:left;}
.sitemap .list ul li:first-child{	width: 100%;	float: left;	font-size: 16px;	color: #FF6600;	line-height: 180%;
	padding: 0 0 10px 0;	background: none;}
.sitemap .list ul li:first-child a{ width:100%; float:left; font-size:16px; color:#FF6600; line-height:180%; padding:0 0 10px 0;}
.sitemap .list ul li{ width:93%; float:left; background:url(../images/li.png) 3px 37% no-repeat; padding:0 0 5px 20px; }
.sitemap .list ul li a{ width:100%; display:block; font-size:13px; color:#6f6f6f; line-height:180%;}
.sitemap .list ul li a:hover{ color:#55145E;}
.sitemap .list ul:first-child{ width:33%; float:left; margin:0 2% 0 7%;}
.sitemap .list ul:nth-child(2){width:28%; float:left; margin:0 2% 0 0;}
.sitemap .list ul:nth-child(3){width:28%; float:left;}

.sitemap .list ul li.tit{width:100%; float:left;  line-height:180%; background:none; padding:0 0 10px 0;}
.sitemap .list ul li.tit a{font-size:16px; color:#FF6600;}

#share_zone{
margin:10px;
float:left;
display:none;
}

/*search*/
.product_table {
	font-size: 12px;
	border-left: 1px solid #D6C9A0;
    border-top: 1px solid #D6C9A0;
	color: #666666;
	margin: 0 auto;
}
.product_table th {
	color: #FFFFFF;
	background-color: #980203;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding:5px 0;
	border-right: 1px solid #D6C9A0;
    border-bottom: 1px solid #D6C9A0;
}
.product_table td {
	font-size: 14px;
	padding:1%;
	border-right: 1px solid #D6C9A0;
    border-bottom: 1px solid #D6C9A0;
	vertical-align: middle;
}
.product_table td a:link {
	text-decoration: none;
	color: #666666;
}
.product_table td a:visited {
	color: #666666;
	text-decoration: none;
}
.product_table td a:hover {
	color: #980203;
	text-decoration: none;
}
.product_table td a:active {
	color: #666666;
}
/*layout end*/
.else1 ul li	{
  display: inline-block;
  width: 48%;
  vertical-align: middle;
  margin-bottom: 3%;
}
@media only screen and (max-width: 999px) {

.else1 ul li	{
	width: 100%;
}
#form ul li	{
	width:100%;	
}
#form ul li input	{
	width:100%;	
}

	
}


/*news*/
.news {
    color: #6f6f6f;
    overflow: hidden;
    padding: 25px 79px 47px;
width:966px;
    margin: 0 auto;
    min-height: 500px;

	
}

.info .list {
    float: left;
    overflow: hidden;
    width: 100%;
}
.info .list ul {
    border-bottom: 1px solid #e1e1e1;
    float: left;
    margin: 0;
    padding: 26px 1%;
    width: 98%;
}
.info .list ul a li:nth-child(1) {
    color: #999;
    float: left;
    font-size: 14px;
    line-height: 165%;
	margin: 10px;

}
.info .list ul a li:nth-child(2) {
    color: #ff8a00;
    float: left;
    font-family: Calibri,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: italic;
    line-height: 120%;
    margin: 0 0 12px;
	margin: 10px;

}
.info .list ul a li:nth-child(3) {
    color: #666;
    float: left;
    font-size: 14px;
    line-height: 165%;
	margin: 10px;

}

.info .list ul a:hover li:nth-child(2) {
    color: #171f4f;
}
.info .list ul a:hover li:nth-child(3) {
    color: #333;
}
.pages {
    display: block;
    float: left;

}
.pages ul {
    margin: 0;
    padding: 0;
}
.pages li:first-child {
    float: left;
    margin-right: 5px;
    width: 18px;
}
.pages li {
    float: left;
    line-height: 18px;
    text-align: center;
    width: 26px;
}
.pages li a {
    color: #999;
    font-size: 14px;
}
.pages li a:hover, .news .pages li a.current {
    color: #171f4f;
}
.pages li:last-child {
    float: left;
    margin-left: 5px;
    width: 18px;
}