*{ margin:0; padding:0; }
html, body, a {
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	text-align:left;
	line-height:18px;
	color:black;
}
select, input, textarea { 
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	vertical-align:middle;
	padding:1px 3px 0 3px; 
	margin:0 0 1px 0;
}
img {border:0;}
h5 {font-size:14px;}
a {text-decoration:none;}
.cl {clear:both;}
.flt {float:left;}
.frt {float:right;}
.warning {color:#FF0000;}
.line{
	border-bottom:black solid 1px;
	margin:0 10px 0 30px;
	clear:both;
	height:1px;
}
body {
	width:900px;
	height:auto;
	margin:auto;
	background:white;
	font-size:12px; 
}

/**************head**************/
#head {
	height:60px;
	width:900px;
}

#head .key1 {
	float:left;
	color:black;
	padding:22px 0 0 178px;
}

#head h1 {font-size:16px;}

#head #desp1 {
	top:286px;
	color:white;
	z-index:5;
	font-weight:bold;
	margin:0 0 0 45px;
	position:absolute;
}

#head .talk {
	float:right;
	margin:14px 0px 0 0px;
}

#head .talk a {
	float:left;
	margin:0 17px 0 0px;
}

#lang {
	float:right;
	width:190px;
	margin:4px 0 0 125px;
}

#lang a {
	float:left;
	height:16px;
	line-height:15px;
	margin:6px 0 0 0;
	padding:0 8px 0 7px;
}

#logo {
	top:4px;
	width:119px;
	height:53px;
	margin:0 0 0 38px;
	position:absolute;
	background:url(logo.gif) no-repeat;
}

/**************banner**************/
#banner {
	clear:both;
	width:900px;
	height:186px;
	background:black;
}

#banner .pab {position:absolute;}

.word1 {
	color:white;
	font-size:17px;
	position:absolute;
	font-weight:bold;
	margin:100px 0 0 280px;
}

.word2 {
	color:white;
	font-size:16px;
	position:absolute;
	font-style:italic;
	font-weight:bold;
	margin:130px 0 0 190px;
}

.word3 {
	color:white;
	font-size:16px;
	position:absolute;
	font-weight:bold;
	margin:48px 0 0 120px;
}

.word4 {
	color:white;
	font-size:24px;
	position:absolute;
	font-weight:bold;
	line-height:28px;
	margin:75px 0 0 100px;
}

.word5 {
	color:white;
	font-size:13px;
	position:absolute;
	font-style:italic;
	margin:145px 0 0 140px;
}

/**************menu**************/
#menu {
	width:878px;
	height:36px;
	padding:0 0 0 22px;
	background:url(menubg.gif) repeat-x;
}

.medl{background:url(med_l.gif) no-repeat;}
.medr{background:url(med_r.gif) no-repeat;}
.menul{background:url(menu_l.gif) no-repeat;}
.menur{background:url(menu_r.gif) no-repeat;}
#menu .ved {background:url(med_m.gif) repeat-x;}
#menu .noed {background:url(menu_m.gif) repeat-x;}
.menur, .menul, .medr, .medl{float:left;width:7px;height:30px;}
.menul, .medl{margin:6px 0 0 2px;}
.menur, .medr{margin:6px 0 0 0;}

#menu .ved,
#menu .noed {
	float:left;
	height:25px;
	padding-top:5px;
	margin:6px 0 0 0;
}

#menu a {
	color:white;
	white-space:nowrap;
	font-weight:bold;
	padding:0 10px 0 10px;
}

#menu a:hover {color:#6AB0FF;}

/**************search**************/
#search {
	float:right;
	width:240px;
	margin:10px 0 0 0;
}

#search .sl, #search .sr {float:left; width:7px; height:20px;}
#search .sl {background:url(search_l.gif) no-repeat; margin:0 0 0 15px;}
#search .sr {background:url(search_r.gif) no-repeat;}

#search .textarea {
	border:0;
	float:left;
	width:110px;
	height:18px;
	color:#7D7D7D;
	font-size:11px;
	padding:3px 0 0 0;
	background:url(search_m.gif) repeat-x;
}

