/* v1.0 | 20080212 */

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

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #999999;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color: #50483A;
	text-align: center;
	line-height: 1.6;
	font-size: 13px;
}
.body1{background:url(../images/p-bg.jpg) top center  no-repeat;-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;  }
#container{background:#fff;}
#wrapper { width:100%;overflow:hidden;}
#master {
	width:1002px;
	margin:150px  auto auto auto;
	padding:10px 0px 0px 0px;overflow:hidden;
}
#left{
	width:210px;
	float: left;
	height: 100%;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	

}
#submenu {
	width: 200px;
	font-size: 13px;
	text-align: left;
	color: #FFFFFF;
	background:#f7f7f7;
	 padding:10px; border:rgba(0,0,0,0.1) solid 1px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.3);
    box-shadow:0px 0px 15px rgba(0,0,0,0.3);
	margin:10px auto;


}
#submenu-title {
	width: 180px;
	font-size: 17px;
	font-weight: bold;
	color: #669900;
	letter-spacing: 2px;
	padding:10px 0px 20px 20px;


}

/* Effect 4: bottom border enlarge */
#submenu ul {
	list-style: none;
	width:180px;
	margin: 0px 0px 10px 10px;
	padding: 0px;

}

#submenu ul li{
	display: block;
	text-decoration: none;
	color: #666666;
	text-align: left;
	padding:15px 0px 15px 20px;
	letter-spacing: 1px;
	margin: 0px;
	font-size:15px;
	background: url(../images/lef-dot.png) no-repeat left 20px;
	border-bottom:#999 dashed 1px;
}
#submenu ul li a{
	color: #333;
	text-decoration: none;
}
#submenu ul li a:hover{
	color: #fff;
}

#submenu ul li:hover{
	background-color: #669900;
	text-decoration: none;
	
}
#submenu ul li a.current {
	color: #fff;
	background-color: #669900;
	text-decoration: none;
}

#center{
	width: 720px;
	float: right;
	padding: 10px;

}


#main{
	width:720px;
	float: left;
	background-color: #FFFFFF;
	margin: auto;
	text-align: left;
}
/*footer*/
.col3{ width:330px; float:left; font-size:12px;}

#footer {
	width:1002px;
	color: #FFFFFF;
	text-align: center;
 margin:auto;

}
#footer a:link {
	font-size: 13px;
	line-height: 1.6;
	color: #FFFFCC;
	text-decoration: none;
	letter-spacing: 2px;
}

#footer a:hover{
	line-height: 1.6;
	color: #FF9966;
	text-decoration: underline;
}

#footer a:visited {
	color: #FF9966;
	line-height: 1.6;
	text-decoration: none;
}
/*footer end*/
#header {width:1002px; margin:0px auto auto auto;	z-index:999; top:0; }
.menu-bg{background:url(../images/nav-bg.jpg) repeat-x left 34px;z-index:9999; height:120px; float:left; width:1002px; position:absolute; }
#logo {	width:307px;height:71px;z-index:999; position:absolute; margin:30px 0px 0px ;}
#menu {	height:79px;width:680px;margin:0px 0px 0px 320px;z-index:9999;position:absolute;}
/* Effect 21: borders slight translate */

nav a {
	position: relative;
	display: inline-block;
	margin:0px 5px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);

}

nav a:hover,
nav a:focus {
	outline: none;
}
.cl-effect-21{width:700px; margin:20px 0px 0px 0px;}
.cl-effect-21 a {
	padding: 10px 15px;
	color: #FFFFFF;
	font-size:15px;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	font-weight: bold;
}

.cl-effect-21 a::before,
.cl-effect-21 a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
	color: #FC0;
}

.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


/* Effect 13: three circles */
.cl-effect-13{ position: relative; right:0; top:0;  text-align:right; margin:0px;}
.cl-effect-13 a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	background: url(../images/dot.png) no-repeat left top; padding:0px 15px 0px 30px;
}

.cl-effect-13 a::before {
	position: absolute;
	top: 100%;
	right: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff;
}

.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
	color: #ba7700;
}

