@charset "gb2312";
/*=======common==========*/

* {
    margin: 0;
	padding: 0;
}
p {
    margin: 10px 0;
}
ul {
    list-style: none;
}
img {
    border: 0;
	display: block;
}
.clear {
    clear: both;
	height: 0;
	font-size: 0;
	overflow: hidden;
}
a {
	color: #FFF;
	text-decoration: none;
	cursor: pointer; /*for Opera*/
}
a:hover {
    color: #FFF;
	text-decoration: underline;
}
a span, h1 span, h2 span {
    display: block; 
    overflow: hidden; 
    width: 0; 
    height: 1px; /*for IE5.5*/
}
a.orange {
	background: #F76E16;
}
a.orange:hover {
	text-decoration: underline;
}
body {
    text-align: center;
	font-size: 12px;
	line-height: 160%;
	color: #909090;
	background: #252525 url(../images/bg.jpg);
}
#bg01 {
	background: url(../images/bg01.jpg) repeat-x;
}
.hr_dash {
	margin: 0 15px;
	height: 25px;
	background: url(../images/hr_dash.jpg) repeat-x;
}
/*==========head===========*/
#head {
	margin: 0 auto;
	width: 770px;
	background: #000;
}
#logo {
	float:left;
	margin: 0;
}
#logo_o {
	float:right;
	margin: 0;
}
#head h1 {
	height: 115px;
	background: url(../images/head_banner.jpg) no-repeat;
	clear: both;
}
#nav {
	margin: 0 auto;
	width: 746px;
	height: 40px;
	background: url(../images/nav_bg.jpg);
}
#nav ul li {
	float: left;
	margin-left: 5px;
}
#nav #nav_intro {
	margin-left: 50px;
}
#nav li a {
    height: 26px;
	margin-top: 7px;
}
#nav_home a {
    display:block; 
	width: 75px;
	background: url(../images/nav_index.jpg) 0 0;
}
#nav_home a:hover, #home #nav_home a {
	background: url(../images/nav_index.jpg) 75px 0;
}
#nav_enjoy a {
    display:block; 
	width: 75px;
	background: url(../images/nav_enjoy.jpg) 0 0;
}
#nav_enjoy a:hover, #enjoy #nav_enjoy a {
	background: url(../images/nav_enjoy.jpg) 75px 0;
}
#nav_event a {
    display:block; 
	width: 75px;
	background: url(../images/nav_event.jpg) 0 0;
}
#nav_event a:hover, #event #nav_event a {
	background: url(../images/nav_event.jpg) 75px 0;
}
#nav_life a {
    display:block; 
	width: 75px;
	background: url(../images/nav_life.jpg) 0 0;
}
#nav_life a:hover, #life #nav_life a {
	background: url(../images/nav_life.jpg) 75px 0;
}
#nav_partner a {
    display:block; 
	width: 75px;
	background: url(../images/nav_partner.jpg) 0 0;
}
#nav_partner a:hover, #partner #nav_partner a {
	background: url(../images/nav_partner.jpg) 75px 0;
}
#nav_intro a {
    display:block; 
	width: 87px;
	background: url(../images/nav_intro.jpg) 0 0;
}
#nav_intro a:hover, #intro #nav_intro a {
	background: url(../images/nav_intro.jpg) 87px 0;
}
#nav_join a {
    display:block; 
	width: 86px;
	background: url(../images/nav_join.jpg) 0 0;
}
#nav_join a:hover, #join #nav_join a {
	background: url(../images/nav_join.jpg) 86px 0;
}
#nav_com a {
    display:block; 
	width: 100px;
	background: url(../images/nav_com.jpg) 0 0;
}
#nav_com a:hover, #com #nav_com a  {
	background: url(../images/nav_com.jpg) 100px 0;
}
/*==========main===========*/
#main {
	margin: 0 auto;
	width: 770px;
	background: #000;
}
/*===left===*/
#main_l {
	float: left;
	width: 201px;
}
#login {
	margin-left: 14px;
	width: 187px;
	height: 166px;
	background: url(../images/login_bg.jpg) no-repeat;
	text-align: left;
}
#login form {
	padding-top: 40px;
}
#login p {
	margin: 5px 0;
	clear: both;
}
#login #login_in {
	margin-left: 15px;
	font-weight: bold;
	line-height: 140%;
}
#login label {
	display: block;
	float: left;
	width:70px;
	height: 24px;
	line-height: 24px;
	text-align: right;
}
#login input {
	float: left;
}
#login #username, #login #userpass {
	width: 90px;
}
#login #validnum {
	width: 40px;
}
#login p img {
	float: left;
	vertical-align: middle;
	margin: 1px 0 0 5px;
}
#login_btn {
	padding: 5px 0 5px 15px;
}
#btn_login {
	height: 21px;
	float: left;
	margin-right: 5px;
}
#btn_register {
	float: left;
	width: 74px;
	height: 21px;
	background: url(../images/btn_register.jpg) no-repeat;
}
#btn_quit {
	float: left;
	width: 74px;
	height: 21px;
	background: url(../images/btn_quit.jpg) no-repeat;
}
#btn_mod {
	float: left;
	margin-left: 5px;
	width: 74px;
	height: 21px;
	background: url(../images/btn_mod.jpg) no-repeat;
}
.l_b_top {
	margin: 0 0 0 14px;
	width: 187px;
	height: 20px;
	background: url(../images/left_b_top.jpg) no-repeat;
}
.l_b_main {
	margin: 0 0 0 14px;
	padding: 1px 0;
	width: 187px;
	background: url(../images/left_b_main.jpg) repeat-y;
}
.l_b_foot {
	margin: 0 0 0 14px;
	width: 187px;
	height: 20px;
	background: url(../images/left_b_foot.jpg) no-repeat;
}
.l_b_main img {
	margin: 8px auto;
}
#l_part_h2, #l_gift_h2 {
	margin: 5px 0 0 14px;
}
#l_part_h2 a {
	display: block;
	width: 187px;
	height: 24px;
	background: url(../images/left_part_h2.jpg) no-repeat;
}
#l_gift_h2 a {
	display: block;
	width: 187px;
	height: 24px;
	background: url(../images/left_gift_h2.jpg) no-repeat;
}
.l_c_top {
	margin: 0 0 0 14px;
	width: 187px;
	height: 18px;
	background: url(../images/left_c_top.jpg) no-repeat;
}
.l_c_main {
	margin: 0 0 0 14px;
	padding: 1px 0;
	width: 187px;
	background: url(../images/left_c_main.jpg) repeat-y;
}
.l_c_foot {
	margin: 0 0 0 14px;
	width: 187px;
	height: 18px;
	background: url(../images/left_c_foot.jpg) no-repeat;
}
.l_c_main img {
	margin: 8px auto;
}
/*===right===*/
#main_r {
	float: left;
	width: 569px;
}
#banner_01, #banner_02 {
	margin: 10px auto;
	width: 550px;
}
#r_history_h2, #r_history_c, #r_hot_h2, #r_hot_c, #r_gift_h2, #r_gift_c  {
	margin: 0 auto;
	width: 550px;
}
#r_history_h2 a {
	display: block;
	height: 44px;
	background: url(../images/right_history_h2.jpg) no-repeat;
}
#r_history_c {
	height: 83px;
	background: url(../images/right_history_bg.jpg) repeat-x;
}
#r_history_c ul, #r_hot_c ul {
	margin-left: 5px;
}
#r_history_c li, #r_hot_c li {
	float: left;
	margin: 3px 0px;
	padding-left: 15px;
	width: 255px;
	text-align: left;
	background: url(../images/li_dot.gif) no-repeat;
}
#r_gift_h2 a {
	display: block;
	height: 44px;
	background: url(../images/right_gift_h2.jpg) no-repeat;
}
#r_hot_h2 {
	margin-top: 10px;
}
#r_hot_h2 a {
	display: block;
	height: 44px;
	background: url(../images/right_hot_h2.jpg) no-repeat;
}
#r_hot_c {
	height: 83px;
	background: url(../images/right_hot_bg.jpg) repeat-x;
}
#r_c_top, #r_c_main, #r_c_foot {
	margin: 0 auto;
	width: 550px;
}
#r_c_top {
	height: 15px;
	background: url(../images/right_c_top.jpg) no-repeat;
}
#r_c_main {
	padding: 1px 0;
	background: url(../images/right_c_main.jpg) repeat-y;
}
#r_c_foot {
	height: 15px;
	background: url(../images/right_c_foot.jpg) no-repeat;
}
.banner_in {
	width:548px;
	margin: 0 auto;
	text-align:center;
}
.banner_in img{
	margin: 0 auto;
}
/*===enjoy===*/
#enjoy_h2 {
	margin-top: 30px;
	text-align: left;
}
#enjoy_h2 li {
	float: left;
	clear: left;
	margin-top: 30px;
}
#enjoy_h2 img {
	float: left;
	margin: 0 10px 0 5px;
}
#enjoy_h2 li h2 {
	position: relative;
	left: 120px;
}
#enjoy_h2 li h2 span {
	position: absolute;
	width: 95px;
	height: 95px;
	left: -95px;
	top: -27px;
}
#enjoy_h2_01 h2 span {
	background: url(../images/enjoy_h2_img12.jpg) no-repeat;
}
#enjoy_h2_02 h2 span {
	background: url(../images/enjoy_h2_img02.jpg) no-repeat;
}
#enjoy_h2_03 h2 span {
	background: url(../images/enjoy_h2_img03.jpg) no-repeat;
}
#enjoy_h2_04 h2 span {
	background: url(../images/enjoy_h2_img04.jpg) no-repeat;
}
#enjoy_h2_05 h2 span {
	background: url(../images/enjoy_h2_img05.jpg) no-repeat;
}
#enjoy_h2_06 h2 span {
	background: url(../images/enjoy_h2_img11.jpg) no-repeat;
}
#enjoy_h2_07 h2 span {
	background: url(../images/enjoy_h2_img09.jpg) no-repeat;
}
#enjoy_h2_08 h2 span {
	background: url(../images/enjoy_h2_img10.jpg) no-repeat;
}

