*{
	margin: 0;
	padding:0;
}

body{
	background-color:#eee;
	font-family: "Lucida Sans Unicode","Tahoma",sans-serif;
}
a img{
	border:0;
}
a{
	text-decoration:none;
	color:#445;
}
#container {
	width:1030px;
	margin:auto;
}
#end,
#content,
#content_black,
#menubar,
#header{
	margin-left:14px;
}
h1 a{
	display:block;
	float:left;
	text-indent:-322em;
	margin-top:22px;
	margin-bottom:7px;
	width:293px;
	height:70px;
	background-image:url("../images/logo_hyperzpeed.png");
	background-repeat:no-repeat;
	background-position: top left;
}
h1 a:hover{
	background-position: bottom left;
}
#tagline{
	display:none;
}
#menubar{
	clear:left;
}
#menubar .right,
#menubar .middle,
#menubar .left{
	background-image:url("../images/bg_menubar.png");
	display:block;
	float:left;
	height:33px;
	overflow:hidden;
}
#menubar .right,
#menubar .left{
	width:10px;
}

#menubar .middle{
	background-position:left -33px;
	background-repeat:repeat-x;
	width:970px;
}
#index #menubar .middle{
	width:983px;
}

#menubar .right{
	background-position:bottom;
}

#menubar ul{
	list-style:none;
	padding-left:12px;
}
#menubar li{
	float:left;
}
#menubar li a{
	display:block;
	padding: 8px 22px;
	color:#6b5200;
	font-weight:bold;
	font-size:13px;
	margin-bottom:-3px;
	text-shadow:#fde188 0px 1px 0px;
	*margin-bottom:1px;
	*padding: 11px 22px 5px 22px;
}
#menubar li.active,
#menubar li a:hover{
	background-image:url("../images/bg_menubar.png");
}
#menubar li a:hover{
	background-position:left -66px;
}
#menubar li.active{
	background-position:left -99px;
}
#menubar li.active a{
	color:#fff;
	text-shadow:#f5bb00 0px 1px 0px;
}
#menubar li ul{
	position:absolute;
	display:none;
	z-index:10;
	margin:0;
	padding:0px;
	padding-top:3px;
	opacity:.9;
	*padding-top:0;
}

#menubar li ul li{
	position:relative;
	clear:left;
}
#menubar li ul li a{
	display:block;
	font-size:12px;
	padding:5px 30px;
	margin-bottom:1px;
	background-color:#f6b300;
	width:45px;
	height:20px;
}
/*#menubar li:hover > ul{
   display:block;
}*/

#menubar li:hover ul,
#menubar li.over ul { 
	display: block; 
} 
#content{
	float:left;
	width:1000px;
	background:#fff;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-top:1px solid #dfdfdf;
}
* html #content{
	margin-left:7px;
}
#main_row{
	padding:18px 14px;
}
/*#cover_container{
	display:block;
	float:left;
	position:relative;
	left:-32px;
	height:301px;
	width:210px;
	padding-top:8px;
	padding-left:49px;
	background:url("../images/bg_cover.png") no-repeat;
	*left:-29px;
	*background:url("../images/bg_cover.jpg") no-repeat;
}*/
#cover_container a{
	display:block;
	float:left;
	margin-left:-28px;

	text-indent:-322em;
	height:301px;
	width:256px;
	background:url("../images/cover_a.jpg") no-repeat;
	margin-right:31px;
	z-index:1;
}
* html #cover_container a{
	position:relative;
	margin-left:-14px;
}
#cover_container a:hover{
	background:url("../images/cover_b.jpg") no-repeat;
}

#badge{
	float:left;
	position:relative;
	width:66px;
	height:48px;
	background:url("../images/bg_badge-trans.png") no-repeat;
	font-weight:bold;
	font-size:21px;
	color:#fff;
	letter-spacing:-0.5px;
	padding-top:17px;
	text-align:center;
	line-height:16px;
	left:-106px;
	top:246px;
	z-index:2;
}
#badge small{
	font-size: 12px;
	font-weight:normal;
	font-family:Tahoma, sans-serif;
	letter-spacing:0;
}

#hyr_topics{
	float:left;
	margin-left:-80px;
	margin-top:15px;
}
#hyr_topics #sh_topics{
	margin-left:6px;
}
#sh_topics{
	display:block;
	text-indent:-322em;
	background:url("../images/sh_topics.png") no-repeat;
	width:167px;
	height:40px;
}
.topics{
	width:360px;
	font-size:12px;
	color:#333;
	margin-left:-10px;
	padding:4px 15px 10px 15px;
	text-align:justify;
	background:url("../images/bg_topics.png") bottom center no-repeat;
	line-height:1.35em;
	*line-height:1.4em;
}
.topics h3{
	font-size:16px;
	margin-bottom:2px;
}
#t1 h3,
#t1 h3 a{
	color:#a75a00;
}
#t1 h3 a:hover{
	color:#ff9000;
}
#t2 h3,
#t2 h3 a{
	color:#386187;
}
#t2 h3 a:hover{
	color:#0074c5;
}
#t3 h3,
#t3 h3 a{
	color:#7b9c35;
}
#t3 h3 a:hover{
	color:#b8d900;
}
#hyr_covgirl{
	float:left;
	margin-top:8px;
	height:290px;
	width:346px;
	background:url("../images/bg_covergirl.png") no-repeat;
}