/*EFFECT END*/
.cols{width:980px; margin:400px auto auto auto;z-index:999;  position:absolute;}
.pad_bot{
	width: 200px;
	height: 89px;
	float: left;
	padding: 145px 10px 0px 10px;
	font-size: 13px;
	font-weight: normal;
	color: #4b7100; text-align:left;text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.3);
	margin:0px 30px 0px 0px;
}
.pad_bot1{ background:url(../images/b-01.jpg) no-repeat left top;}
.pad_bot2{ background:url(../images/b-02.jpg) no-repeat left top;}
.pad_bot3{ background:url(../images/b-03.jpg) no-repeat left top;}
.pad_bot4{ background: url(../images/b-04.jpg) no-repeat left top;margin:0px;}
.pad_bot5{ background:url(../images/bottom-bg.jpg) no-repeat left top;margin:0px; width:980px; height:200px; float:left;}
.pad_rigtht{ float:left; margin:20px 0px 0px 350px;}
.address{padding-top:1px}
.address li{line-height:20px;font-style:normal; text-align:left;}
.address span{float:left;width:45px; font-weight:bold;}
.address a{color:#fff}
.marg_right1{margin:20px 0px 0px 770px; background:url(../images/copyright.jpg) no-repeat left top #181818; width:206px; height:52px; padding:120px 0px 0px 5px; color:#CCC; font-size:11px;}

#breadcrumb{
	font-size: 12px;
	padding:5px;
	width: 964px;
	background-color: #f8f8f8;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin:10px auto;

}

#breadcrumb ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 20px;
}
#breadcrumb ul li{
	background-image: url(../images/location.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	list-style-type: none;
	float: left;
	width: auto;
	padding:0px 15px 0px 15px;
	height: 20px;
	font-weight: bold;
	color: #000000;
}
#breadcrumb ul li a{
	text-decoration: none;
	padding-top: 10px;
	font-weight: normal;
	color: #666666;
}

#breadcrumb ul li a:hover{
	color: #000000;

}


#page {
	TEXT-ALIGN: center;
	width: 600px;
	font-size: 13px;
	letter-spacing: 1px;
	float: left;
	margin: 0px;
	height: 40px;
	padding-top: 10px;
	color: #666666;
}
#page a {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
	font-size: 13px;
	background-image: url(../images/icon-point02.gif);
	background-repeat: no-repeat;
	background-position: right center;
	letter-spacing: 1px;
	font-weight: bold;
}
#page a:hover {
	COLOR: #0B9F9F;
}
#page a:active {
}
#page span.current {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	COLOR: #669900;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	font-size: 16px;
}
#page-focus{
	float: right;
	width: 100px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	height: 40px;
	padding-top: 10px;
}

h1{
	font-size: 18px;
	margin: auto auto 10px auto;
	color:#669900;
	border-bottom:#669900 solid 3px; text-align:left;

}

h2{
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	
}
h2 a {
	text-decoration: none;
	color: #666;
}




.leftimg {
	float: left;
	border: none;
	margin-right: 10px;
}
.rightimg {
	float: right;
	border: none;
	clip:  rect(auto,auto,auto,auto);
	margin-left: 20px;
}
.right
	{	width:149; background:url(../images/rightbg.gif) no-repeat top; padding:10 0 0 0}
	
/* products */

.product_list{
	border-style:none;
	width: 220px;
	float: left;
	text-align: left;
	height: 241px;
	background-image: url(../images/pto_bg.jpg);
	background-repeat: no-repeat;
	padding:0 0 0 0;
	text-align:center; 
	/* Firefox, Chrome */
	line-height : 225px;
    white-space : nowrap;	
	/* IE */
	*font-size : 180px;  /* 225px * 0.8 = 180px */
	*font-family : Arial;
	
}
.product_pic{
	text-align: center;
	height: 145px;
	width: auto;
	padding: 15px 30px;
	
}

.product_list_title {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	line-height:18px;
	text-align: left;
	width:220;
	padding: 10px 20px 5px 40px;

}
.product_list_title a:link    {
	color: #666666;
	text-decoration: none;
	line-height: normal;
}
.product_list_title a:visited { 
    color: #666666; 
    text-decoration: none;}
.product_list_title a:hover   { 
    color: #CC0000; 
    text-decoration: underline;}
.product_list_title a:active  {
	color: #666666;
	text-decoration: none;
}

