﻿body {
	text-align:center;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
	background-color: #191919;
	color:#fff;
} 
A:link {COLOR: #fff; TEXT-DECORATION: none}
A:visited {COLOR: #fff; TEXT-DECORATION: none}
A:hover {COLOR: red; TEXT-DECORATION: none}

/* box */
#box{text-align:left;width:980px;margin:0 auto;position:relative;height: auto;}  
#clear {clear:both;margin:0px;padding:0px;height:0px;}
#header {
	height:80px;
	margin:0px;
	padding:0px;
}
#logo {float:left;margin:25px 0px 0px 30px;padding: 0px;height: 40px;}
#logo img{border:0px;} 
#lang {float:right;margin: 10px 45px 15px 0px;width: 450px;text-align: right;height: 14px;}

/* home */
.main_index{Clear:both;width:100%;overflow:hidden;height:auto;background: #FBFBFB url(sy_bg1.jpg) repeat-x;padding: 0px 0px 20px 0px;}
#h_right {float:right;width:742px;text-align:left;margin: 0px;}
#pagerightap {
	margin: 10px 0px;
	padding: 5px;
	line-height:150%;
	font-size:12px;
	color: #ccc;
}
#pagehot {
	margin: 0px 0px 5px 0px;
	padding: 5px 20px;
	height: auto;
	margin-top: 10px;
	background-image: url(bodybg.gif);
	background-repeat: repeat-y;
	border-left: 0px;
}
#pagedao {height:25px;margin: 0px 0px 10px 0px;border-bottom: solid #333 1px;}
#pagedao .pagedao1{font-size:15px;font-weight: bold;display:block;height:25px;line-height:25px;float:left;padding-left: 5px;color: #1fa8f1;}
#pagedao .pagedao2{display:block;height:25px;line-height:25px;float:right;padding:0px 10px 0px 15px;background-image: url(icon2.gif);background-repeat: no-repeat;background-position: 0 center;font-size: 11px;}
#pagehot ul{margin:0px;padding:0px;}
#pagehot ul li{width:170px;float: left;height: 180px;margin: 0px 0px 15px 0px;text-align: center;list-style-type: none;padding: 0px;display: block;}
#pagehot ul li img{border:1px solid #333333;width: 128px;height: 128px;}
#pagehot ul li p{display:block;margin: 0;padding: 0;height: 40px;line-height: 20px;overflow: hidden;}
#pagehot #prod_cont1{margin-right:10px;margin-left:10px;}

#banner {margin:0px;padding:0px;}
#ban_ct {padding:0px;background-image: url(pic_ct.jpg);height: 194px;margin-bottom: 10px;border: 1px solid #333333;}
#ban_ab {padding:0px;background-image: url(pic_ab.jpg);height: 194px;margin-bottom: 10px;border: 1px solid #333;}
#ban_pro {padding:0px;background-image: url(pic4.jpg);height: 194px;margin-bottom: 10px;border: 1px solid #333;}
#ban_news {padding:0px;background-image: url(pic2.jpg);height: 194px;margin-bottom: 10px;border: 1px solid #333;}

#left_reccont{
	padding:0px;
	margin:0px 0px 10px 0px;
	border: 1px solid #333333;
	border-top: 0px;
	background-color: #252525;
}
#left_rec{margin-top:10px;background-image: url(GSCataBg2.gif);background-repeat: no-repeat;height:26px;border-bottom: 1px solid #b8b8b8;}
#left_reccont ul{margin:0; padding:0;height:auto;}
#left_reccont ul li{ list-style:none; text-align:left;margin:0px;padding:0px;}
#left_reccont ul li a{
	text-indent:30px;
	line-height:26px;
	height:26px;
	background: url(icon_3k.gif) no-repeat 15px center;
	display: block;
	margin: 0;
	padding: 0;
	WHITE-SPACE: nowrap;
	TEXT-OVERFLOW: ellipsis;
	overflow:hidden;
	border-top: solid #333333 1px;
}