* html #hyr_covgirl {
	position:relative;
	left:-364px;
	top:8px;
	margin-right:-346px;
	clear:right;
}
#covergirl{
	overflow: hidden;
	width: 320px;
	height: 240px;
	margin-top:33px;
	margin-left:12px;
}
#covergirl img {
	display:none;
	position:absolute;
}

#covgirl_des{
	float:right;
	background-color:#000;
	padding:10px 10px 0px 10px;
	margin-right:15px;
	height:26px;
	width:301px;
	position:relative;
	top:-52px;
	left:1px;
	font-family:Garamond, Georgia, serif;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	opacity:.8;
	*top:-52px;
	*width:300px;
}
* html #covgirl_des{
	margin-right:9px;
}
#covgirl_des small{
	font-size:8px;
	margin-left:8px;
	color:#ddd;
}
#base_row,
#sub_row{
	float:left;
	clear:left;
	padding:10px 18px;
	width:964px;
}
#base_row{
	border-top:2px solid #999;
	margin-top:10px;
	padding:15px 18px;
	background:url("../images/bg_baserow.png") bottom repeat-x;
}
* html #base_row{
	margin-top:2px;
	padding-bottom:8px;
}
* html #index #base_row{
	padding-bottom:0px;
}
#base_row h3{
	color:#ddd;
	font-size:13px;
	text-transform:uppercase;
}
#sub_row{
	margin-top:0px;
	margin-bottom:25px;
	padding-top:0;
}
#sub_row .leftcol{
	width:360px;
	margin-left:5px;
	float:left;
}
#sub_row .leftcol h4{
	margin-top:4px;
	color:#ac0045;
	font-size:12px;
}
#sub_row .leftcol h4 a{
	color:#7c6340;
}
#sub_row .leftcol h4 a:hover{
	color:#9e753b;
}
#sub_row .leftcol p{
	font-size:12px;
	color:#444;
	text-align:justify;
	line-height:1.35em;
	margin-bottom:10px;
}
#sub_row .leftcol img{
	border:1px solid #555;
}

#index #sh_drive,
#index #sh_euro{
	margin-top:20px;
}
#sh_shops,
#sh_frontview,
#sh_report,
#sh_audio_black,
#sh_parts,
#sh_test,
#sh_audio,
#sh_drive,
#sh_euro,
#sh_tuning{
	display:block;
	text-indent:-322em;
	*overflow:hidden;
}
#sh_frontview,
#sh_report,
#sh_audio_black,
#sh_parts,
#sh_drive,
#sh_euro,
#sh_tuning{
	width:230px;
	height:16px;
	margin-left:1px;
}
#sh_tuning{
	background:url("../images/sh_tuning.png") no-repeat;
}
#sh_euro{
	background:url("../images/sh_euro.png") no-repeat;
}
#sh_drive{
	background:url("../images/sh_drive.png") no-repeat;
}
#sh_parts{
	background:url("../images/sh_parts.png") no-repeat;
}
#sh_audio_black{
	background:url("../images/sh_audio2.png") no-repeat;
}
#sh_report{
	background:url("../images/sh_report.png") no-repeat;
}
#sh_frontview{
	background:url("../images/sh_frontview.png") no-repeat;
}
#sh_audio{
	background:url("../images/sh_audio.png") no-repeat;
	width:338px;
	height:32px;
}
#sh_shops{
	background:url("../images/sh_shops.png") no-repeat;
	width:257px;
	height:17px;
	margin-left:1px;
}
#sh_test{
	float:left;
	background:url("../images/sh_test.png") no-repeat;
	*background:url("../images/sh_test.jpg") no-repeat;
	width:338px;
	height:41px;
}
#sub_row .midcol{
	float:left;
	width:338px;
	margin-left:18px;
	margin-top:-3px;
}
.item_audio{
	color:#aaa;
	font-size:11px;
	padding:15px 15px;
	float:left;
	background:#333;
	width:308px;
	*font-size:10px;
}
.item_audio h4 a{
	color:#ddd;
	font-size:13px;
}
.item_audio a:hover{
	color:#fff;
}
.item_audio img.right{
	float:right;
	margin-left:8px;
}