#products_show_name {
	FONT-SIZE: 13px;
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 250px;
	LINE-HEIGHT: 1.8;
	TEXT-ALIGN: left;
	font-family: Verdana;
	color: #083061;
}
#products_show_data {
	FONT-SIZE: 12px;
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 250px;
	LINE-HEIGHT: 1.8;
	TEXT-ALIGN: left;
	font-family: Verdana;
	color: #333333;
}
.products_single {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute;FLOAT: left;
}
.products_show_title {
	background:url("../images/title_bg.gif") no-repeat bottom;
	text-align:left;
	padding:0 0 10 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#083061;
	WIDTH: 667;clear:both;
}
.products_show_introduction {
	clear:both;
	MARGIN: 0px;
	WIDTH: 650;
	LINE-HEIGHT: 1.8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	margin:10 0 15 0;
	font-size:12px
}
.product_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #D6C9A0;
	border-left-color: #D6C9A0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	background-color: #FFFFFF;
	color: #666666;
}
.product_table th {
	color: #FFFFFF;
	background-color: #980203;
	font-size: 12px;
	line-height: 1.2;
	height: auto;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	border-right-color: #D6C9A0;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-bottom: 4px;
}
.product_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6C9A0;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
}
.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: #FF0000;
	text-decoration: none;
}
.product_table td a:active {
	color: #666666;
}
.product_table  tr.altrow {
	background-color: #EAEAEA;
}
.product_table  tr.altrow1 {	background-color: #abce03;}
.product_table  tr.altrow2 {	background-color: #cccccc;}


/* news */
.news_list {
    background-image: url("../images/line.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
    float: left;
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 680px;
}
.news_list_pic {
    background-image: url("../images/list-pic-bg.gif");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    height: 100px;
    margin: 0 15px 10px 0;
    padding: 5px;
    width: 150px;
}
.color-2 {
    color: #EC780F;
}
.news_show {
}
.news_show td {
    font-family: "Arial","Helvetica","sans-serif";
}
.news_show td.title {
    border-bottom: 1px dotted #CCCCCC;
    color: #996600;
    font-family: "Arial","Helvetica","sans-serif";
    font-size: 20px;
    height: 20px;
    padding-left: 18px;
    padding-right: 8px;
    padding-top: 4px;
    text-align: left;
}
.news_show td.main {
    color: #333333;
    font-family: "Arial","Helvetica","sans-serif";
    font-size: 12px;
    padding-left: 18px;
    padding-right: 8px;
    padding-top: 4px;
    text-align: left;
}
/* download */
.download_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #D6C9A0;
	border-left-color: #D6C9A0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	background-color: #FFFFFF;
	color: #666666;
}
.download_table th {
	color: #FFFFFF;
	background-color: #980203;
	font-size: 12px;
	line-height: 1.2;
	height: auto;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	border-right-color: #D6C9A0;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-bottom: 4px;
}
.download_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6C9A0;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
}
.download_table td a:link {
	text-decoration: none;
	color: #666666;
}
.download_table td a:visited {
	color: #666666;
	text-decoration: none;
}
.download_table td a:hover {
	color: #FF0000;
	text-decoration: none;
}
.download_table td a:active {
	color: #666666;
}
.download_table  tr.altrow {
	background-color: #EAEAEA;
}
/* faq */
.faq_show {
	height: auto;
	padding-bottom: 10px;
	border: 1px solid #CCCCCC;
}
.faq_show td.title {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF9900;
	background-image: url(../images/ws-faq-icon.jpg);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-bottom: 8px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #552B00;
	text-align: left;
	padding-left: 30px;
	height: auto;
	padding-top: 6px;
	width: 100%;
	background-color: #FEF3D1;
}
.faq_show td.main {
	height: auto;
	width: 100%;
	padding-left: 30px;
	color: #666666;
	text-align: left;
	font-weight: normal;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 18px;
	padding-top: 6px;
	padding-right: 4px;
}
/* contact us */
.contact_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #D6C9A0;
	border-left-color: #D6C9A0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	background-color: #FFF5E8;
}
.contact_table th {
	color: #000000;
	background-color: #F4DA9D;
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-right-color: #D6C9A0;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
}
.contact_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 24px;
	color: #333333;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
}
.contact_table  tr.altrow {
	background-color: #FFFFFF;
}
/* inquiry */
.inquiry_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #B6B6B6;
	border-left-color: #B6B6B6;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.inquiry_table th {
	color: #333333;
	background-color: #cccccc;
	font-size: 12px;
	line-height: 1.2;
	height: auto;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	border-right-color: #B6B6B6;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-bottom: 4px;
}
.inquiry_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	color: #000000;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6B6B6;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
}
.inquiry_table td.no {
	color: #222222;
}
.inquiry_table td.title a:link {
	color: #222222;
	text-decoration: none;
}
.inquiry_table td.title a:visited {
	color: #222222;
	text-decoration: none;
}
.inquiry_table td.title a:hover {
	color: #FF0000;
	text-decoration: none;
}
.inquiry_table td.title a:active {
	color: #222222;
}
.inquiry_table td.date {
	color: #222222;
}
.inquiry_table  tr.altrow {
	background-color: #999999;
}
/* member form */
.member_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #B6B6B6;
	border-left-color: #B6B6B6;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.member_table th {
	color: #333333;
	background-color: #cccccc;
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-right-color: #B6B6B6;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
}
.member_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 24px;
	color: #222222;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	background-image: url(../images/ws-bg-09.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6B6B6;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
}
.member_table tr.altrow {
	background-color: #cccccc;
}
/* member zone form */
.member_zone_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #D6C9A0;
	border-left-color: #D6C9A0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	background-color: #FFFFFF;
	color: #666666;
}
.member_zone_table th {
	color: #FFFFFF;
	background-color: #980203;
	font-size: 12px;
	line-height: 1.2;
	height: auto;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	border-right-color: #D6C9A0;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-bottom: 4px;
}
.member_zone_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6C9A0;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
}
.member_zone_table td a:link {
	text-decoration: none;
	color: #666666;
}
.member_zone_table td a:visited {
	color: #666666;
	text-decoration: none;
}
.member_zone_table td a:hover {
	color: #FF0000;
	text-decoration: none;
}
.member_zone_table td a:active {
	color: #666666;
}
.member_zone_table  tr.altrow {
	background-color: #EAEAEA;
}
/* login & logout */
.login_msg_error {
    font-size: 12px;
    color: #ff0000;
    text-align: center;
}
.logout {
    font-size: 12px;
    color: #ff9900;
    text-align: right;
}
.logout a:link {
    color: #ff9900;
    text-decoration: none;
}
.logout a:visited {
    color: #ff9900;
    text-decoration: none;
}
.logout a:hover {
    color: #ffcc00;
    text-decoration: none;
}
.logout a:active {
    color: #ffcc00;
    text-decoration: none;
}
.login_user {
    font-weight: bold;
    font-size: 18px;
    color: #999999;
}
.msg_getpw {
    font-size: 12px;
    color: #ff0000;
    text-align: center;
}
/* text back url */
.back
{	text-align:left}

