@charset "utf-8";
/* CSS Document */

@import url("global.css");
@import url("layout.css");
@import url("button.css");

#content{ }
#content #c1{}
	/* --[ =loginBox ]
	--------------------------------- */
	#loginBox{ position:relative; margin-top:15px; height:416px; background:url(../images/my/login_bg_m.gif) repeat-x center center;}
		#loginBox .l{ position:absolute; top:0; left:0; width:5px; height:416px; background:url(../images/my/login_bg_l.gif) no-repeat left center;}
		#loginBox .r{ position:absolute; top:0; right:0; width:5px; height:416px; background:url(../images/my/login_bg_r.gif) no-repeat right center;}
		#loginBox .bg{ position:absolute; bottom:0; left:0; width:484px; height:141px; background:url(../images/my/login_bg.gif) no-repeat left bottom;}
		#loginBox .loginarea{ float:right; width:310px; margin:40px 38px 0 0 ; background:#FFF; }
			#loginBox .loginarea h2{ padding:22px 0 8px 22px; background:url(../images/my/loginarea_bg_t.gif) no-repeat center top; font-size:14px; font-weight:bold; color:#005133;}
			#loginBox .loginarea .nav{ background:url(../images/my/loginarea_bg_b.gif) no-repeat center bottom;}
				.loginarea ul{ padding:8px 5px 0 5px; margin-top:8px; border-top: 1px solid #cacaca; }
					.loginarea li{ padding:3px 0;}
					.loginarea li .title{ float:left; width:80px; padding-right:5px; *margin-top:5px; text-align:right; color:#505050; font-weight:bold;}
					.loginarea li label{ color:#505050; }
					.loginarea .remember{ padding-left:82px;}
					.loginarea .ipt{ border:1px solid #707070; padding:3px;}
					.loginarea input{ border:1px solid #707070; padding:3px;}
				.loginarea .tip{ padding:5px 35px; line-height:160%; color:red;}
				.loginarea .btn{ padding:8px 0 20px 0; margin:0 5px; text-align:center; border-bottom: 1px solid #cacaca;}
					.loginarea .btn input{ margin:0 8px;}
					.loginarea button{ border: none 0; width:101px; height:40px; }
					.loginarea button img{ margin-top:-1px; margin-left:-3px; *margin-top:0; *margin-left:0;}
				.loginarea .nav{ padding:8px; text-align:center;}
					.loginarea .nav a{ margin:0 5px; color:#505050; text-decoration:underline;}
						.loginarea .nav a:hover{ color:#F85544; text-decoration:none;}
						
						.bbt { background:url(../images/btn/reset_btn.gif) no-repeat;border:0px; width:101px;height:40px; }
						.bt { background:url(../images/btn/confirm.gif) no-repeat;border:0px; width:101px;height:40px; }
						
						
		#loginBox .info{ padding:108px 0 0 260px; background:url(../images/my/login_img.gif) no-repeat 50px 81px;}
			#loginBox .info dt{ padding:5px 0; font-size:14px; font-weight:bold; color:#FFF;}
			#loginBox .info dd{ padding-top:8px;}
				#loginBox .info li{ padding:3px 0; padding-left:12px; background:url(../images/my/login_info_li_icon.gif) no-repeat left center; color:#80b1a1;}

	/* --[ =hotnav ]
	--------------------------------- */
	#hotnav { margin-top:8px; background:url(../images/my/hotnav_bg.gif) no-repeat left center;}
	#hotnav .c { height:40px; background:url(../images/my/hotnav_bg.gif) no-repeat right center;}
		#hotnav .myinfo{ float:left; height:40px; line-height:40px; padding:0 0 0 12px; color:#FFF;}
		#hotnav .myinfo strong{ font-weight:bold; font-size:14px;}
		#hotnav .myinfo .time{ font-weight:bold;}
		
		#hotnav .btn{ float:right; padding:8px 8px 0 0;}
			#hotnav button{ border: none 0; width:88px; height:24px; margin-left:8px;}
			#hotnav button img{ margin-top:-1px; margin-left:-3px; *margin-top:0; *margin-left:0;}

	/* --[ =navBar ]
	--------------------------------- */
	#navBar{ float:left; width:215px; margin-top:8px; margin-right:8px;}
		#navBar .myinfo{ }
			#navBar .myinfo img{ position:relative; float:left; margin:12px 8px 2px 12px; padding:1px; border:1px solid #cacaca;}
			#navBar .myinfo .name{ display:block; padding:12px 0;}
			#navBar .myinfo ul{ line-height:200%; padding:0 0 0 8px;}
		#navBar .navbar{ margin-top:8px;}
			#navBar .navbar ul{ padding:8px 3px;}
			#navBar .navbar li{ padding:3px 0;}
			#navBar .navbar .lv1{ display:block; padding-left:28px; line-height:23px; background:#ebe5c6;}
				#navBar .navbar .level1{ padding-left:42px; border-bottom:1px solid #e4e4e4;}
	/* --[ =main ]
	--------------------------------- */
	#main{ float:left; width:479px; margin-top:8px;}
	#main .c2{ padding:8px;}
		#main h2{ padding-left:8px; background:url(../images/my/main_h2.gif) no-repeat left center; font-size:14px; color:#FFF;}
		#main h2 span{ display:block; height:28px; line-height:28px; background:url(../images/my/main_h2.gif) no-repeat right center;}
		#main ul{ padding:8px; line-height:180%;}
			#main li{ padding-left:12px; color:#969696; background:url(../images/my/main_li_icon.gif) no-repeat left center;}
				#main .time{ margin:0 5px; color:#960;}
				#main .num{ margin:0 5px; color:#505050; }
				#main .remark{ margin: 0 5px; color:#747e30;}
			#main .product{}
				#main .product li{ padding:0; float:left; width:33%; background:none; text-align:center;}
					#main .product ul{ padding:8px 1px;}
						#main .product img{ width:120px; height:90px; padding:1px; border:1px solid #cacaca;}
						#main .product li strong{ display:block; font-weight:normal;}
			#main .btn{ padding:8px 0; text-align:right;}
	/* --[ =sidebar ]
	--------------------------------- */
	#sidebar{ float:right; width:215px; margin-top:8px; color:#505050;}
		#sidebar .round{ margin-bottom:8px;}
		#sidebar .c2{ padding:8px;}
		#sidebar h2{ height:23px; margin:2px 1px; position:relative; z-index:5; padding-left:8px; background:url(../images/my/sidebar_h2.gif) no-repeat left top; font-size:14px; color:#FFF;}
			#sidebar h2 span{ display:block; height:23px; line-height:23px; background:url(../images/my/sidebar_h2.gif) no-repeat right top;}
		#sidebar ul{ /*padding:8px 2px 8px 12px;*/ line-height:180%;}
			#notice li{ padding-left:12px; background:url(../images/my/notice_li_icon.gif) no-repeat left center;}
			
			#hotnews img{ padding:1px; border:1px solid #cacaca;}
			#hotnews li{ padding-left:12px; background:url(../images/my/hotnews_li_icon.gif) no-repeat left center;}
			#hotnews h3{ padding-bottom:8px; margin-bottom:8px; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
			#hotnews a h3{ color:#005f40; }
				#hotnews a:hover h3{ color:#F85544; }
			
			#survey h3{ padding:3px 0; font-size:12px; font-weight:bold; }
				#survey .btn{ padding:5px 0 0 0; text-align:center;}
			#survey .btn input{border:none;background:url(../images/btn/right_look.gif) no-repeat;width:66px;height:27px;line-height:25px;font-size:12px;cursor:pointer;}
			#lottery p{ padding:5px 0; text-align:center; font-weight:bold;}
			#lottery .btn{ padding:5px 0; text-align:center;}
				#lottery button{ border: none 0; width:118px; height:48px; margin-left:8px;}
				#lottery button img{ margin-top:-1px; margin-left:-3px; *margin-top:0; *margin-left:0;}


	/* --[ =Forgot paddword ]
	--------------------------------- */
	.fgpwdc{ padding:12px;}
		.fgpwdc h2{ padding:22px 50px; font-size:14px; font-weight:bold; color:#005133;}
		.fgpwdc dl{ }
			.fgpwdc dt{ padding:5px 30px; *padding-top:7px; background:#006042; font-weight:bold; color:#FFF; }
				.fgpwdc dt img{ margin-right:8px;}
			.fgpwdc dd{ padding:16px 80px; border-bottom:1px solid #cacaca; }
				.fgpwdc dd li{ padding:5px 0; color:#505050;}
				.fgpwdc dd .require { position:relative; top:3px; margin-right:8px; color:#858630;}
				.fgpwdc dd li .title{ float:left; width:80px; text-align:right; margin-right:8px; margin-top:3px; *margin-top:5px;}
			.fgpwdc .btn{ padding:22px 170px;}
				
	/* --[ =Success info ]
	--------------------------------- */
	.successInfo{ padding:50px; text-align:center;}
		.successInfo .icon{ height:120px; background:url(../images/my/success_icon.gif) no-repeat center center;}
		.successInfo .icons{ height:120px; background:url(../images/my/failure_icon.gif) no-repeat center center;}
		.failure .icon{ background:url(../images/my/failure_icon.gif) no-repeat center center;}
		.successInfo h2{ padding:24px 0 40px 0; font-size:14px; color:#646464;}
			.successInfo h2 strong{ margin:0 5px; color:#005133;}
		.successInfo p{ line-height:180%; color:#707070;}
			.successInfo p strong{ margin:0 5px;}
		.successInfo .btn{ padding:50px 0;}
	
	/* --[ =Form style ]
	--------------------------------- */
	.formArea{ display:inline-table; width:100%; margin:8px 0; border-collapse:collapse;}
		.formArea th, .formArea td{ padding:6px 3px; border:1px solid #c8c8c8; border-width:1px 0;}
		.formArea th{ width:120px; text-align:right; font-weight:normal; color:#505050;}
		.formArea td{ }
		
		
	#register{ padding:20px;}
		#register h2{ padding:5px 0 15px 30px; border-bottom:2px solid #006042; color:#005133; font-size:14px; font-weight:bold;}
		#register .basicInfo{ padding:18px 0; background:url(../images/my/register_bg.gif) no-repeat 700px 90px;}
			#register .formArea th, #register .formArea td{ border:0 none;}
			#register .formArea th{ width:180px;}
			#register .formArea .col_2{ width:170px;}
		#register .note{ color:#a7a7a7;}
		
		#register .details{ }
			#register .details dt{ padding:8px 0; padding-left:185px; border:1px solid #cacaca; border-width:1px 0;}
			
		.protocol{ padding:8px 0; padding-left:185px; border:1px solid #cacaca; border-width:1px 0;}
		#register .btn{ padding:25px 0 5px 0; text-align:center;}