#enjoy_h2 li h2 a {
	display: block;
	width: 402px;
	height: 30px;
}
#enjoy_h2_01 h2 a {
	background: url(../images/enjoy_h2_title012.jpg) no-repeat;
}
#enjoy_h2_02 h2 a {
	background: url(../images/enjoy_h2_title02.jpg) no-repeat;
}
#enjoy_h2_03 h2 a {
	background: url(../images/enjoy_h2_title03.jpg) no-repeat;
}
#enjoy_h2_04 h2 a {
	background: url(../images/enjoy_h2_title04.jpg) no-repeat;
}
#enjoy_h2_05 h2 a {
	background: url(../images/enjoy_h2_title05.jpg) no-repeat;
}

#enjoy_h2_06 h2 a {
	background: url(../images/enjoy_h2_title013.jpg) no-repeat;
}
#enjoy_h2_07 h2 a {
	background: url(../images/enjoy_h2_title014.jpg) no-repeat;
}
#enjoy_h2_08 h2 a {
	background: url(../images/enjoy_h2_title015.jpg) no-repeat;
}



#enjoy_h2 li h2 a span {
    display: block; 
    overflow: hidden; 
    width: 0; 
    height: 1px; /*for IE5.5*/
}
#enjoy_h2 li ul li {
	display: inline; /* for IE's double margin */
	margin: 20px 0 0 120px;
	width: 420px;
}
#enjoy_title01 {
	width: 499px;
	height: 95px;
	background: url(../images/enjoy_title01.jpg) no-repeat;
	margin: 15px auto;
}
#enjoy_title02 {
	width: 499px;
	height: 95px;
	background: url(../images/enjoy_title02.jpg) no-repeat;
	margin: 15px auto;
}
#enjoy_title03 {
	width: 499px;
	height: 95px;
	background: url(../images/enjoy_title03.jpg) no-repeat;
	margin: 15px auto;
}
#enjoy_title04 {
	width: 499px;
	height: 95px;
	background: url(../images/enjoy_title04.jpg) no-repeat;
	margin: 15px auto;
}
#enjoy_title05 {
	width: 499px;
	height: 95px;
	background: url(../images/enjoy_title05.jpg) no-repeat;
	margin: 15px auto;
}

