@charset "utf-8";
body {
	font-family: Tahoma, Geneva, sans-serif;
}
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
ul {list-style:none;}
img{
	border:none;	
}
#main {
	width: 1011px;
	margin: auto;
}
.main {
	width: 1011px;
	margin: auto;
}
#footer_menu {
	background-image: url(../images/footer_bg_top.jpg);
	background-repeat: no-repeat;
	padding-top: 28px;
}
ul.menu li  {
	display: inline;
}
ul.menu {
	margin-bottom: 15px;
}
ul.menu li a {
	font-size: 11px;
	color: #333;
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
	padding-right: 13px;
	padding-left: 13px;
} 
ul.menu li.first a{
	border:none;
	padding-left: 0px;
	
	}
ul.menu li.last a{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
}
ul.menu li a:hover {
	color: #666;
	}
.hit {
	margin-top: 14px;
	margin-bottom: 20px;
	text-align: center;
}
.branch {
	margin-top: 5px;
	margin-bottom: 19px;
	text-align: center;
}
.promotion {
	margin-top: 8px;
}

#content_index {
	background-image: url(../images/bg_contnet_index.png);
	background-repeat: repeat-x;
}
.title_reward {
	background-image: url(../images/reward.png);
	background-repeat: no-repeat;
	height: 44px;
	background-position: 30px 0px;
	position: relative;
}
#view_all {
	position:absolute;
	width:77px;
	height:15px;
	z-index:1;
	left: 276px;
	top: 18px;
}
#div_condition {
	position:absolute;
	width:156px;
	height:32px;
	z-index:2;
	left: 812px;
	top: 7px;
}
#header {
	position: relative;
	margin: 0px;
	padding: 0px;
}
#main_content {
	background-color: #FFF;
	background-image: url(../images/bg-main.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
#footer {
	background-image: url(../images/bg_footer_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1011px;
	padding-top: 20px;
	margin: auto;
}
ul.banner {
	text-align: center;
	margin-bottom: 27px;
}
ul.banner li {
	display: inline;
}
ul.banner li a {
	margin-right: 17px;
	margin-left: 17px;
	
}
#menu {
	background-image: url(../images/bg_menu.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 4px;
	margin-top: 17px;
	text-align: center;
}
#logo {
	float: left;
	width: 309px;
	text-align: center;
	padding-top: 20px;
}


ul.banner li img{
	border: 1px solid #9a9090;
	}
#main_logo {
	padding-top: 30px;
	overflow: hidden;
}
#banner_top {
	width: 702px;
	float: left;
}
#menu {
}
#content_border_top {
	background-image: url(../images/content_top.png);
	background-repeat: no-repeat;
	height: 11px;	
}
#content_border_bottom {
	background-image: url(../images/content_bottom.png);
	background-repeat: no-repeat;
	height: 12px;
	padding-bottom: 35px;
	clear: both;
	
}
#content_page {
	background-image: url(../images/content_bg.png);
	background-repeat: repeat-y;
	padding: 30px 37px 40px 37px;
	overflow: hidden;
}
#content_page_2 {
	background-image: url(../images/content_bg.png);
	background-repeat: repeat-y;
	padding: 10px 5px 40px 5px;
	overflow: hidden;
}
#title_page {
	position: relative;
	padding-bottom: 25px;
}
.title_page_login {
	padding-bottom: 15px;
	}