#zd_img{
	margin-top:6px;
}
#zd_img a{
	display:block;
	background:#111;
	padding:12px 14px;
	font-size:12px;
	color:#aaa;
	font-weight:bold;
}
#zd_img a:hover{
	color:#fff;
	background:#000;
}
#zd_img span{
	display:block;
	margin-top:4px;
}
#hyr_test{
	background:#444;
}
#hyr_test ul{
	display:block;
	list-style:none;
	float:left;
	width:150px;
	margin-left:8px;
	margin-top:6px;
	margin-bottom:6px;
}
#hyr_test ul.left{
	margin-left:16px;
}
* html #hyr_test ul.left{
	margin-left:8px;
}
#hyr_test li{
	display:block;
	float:left;
	clear:left;
	margin-top:15px;
	*width:150px;
}
#hyr_test li a{
	color:#ccc;
	font-size:11px;
}
#hyr_test li a:hover{
	color:#fff;
}
#sub_row .rightcol{
	width:230px;
	float:left;
	margin-right:10px;
}
#sub_row .rightcol ul{
	list-style:none;
	margin-bottom:22px;
	*margin-bottom:17px;
}
#sub_row .rightcol li{
	margin-top:7px;
}
#sub_row .rightcol a{
	font-size:11px;
	line-height:20px;
}
#sub_row .rightcol a:hover{
	color:#000;
}
#sub_row .rightcol a img{
	margin-bottom:-7px;
	*margin-bottom:-1px;
}
#sub_row .alt{
	background:#444;
}
#base_row .col{
	float:left;
}
#base_row #col_wall{
	width:268px;
}
h3#sh_wallpaper,
h3#sh_listen{
	text-indent:-322em;
	display:block;
	float:left;
}
h3#sh_wallpaper{
	background:url("../images/sh_wallpaper.png") no-repeat;
	height:17px;
	width:210px;
	margin-bottom:5px;
}
h3#sh_listen{
	background:url("../images/sh_listen-trans.png") no-repeat;
	height:37px;
	width:146px;
	margin-bottom:3px;
}
a.btn_listen,
a.btn_mmore{
	display:block;
	float:right;
	text-indent:-322em;
	height:17px;
	width:58px;
	*font-size:0.5em;
}
a.btn_listen{
	/*background:url("../images/btn_listen.png") top left no-repeat;*/
}
a.btn_mmore{
	background:url("../images/btn_mint_more.png") top left no-repeat;
}
a:hover.btn_listen,
a:hover.btn_mmore{
	background-position:bottom left;
}

#col_997 div.alt a img,
#col_wall a img{
	border:5px solid #111;
	float:left;
}
#col_997 div.alt a img{
	margin-top:4px;
}
#col_wall a img{
	width:120px;
}
#col_wall a.alt{
	float:right;
	margin-right:1px;
}
#col_997 div.alt img:hover,
#col_wall img:hover{
	border:5px solid #bed926;
}
#col_997{
	margin-left:47px;
	margin-top:-1px;
}
#col_997 div{
	width:146px;
	float:left;
}
#col_997 div.alt{
	margin-left:8px;
	width:202px;
}
#col_copy{
	margin-left:49px;
	margin-top:-2px;
	font-size:9px;
	color:#aaa;
	width:241px;
	line-height:1.3em;
}
#col_copy small{
	*font-size:8px;
}

#fullarticle {
	margin:5px 25px;
}
#fullarticle h2{
	margin-left:6px;
}
#fullarticle h3{
	margin:5px 5px;
	font-size:22px;
	letter-spacing:-0.5px;
}
#fullarticle h3 small{
	font-size:15px;
	color:#333;
}
#fullarticle .post h3{
	color:#000;
	margin-top:20px;
}
#fullarticle .parts h3{
	font-size:15px;
	color:#b56f00;
	line-height:18px;
}
#fullarticle .parts h3 small{
	font-size:13px;
	color:#ba955a;
}
#fullarticle .article{
	margin-top:15px;
	margin-bottom:40px;
}
#fullarticle p{
	font-size:13px;
	line-height:1.4em;
	margin:5px 5px 15px 5px;
	text-align:justify;
	color:#444;
}
#fullarticle .thumbs img{
	border:4px solid #222;
	margin-right:5px;
}
#fullarticle .left_col{
	float:left;
	clear:left;
	width:450px;
}
#fullarticle .right_col{
	float:left;
	margin-left:20px;
	width:450px;
	*margin-right:-20px;
}
#fullarticle .parts{
	margin-top:20px;
}

#fullarticle .parts p{
	font-size:12px;
}
#fullarticle .post .article_img{
	float:left;
	margin-left:6px;
	margin-right:11px;
	margin-bottom:4px;
}
#fullarticle .post .left_thumbs img{
	margin-bottom:12px;
}
#fullarticle .post .mid_thumbs{
	margin-left:6px;
	margin-bottom:14px;
}
#fullarticle .parts .article_img{
	float:left;
	margin-right:12px;
	margin-bottom:4px;
	margin-top:8px;
	margin-left:6px;
}
#fullarticle .article_img_right{
	float:right;
	margin-right:6px;
	margin-bottom:4px;
	margin-top:8px;
	margin-left:12px;
}

