﻿body {font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 11px;margin: 0;padding: 0;text-align: center;}
a, a:link, a:visited, a:active {color: #777777;text-decoration:none;}
a.iconHome {background: url("bg.gif") no-repeat scroll 0 -45px transparent;color: #000000;padding-left: 20px;text-decoration: none;}
a.iconSitemap {background: url("bg.gif") no-repeat scroll 0 -24px transparent;color: #000000;padding-left: 20px;text-decoration: none;}
.right{text-align:right;}

/* topkeyword */
.topkeyword {
	WIDTH: 100%;
	text-align:left;
	margin: 0 auto;
	height: 22px;
	line-height: 22px;
	background-color: #EEEEEE;
}
.topkeyword img{border:0px;height:15px;}
.topkeywordtt {COLOR: #ffffff; padding:0;padding-left:10px;width:100%;margin:0px auto;text-align:left;}
.topkeywordr {FLOAT: right;WIDTH: 35%;TEXT-ALIGN: right;padding-right: 10px;overflow: hidden;}
.topkeywordl {FLOAT: left;WIDTH: 55%;padding-left: 10px;overflow: hidden;}
.topkeyword A:link , .topkeywordtt A:link{ TEXT-DECORATION: none}
.topkeyword A:visited, .topkeywordtt A:visited {TEXT-DECORATION: none}
.topkeyword A:hover, .topkeywordtt A:hover{TEXT-DECORATION: underline}

/* box */
#box {text-align:left;width:970px;margin:0 auto;position:relative;height: auto;padding: 0;}  
#clear {clear:both;margin:0px;padding:0px;height:0px;}
#header {text-align:left;background-repeat: no-repeat;background-image: url(banner.jpg);}
#logo {height:76px;margin: 0;margin-left: 5px;} 
#logo img{border:0px;margin-top:2px;} 

/* home */
#banner {clear:both;height:86px;margin: 7px 0px;}
.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:left;width:715px;text-align:left;}
#rollingnews {margin: 0px 0px 5px 0px;background-color: #FFFFFF;padding: 5px;}
#pagerightap {line-height:200%;padding-bottom: 10px;}
#pagerightap h1{font-size: 18px;font-weight: 600;height: 30px;line-height: 30px;margin:0px;padding:0px;}
#pagerightap IMG{border:0px;margin:0px 5px 5px 0px;}

#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 15px;
	margin:0px;
}
#left_cont ul{margin:0; padding:0;height:auto;}
#left_cont ul li{list-style:none;TEXT-OVERFLOW: ellipsis;line-height: 25px;}
#left_cont ul li IMG{border:0px;}

/* Menu start */
#menu{
	height: 37px;
	line-height: 37px;
	background-image: url(menu-bg.jpg);
}
#menu .msele a {}
#menu .msele li a {background-color: #FFFFFF;}
#menu .msele ul li a {background-color: #FFFFFF;background-image:none;color:black;}
/*1*/
#menu ul{list-style-type: none;margin:0px;padding:0px 10px;}
#menu ul li{float: left;background: url("bg.gif") no-repeat scroll -1px -134px transparent;padding-left: 1px;}
#menu ul li a{display:block;color:white;padding:0px 20px;line-height:37px;font-size:12px;font-weight:bold;}
#menu ul li a:hover{}
/*2*/
#menu ul li ul{display: none;background-color:#FFFFFF;position: absolute;text-align: left;margin: 0px;padding: 0px;border: 1px dashed;}
#menu ul li ul li{float: none;height: 22px;line-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;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: #FFFFFF;margin:0px 0px 0px 130px;padding: 0px;}

/* body */
#chief{height:auto;margin: 3px auto;}
#left {
	float:right;
	width:234px;
	overflow: hidden;
	background: #EDF4FC;
	padding: 0;
}
#left_pro{background-image: url(GSCataBg1.gif);background-repeat: no-repeat;height:26px;border-bottom: 1px solid #b8b8b8;line-height: 26px;font-weight: bold;text-indent: 15px;color: white;font-size: 13px;}
#right {float:left;width:715px;min-height: 500px;}
#position {
	height:25px;
	line-height: 25px;
	padding: 0px 10px;
	background-color: #EDF4FC;
}
#content {margin:0px 10px 0px 10px;padding:0px 0px 10px 0px;LINE-HEIGHT: 150%;word-spacing:2px;overflow: hidden;}
#content H1{font-size:18px;margin-bottom:15px;color:#1FA8F1;}
#prod_content {margin:0;padding:0 0 10px 0;margin-left: 10px;border-top: none;}
.sitemap{margin:0px 10px;line-height: 150%;}
#prod_cata {clear:both;margin:0;line-height: 180%;}
#prod_cata p{margin:0px;padding:0px;}
#prod_cata_top h1 {background-image: none;color: #000;font-size: 14px;padding: 5px 0px;margin: 0px;}