#enjoy_title06 {
	width: 499px;
	height: 95px;
	background: url(../images/enjoy_title07.jpg) no-repeat;
	margin: 15px auto;
}

#enjoy_title07 {
	width: 499px;
	height: 95px;
	background: url(../images/enjoy_title06.jpg) no-repeat;
	margin: 15px auto;
}
#enjoy_title08 {
	width: 499px;
	height: 95px;
	background: url(../images/enjoy_title08.jpg) no-repeat;
	margin: 15px auto;
}


#enjoy #r_c_main h3 {
	margin: 10px auto;
	width: 500px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	clear: left;
}
#enjoy #r_c_main h3 img {
	float: left;
	margin: 0 10px 15px 5px;
}
#enjoy #r_c_main h4 {
	font-size: 12px;
	color: #FFF;
}
.enjoy_info {
	margin: 10px auto 20px;
	clear: left;
	width: 500px;
	text-align: left;
	color:white;
}
/*===event===*/
#event #r_c_main {
	text-align: left;
}
#event_t_new {
	margin: 10px;
	width: 530px;
	height: 30px;
	background: url(../images/event_title_new.jpg) no-repeat;
}
#event_t_his {
	clear: both;
	margin: 10px;
	width: 530px;
	height: 30px;
	background: url(../images/event_title_history.jpg) no-repeat;
}
#event_c_new, #event_c_his{
	margin: 0 0 0 15px;
	width: 520px;
	text-align: left;
}
#event_c_new li {
	float: left;
	margin: 5px 0;
	width: 255px;
}
#event_c_his li {
	clear: left;
}
#event_c_his li img {
	float: left;
	margin: 10px 5px;
}
#event_c_his h3 {
	font-size: 12px;
	font-weight: bold;
}
#event_c_his p {
	margin:0;
}
/*===life===*/
#life #r_c_top, #life #r_c_foot {
	display: none;
}
#life #r_c_main {
	border: 1px #313131 solid;
	text-align: left;
}
#life #r_c_main h3 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#life #r_c_main h4 {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
#life #r_c_main img {
	cursor:pointer;
}
#life #r_c_main p{
	margin: 20px;
}
#life_nav_eat, #life_nav_clothing, #life_nav_house, #life_nav_trip, #life_nav_wealth {
	margin: 5px auto;
	width: 549px;
	height: 24px;
}
#life_nav_eat {
	background: url(../images/life_nav_eat.jpg) no-repeat;
}
#life_nav_clothing {
	background: url(../images/life_nav_clothing.jpg) no-repeat;
}
#life_nav_house {
	background: url(../images/life_nav_house.jpg) no-repeat;
}
#life_nav_trip {
	background: url(../images/life_nav_trip.jpg) no-repeat;
}
#life_nav_wealth {
	background: url(../images/life_nav_wealth.jpg) no-repeat;
}
#life_nav_eat a, #life_nav_clothing a, #life_nav_house a, #life_nav_trip a, #life_nav_wealth a {
	float: left;
	display: inline;
	margin:0 4px;
	width: 20px;
	height: 24px;
}
#life_nav_eat #life_a_eat, #life_nav_clothing #life_a_eat, #life_nav_house #life_a_eat, #life_nav_trip #life_a_eat, #life_nav_wealth #life_a_eat {
	margin-left:410px;
}
#life_h2_eat {
	width: 548px;
	height: 210px;
	background: url(../images/life_title_eat.jpg) no-repeat;
}
#life_h2_clothing {
	width: 548px;
	height: 199px;
	background: url(../images/life_title_clothing.jpg) no-repeat;
}
#life_h2_house {
	width: 548px;
	height: 217px;
	background: url(../images/life_title_house.jpg) no-repeat;
}
#life_h2_trip {
	width: 548px;
	height: 212px;
	background: url(../images/life_title_trip.jpg) no-repeat;
}
#life_h2_wealth {
	width: 548px;
	height: 170px;
	background: url(../images/life_title_wealth.jpg) no-repeat;
}
#house_list img, #trip_list img {
	border: 1px solid #CCC;
}
#eat_list a {
	color: #AF5B01;
}
#clothing_list a {
	color: #941394;
}
#house_list a {
	color: #0083AA;
}
#trip_list a {
	color: #42681D;
}
#wealth_list a {
	color: #A2151B;
}
#life #r_c_main ul {
	margin: 20px 0 20px 20px;
	width: 520px;
}
#life #r_c_main ul li {
	float: left;
	text-align: left;
	margin: 10px 5px;
	padding-left: 20px;
	width: 225px;
}
#life #r_c_main ul li img {
	margin: 10px 0;
}
#eat_list li {
	background: url(../images/li_dot_eat.jpg) no-repeat 2px 2px;
}
#clothing_list li {
	background: url(../images/li_dot_clothing.jpg) no-repeat 2px 2px;
}
#house_list li {
	background: url(../images/li_dot_house.jpg) no-repeat 2px 2px;
}
#trip_list li {
	background: url(../images/li_dot_trip.jpg) no-repeat 2px 2px;
}
#wealth_list li {
	background: url(../images/li_dot_wealth.jpg) no-repeat 2px 2px;
}
/*===partner===*/
#partner #r_c_main {
	text-align: left;
}
#partner_nav {
	margin: 0 0 10px 15px;
	color: #FFF;
	font-weight: bold;
}
a.part_on {
	color: #00BBF2;
}
#brand_nav {
	margin: 0px 15px 0px 0;
	text-align: right;
}
#brand_list {
	margin: 15px;
}
#brand_list li {
	clear: both;
	margin: 0px 0;
	height: 90px;
}
#brand_list li img {
	float: left;
	margin: 0px 15px 0px 5px;
}
#partner_event, #partner_dealer {
	margin: 10px 15px;
}
#partner_search {
	display: block;
	width: 277px;
	height: 21px;
	background: url(../images/partner_search.jpg) no-repeat;
}
#partner_event h2, #partner_dealer h2 {
	font-size: 12px;
	font-weight: bold;
	color: #0EBBF5;
}
#partner_event img {
	float: left;
	margin-right: 15px;
}
#partner_dealer #search {
	vertical-align: middle;
}
/*===club===*/
#com #r_c_main, #join #r_c_main, #intro #r_c_main {
	text-align: left;
}
#com #r_c_main p, #join #r_c_main p {
	margin: 20px auto;
	padding: 1px;
	width: 510px;
	font-weight: bold;
	line-height: 200%;
}
#com #r_c_main #txt2 {
	width: 500px;
	height: 100px;
}
#com #com1 {
	float: left;
	display: inline;
	margin-left: 30px;
	width: 200px;
	text-align: left;
}
#com #com1 input {
	width: 150px;
	margin: 5px 0;
}
#com #com2 {
	text-align: left;
}
#com #com2 input {
	width: 230px;
	margin: 5px 0;
}
#com #r_c_main #com3 {
	text-align: center;
}
#intro #r_c_main p {
	margin: 10px 0 10px 15px;
	padding: 1px;
	width: 510px;
	line-height: 180%;
	text-align: left;
}
#intro #p01 img {
	float: left;
	margin: 0px 10px 0px 0px;
}
#intro #p01 a {
	display: block;
	margin-left: 160px; /* for FF */
	width: 152px;
	height: 26px;
	background: url(../images/intro02.jpg) no-repeat;
}
#intro_h2_01 {
	clear: left;
	margin: 30px 0 10px 15px;
	width: 139px;
	height: 24px;
	background: url(../images/intro03.jpg) no-repeat;
}
#intro_h2_02 {
	margin: 20px 0 10px 15px;
	width: 201px;
	height: 24px;
	background: url(../images/intro04.jpg) no-repeat;
}
#intro h3 {
	margin: 10px 0 10px 15px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