.credit{
	display:block;
	font-size:10px;
	margin-left:6px;
	margin-top:-5px;
	margin-bottom:10px;
	color:#999;
}
.article .article_img{
	float:right;
	border:1px solid #aaa;
	margin-left:20px;
}
.break{
	clear:both;
}
div.break{
	height:10px;
	*height:29px;
}
.copy{
	margin:0 18px;
	font-size:9px;
	color:#aaa;
}
#end{
	float:left;
	background:url("../images/bg_end-trans.png") top left no-repeat;
	width:1002px;
	height:11px;
}
* html #end{
	margin-left:7px;
}
#ad{
	overflow: hidden;
	width:640px;
	height:80px;
	float:left;
	margin-left:67px;
	margin-top:9px;
}
#ad img {
	display:none;
	position:absolute;
}
#content_black{
	float:left;
	width:1000px;
	background-color:#191919;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	color:#ccc;
}
* html #content_black{
	margin-left:7px;
}
#content_black strong,
#content_black .parts h3,
#content_black .post h3{
	color:#fff;
}
#content_black p{
	color:#aaa;
}
#content_black .post ul{
	margin-left:30px;
	font-size:12px;
	line-height:25px;
}
#content_black li{
	list-style: decimal outside;
}
#content_black a{
	color:#ff9907;
}
#content_black a:hover{
	color:#ffbb07;
}
#content_black h3 small{
	color:#aaa;
}
#sz .left_col .article_img,
#sz .left_col .article_img_right,
#sz .right_col .article_img,
#sz .right_col .article_img_right{
	margin-top:2px;
}
#list h3{
	margin-left:6px;
	font-size:18px;
}
#list h4{
	margin-left:8px;
	color:#f90;
	font-size:20px;
	margin-top:10px;
	margin-bottom:0px;
}
#list h5{
	margin-left:8px;
	font-size:12px;
	margin-top:15px;
	margin-bottom:15px;
	color:#fff;
	float:left;
	clear:both;
	background:#999;
	padding:5px 10px;
	width:420px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#list p{
	margin-bottom:0px;
	margin-left:18px;
	line-height:14px;
	width:420px;
}
#list p a{
	color:#730;
}
#list p a:hover{
	color:#a60;
}
#list h3{
	color:#d60;
	margin-top:25px;
}
#thumbnails{
	float:left;
	clear:left;
	margin:20px 0px;
}
#thumbnails img{
	border:5px solid #111;
	float:left;
}
#thumbnails a{
	float:left;
	display:block;
	clear:left;
	color:#fff;
	margin-left:4px;
}
#thumbnails a:hover{
	color:#bed926;
}
#thumbnails div{
	float:left;
	font-size:10px;
	margin-right:20px;
}

#covergirls{
	float:left;
	clear:left;
	margin:20px 0px;
	color:#666;
}
#covergirls img{
	border:5px solid #111;
	width:285px;
	float:left;
}
#covergirls div{
	float:left;
	margin-right:10px;
}
#covergirls span{
	display:block;
	padding:5px;
	font-family:Garamond, Georgia, serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
.contactbox{
	width:260px;
	float:left;
	border:5px solid #e9e4dc;
	padding:10px;
	margin-left:12px;
	margin-top:10px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
#contact h3{
	font-size:15px;
	letter-spacing:1px;
	color:#615537;
}
#contact p{
	margin-top:2px;
	margin-bottom:5px;
	color:#666;
}
#contact strong{
	color:#555;
}
#contact h4{
	margin-top:10px;
	color:#615537;
	font-size:14px;
}
#contact address{
	font-style:normal;
	font-size:12px;
}
#contact h4,
#contact address,
#contact span{
	margin-left:12px;
}
#right_nav{
	float:right;
	margin-top:-14px;
	margin-bottom:0px;
}
#right_nav a{
	padding:0px 10px;
	font-size:12px;
	font-weight:bold;
	color:#777;
	border-right:1px solid #555;
}
#right_nav a:hover{
	color:#fa0;
}
.video{
	margin:0 10px;
}
#video_box{
	text-align:center;
}

