﻿body {text-align:center;margin:0px;  padding:0px;  BACKGROUND-COLOR: #ededed;FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;color:#515151;} 
A {COLOR: #0033cc; TEXT-DECORATION: none}
A:hover {COLOR: #0033cc}
A:link {COLOR: #0033cc;}
A:visited {COLOR: #0033cc}

/* box */
#box{text-align:left;width:850px;margin:0 auto;position:relative;background-color: #FFFFFF;border-right: 1px solid #cccccc;border-left: 1px solid #cccccc;}  
#clear {clear:both;}
#header {background-repeat: no-repeat;text-align:left;margin:0px 0px 3px 0px;}
#logo {
	float:left;
	height:60px;
	width:100px;
	margin-left:20px;
	margin-top: 15px;
	margin-bottom: 10px;
}
#logo IMG{border:0px;} 
#lang {float:right;height:20px;width:600px;margin:10px 35px 0px 0px;word-spacing:8px;FONT-SIZE:12px;overflow: hidden;text-align: right;}
#lang img {margin-bottom:-1px;border:0px;}
#lang A:link {COLOR: #6F7376; TEXT-DECORATION: none}
#lang A:visited {COLOR: #6F7376; TEXT-DECORATION: none}
#lang A:hover {COLOR: red; TEXT-DECORATION: none}

/* home */
.te2 {BORDER-TOP: #cccccc 1px solid;BORDER-BOTTOM: #cccccc 1px solid;overflow:hidden;line-height: 180%;}
.te2 H1 {MARGIN: 0px 0px 4px; FONT: 18px Verdana, Arial, Helvetica, sans-serif; COLOR: #0066cc; font-weight: 600;display:block;width:230px; overflow:hidden;}

/* banner */
#ban {background-image: url(header_news.jpg);background-repeat: no-repeat;height:112px;}
#ban_ab {background-image: url(header_about.jpg);background-repeat: no-repeat;height:112px;}
#ban_ct {background-image: url(header_contact.jpg);background-repeat: no-repeat;height:112px;}
#ban_do {background-image: url(header_new_de.jpg);background-repeat: no-repeat;height:112px;}
.ban_new {background-image: url(header_about.jpg);background-repeat: no-repeat;height:112px;}
#ban_new12{background-image: url(faq_banner.jpg);background-repeat: no-repeat;height:112px;}
#ban_new {background-image: url(header_news.jpg);background-repeat: no-repeat;height:112px;}
#ban_pro , #ban_search, #ban_pay{background-image: url(header_products.jpg);background-repeat: no-repeat;height:112px;}
#ban_map, #ban_vote, #ban_friend {background-image: url(header_news.jpg);background-repeat: no-repeat;height:112px;}

/* body */
#chief{Clear:both;background-color:#FFFFFF;background-repeat: repeat-y;background-image:url(tp_body_side_bg.jpg);width:100%;overflow:hidden;height:auto;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;background-position: right;padding-bottom: 10px;}

/* left */
#left {float:right;width:200px;}
#left_cont a{display:block;margin:10px auto;width:180px;}
#left_cont img{border:0px;}
#left_ab, #left_pro, #left_news, #left_contact, #left_down,#left_map {height:5px;}

/* right */
#right {float:left;width:620px;padding-left: 18px;}
#sitemap {margin:0;padding:10px 10px 5px 50px;FONT-SIZE: 11px;LINE-HEIGHT: 180%;word-spacing:2px;overflow: hidden;}
#position {height:25px;margin:0;width:100%;padding: 10px 0px 0px 0px;text-indent: 20px;}
#content {margin:0;padding:10px 10px 5px 0px;FONT-SIZE: 11px;LINE-HEIGHT: 200%;word-spacing:2px;overflow: hidden;}
#content H1{font-size:18px;margin-bottom:15px;color:#1FA8F1;margin: 0px 0px 5px 0px;}
#prod_content {margin:0;padding:0px 0px 0px 0px;font-size:13px;}
#form_content {margin:0;padding:10px 0px 0px 0px;}

/* searching form */
#searching {padding:0px;margin:15px 0px 0px 12px;width:170px;float:right;}

/* product content */
#prod_content {margin:0;padding:0;}

/* Menu start */
#menu{clear:both;height:25px;font-size: 11px;margin:0px;padding:5px 0px 0px 0px;background-color: #323A76;}
/*1*/
#menu ul{margin: 0px 0px 0px 50px;}
#menu ul li{float:left;list-style-type: none;font-weight: normal;background-image: url(arrow-blue.gif);background-repeat: no-repeat;background-position: 1px;list-style-type: none;}
#menu ul li a{display: block;line-height: 22px;color: #FFFFFF;text-decoration: none;padding-right: 20px;padding-left: 20px;}
#menu ul li a:hover {background-color:#33BDFF;color:#FFFFFF;}
/*2*/
#menu ul li ul{display: none;background-color:#002046;position: absolute;text-align: left;margin: 0px;padding: 0px;border: 1px dashed #cccccc;}
#menu ul li ul li{float: none;height: 22px;padding:0px;margin: 0px;background-image: none;}
#menu ul li ul li a{width:auto;height: 22px;line-height: 22px;color: #FFFFFF;text-decoration: none;padding: 0px 5px 0px 5px;display: inline;float: left;}
/*3--*/
#menu ul li ul li ul{display: none;margin:0px 0px 0px 130px;padding: 0px;}

/* left product */
#left_procont {padding:0px;margin:0px;text-align:left;}
#left_procont p{line-height:150%;color:#cccccc;margin-left:10px;}
#left_procont ul {list-style-type:none;padding:0px;margin: 0px 0px 0px 5px;}
#left_procont ul li{list-style-type: none;padding:0px;height:0x;background-image: none;line-height:24px;width:165px;WHITE-SPACE: nowrap;TEXT-OVERFLOW: ellipsis;overflow:hidden;font-weight:bold;}
#left_procont ul li IMG{CURSOR: hand;vertical-align: middle;border:0px;}
#left_procont ul li .noclass,#left_procont ul ul li IMG{CURSOR: default;}
#left_procont ul ul{DISPLAY:; margin-left: 3px; }
#left_procont ul ul li{font-weight:normal;}

/* left ab */
#left_abcont {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#left_abcont UL {PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 10px; VERTICAL-ALIGN: sub; LIST-STYLE-TYPE: none}
#left_abcont UL LI {PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px center; PADDING-LEFT: 15px; BACKGROUND-IMAGE: url(rblue_arrow.gif); PADDING-BOTTOM: 5px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 170px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none; TEXT-OVERFLOW: ellipsis; TEXT-DECORATION: none}

/* footer */
#footer {clear:both;text-align: center;padding-bottom: 5px;} 
#friend_link{color: #AD6841;width:95%;margin:5px 0px 0px 0px;height: auto;}
#friend_link UL{margin:0px;padding:0px;}
#friend_link UL li{list-style-type: none;float:left;padding:0px 5px 0px 5px;border-right:1px #000000 solid;margin: 2px 0px 2px 0px;}
#friend_link UL .no_border{border-right:0px;}
#copyright {font-size:11px;margin-top:5px;}

/* Page Next */
#pagenav {clear:both;margin:5px 0px 5px 0px;padding:5px 0px;border-top: 1px dashed #ccc;}
#pagenav A {BORDER: #ccc 1px solid; PADDING:2px 5px 2px 5px; TEXT-DECORATION: none! important}
#pagenav A:hover {COLOR: #203558! important; BACKGROUND-COLOR: #e5edf9}
#pagenav .nowpage {font-weight:bold;}

/* Alphabet */
#key_a {padding-left:5px;}
#key_b ol li{padding:5px 0px 5px 0px;margin:0px;}

/* Guestbook */
.guest_class {BORDER: #999999 1px dotted;width:75%;padding:5px;line-height:150%;}
#guest_cont {width:98%;height:auto;border:1px solid #DEEFF7;margin:5px 0px 5px 0px;padding:0px 0px 10px 0px;}
#guest_cont_1{padding-top:20px;float:left;width:13%;height:100px;text-align:center;}
#guest_cont dt{float:right;padding:2px 5px 2px 0px;  font-size:15px;background-color:#DEEFF7;width:85%;height:21px;text-indent:30px;background-image:url(gb.gif);background-repeat:no-repeat;color:blue;font-weight:bold;overflow:hidden;}
#guest_cont dt span{color:black;font-weight:normal;font-size:13px;}
#guest_cont dd{margin:0px;padding:2px 5px 2px 0px;  float:right;font-size:12px;width:82%;line-height:200%;}
#guest_cont dd p{border-top:1px dashed #DEEFF7;margin:10px 0px 0px 0px;display:block;width:95%;padding:0px 10px 0px 0px;}
#guest_cont dd p span{font-weight:bold;font-size:11px;}

/* Vote */
#voter {BORDER: #999999 1px dotted;width:300px;padding:5px;line-height:150%;}
#voter h2{font-size:14px;margin:5px;color:red;}
#voter ul{margin:0 0 0 0;padding-left:5px;}
#voter ul li{font-size:12px;margin:2px 0 2px 5px;list-style-type:none;}
.voteimg {BACKGROUND: url(entou.gif) no-repeat; BORDER: 0px;font-weight:bold; WIDTH: 58px; CURSOR: hand; COLOR: #7b2e00; HEIGHT: 20px; margin:0 0 5px 5px;}
.votep {}

/* cata_detail */
#prod_cata {width:inherit;padding:10px auto 10px 0px;color:#666666;font-size: 11px;line-height: 22px;}
#prod_cata p{margin:0px;padding:0px;}

/* Prclass */
#prod_cata1 {padding:0;color:#666666;font-size: 11px;width: 300px;float: left;}
#prod_cata1 ul{padding:20px;margin:0px;}
#prod_cata1 ul h2{ text-indent:20px;font-size:14px;font-weight:bold;color:#1371D0;line-height:30px;padding:0px;margin:0px;background-image: url(1_03.gif);background-repeat: no-repeat;background-position: left center;}
#prod_cata1 ul Img{border:1px solid #ccc;width: 200px;height: 200px;}
#prod_cata1 ul li{line-height:22px;text-indent:20px;margin-left: 10px;}

/* Prc */
#products_1{padding:0px 0px 15px 0px;margin:0px;}
#products_1 dl{float:left;width:280px;margin:20px 0px 0px 15px;}
#products_1 dl Img{border:1px #ccc solid;margin-left:3px;width:150px;height:150px;}
#products_1 dl dt{color:#0A66C2;font:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;line-height:25px;background:url(1_03.gif) no-repeat left center;text-indent:20px;}
#products_1 dl dd{font-size:11px;line-height:20px;text-indent:20px;margin:0px;padding:0px;}
#products_1 dl .ys a{color:#FF6633;font-weight:bold;}

/* Prcs */
#products_2{padding:0px 0px 0px 5px;margin:0px;}
#products_2 Img{border:1px solid #E3E3E3;padding:0px;margin:0px;width:128px;height:128px;}
#products_2 ul{padding:0px; margin:0px;}
#products_2 li{list-style-type:none;color:#1D47AF;padding:5px 0px;width:150px;line-height:25px;float:left;}
#products_2 span{text-align:center;display:block;color:#1D47AF;margin:0px auto;line-height:20px;height:40px;overflow: hidden;padding-right: 20px;}

/* relative */
.qt{padding:15px 0px 15px 0px;margin:0px;}
.qt ul{margin:0px 0px 0px 15px;padding:0px;list-style-position: inside;list-style-type: disc;}
.qt label{	padding:0px;margin:0px;font-size:12px;color:#1371D0;line-height:20px;font-weight:bold;}
.qt li{ line-height:22px;  font-weight:normal; font-size:10px; }

/* prhtml */
#tbody {width:350px;margin:15px auto 15px auto;border: 1px solid #cccccc;height: 55px;overflow: hidden;}
#mainbody {padding:0px auto 0px 0px;text-align: center;}
#mainbody img{}
#mainphoto {cursor:pointer;display:block;width: 360px;margin-bottom: 20px;margin: 15px auto;border: 1px dashed #ccc;height: 360px;}
#goleft {float:left;clear:left;margin:1px 5px 0 3px;width:11px;height:55px;}
#goright {float:right;clear:right;margin:1px 3px 0 5px;width:11px;height: 55px;}
#photos {height:57px;line-height:57px;overflow:hidden;}
#showArea img {display:block;float:left;cursor:pointer;width:55px;height:55px;padding: 1px;}
#prod_detail {margin: 0 auto;line-height: 150%;padding: 5px 0px;border-bottom: 1px solid #ccc;}
#prod_detail h1{font-size:14px;margin: 0;color: #27468E;font-weight: bold;}
#prod_detail2 {font-size:11px;line-height:150%;}

/* contact */
#contact_info {margin:10px 0px 10px 0px;font-size:12px;line-height:200%;padding:10px;}

/* inquiry table */
.font_red {color:red;}
#inquire_class {}
#inquire_class table{width:90%;background-color: #EFEFEF;border: #999999 1px dashed;}
#inquire_class table .td_left{text-align:right;width:20%;height: 30px;}
#inquire_class1 table{width:90%;BACKGROUND-COLOR:#E7E7E7;}
#inquire_class1 table tr{BACKGROUND-COLOR: #ffffff;height:20px;line-height:20px;}
#inquire_class1 table .td_left{text-align:right;width:20%;padding-right:5px;}
#inquire_class1 table .td_title{padding-left:5px; background-color: #E5EDEF;font-weight:bold;}
#inquire_class2 table{width:90%;BACKGROUND-COLOR:#E7E7E7;}
#inquire_class2 table tr{BACKGROUND-COLOR: #ffffff;height:25px;line-height:25px;}
#inquire_class2 table .td_left{text-align:right;width:20%;padding-right:5px;}
#inquire_class2 table .td_title{padding-left:5px; background-color: #E5EDEF;font-weight:bold;}
#inquire_class3 {padding-top:20px;BORDER: #999999 1px dotted;BACKGROUND-COLOR:#EFEFEF;width:96%;}
#inquire_class3 table .td_left{text-align:right; width:200px;}

/* User Center */
#inquire_user {}
#inquire_user table {BACKGROUND-COLOR:#E7E7E7;margin-bottom:10px;}
#inquire_user table tr{BACKGROUND-COLOR: #ffffff;height: 20px;line-height: 20px;}
#inquire_user table .tr_center {font-weight:bold;}
#inquire_user table .td_right{text-align:right;padding-right:5px;}
#inquire_user table .td_left{text-align:left;padding-left:5px;}
#inquire_user table {WIDTH: 98%; BACKGROUND-COLOR:#E7E7E7;margin-bottom:10px;margin-top:10px;}

/* News Download List */
#news_class,#news_classC,#news_classCS,#down_class,#down_classC,#down_classCS
{font-size:13px;argin:0;padding:10px 0px 5px 0px;}
#news_class li,#news_classC li,#news_classCS li,#down_class li,#down_classC li,#down_classCS li
{line-height:150%;}

/* Prodcut show style1 */
#prod_cont1 {width:150px;height:190px;margin:2px 5px 5px 0px;float:left;overflow:hidden;}
#prod_cont1_1{border:1px dotted #656141;width:140px;height:140px;text-align:center;padding-top:10px;}
#prod_cont1_1 img{border:0px;width:128px;height:128px;}
#prod_cont1_2{width:140px;text-align:center;}

/* form button: 0-form 1-go, 2-inquiry, 3-basket */
.imgSearch {
width:62px;
BORDER-TOP-WIDTH: 0px; 
FONT-WEIGHT: bold; 
BORDER-LEFT-WIDTH: 0px; 
BACKGROUND: url(GSSearchButton.gif) no-repeat; 
BORDER-BOTTOM-WIDTH: 0px; 
CURSOR: hand; 
COLOR: #7b2e00; 
HEIGHT: 21px; 
BORDER-RIGHT-WIDTH: 0px
}
.imgSearch1 {
	width:21px;
	BACKGROUND: url(go_search.gif) no-repeat;
	CURSOR: hand;
	COLOR: #7b2e00;
	HEIGHT: 21px;
	border: 0px;
}

/* Login form */
.zy_zdl{text-decoration:none;font-size:9px;color:#427A95;border:1px dashed #BFBFBF;padding: 0px 0px 0px 10px;overflow:hidden;width:250px;margin:5px;}
.zy_zdl p{margin:10px auto 10px auto;}
.zy_zdl ul{margin:0px;padding:0;text-align:left;}
.zy_zdl li{text-align:left;line-height:25px;height:25px;list-style-type:none;font-size:9px;text-decoration:none;}
.zy_zdl li a{text-decoration:underline;color:#427A95;float:left;margin-right:10px;}
.zy_zdl li a:hover{text-decoration: underline;color:red; }
.zy_zdl li a:visited{text-decoration: underline;color:#427A95; }
.zy_zdl span { line-height:30px;}
.zy_zdl li label { display:block; width:70px; line-height:25px; float:left;height:25px;}
.zy_zdl form {padding:10px 0px 10px 0px;margin:0;}
.zy_zdl li .inputs{ border:1px #d6d6d6 solid; padding:2px;width:130px; height:13px;}
.zy_zdl li .verify{border:1px #d6d6d6 solid; padding:2px;width:50px; height:13px;}
.zy_zdl li .formsub{vertical-align:bottom;width:55px;BACKGROUND: url(products_03.gif) no-repeat;COLOR: #7b2e00;height: 22px;border: 0;}
.lbg{ background:url(products_06.gif) no-repeat left center; padding-left:7px;height:25px;line-height:25px;}