#left_contm{margin-top:10px;background-image: url(GSCataBg3.gif);background-repeat: no-repeat;height:26px;border-bottom: 1px solid #b8b8b8;}
#left_cont{
	padding:5px;
	margin:0px;
	border: 1px solid #333333;
	border-top: 0;
	background-color: #252525;
}
#left_cont ul{margin:0; padding:0;height:auto;}
#left_cont ul li{
	list-style:none;
	text-align:left;
	TEXT-OVERFLOW: ellipsis;
	overflow:hidden;
	height:25px;
	padding-left:15px;
	margin: 0;
	padding: 0;
	border-top: 0;
}
#left_cont ul li IMG{border:0px;}

/* Menu start */
#menu{
	height:36px;
	font-size: 11px;
	clear: both;
	background-image: url(menubg.gif);
}
/*1*/
#menu ul{list-style-type: none;margin:0px;padding:0px;}
#menu ul li{float:left;list-style-type: none;font-weight: normal;background-repeat: no-repeat;background-position: right center;height:36px;}
#menu ul li a{display:block;color:#fff;padding:0px 20px;line-height:36px;font-size:12px;font-weight:bold;}
#menu ul li a:hover{background-color:#999;}
/*2*/
#menu ul li ul{display: none;background-color:#FFFFFF;position: absolute;text-align: left;margin: 0px;padding: 0px;border: 1px solid #ececec;}
#menu ul li ul li{float: none;height: 22px;padding:0;margin: 0px;background-image: none;}
#menu ul li ul li a{width:auto;height: 22px;line-height: 22px;color: #000000;text-decoration: none;padding: 0px 5px 0px 5px;display: inline;font-weight:normal;}
#menu ul li ul li a:hover{background: none;color:#000;text-decoration:underline;}
/*3--*/
#menu ul li ul li ul{display:block; color:#FFFFFF;margin:0px 0px 0px 130px;padding: 0px;}

/* body */
#chief{height:auto;padding-bottom: 10px;margin-top: 20px;}
#left {
	float:left;
	width:220px;
	overflow: hidden;
}
#left_pro{
	margin: 0px;
	line-height: 28px;
	font-weight: bold;
	font-size: 14px;
	padding-left: 15px;
	background-image: url(title_bg.jpg);
	border: 1px solid #333333;
	border-bottom: 0;
	color: #1fa8f1;
}
#right {float:right;width:742px;text-align:left;margin-bottom: 5px;min-height: 600px;}
#position {height:32px;margin:0px 0px 10px;line-height: 32px;border-bottom: 1px solid #333333;}
#content {
	LINE-HEIGHT: 150%;
	padding: 0px 10px 15px 10px;
	background-image: url(bodybg.gif);
	background-repeat: repeat-y;
	border: 1px solid #333333;
	border-left: 0px;
	border-right: 0px;
}
#content, #news_classCS,#down_classCS,#prod_content,.sitemap{
	LINE-HEIGHT: 150%;
	padding: 0px 10px 15px 10px;
	background-image: url(bodybg.gif);
	background-repeat: repeat-y;
	border: 1px solid #333333;
	border-left: 0px;
	border-right: 0px;
	color: #ccc;
}
#content H1{font-size:18px;margin-bottom:15px;color:#FFFFFF;}

/* class detail */
#prod_cata {clear:both;margin:0;padding:5px 5px 5px 0px;line-height: 180%;color: #758088;}
#prod_cata p{margin:0px;padding:0px;}
#prod_cata_top h1 {margin:0px;font-size: 15px;line-height: 25px;}

/* prclass */
#products_1 {margin-top:20px;}
#products_1 ul{margin:0px;padding:0px;}
#products_1 ul li{width:175px;display:block;float: left;height: 180px;margin: 0px 0px 15px 0px;list-style-type: none;text-align: center;}
#products_1 ul li img{border:1px solid #333;width: 128px;height: 128px;}
#products_1 ul li p{display:block;margin: 0;padding: 0;height: 40px;line-height: 20px;overflow: hidden;width: 150px;}

/* prhtml */
#pro1 {}
#pro1 .pic1 {width:92%;margin-left: 10px;margin: 10px auto;text-align: center;padding: 5px 10px;border-bottom: 1px dashed #333;}
#pro1 .pic1 img{width: 400px;}
#pro1 .pic2 {width:92%;margin: 0 auto;border-bottom: 1px solid #333;padding: 0 10px;}
#pro1 .pic2 img {float:left;width:75px;border: 1px solid #333;margin: 0 15px 15px 0;height: 75px;}
#prod_detail {margin: 5px auto;line-height: 150%;width: 92%;padding: 0px 5px;}
#prod_detail h1{font-size:14px;margin: 5px 0px 5px 0px;color: #FFFFFF;font-weight: bold;}
#prod_detail2 {font-size:11px;line-height:150%;}
#prod_hits {text-align:right;margin-top:5px;clear: both;}
#prod_model {margin-bottom:10px;}
#prod_model span{color:red;}
#prod_encontent p {margin:0px;}
#prod_buy {margin-top:10px;}