/* Register */
#login h1 a,
#register h1 a,
#member h1 a{
	background-image:url("../images/logo_hyperzpeed_s-trans.png");
	width:150px;
	height:36px;
	margin-top:0;
	*font-size:1px;
}
#register h1 a{
	float:right;
}
#register #container{
	width:804px;
}
#register_box{
	padding:0 2px;
	background:url("../images/reg_background.png") repeat-y;
}
#member #register_box{
	background:#fff;
	border:1px solid #ddd;
	margin:10px 15px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:#666 0px 2px 4px;
	-moz-box-shadow:#666 0px 2px 4px;
}
#member #register_box #mainform{
	width:700px;
	margin:20px auto;
}
#register_box #top{
	background:url("../images/reg_top.png") repeat-x;
}
#register_box #mainform{
	padding:15px 35px 0px 35px;
	*padding:15px 30px 0px 30px;
}
#register_box #mainform h2{
	display:block;
	text-indent:-322em;
	width:94px;
	height:23px;
	background:url("../images/title_register.png") no-repeat;
}
fieldset{
	border:0;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
#register fieldset{
	clear:both;
	padding:10px 20px 20px  20px;
	background:#fafafa;
	margin:10px 0;
	*padding:10px 5px 20px 5px;
}
#register fieldset:hover{
	background:#eee;
}
#register_box legend{
	display:none;
}
#register_box label{
	float:left;
	display:block;
	font:bold 12px sans-serif;
	color:#333;
	margin-top:6px;
	text-align:right;
	width:190px;
	clear:left;
	*font-size:12px;
}
#login .textbox,
#register_box textarea,
#register_box .textbox,
#register_box .textbox_s{
	float:left;
	display:block;
	border:3px solid #e0e0e0;
	font-size:14px;
	padding:3px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin:1px 20px;
}
#applyForm .textbox:focus,
#login .textbox:focus,
#register_box textarea:focus,
#register_box .textbox:focus,
#register_box .textbox_s:focus{
	border:3px solid #bcd;
}
#applyForm .textbox:hover,
#login .textbox:hover,
#register_box textarea:hover,
#register_box .textbox:hover,
#register_box .textbox_s:hover{
	border:3px solid #cde;
}
#register_box textarea,
#register_box .textbox{
	width:250px;
}
#register_box textarea{
	height:40px;
}
#register_box .textbox_s{
	width:92px;
	float:left;
}
#register_box small{
	float:left;
	display:block;
	font-size:12px;
	color:#555;
	margin-top:5px;
}
#register_box .label_s{
	width:1em;
}
#register_box label.inline,
#register_box label.inline2{
	font-weight:normal;
	text-align:left;
}
#register_box label.inline{
	width:30px;
}
#register_box label.inline2{
	width:60px;
	font-size:11px;
	margin-top:8px;
	*width:65px;
}
#register_box label.inline2,
#register_box label.inline,
#register_box .label_s{
	clear:none;
}
#register_box .radio{
	float:left;
	width:15px;
	margin-top:8px;
	margin-left:20px;
	margin-right:2px;
	*margin-top:3px;
}
#register_box select{
	margin-top:5px;
	margin-left:20px;
	width:260px;
	padding:2px;
}
#login button,
#register_box button{
	width:100px;
	padding:3px 10px;
	font-size:12px;
	border:2px solid #ddd;
	background:#fff;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	font-weight:bold;
	color:#555;
	float:right;
}
#login button:hover,
#register_box button:hover{
	background:#49d;
	color:#fff;
}
#register #base{
	background:url("../images/reg_bottom.png") no-repeat;
	height:42px;
	width:816px;
	margin-left:-6px;
	margin-right:-6px;
}
.required{
	display:block;
	float:left;
	height:16px;
	width:16px;
	position:relative;
	left:-42px;
	top:7px;
	margin-right:-16px;
	text-indent:-322em;
	background:url("../images/required_star.png") no-repeat;
}
.remark{
	font-size:12px;
	color:#333;
}
.remark img{
	margin-top:4px;
	margin-bottom:-4px;
}
.errorMsg{
	float:left;
	clear:left;
	margin-left:172px;
	font-size:12px;
	color:#b90027;
	-background:#fff0f3;
	-padding:2px 10px;
	margin-bottom:4px;
	width:238px;	
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-bottom-left-radius:6px;
	-moz-border-bottom-right-radius:6px;
	-display:none;
}
*.errorMsg{
	margin-left:220px;
	width:auto;
	clear:both;
	float:none;
	display:block;
}
/* Break */
.break_h0,
.break_h5,
.break_h10,
.break_h20{
	clear:both;
	display:block;
	margin:0;
	font-size:1px;
}
.break_h0{
	height:0px;
}
.break_h5{
	height:5px;
}
.break_h10{
	height:10px;
}
.break_h20{
	height:20px;
}

/* Login */
#login #container{
	width:600px;
	color:#333;
}
#login h1 a{
	margin-top:24px;
}
#login fieldset#mainBox{
	background:#f8f8f8;
	margin-top: 50px;
	margin-left:20px;
	margin-right:20px;
	padding:24px 40px;
	border:5px solid #ccc;
	-webkit-box-shadow:#666 0px 2px 6px;
	-moz-box-shadow:#666 0px 2px 6px;
}
#login #maskBox{
	overflow:hidden;
	width:285px;
	float:left;
	margin-left:20px;
	padding-left:10px;
	border-left:1px solid #e1e1e1;
	*height:150px;
}
* html #login #maskBox{
	padding:0px;
}
#login #loginBox{
	width:560px;
	position:relative;
	float:left;
	*width:590px;
}
#loginBox .leftCell,
#loginBox .rightCell{
	width:280px;
	float:left;
	*margin-left:-5px;
	*margin-right:-10px;
}
* html #loginBox .leftCell,
* html #loginBox .rightCell{
	background:#f8f8f8;
	width:296px;
}
#loginBox .rightCell{
	margin-left:20px;
	margin-right:-20px;
	opacity:0;
	display:none;
	*padding:0;
}
* html #loginBox .rightCell{
	margin-left:-14px;
	border-left:1px solid #e1e1e1;
}
#login label{
	display:block;
	float:left;
	width:200px;
	margin-top:10px;
	margin-left:20px;
	font-size:14px;
	font-weight:bold;
	*margin-left:18px;
}
#login .textbox{
	width:250px;
}
#linkForgot,
#linkLogin{
	margin-left:20px;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	color:#468;
}
#linkForgot:hover,
#linkLogin:hover{
	color:#68a;
}