.mainLongBg,.mainLongBg1 {font-weight: 600;line-height: 25px;padding: 0 10px;background: url("bg.gif") repeat-x scroll 0 -177px #FF7300;}
.map{background: url("maps.gif") no-repeat;height:139px;}

/* prclass */
div.opbar{background:#f0f0f0 url(bg.gif) no-repeat scroll 5px -492px;padding:8px 25px;border:1px solid #ccc;margin: 10px 0px;}

#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 #ccc;width: 128px;height: 128px;}
#products_1 ul li p{display:block;margin: 0;padding: 0;height: 40px;line-height: 20px;overflow: hidden;width: 150px;}

#mainProduct ul{margin:0px;padding:0px;}
#mainProduct ul li{padding:10px 5px;list-style-type: none;border-top: 1px dotted #ccc;}
#mainProduct ul li .image{float:left;width:135px;height: 135px;}
#mainProduct ul li img{width:128px;height:128px;padding:2px;border:1px solid #ddd;}
#mainProduct ul li a,#mainProduct ul li a:link, #mainProduct ul li a:visited{color:#003366;text-decoration: none;font-weight:bold;}
#mainProduct ul li div.text{height:120px;line-height:20px;overflow:hidden;float: right;width: 540px;}

#mainProduct2 ul{margin:0;padding:0px;}
#mainProduct2 ul li{float:left;width:340px;margin:5px;list-style-type: none;display: block;height: 140px;overflow: hidden;}
#mainProduct2 ul li .image{float:left;width:140px;height: 140px;}
#mainProduct2 ul li img{width:128px;height:128px;border:1px solid #ddd;margin: 5px 2px;}
#mainProduct2 ul li div.text{line-height:20px;float: right;width: 190px;}
#mainProduct2 ul li a,#mainProduct2 ul li a:link, #mainProduct2 ul li a:visited{color:#003366;text-decoration:none;font-weight:600}
#mainProduct2 ul li a:hover{text-decoration:underline;color:#900;}

/* prcs */
#prod_cata_check {margin:0;height: 30px;line-height: 30px;padding: 0;}
#prod_cont2 {height:125px;border-top:1px solid #E0E0E0;margin:2px 10px 10px 0px;padding:15px 0px 2px 0px;}
#prod_cont2  #Product_ID{float:left;margin:50px 5px 5px 0px;}
#prod_cont2_1{width:20px;height:140px;text-align:center;float:left;}
#prod_cont2_2{float:left;border:1px solid #ccc;width: 128px;height: 128px;}
#prod_cont2 h1{color:red;font-size:14px;display: block;float: right;margin: 0;width: 75%;height: 25px;line-height: 25px;}
#prod_cont2 .pmodel{display:block;width:75%;float:right;height:25px;line-height:25px;margin:0px;}
#prod_cont2 .pmodel span{color:red;}
#prod_cont2 .pdetail{display:block;width:75%;float:right;height:75px;line-height:25px;margin:0px;color: #666;overflow: hidden;}

/* prhtml */
#prod_cont{}
#prod_cont_left{FLOAT: left; WIDTH: 310px}
#prod_cont .imglist {CLEAR: left;MARGIN: 5px 0;OVERFLOW: hidden;WIDTH: 300px;BOTTOM: 3px;HEIGHT: 59px;}
#prod_cont .imglist IMG {	}
#tbody {BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; MARGIN: 15px auto; OVERFLOW: hidden; BORDER-LEFT: #cccccc 1px solid; WIDTH: 350px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 55px}
#mainbody H1 {FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #294e7b}
#mainbody {COLOR: #7a7a7a; TEXT-ALIGN: center}
#mainbody IMG {	}
#mainphoto {DISPLAY: block;WIDTH: 300px;CURSOR: pointer;margin: 0 0;border: 1px solid #ccc;}
#goleft {CLEAR: left; FLOAT: left; MARGIN: 1px 5px 0px 0px; WIDTH: 11px; HEIGHT: 55px}
#goright {CLEAR: right; FLOAT: right; MARGIN: 1px 0px 0px 5px; WIDTH: 11px; HEIGHT: 55px}
#photos {MARGIN-TOP: 1px; OVERFLOW: hidden; WIDTH: 265px; LINE-HEIGHT: 57px; HEIGHT: 57px}
#showArea {OVERFLOW: hidden;WIDTH: 265px;background-color: #F5F5F5;}
#showArea IMG {FLOAT: left;MARGIN: 0px 11px 0px 0px;WIDTH: 55px;CURSOR: pointer;HEIGHT: 55px;border: 1px solid #ccc;}

.prodbuy {float:left;text-align:center;width:350px;font-size:13px;line-height:25px;font-weight:bold;}
.prodbuy span{font-weight:normal;font-style:italic;}

#prod_detail {padding:0px 5px;}
.leader{background-color: #F0F0F0;color: #666666;font-size: 12px;padding: 3px 10px;font-weight:bold;margin:10px auto;height:25px;line-height:25px;}

/* payment */
#prod_cont1 {width:150px;height:190px;margin:2px 20px 5px 0px;float:left;overflow:hidden;}
#prod_cont1_1{width:140px;height:140px;text-align:center;padding-top:10px;}
#prod_cont1_1 img{width:128px;border:1px solid #ccc;}
#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;margin:0px;text-align:left;}
#left_procont ul{margin:0; padding:0;height:auto;}
#left_procont ul li{list-style:none; text-align:left;}
#left_procont ul li a{display:block; text-indent:13px; height:25px;line-height:25px; background:#4B92D6;font-weight:bold;WHITE-SPACE: nowrap;TEXT-OVERFLOW: ellipsis;overflow:hidden;color:#fff;margin:1px auto;}
#left_procont ul li a:hover{background:#ffcc00;}
#left_procont ul li .noclass{CURSOR: default;}
#left_procont ul ul{padding:4px 0px;}
#left_procont ul ul li{}
#left_procont ul ul li a{background:none; text-indent:15px;  height:25px;line-height:25px;font-weight:normal;border:0px;border-bottom:1px dashed #D5DFE4;color:#777777;}
#left_procont ul ul li a:hover{background:#D5DFE4;}

#left_reccont{padding:0px;margin:0px;}
#left_reccont ul{margin:0; padding:0px 0px 2px 0px;height:auto;}
#left_reccont ul li{ list-style:none; text-align:left;WHITE-SPACE: nowrap;TEXT-OVERFLOW: ellipsis;overflow:hidden;}
#left_reccont ul li a{display:block; text-indent:15px; height:25px;line-height:25px;border-bottom:1px solid #D5DFE4;color:#777777;}
#left_reccont ul li a:hover{background:#D5DFE4;}

/* searching form */
#searchBox {background-color: #4B92D6;margin-bottom: 5px;padding: 2px;}
#searchBox button {background: url("bg.gif") no-repeat scroll 0 -86px transparent;border: 0 none;cursor: pointer;font-size: 1px;font-weight: 600;height: 20px;margin: 0;padding: 0;vertical-align: middle;width: 20px;}
#searchBox input {border: 1px solid #990000;margin: 2px;padding: 2px;vertical-align: middle;width: 150px;}

/* form button: 0-form 1-go, 2-inquiry, 3-basket */
.imgSearch {width:58px;FONT-WEIGHT: bold; border:0px; BACKGROUND: url(GSSearchButton.gif) no-repeat;CURSOR: hand; COLOR: #7b2e00; HEIGHT: 19px; }
.imgSearch1 {width:56px;FONT-WEIGHT: normal; border:0px; BACKGROUND: url(go_search.gif) no-repeat;CURSOR: hand; COLOR: white; HEIGHT: 19px; }
.imgSearch2, .imgSearch3 {border:0px;BACKGROUND: url(basket.gif) no-repeat;WIDTH:104px;CURSOR: hand;HEIGHT: 18px;COLOR: #5E0A08;line-height: 18px;font-size: 11px;text-indent: 20px;}

/* 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{BORDER: #999999 1px dashed;width:90%;padding:5px;line-height:150%;background-color: #F5F5F5;}
#inquire_class .td_left{text-align:right;}
.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: 10px 0px 0px 0px;}

/* contact */
#contact_info {font-size:12px;line-height:200%;padding-left: 20px;}

/* News Download List */
#news_classCS{margin-left:10px;}
.hbox{margin:10px 0px;padding:10px;background-color:#f7f9fb;}
.hbox .text{height:64px;overflow:hidden;line-height: 16px;}
.himage{width:100px;float:left;height:90px;}
.himage img{border:1px solid #ccc;padding:2px;background-color:#fff;}

#down_classCS{}
#down_classCS ul li{list-style-type:none;}
#down_classCS ul li img{border:0px;}

/* Page Next */
#pagenav {clear:both;padding:10px 2px 5px 0px;overflow:visible;border-top: 1px dotted #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;}

/* footer */
#footer {
	clear:both;
	height:auto;
	padding: 0px 0px 10px 0px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	background-color: #666666;
	color:#FFF;
} 
#footer img{border:0px;}
#footer a{color:#FFF;} 
#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 {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:#E7E7E7 1px dotted;width:300px;padding:5px;line-height:150%;background-color:#fff;}
#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:#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;}

/* User Center */
#inquire_user table {WIDTH: 98%; 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;}

/* Member */
#inquire_user .zy_zdl{text-decoration:none;font-size:9px;color:#427A95;border:1px dashed #BFBFBF;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:1px #d6d6d6 solid; padding:2px;width:127px; height:13px;margin-left:3px;}
#inquire_user .zy_zdl li .verify{border:1px #d6d6d6 solid; padding:2px;width:50px; height:13px;margin-left:3px;}
#inquire_user .zy_zdl li .formsub{vertical-align:bottom;width:55px;BACKGROUND: url(products_04.gif) no-repeat;COLOR: #7b2e00;height: 22px;border: 0;}
#inquire_user .lbg{ background:url(products_06.gif) no-repeat left center; padding-left:7px;height:25px;line-height:25px;}