/* payment */
#prod_cont1 {width:150px;height:190px;margin:2px 30px 5px 0px;float:left;overflow:hidden;}
#prod_cont1_1{width:140px;height:140px;text-align:center;padding-top:10px;}
#prod_cont1_1 img{border:0px;width:128px;border:1px solid #333;}
#prod_cont1_2{width:140px;text-align:center;}

/* product detail relative */
#prod_same{Margin:5px 0px 0px 5px;padding-left:0px;}
#prod_same li  A:link {FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana}
#prod_same li  A:hover {FONT-SIZE: 10px; LETTER-SPACING: -1px; TEXT-DECORATION: none}
#prod_same li  A:visited {FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #666666}

/* left product catalog style */
#left_procont {
	padding:0px;
	text-align:left;
	width:auto;
	border: 1px solid #333333;
	margin: 0px 0px 10px 0px;
	border-top: 0px;
	background-color: #252525;
}
#left_procont p{line-height:150%;margin-left:10px;}
#left_procont ul{margin:0px;padding:0px;height:auto; width:auto;}
#left_procont ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	background-color: #222;
}
#left_procont ul li a{
	height:26px;
	line-height:26px;
	font-weight:bold;
	WHITE-SPACE: nowrap;
	TEXT-OVERFLOW: ellipsis;
	overflow:hidden;
	padding-left:15px;
	display: block;
	border-top: solid #333 1px;
}
#left_procont ul li a:hover{}
#left_procont ul li .noclass{CURSOR: default;}
#left_procont ul ul{margin-left: 0px; }
#left_procont ul ul li{background-color:#252525;}
#left_procont ul ul li a{
	background:url(icon2.gif) no-repeat 15px center;
	height:25px;
	line-height:26px;
	padding-left:30px;
	color: #fff;
	font-weight: normal;
}
#left_procont ul ul li a:hover{}

/* searching form */
#search {padding: 0px;margin: 0px 40px 0px 0px;float: right;width: 500px;text-align: right;}
#search form{margin:0px;padding:0px;}
#search td{padding:0px 2px;}
#search table{margin:0px;padding:0px;border:none;float: right;}
.input{
	padding:0px;
	margin:0px;
	border:1px solid #333;
	background-color:#191919;
	color: #fff;
}

/* form button: 0-form 1-go, 2-inquiry, 3-basket */
.imgSearch {width:62px;FONT-WEIGHT: bold; border:0px; BACKGROUND: url(GSSearchButton.gif) repeat-x;CURSOR: hand; COLOR: #fff; HEIGHT: 25px; }
.imgSearch1 {
	width:36px;
	FONT-WEIGHT: bold;
	border:0px;
	BACKGROUND: url(go_search.gif) no-repeat;
	CURSOR: hand;
	HEIGHT: 20px;
	color: #fff;
}
.imgSearch2, .imgSearch3 {border:0px;BACKGROUND: url(basket.gif) no-repeat;WIDTH: 137px;CURSOR: hand;HEIGHT: 31px;COLOR: #FFFFFF;font-size:12px;font-weight: bold;}

/* 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 {border:0px;BACKGROUND: url(entou.gif) no-repeat; font-weight:bold; WIDTH: 58px; CURSOR: hand; COLOR: #7b2e00; HEIGHT: 20px; margin:0 0 5px 5px;}
.votep {}

/* inquiry table */
#inquire_class {}
#inquire_class table{
	width:90%;
	padding:5px;
	line-height:150%;
	background-color:#333;
}
#inquire_class tr{background-color:#242424;}
#inquire_class .td_left{text-align:right;}
#inquire_class input{
	border:1px #333 solid;
	background-color:#666666;
	width: 400px;
	color: #FFF;
}
#inquire_class textarea{
	border:1px #333 solid;
	background-color:#666666;
	width: 400px;
}
#inquire_class .imgSearch{
	width:60px;
	height: 25px;
}
.font_red {color:red;}