#login .rightCell p{
	font-size:13px;
	line-height:18px;
	position:relative;
	left:20px;
	top:10px;
	width:260px;
	*position:inline;
	*margin-left:26px;
}
#login .rightCell p strong{
	color:#222;
}
/* stupid IE hack */
* html #linkForgot{
	margin-left:36px;
}
html #linkLogin{
	*margin-left:26px;
}
*+html #login .rightCell .textbox{
	margin-left:6px;
}
* html #login .rightCell .textbox{
	margin-left:20px;
}
* html #login .rightCell button{
	margin-right:8px;
}
*+html #login .rightCell label{
	margin-left:26px;
}
* html #login .rightCell label{
	margin-left:13px;
}
#msgBox{
	width:400px;
	margin:20px auto;
}
#msgBox p{
	font-size:13px;
	padding:15px 2px;
	color:#333;
}
#msgBox strong{
	font-size:16px;
	line-height:28px;
}
#login fieldset#noticeBox{
	margin-top:15px;
	font-size:14px;
	padding:8px 40px;
	background:#f8f8f8;
	margin-left:20px;
	margin-right:20px;
}
#login fieldset#noticeBox p{
	float:left;
	margin-top:3px;
}
.redButton,
.button{
	padding:3px 25px;
	font-size:12px;
	border:2px solid #ddd;
	background:#fff;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	font-weight:bold;
	color:#555;
}
.button:hover{
	background:#97c200;
	color:#fff;
}
#noticeBox .button{
	float:right;
}
#noticeBox .button:hover{
	background:#49d;
	color:fff;
}
#member #header{
	margin-top:1em;
}
#member #eventBox #top{
	background:url("../images/eventbox_top.png") center no-repeat;
	width: 660px;
	height:48px;
}
#member #eventBox #main{
	background:url("../images/eventbox_mid.png") center repeat-y;
	width: 660px;
	min-height:300px;
}
#member #eventBox #main #msg{
	margin:0 45px;
}
#member #base{
	background:url("../images/eventbox_bottom.png") no-repeat;
	width: 660px;
	height:63px;
	*background-position:1px 0px;
}
#member #eventBox #main #msg h2{
	font-size:16px;
	color:#555;
}
#member #eventBox #main #msg p{
	font-size:12px;
	line-height:16px;
	color:#333;
	padding-top:1em;
}
#member #eventBox  img.icon{
	margin-top:5px;
	margin-right:5px;
	float:left;
}
#member #container{
	width:1000px;
}
#member #eventBox,
#member #coupon,
#member #wallpaper{
	float:left;
}
#member #coupon,
#member #wallpaper{
	width:300px;
	margin-top:12px;
	margin-left:10px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:#666 0px 2px 4px;
	-moz-box-shadow:#666 0px 2px 4px;
}
#member #coupon{
	background:#fc0;
	border:5px solid #fb0;
	min-height:80px;
}
#member #wallpaper{
	background:#414141;
	border:5px solid #333;
	min-height:200px;
}
#member #coupon #main,
#member #wallpaper #main{
	padding:5px 18px;
	font-size:13px;
	*padding-top:15px;
}
#member #coupon {
	color:#666;
}
#member #coupon a{
	display:block;
	color:#f20;
	border-bottom:1px dotted #f20;
	text-indent:16px;
	float:left;
	margin-right:5px;
	background:url("../images/icon_doc_download.png") 0 3px no-repeat;
}