.back_url {
	text-align: center;
	height: auto;
	width: 100%;
}
.back_url a {
	color: #333333;
	text-decoration: none;
}
.back_url a:link {
	color: #333333;
	text-decoration: none;
}
.back_url a:visited {
	color: #333333;
	text-decoration: none;
}
.back_url a:hover {
	color: #FF0000;
  text-decoration: underline;
}
.back_url a:active {
	color: #FF0000;
  text-decoration: underline;
}
/*nav*/
#sitemap{
	width: 90%;
	background-color: #EBEBEB;
	color: #333;
	margin: 5px;
	padding: 10px;
	border: 3px solid #CCC;
	height: auto;
	float: left;
}
#sitemap a{
	font-size: 11px;
	color: #666;
}
#sitemap a:hover,#sitemap a:active{
	color: #F30;
	text-decoration: underline;
}
#sitemap a:visited {
	color: #990;
}
#sitemap ul{
	width: 500px;
	text-align: left;
	list-style-type: none;
	font-size: 11px;
	color: #333;
	margin: 5px;
	padding: 4px 6 px;
}
#sitemap li{
	float: left;
	background-image: url(../images/dot2.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding: 0px 0px 0px 10px;
}
#sitemap li a{
	width: 400px;
	display: block;
	text-align: left;
	padding: 0px;
	color: #900;
}
#sitemap ul ul{
	margin: 10px;
}
#sitemap ul ul li{

}
#sitemap ul ul li a{
	width: 400px;
	display: block;
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#sitemap ul ul ul{
	margin: 10px;
	width: 400px;
	list-style-type: none;
}
#sitemap ul ul li li a{
	float: left;
	display: inline;
	width: auto;
	padding: 0px 5px 0px 0px;
	margin: 4px 6px;
	clear: both;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}

/*about*/
.company {
    background-image: url("../images/com-bg.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 660px;
}
.company strong {
    color: #148CC8;
    font-size: 13px;
    font-weight: bold;
}
.ei-slider{
	position: absolute;
	width: 100%;
	max-width: 1920px;
	height:529px;
	margin: 0 auto; z-index:1;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right:20%;
	margin-right: 13%;
	top: 30%;
}
.ei-title h2 img, { width:auto;
	 
}

.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{

}
.ei-title h3 img{ height:37px; width:auto;
}
.ei-slider-thumbs{
	height: 13px;
	margin: 0 auto;
	position: relative; display:none;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;display:none;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
	background: rgba(0,0,0,0.9);
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #666 ;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size:30px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 20px;
		line-height: 40px;
	}
}