/* DownLoad Detail */
#detail1 {padding-bottom:3px;border-bottom-style:dashed;border-bottom-width:1px;border-bottom-color:#5DB7AB;}
#detail {line-height:1.5;margin: 15px 0px 0px  0px;}

/* contact */
#contact_info {font-size:12px;line-height:200%;padding-left: 20px;}

/* News Download List */
#down_classCS ul li{list-style-type:none;}
#down_classCS ul li img{border:0px;}

/* Page Next */
#pagenav {clear:both;margin:0px 10px 5px 0px;padding:10px 2px 5px 5px;overflow:visible;border-top: 1px dashed #333;}
#pagenav A {BORDER: #333333 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;}

/* footer */
#footer {
	clear:both;
	height:auto;
	background-repeat: no-repeat;
	padding: 0px 0px 10px 0px;
	text-align: center;
	border-top: 1px solid #333333;
	line-height: 20px;
	font-size: 12px;
} 
#footer img {border:0px;}
#footer a:hover{color:#541b50;} 

#friend_link{color: #AD6841;margin:5px 0px 0px 0px;height: auto;line-height: 25px;}
#friend_link UL{margin:0px;padding:0px;}
#friend_link UL li{list-style-type: none;padding:0px 5px;border-right:1px #fff solid;margin: 2px 0px;display: inline;}
#friend_link UL .no_border{border-right:0px;}
#friend_link #copyright {font-size:11px;margin-top:2px;padding:0px;}

/* Alphabet */
#key_a {}
#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:90%;height:auto;border:1px solid #333;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:#333;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:#333 1px solid;width:300px;padding:5px;line-height:150%;background-color:#242424;}
#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 {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(entou.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px;font-weight:bold; WIDTH: 58px; CURSOR: hand; COLOR: #7b2e00; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 0px;margin:0 0 5px 5px;}

/* voter */
#inquire_class2 table{width:90%;BACKGROUND-COLOR:#333333;}
#inquire_class2 table tr{BACKGROUND-COLOR:#242424;;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; font-weight:bold;}

/* User Center */
#inquire_user table {WIDTH: 98%; BACKGROUND-COLOR:#333333;margin-bottom:10px;}
#inquire_user table tr{BACKGROUND-COLOR: #242424;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 input{color:#fff;background-color:#333333;border:0px;}
#inquire_user table textarea{color:#fff;background-color:#333333;border:0px;}

/* Member */
#inquire_user .zy_zdl{text-decoration:none;font-size:9px;color:#427A95;border:1px solid #333;padding: 0px 0px 0px 10px;overflow:hidden;margin:10px;width:250px;height:160px;}
#inquire_user .zy_zdl p{margin:10px auto 10px auto;}
#inquire_user .zy_zdl ul{margin:0px;padding:0;text-align:left;}
#inquire_user .zy_zdl li{text-align:left;line-height:25px;width:200px;height:25px;list-style-type:none;font-size:9px;text-decoration:none;}
#inquire_user .zy_zdl li a{text-decoration:underline;color:#427A95;float:left;margin-right:10px;}
#inquire_user .zy_zdl li a:hover{text-decoration: underline;color:red; }
#inquire_user .zy_zdl li a:visited{text-decoration: underline;color:#427A95; }
#inquire_user .zy_zdl p span {font-size:12px;}
#inquire_user .zy_zdl span { line-height:30px;}
#inquire_user .zy_zdl li label { display:block; width:60px; line-height:25px; float:left;height:25px;}
#inquire_user .zy_zdl form {padding:10px 0px 10px 0px;margin:0;}
#inquire_user .zy_zdl li .inputs{ border:0px; padding:2px;width:127px; height:13px;margin-left:3px;background-color:#333333;color:#fff;}
#inquire_user .zy_zdl li .verify{border:0px; padding:2px;width:50px; height:13px;margin-left:3px;background-color:#333333;color:#fff;}
#inquire_user .zy_zdl li .formsub{vertical-align:bottom;width:55px;BACKGROUND: url(products_04.gif) no-repeat;COLOR: #fff;height: 22px;border: 0;}
#inquire_user .lbg{ background:url(products_06.gif) no-repeat left center; padding-left:7px;height:25px;line-height:25px;}