#search form input.over,
#search form input.button {
	border:0;
	float:left;
	height:17px;
    width:41px;
	cursor:pointer;
	margin:1px 0 0 10px;
}

#search form input.button {background:url(ok.gif) bottom;}
#search form input.over {background:url(ok.gif) top;}

/**************left**************/
#left {
	float:left;
	width:209px;
}

#left .listbg {
	width:209px;
	background:url(listbg.gif) repeat-y;
}

#left .list {
	width:209px;
	background:url(list.gif) no-repeat;
}

#left .title {
	float:left;
	width:130px;
	overflow:hidden;
	padding:20px 0 0 25px;
}

#left .title a {
	font-weight:bold;
	font-size:14px;
	color:white;
}

#left .icon {
	float:left;
	padding:19px 0 0 5px;
}

#left .list b {color:#FED034;}
#left .list a:hover {color:#4EA1FF;}

#left .listname {
	clear:both;
	margin:8px 5px 0 13px;
}

#left .listname a {
	color:white;
	font-size:11px;
	font-weight:bold;
}

#left li {
	padding:2px 0 0 6px;
	list-style:none;
	clear:both;
}

#left li img {margin:6px 1px 0 0;}

#left .arrow {
	float:left;
	width:140px;
	padding:0 0 0px 8px;
	background:url(ul.gif) repeat-x bottom;
}

#left .arrow a {
	color:#FED034;
	font-size:12px;
	font-weight:bold;
	padding:2px 0 0 0;
}

#left .midname {margin:0 0 0 8px;}
#left .credit {margin:17px 0 0 18px;}
#left .credit img{margin:0 0 10px 0;}

#left .contact {
	width:170px;
	color:white;
	line-height:17px;
	padding:10px 0 0 24px;
}

#left .more {
	float:right;
	padding:7px 18px 8px 0;
}

#left .more a {
	font-size:10px;
	color:#5B9AFB;
}

#left .more a:hover {text-decoration:underline;}

#left .bot {
	width:209px;
	height:4px;
	margin:0 0 20px 0;
	background:url(leftbot.gif) no-repeat;
}

/**************right**************/
#right {
	float:left;
	width:691px;
}

#right .dark {
	width:691px;
	height:27px;
	margin:0 0 7px 0;
}

#right .dark img {
	position:absolute;
	z-index:1;
}

#right .title {
	width:665px;
	padding:0 0 0 24px;
}

#right .title .caption {
	float:left;
	width:600px;
	font-size:15px;
	font-weight:bold;
	margin:8px 0 0 12px;
	padding:0 0 0 10px;
	border-bottom:1px solid black;
}

#right .title a {
	color:black;
	font-size:15px;
	font-weight:bold;
}

#right .title a:hover {color:#475A7B;}

#right .desp2 {
	clear:both;
	width:650px;
	font-weight:normal;
	padding:2px 5px 7px 33px; 
}

#right .desp2 strong {font-weight:normal;}
#right .desp2 ul {margin:0 0 0 5px;}
#right .desp2 li {margin:0 0 0 20px;}
#right .desp2 h2 {padding:0; margin:0; font-size:12px; font-weight:normal;}

#right .prtag a {
	text-decoration:underline;
}

#right .prtag a:hover {
	color:#5B9AFB;
	text-decoration:none;
}

#right .about {
	width:640px;
	padding:4px 15px 7px 33px; 
}

#right .about ol {padding:0 0 0 25px;}
#qc a {margin:0 10px 0 8px;}
#right .sitemap ul {margin:5px 0 0 20px;}
#right .sitemap a:hover {color:#5B9AFB;}


#right .links ul {
	list-style:circle;
	padding:2px 0 0 10px;
}

#right .links ol {
	padding:2px 0 0 0;
}

#right .links ol a {
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}

#right .links ol a:hover {
	text-decoration:none;
	color:#5B9AFB;
	font-size:12px;
	font-weight:normal;
}

#right .links a {
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	text-decoration:underline;
}