.condition_left {
	background-image: url(../images/line_border_right.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 28px;
}
.frm_forget_password {

}
.txt_bg_forget_pass {
	background-image: url(../images/bg_txt_forgot_password.png);
	background-repeat: repeat-x;
	height: 30px;
	width: 292px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #d1cfcf;
	border-left-color: #d1cfcf;
	color: #999999;
	padding-top: 2px;
	padding-left: 13px;
}
#Prizes {
	position:absolute;
	width:113px;
	height:30px;
	z-index:1;
	left: 826px;
	top: 0px;
}
.login_member {
	float: left;
	width: 350px;
	background-image: url(../images/communities_login_03.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.login_gif {
	width: 242px;
	float: left;
	padding-left: 25px;
}
.login_gif_right {
	float: left;
	width: 320px;
	padding-top: 45px;
}
ul.gift_ul {
	margin-top: 18px;
	margin-bottom: 15px;
}
ul.gift_ul li {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	background-image: url(../images/bullet_true.png);
	background-repeat: no-repeat;
	height: 15px;
	padding-left: 22px;
	margin-bottom: 9px;
}
.title_raward {
	margin-bottom: 22px;
	position: relative;
}
.line-raward {
	position:absolute;
	width:555px;
	height:3px;
	z-index:1;
	left: 200px;
	top: 14px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #cccccc;
}
.line-raward_2,.line-raward_3,.line-raward_4 {
	position:absolute;
	width:640px;
	height:3px;
	z-index:1;
	left: 200px;
	top: 14px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #cccccc;
}
.line-raward_4 {
	top: 11px;
	left: 150px;
	width:810px;
	}
.line-raward_3{
	width:600px;
	left: 190px;
	top: 11px;
	}
.btn_reward {
	position:absolute;
	width:177px;
	height:32px;
	z-index:2;
	left: 760px;
	top: 0px;
	text-align: right;
}
.product_raward {
	float: left;
	width: 206px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #FFF;
	border: 1px solid #e3e3e3;
	padding: 8px;
}
.product_reward {
	float: left;
	width: 206px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #FFF;
	border: 1px solid #e3e3e3;
	padding: 8px;
	margin-bottom: 35px;
}
.div_product_raward {
	overflow: hidden;
	margin-bottom: 40px;
}
.div_product_raward_2 {
	overflow: hidden;
	/*margin-bottom: 20px;*/
}
.product_img {
	text-align: center;
	height: 95px;
}
.be_our_member {
	float: left;
	width: 580px;
	background-image: url(../images/communities_login_03.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.our_communities {
	float: left;
	width: 350px;
}
.line_our_member {
	color: #7f7d7d;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7f7d7d;
	padding-bottom: 5px;
	width: 325px;
	padding-top: 3px;
}
p.profile {
	margin-top: 10px;
}
.member_logout {
	background-image: url(../images/icon_log_out.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	
	height: 20px;
	padding-top: 2px;
	margin-top: 10px;
}
.title_be_our_member {
	background-image: url(../images/communities_after_login_06.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 12px;
	height: 32px;
}
.title_our_communities {
	background-image: url(../images/communities_after_login_03.png);
	background-repeat: no-repeat;
	height: 45px;
	margin-bottom: 10px;
}
.communities_category {
	float: left;
	width: 116px;
}
.Central_bullet {
	margin-top: 8px;
}
.Central_bullet li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7f7d7d;
	text-decoration: underline;
	padding-left: 10px;
	margin-bottom: 3px;
	background-image: url(../images/bullet_communities.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
}
.Central_bullet li a:hover {
	color: #9B9999;
	}	
	
.menuprofile {
	text-align: center;
	overflow: hidden;
	width: 750px;
	margin:auto;
}

.menuprofile li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.menuprofile li  a {
	padding-left: 40px;
	display: block;
	float: left;
	cursor:pointer;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	background-position: 0% 0px;
	background-image: url(../images/menu_bg_profile.png);
	background-repeat: no-repeat;
}

.menuprofile li a span {
	padding-right: 40px;
	display: block;
	line-height:29px;
	background-position: right 0px;
	color: #000;
	background-image: url(../images/menu_bg_profile.png);
	background-repeat: no-repeat;
}

.menuprofile li a:hover, .menuprofile li a.active, .menuprofile li a.active:hover {
	background-position: 0% 0px;
	background-image: url(../images/bg_menuprofile.png);
	background-repeat: no-repeat;
}

.menuprofile li a:hover span ,.menuprofile li a.active span, .menuprofile li a.active:hover span {
	background-position: right 0px;
	color: #fff;
	background-image: url(../images/bg_menuprofile.png);
	background-repeat: no-repeat;
	font-size: 14px;	
}
.titleProfile {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c4cacf;
}
.title_view_profile,.title_register {
	background-image: url(../images/title_view_profile.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	margin-top: 22px;
	margin-bottom: 19px;
	padding-top: 40px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
.title_register {
	background-image: url(../images/title_register.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	}
.title_view_profile_img {
	float: left;
	width: 275px;
}
.title_view_profile_detail {
	float: left;
	width: 645px;
	margin-top: 15px;
}
.title_view_profile_img img {
	padding: 16px;
	border: 3px solid #e3e3e3;
}
.btn_editProfile {
	background-image: url(../images/line_view_profile.gif);
	background-repeat: repeat-x;
	padding-top: 36px;
}
.title_view_profile_upload {
	float: left;
	width: 275px;
}
.photo_up_load {
	background-color: #FFFFFF;
	width: 200px;
	border: 3px solid #dcdedf;
	padding: 15px;
}
.icon_upload {
	
	background-image: url(../images/communities_edit_profile_11.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left: 22px;
	margin-top: 15px;
}

ol{margin-top:0;}
.input_profile {
	width: 242px;
	font-family: Tahoma;
	font-size: 12px;
	color: #abadb3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #abadb3;
	border-right-color: #e2e3ea;
	border-bottom-color: #e2e3ea;
	border-left-color: #e2e3ea;
	padding: 3px;
}
.pickerImg {
		position: absolute;
		margin-left: -18px;
		margin-top: 5px;
		cursor: pointer;
	}#profile_reward {
	width: 980px;
	margin-top: 28px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.title_profile_reward {
	background-image: url(../images/member_profile_award.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 960px;
	height: 27px;
	position: relative;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.title_award {
	background-image: url(../images/communities_profile_4_14.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 930px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
}
.remaining_point {
	position:absolute;
	width:123px;
	height:25px;
	z-index:1;
	left: 380px;
	top: -1px;
	background-image: url(../images/communities_profile_4_09.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	padding-left: 124px;
	padding-top: 5px;
}
.btn_view_all {
	position:absolute;
	width:86px;
	height:34px;
	z-index:2;
	left: 810px;
	top: -1px;
}
.book_prize_product {
	margin: auto;
	width: 980px;
	overflow: hidden;
	padding-left: 10px;
}
.history_award {
	background-color: #FFF;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ded9d9;
	border-right-color: #ded9d9;
	border-bottom-color: #ded9d9;
	border-left-color: #ded9d9;
	margin-top: 8px;
	padding: 8px;
	margin-right: 8px;
}
.title_history_award {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e1;
	margin-bottom: 13px;
	overflow: hidden;
}
.history_award_date {
	float: left;
	width: 145px;
	background-image: url(../images/date.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	background-position: 11px;
	height: 17px;
	padding-top: 2px;
}
.history_award_report {
	background-image: url(../images/report.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 541px;
	padding-left: 30px;
	height: 17px;
	padding-top: 2px;
}
.history_award_point {
	background-image: url(../images/award.gif);
	background-repeat: no-repeat;
	float: left;
	width: 170px;
	background-position: 2px;
	height: 17px;
	padding-top: 2px;
	padding-left: 30px;
}
.detail_history_award {
	overflow: hidden;
}
.nav_reward {
	background-image: url(../images/communities_profile_4_80.png);
	background-repeat: no-repeat;
	margin-right: 6px;
}
.nav_reward_border a {
	background-image: url(../images/communities_profile_4_86.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #3b6cac;
	text-decoration: none;
	text-align: center;
	height: 20px;
	width: 29px;
	display: inline-block;
	float: none;
	padding-top: 7px;
	margin-right: 2px;
	margin-left: 2px;
	position: relative;
}
.nav_reward_border a.select,.nav_reward_border a:hover {
	background-image: url(../images/communities_profile_4_84.gif);
	color: #FFF;
}
.nav_reward_border a.next {
	background-image: url(../images/next.gif);
	width: 58px;
}
.nav_reward_border a:hover.next  {
	background-image: url(../images/next_over.gif);
}