#member #coupon a:hover{
	color:#f40;
}
#member #eventSelector h3,
#member #main h3{
	color:#fff;
	font-size:16px;
	margin:10px 0;
	text-indent:-322em;
}
#member #eventSelector h3{
	background:url("../images/sh_events.png") no-repeat;
	width:186px;
	height:17px;
}
#member #coupon #main h3{
	background:url("../images/sh_coupon.png") no-repeat;
	width:136px;
	height:17px;
}
#member #wallpaper #main h3{
	background:url("../images/sh_wallpaper.png") no-repeat;
	width:203px;
	height:17px;
}
#register_box #mainform h2.forgot{
	display:block;
	text-indent:-322em;
	width:94px;
	height:23px;
	background:url("../images/title_forgot_password.png") no-repeat;
}
#login .errorMsg{
	margin-left:20px;
}
#wpBoxMask{
	max-height:370px;
	overflow:auto;
	margin-bottom:15px;
}
* html  #wpBoxMask{
	height:400px;
	width:265px;
}
.wpBox{
	width:240px;
	font-size:11px;
	color:#aaa;
}
.wpBox img{
	margin:5px 0;
	border:3px solid #333;
}
.wpBox a{
	color:#ddd;
}
.wpBox a:hover{
	color:#fff;
}
#eventSelector{
	margin-left:12px;
	background:#f8f8f8;
	width:576px;
	border:5px solid #ddd;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:#666 0px 2px 4px;
	-moz-box-shadow:#666 0px 2px 4px;
	margin-bottom:8px;
	margin-top:12px;
	padding:10px 24px;
}
#eventSelector h2{
	font-size:16px;
	color:#333;
}
#eventSelector ul{
	list-style:none;
	line-height:18px;
}
#eventSelector li a{
	color:#345;
	display:block;
	font-size:14px;
	text-indent:20px;
	background:url("../images/icon_cal.png") 0 4px no-repeat;
	line-height:24px;
	font-weight:bold;
	*float:left;
	*clear:left;
}
#eventSelector li a:hover{
	color:#368;
}
#copy{
	width:600px;
	font-size:10px;
	margin-left:16px;
	color:#999;
}
#member .leftCell{
	float:left;
	margin-left:18px;
	font-size:14px;
	color:#222;
	border-left: 1px solid #999;
	padding-left:18px;
}
#member .leftCell small{
	font-size:10px;
	color:#666;
}
#member .rightCell{
	float:right;
	margin-right:20px;
	margin-top:8px;
	color:#666;
}
#member .rightCell a{
	color:#333;
	font-weight:bold;
	font-size:14px;
	padding:10px 20px;
	border-left:1px dotted #aaa;
	*border-top:3px solid #eee;
	*border-bottom:2px solid #eee;
	*float:left;
	*position:relative;
	*top:-10px;
	*margin-bottom:10px;
}
#member .rightCell a:hover{
	background:#f4f4f4;
	border-bottom:2px solid #f0f0f0;
	border-top:3px solid #fc0;
	color:#111;
	-webkit-box-shadow:#ccc 0px -3px 3px;
	-moz-box-shadow:#ccc 0px -3px 3px;
}
* html #eventSelector li a{
	background-position:0 6px;
}
* html #member #coupon a{
	background-position:0 0;
}
.hidden{
	display:none;
}
.tableBox{
	background:#f8f8f8;
	width:920px;
	border:2px solid #ddd;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:#666 0px 2px 4px;
	-moz-box-shadow:#666 0px 2px 4px;
	margin:12px;
	padding:15px 28px;
}
.tableBox h2{
	font-size:18px;
	float:left;
	color:#222;
	margin-right:20px;
}
.tableBox .button{
	float:left;
	margin:3px 0px;
	padding:2px 20px;
	font-size:12px;
	border:1px solid #aaa;
}
.tableBox table{
	width:100%;
	border-spacing:0;
	margin:20px 0;
}
.tableBox th{
	text-align:left;
	font-size:11px;
	font-weight:normal;
	padding:2px 10px;
	color:#000;
}
.tableBox tbody tr{
	background:#eee;
}
.tableBox tr.alt{
	background:#f8f8f8;
}
.tableBox td{
	font-size:13px;
	padding:2px 10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #fff;
	color:#333;
}
.tableBox td a{
	color:#37a;
}
.tableBox td a:hover{
	color:#6ae;
}
#register_box label.onleft{
	clear:none;
	font-weight:normal;
	text-align:left;
	width:260px;
	clear:right;
}
.radioBox{
	float:left;
	width:300px;
}
.radioBox .radio{
	clear:left;
}
#applyForm{
	margin:20px 0;
	padding:20px 0;
	border-top:2px dashed #ddd;
	font-size:13px;
}

#applyForm label{
	float:left;
	width:100px;
	font-weight:bold;
	clear:left;
	margin-bottom:5px;
}
#applyForm label.inline{
	float:none;
	margin-right:10px;
	font-weight:normal;
}
#applyForm .radio,
#applyForm select{
	margin:6px 0;
}
#applyForm input,
.tableBox .textbox,
.tableBox textarea{
	font-size:13px;
	padding:2px 5px;
	margin-bottom:5px;
}
#applyForm .textbox,
.tableBox .textbox,
.tableBox textarea{
	border:3px solid #e0e0e0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#member .titleBox{
	margin-left:70px;
	margin-bottom:20px;
}
#member legend{
	display:block;
	float:left;
	margin-left:70px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
	color:#666;
	border-bottom:1px dotted #999;
}
#member #register_box button{
	float:left;
	margin-left:170px;
}
.tableBox label{
	font-size:12px;
	color:#333;
	margin-right:0.5em;
}
.tableBox input,
.tableBox select,
.tableBox .textbox,
.tableBox textarea{
	margin-bottom:1em;
}