#right .links a:hover,
#right .links .ved {
	text-decoration:none;
	color:#5B9AFB;
	font-size:13px;
	font-weight:bold;
}

/**************ct_pr**************/
#right .porn a{
	font-weight:bold;
	line-height:24px;
	font-size:11px;
	color:black;
}

#right .porn a:hover {color:#5B9AFB;}
#right .porn {margin:0 0 0 30px;}

#right .prolist a {
	font-size:11px;
	text-decoration:underline;
}
#right .prolist a:hover {
	color:#5B9AFB;
	text-decoration:none;
}

#right .selected {
	text-decoration:none;
	font-weight:bold;
	color:#5B9AFB;
}

#right .productlist {
	clear:both;
	width:625px;
	height:19px;
	font-weight:bold;
	margin:5px 0 3px 0;
	padding:1px 0 0 10px;
	background-color:#D5E5FF;
}

/**************products**************/
#products {
	clear:both;
	width:648px;
	padding:5px 0 0 30px;
}

#products li{
	list-style:none;
	float:left;
}

#products .goods {
	height:185px;
	width:151px;
	display:inline;
	margin:6px 0px 10px 10px;
}

#products .goods a {
	font-weight:bold;
	text-decoration:underline;
}

#products .goods a:hover {
	color:#475A7B;
	text-decoration:none;
}

#products .bigname {
	clear:both;
	width:625px;
	height:19px;
	font-weight:bold;
	margin:5px 0 3px 0;
	padding:1px 0 0 10px;
	background-color:#D5E5FF;
}

#products .bigname a {
	color:black;
	font-size:13px;
}

#products .bigname a:hover {color:#2C7BFF;}
#products a:hover img {border:1px #50A1FD solid;}

#products a img {
	border:1px #011329 solid;
	width:120px;
	height:120px;
	display:block;
}

/**************foot**************/
#foot {
	clear:both;
	color:white;
	text-align:center;
	padding:3px 0 0 0;
	background:#2F2F2F;
}

#foot a {
	color:white;
	font-weight:bold;
	padding:0 11px 0 11px;
	text-decoration:underline;
}

#foot .ved, #foot a:hover {color:#59A4FF; text-decoration:none;}

/**************bottom**************/
#bottom {
	color:white;
	font-size:11px;
	text-align:center;
	line-height:15px;
	background:#2F2F2F;
	padding:2px 0 5px 0;
}

#bottom a{
	color:#59A4FF; 
	font-size:11px;
	font-weight:normal;
}

#bottom a:hover {text-decoration:underline;}

#bottom .keywordlist ul {
	list-style:none;
	margin:auto;
}

#bottom .keywordlist li { display:inline; }

#bottom .keywordlist a {
	font-size:11px;
	margin:0 3px 0 3px;
}

#bottom .keywordlist .ved {
	color:white;
	text-decoration:underline;
	margin:0 3px 0 3px;
}

/**************pichange**************/
.hide { filter:alpha(opacity=0); opacity:0; }
.show { filter:alpha(opacity=100); opacity:1; }
#banner #pichange { width:900px; height:186px; margin:0; }
#banner #pichange li{ list-style:none; position:absolute; z-index:9; }

#right #pichange { width:320px; height:240px; margin:6px 18px 10px 14px; }
#right #pichange li{ list-style:none; position:absolute; z-index:9; }
#right #infobg { margin:198px 0 0 0; z-index:90; position:absolute; width:320px; height:43px; background:black; filter:alpha(opacity=30); opacity:0.3; }
#right #picinfo { font-size:12px; font-weight:bold; margin-top:200px; position:absolute; z-index:95; width:320px; color:white; text-align:center; }
#right #clicknum { float:right; margin:222px 8px 0 0; z-index:99; position:relative; }
#right #clicknum a:hover {background:red;}
#right #clicknum .now {background:red;}
#right #clicknum .num {background:#444444;}
#right #clicknum .now,
#right #clicknum .num { float:left; width:14px; height:14px; line-height:14px; color:white; font-size:10px; cursor:pointer; margin:0 4px 0 4px; text-align:center; }