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

body { margin: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: #830966 url(../images/bodybg.jpg); }
ul,li { margin: 0px; padding: 0px; list-style: none; }
img { border: none; } 

.clear { clear: both; }

.tc { text-align: center; }

.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }

.fc_red { color: #C80000; }   

/* header */

.header { width: 980px; margin: 0px auto; }
	.header .top { width: 980px; float: left; padding-bottom: 55px; }
		.header .top .title { float: left; color: #FFFFFF; font-family: Folks-Light; font-size: 24px; padding: 25px 0px 0px 50px; }
		.header .top .logo { float: right; }
	.header .menu { width: 980px; height: 44px; float: left; }
		.header .menu a { height: 44px; float: left; background: red; }
		.header .menu .a1 { width: 137px; background: url(../images/menu_a1.gif); }
		.header .menu .a1:hover, .header .menu .a1hover { background: url(../images/menu_a1.gif) 0px 44px; }
		.header .menu .a2 { width: 151px; background: url(../images/menu_a2.gif); }
		.header .menu .a2:hover, .header .menu .a2hover { background: url(../images/menu_a2.gif) 0px 44px; }
		.header .menu .a3 { width: 151px; background: url(../images/menu_a3.gif); }
		.header .menu .a3:hover, .header .menu .a3hover { background: url(../images/menu_a3.gif) 0px 44px; }
		.header .menu .a4 { width: 151px; background: url(../images/menu_a4.gif); }
		.header .menu .a4:hover, .header .menu .a4hover { background: url(../images/menu_a4.gif) 0px 44px; }
		.header .menu .a5 { width: 198px; background: url(../images/menu_a5.gif); }
		.header .menu .a5:hover, .header .menu .a5hover { background: url(../images/menu_a5.gif) 0px 44px; }
		.header .menu .a6 { width: 192px; background: url(../images/menu_a6.gif); }
		.header .menu .a6:hover, .header .menu .a6hover { background: url(../images/menu_a6.gif) 0px 44px; }
	
/* content */

.content { width: 968px; margin: 0px auto; background: #B33232; padding: 0px 6px 8px 6px; }
	.content .main { width: 968px; background: #FFFFFF; padding-bottom: 10px; }
		.content .main .left { width: 640px; float: left; background: url(../images/right_line.gif) repeat-y right 0px; }
			.content .main .left .title { width: 640px; float: left; padding-top: 15px; }
			
			.content .main .left .gallery { width: 612px; float: left; padding: 10px 0px 10px 24px; }
			
			
			.content .main .left .list { width: 634px; float: left; padding-left: 6px; }
				.content .main .left .list .imgList { width: 182px; float: left; margin: 10px 0px 0px 18px; padding-bottom: 10px; display: inline; }
				.content .main .left .list .imgList img { border: #D0D0D0 solid 1px; padding: 2px; }
				.content .main .left .list .imgList p { margin: 0px; padding-top: 5px; }
				.content .main .left .list .imgList p b { font-size: 17px; color: #570044; }
			.content .main .left .pages { width: 624px; float: left; padding: 5px 10px 0px 0px;}
				.content .main .left .pages a { height:18px; padding: 2px 6px 0px 6px; margin-left: 3px; border: #BBBBBB solid 1px; background: url(../images/page_bg.gif) repeat-x; float: left; text-decoration: none; font-weight: bold; color: #AE0000; }
					.content .main .left .pages b { height:18px; padding: 2px 6px 0px 6px; margin-left: 3px; border: #BBBBBB solid 1px; background: url(../images/page_bg.gif) repeat-x repeat-x 0px -20px; float: left; text-decoration: none; font-weight: bold; color: #000000; }
				.content .main .left .pages a:hover { background: url(../images/page_bg.gif) repeat-x 0px -20px; color: #000000; }
				.content .main .left .pages span { float: left; margin-left: 3px; }
			.content .main .left .line { width: 590px; float: left; margin: 20px 0px 0px 20px; display: inline;  height: 10px; font-size: 0px; background: url(../images/left_line.gif) repeat-x; }
		.content .main .right { width: 328px; float: left; }
			.content .main .right .ad1 { width: 300px; margin: 30px auto 0px auto; }
			.content .main .right .ad2 { width: 288px; padding: 0px 0px 0px 12px; border: #D8D8D8 solid 1px; margin: 20px auto 0px auto; overflow: hidden; }
				.content .main .right .ad2 li { float: left; }
					.content .main .right .ad2 .li1 { width: 288px; font-size: 18px; padding: 3px 0px; }
					.content .main .right .ad2 .li2 { width: 160px; text-align: center; font-size: 15px; padding: 5px 0px 8px 0px; }
					.content .main .right .ad2 .li3 { width: 160px; text-align: center; font-size: 15px; padding: 5px 0px 15px 0px; }
					.content .main .right .ad2 a { text-decoration: none; color: #66B901; }
		.content .main .left2 { width: 639px; float: left; padding-top: 10px; border-right: #E0E0E0 dashed 1px; }
			/*.content .main .left2 .l { width: 200px; float: left; font-size: 14px; padding: 0px 20px 0px 19px; }
				.content .main .left2 .l .ing { width: 200px; line-height: 18px; margin-top: 30px; }
				.content .main .left2 .l .goes { width: 200px; margin-top: 10px; }
			.content .main .left2 .r { width: 371px; padding: 0px 14px; float: left; border-left: #E0E0E0 dashed 1px; }
				.content .main .left2 .r .pro, .content .main .left2 .r2 .pro { width: 371px; float: left; padding-bottom: 30px; }
					.content .main .left2 .r .title, .content .main .left2 .r2 .pro .title { width: 371px; float: left; padding: 10px 0px 15px 0px; font-size: 24px; }*/
					.content .main .left2 .r .pro .mes, .content .main .left2 .r2 .pro .mes { width: 167px; float: left; padding: 50px 0px 0px 20px; }
						.content .main .left2 .r .pro .mes .easy_hade, .content .main .left2 .r2 .pro .mes .easy_hade { width: 120px; height: 12px; padding: 12px 0px 0px 1px; background: url(../images/easy_hade.jpg); }
							.content .main .left2 .r .pro .mes .easy_hade img, .content .main .left2 .r2 .pro .mes .easy_hade img { float: left; }
					.content .main .left2 .r .pro .imgs, .content .main .left2 .r2 .pro .imgs { width: 182px; float: right; }
						.content .main .left2 .r .pro .imgs img, .content .main .left2 .r2 .pro .imgs img { border: #D0D0D0 solid 1px; padding: 2px;  }
				.content .main .left2 .r .method, .content .main .left2 .r2 .method { width: 371px; float: left; font-size: 14px; }
				.content .main .left2 .r .print { width: 371px; float: left; text-align: right; margin-top: 120px; }
			.content .main .left2 .r2 { width: 371px; padding: 0px 14px; float: left; margin-left: 120px; display: inline; }
				.content .main .left2 .r2 .print { width: 490px; float: left; text-align: right; margin-top: 120px; }
/* footer */	

.footer { width: 980px; text-align: right; font-size: 14px; padding: 20px 0px; margin: 0px auto; }



/* print pages */

.print { width: 712px; margin: 0px auto; padding-top: 30px; }
	.print .btn { width: 712px; float: left; }
	.print .main { width: 570px; padding: 20px 65px; border: #000000 solid 1px; margin-top: 15px; float: left; }
		.print .main .logo { width: 570px; text-align: right; float: left; padding-bottom: 20px; }
		.print .main .left { width: 209px; float: left; font-size: 14px; }
			.print .main .left .ing { width: 209px; line-height: 18px; margin-top: 10px; }
			.print .main .left .goes { width: 209px; margin-top: 10px; }
		.print .main .right { width: 360px; border-left: #DEDEDE dashed 1px; float: left; padding-bottom: 30px; }
			.print .main .right .pro { width: 360px; float: left; padding-bottom: 30px; }
				.print .main .right .pro .title { width: 360px; float: left; padding: 10px 0px 15px 0px; font-size: 24px; }
				.print .main .right .pro .mes { width: 146px; float: left; padding: 55px 0px 0px 30px; }
					.print .main .right .pro .mes .easy_hade { width: 120px; height: 12px; padding: 12px 0px 0px 1px; background: url(../images/easy_hade.jpg); }
						.print .main .right .pro .mes .easy_hade img { float: left; }
				.print .main .right .pro .imgs { width: 182px; float: right; }
					.print .main .right .pro .imgs img { border: #D0D0D0 solid 1px; padding: 2px;  }
			.print .main .right .method { width: 340px; float: left; font-size: 14px; padding-left: 20px; }
		.print .main .copy { width: 570px; float: left; margin-top: 200px; }
		
		
		
		
/* error */

.error { width: 800px; margin: 0px auto; }
	.error .logo { width: 600px; float: left; padding: 30px 0px 50px 200px; }
	.error .img_left { width: 250px; float: left; }
	.error .text_right { width: 550px; float: left; padding-top: 40px; }
		.error .text_right li { float: left; font-size: 24px; }
		.error .text_right a { color: #000; }
		.error .text_right a:hover { text-decoration: none; }
		.error .text_right .mark { padding: 25px 20px 0px 20px; }