.tableBox textarea,
.tableBox .textbox{
	width:100%;
}
.tableBox textarea{
	height:10em;
}
.optionBox{
	background:#eee;
	margin:0;
	padding:5px 20px;
	margin-right:-15px;
}
#member .optionBox legend{
	margin-left:0;
	margin-top:10px;
	clear:both;
	float:none;
	display:block;
	font-size:12px;
	border-bottom:0;
}
.tableBox select{
	width:100px;
}
.chartLabel{
	font-size:12px;
	color:#666;
	width:100px;
	float:left;
	padding:4px 0;
}
.chartLabel{
	margin-top:5px;
}
.bar{
	background-color:#333;
}
#applyForm legend{
	font-size:16px;
	font-weight:bold;
	color:#222;
	margin-left:0;
	border:0;
	float:none;
}
#applyForm em{
	color:#f60;
	font-style:normal;
	font-weight:bold;
}
table.chart{
	width:800px;
	margin:8px 0;
	float:left;
}
table.chart tr{
	background:none;
}
table.chart td{
	color:#fff;
	font-weight:bold;
	font-size:10px;
	padding:2px 0px;
	text-indent:5px;
}
table.chart .color1{
	background-color:#1387D6;
	border-top:2px solid #74b9e8;
	border-bottom:1px solid #1f6ea3;
}
table.chart .color2{
	background-color:#b1d100;
	border-top:2px solid #cef300;
	border-bottom:1px solid #a1b820;
}
table.chart .color3{
	background-color:#FFCE00;
	border-top:2px solid #ffe13b;
	border-bottom:1px solid #c2a322;
}
table.chart .color4{
	background-color:#E8006A;
	border-top:2px solid #ff64ab;
	border-bottom:1px solid #af165c;
}
table.chart .color5{
	background-color:#5C23AD;
	border-top:2px solid #9a65e7;
	border-bottom:1px solid #481590;
}
table.chart span.colorBox{
	font-size:11px;
	color:#999;
	margin-right:40px;
	margin-top:4px;
	display:block;
	float:left;
	height:16px;
}
table.chart .colorBox1{
	border-left:16px solid #1387D6;
}
table.chart .colorBox2{
	border-left:16px solid #b1d100;
}
table.chart .colorBox3{
	border-left:16px solid #FFCE00;
}
table.chart .colorBox4{
	border-left:16px solid #E8006A;
}
table.chart .colorBox5{
	border-left:16px solid #5C23AD;
}
table.chart td.indexText{
	border:0;
}
.infoBox{
	float:left;
	margin:10px 0;
	clear:left;
	*width:100%;
}
.infoBox h3{
	color:#384043;
	font-size:16px;
	margin-bottom:8px;
}
#member .infoBox .rightCell,
#member .infoBox .leftCell{
	font-size:12px;
	color:#333;
	margin:0;
	line-height:20px;

}
#member .infoBox .leftCell{
	margin-left:0;
	margin-right:30px;
	padding:0;
	border:0;
}
.infoBox strong{
	clear:left;
	width:125px;
	float:left;
	color:#000;
}
.infoBox span{
	float:left;
	width:260px;
	border-bottom:1px dotted #aaa;
	min-height:1.4em;
}
.infoBox .leftCell span{
	width:360px;
}
label a,
small a,
.infoBox a{
	color:#37a;
}
small a:hover,
label a:hover,
.infoBox a:hover{
	color:#59d;
}
small a{
	text-decoration:underline;
}
#member .infoBox .rightCell a{
	background:none;
	padding:0;
	margin:0;
	border:0;
	font-weight:normal;
	font-size:12px;
	color:#37a;
}
#member .infoBox .rightCell a:hover{
	-webkit-box-shadow:none;
	color:#59d;
}
#member .infoBox .rightCell a{
	*float:none;
	*top:0;
}
#member .infoBox .rightCell a:hover{
	*border:0px;
}
img.code{
	margin-left:20px;
	border:3px solid #eee;
	float:left;
	margin-right:20px;
}
a#btnMemberZone{
	margin-top:4px;
	margin-right:5px;
	float:right;
	background:url("../images/menu_member_login-trans.png") top left no-repeat;
	width:141px;
	height:25px;
	text-indent:-322em;
}
a#btnMemberZone:hover{
	background-position: bottom left;
}
a.redButton{
	float:right;
	margin-right:16px;
	margin-top:2px;
}
.redButton:hover{
	background:#d90024;
	color:#fff;
}
#searchBox{
	float:right;
	margin:5px 20px;
}
#searchBox label{
	font-size:12px;
	color:#888;
}
#searchBox .textbox{
	font-size:12px;
	color:#555;
	padding:1px 5px;
	border:2px solid #ccc;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	width:200px;
}
#index .leftCell,
#index .rightCell{
	float:left;
}
#index. leftCell{
	width:626px;
}
#index. rightCell{
	width:300px;
}
#index .rightCell table{
	width:330px;
	border-spacing:0;
} 
#index table thead tr{
	background:#000;
	text-align:left;
	text-indent:12px;
}
#index table thead td{
	padding:4px 0;
}
#index table tbody tr{
	background:#333;
}
#index table tbody td{
	padding:8px 2px 8px 2px;
	text-align:center;
}