/*==========bottom===========*/
#bottom {
	margin: 0 auto;
	padding-top: 15px;
	width: 770px;
	height: 90px;
	background: #000 url(../images/bottom_bg.jpg) no-repeat left top;
}
#bottom ul {
	height: 60px;
	padding-left: 15px;
}
#bottom ul li {
	float: left;
	margin-left: 5px;
}
#bottom #bot_exp {
	margin-left: 0px;
	margin-right: 350px;
}
#bottom li a {
    height: 22px;
	width: 125px;
	display: block; 
}
#bot_exp a {
	background: #fff url(../images/btn_tiyan.jpg);
}
#bot_buy a {
	background: #fff url(../images/btn_buy.jpg);
}
#bot_bbs a {
	background: #fff url(../images/btn_bbs.jpg);
}
/*==========generic===========*/
.ta-c {
    text-align: center;
}
.ta-r {
	text-align: right;
}
.ta-l {
	text-align: left;
}
.f-l {
	float:left;
}
.f-r {
	float:right;
}
.clr_white {
	color: #FFF;
}
.clr_black {
	color: #000;
}
.clr_yel {
	color: #FF0;
}
.clr_red {
	color: #F00;
}

#quickLink {position:relative;width:100%;z-index:1000;}
#quickMenu{ position:absolute; top:50px;right:-80px; width:63px; height:347px; background:url('http://www.mysvw.com/mysvw/images/quick_menu.gif') no-repeat;}
	#quickMenu h2{ display:block; height:32px; margin:0;}
	#quickMenu ul li{ width:100%;float:left;}
		#quickMenu ul li a{ display:block; height:45px;}
			#quickMenu ul li a span{ display:none;}