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

body { margin: 0px; font: 12px Arial, Helvetica, sans-serif; background: #000000; color: #FFFFFF; }
ul,li { margin: 0px; padding: 0px; list-style: none; }
img { border: none; }
input, textarea { font-family: Arial, Helvetica, sans-serif; }
.clear { clear: both; }
p{ font-size:14px; font-style:normal; font-weight:normal;}
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs22 big { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs27 { font-size: 27px; }

.fc_green { color: #8EC641; }
.fc_blue { color: #0098D5; }
.fc_yellow { color: #FA9932; }

.fl { float: left; }
.fr { float: right; }

.tc { text-align: center; }
.tr { text-align: right; }

.lh18 { line-height: 18px; }

.wrap { width: 1003px; margin: 0px auto; background: url(../images/body_Bg.gif) no-repeat 0px 44px; }

/* header */

.header { width: 586px; float: right; }
	.header .logo { margin-top: 70px; }
	.header .login { width: 242px; height: 162px; padding: 0px 0px 0px 50px; background: url(../images/login_Bg.gif); position: absolute; margin: -173px 0px 0px 294px; }
		.header .login li { float: left; padding: 6px 0px; }
		.header .login .title { width: 242px; font-size: 24px; color: #F99A27; padding-bottom: 12px; }
		.header .login .l { width: 50px; padding-top: 7px; font-size: 14px;}
		.header .login .r { width: 192px; }
			.header .login .r input { width: 172px; border: none; background: #FFFFFF; }
		.header .login .but { width: 202px; padding-left: 40px; }
			.header .login .but input { width: 75px; height: 25px; margin: 0px 11px; font-weight: bold; border: none; background: url(../images/login_but.gif); color: #FFFFFF; cursor: pointer; } 


/* content */

.content { width: 1003px; float: left; background: url(../images/content_bg.jpg) no-repeat 0px bottom; padding-bottom: 15px; }
	.content .leftMenu { width: 200px; padding: 210px 0px 0px 50px; float: left;}
		.content .leftMenu a { font-size: 24px; color: #8EC641; text-decoration: none; padding-right: 50px; float: left;  margin: 10px 0px; }
		.content .leftMenu a:hover, .content .leftMenu .ahover { color: #00A3E4; }
		
		.content .leftMenu .sub { width: 200px; background: url(../images/leftMenu_arr.gif) no-repeat 18px 2px; float: left; display: none; }
			.content .leftMenu .sub a { font-size: 14px; color: #FFFFFF; margin: 0px 0px 0px 32px; padding: 0px; }
			.content .leftMenu .sub a:hover { text-decoration: underline; color: #FFFFFF; }
		
	.content .textBox { width: 565px; padding: 30px 20px 0px 3px; float: right; font-size: 14px; line-height: 22px; }
		.content .textBox p { margin: 0px; padding: 15px 0px; }
	.content .rightBox { width: 625px; float: right; margin-top: 10px; }
		.content .rightBox .lineBox1 { background: url(../images/lineBox1.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/lineBox1.png',sizingMethod='crop');  width: 333px; height: 264px; position: absolute; margin: -500px 0px 0px 262px; }
			.content .rightBox .lineBox1 .tt { width: 333px; height: 30px; padding-top: 23px; float: left; color: #FF971D; font-size: 24px; }
			.content .rightBox .lineBox1 .imgs { width: 333px; float: left; }
				.content .rightBox .lineBox1 .imgs .mask { background: url(../images/lineBox1_mask.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/lineBox1_mask.png',sizingMethod='crop'); width: 262px; height: 172px; margin: 0px 0px 0px 37px; position: absolute; }
				.content .rightBox .lineBox1 .imgs .img { width: 262px; height: 172px; padding-left: 37px; }
			.content .rightBox .lineBox1 .links { width: 333px; float: left; padding-top: 8px; }
				.content .rightBox .lineBox1 .links a { color: #00A3E4; }
		.content .rightBox .lineBox2 { background: url(../images/lineBox2.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/lineBox2.png',sizingMethod='crop');  width: 283px; height: 388px; position: relative; margin-top: 120px; }
			.content .rightBox .lineBox2 .title { width: 283px; height: 32px; float: left; padding: 30px 0px 0px 0px; }
				.content .rightBox .lineBox2 .title b { font-size: 18px; color: #FF9927; }
			.content .rightBox .lineBox2 .list { width: 170px; height: 280px; padding: 5px 17px 0px 17px; float: left; margin-left: 38px; display: inline; }

				.content .rightBox .lineBox2 .list li { width: 170px; float: left; margin-top: 5px; }
				.content .rightBox .lineBox2 .list p { width: 170px; float: left; margin: 0px; padding: 3px 0px; font-size:12px; }
				.content .rightBox .lineBox2 .list p big { font-size:12px;}
				.content .rightBox .lineBox2 .list p a { font-size: 14px; color: #8EC641; text-decoration: none; }
				.content .rightBox .lineBox2 .list p a:hover { text-decoration: underline; }
				.content .rightBox .lineBox2 .list p img { border: #8A8A8A solid 1px; margin-right: 15px; }
				.content .rightBox .lineBox2 .list p span { color: #00A3E4; }
				.content .rightBox .lineBox2 .list p span big { font-size:12px; }
		.content .rightBox .imgsAd { width: 310px; height: 210px; padding: 20px 0px 0px 5px; position: absolute; margin: -235px 0px 0px 280px; }
			.content .rightBox .imgsAd p { margin: 0px; padding: 10px 0px; }
				.content .rightBox .imgsAd p img { margin: 0px 0px 0px 12px; }
					
/* footer */	

.footer { width: 1003px; float: left; padding: 15px 0px 15px 0px; font-size: 14px; }
.footer big{ font-size:17px; font-style:normal; font-weight:normal;}
.footer ul{padding:0px 0px 0px 110px;}
	.footer li { float: left; padding-left: 20px; text-align: center; }
	.footer .l { width: 700px; }
	.footer p { margin: 0px; padding: 8px 0px; }
	.footer a { color: #FFFFFF; margin: 0px 10px; text-decoration: none; } 
	.footer a:hover { text-decoration: underline; }
	
	
/* gallery */

	.content .imgGallery { width: 585px; float: right; margin-top: 28px; }
		.content .imgGallery .image { width: 585px; height: 315px; background: url(../images/loading.gif) no-repeat 250px 140px; float: left; }
		.content .imgGallery .thumb { width: 585px; float: left; margin-top: 18px; }
			.content .imgGallery .thumb li { border: #0179AA solid 1px; float: left; margin-right: 14px; }
			.content .imgGallery .thumb li img { float: left; }
	.content .Gallery { width: 545px; padding: 30px 20px 0px 23px; float: right; font-size: 14px; line-height: 22px; }
		.content .Gallery .galleryList { width: 204px; float: left; margin: 15px 30px; display: inline; }
			.content .Gallery .galleryList .bg { width: 204px; height: 194px; padding-top: 20px; background: url(../images/galleryList_bg.gif); margin-bottom: 10px; }
				.content .Gallery .galleryList .bg img { border: #BEBEBE solid 1px; }
				.content .Gallery .galleryList span { font-size: 15px; }
	
	.content .GalleryDetails { background: url(../images/gallery_bg.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/gallery_bg.png',sizingMethod='crop'); width: 717px; height: 757px; float: right; }
		.content .GalleryDetails .Details { width: 670px; padding-top: 10px; height: 710px; background: #414141; position: relative; margin: 25px auto; border: #CACACA solid 2px; }
			.content .GalleryDetails .Details .title { width: 610px; padding: 10px 0px 10px 60px; font-size: 20px; background: url(../images/gallery_title_icon.gif) no-repeat 20px 10px; }
	
/* leftPanel */

	.content .leftPanel { width: 400px; float: left; }
	.content .rightPanel { width: 580px; float: right; }
	.content .products { width: 588px; float: right; padding-top: 30px; }
		.content .products .proList { width: 575px; padding: 20px 0px 5px 0px; overflow: hidden; border-bottom: #F4F4F4 dashed 1px; }
			.content .products .proList .l { width: 145px; float: left; }
				.content .products .proList .l p { margin: 0px; padding: 5px 0px; }
				.content .products .proList .l img { border: #A3A3A3 solid 1px; }
				.content .products .proList .l .e_a { background: url(../images/email_icon.gif) no-repeat 2px 4px; color: #00A3E4; font-size: 14px; display: block; padding-left: 23px; }
				.content .products .proList .l .p_a { background: url(../images/pur_icon.gif) no-repeat 0px 4px; color: #00A3E4; font-size: 14px; display: block; padding-left: 23px; }
			.content .products .proList .r { width: 430px; float: left; line-height: 20px; }
				.content .products .proList .r li { padding-bottom: 10px; }
				.content .products .proList .r img { margin: 0px 3px; }
				.content .products .proList .r a { color: #FFFFFF; text-decoration: none; }
				.content .products .proList .r .a1 { color: #0098D5; }
				
			.content .products .friendBox { width: 442px; height: 327px; position: absolute; z-index: 9999; display: none; }
				.content .products .friendBox .f_t { background: url(../images/friend_box_t.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/friend_box_t.png',sizingMethod='crop'); width: 442px; height: 12px; font-size: 0px; float: left; }
				.content .products .friendBox .f_m { background: url(../images/friend_box_m.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/friend_box_m.png',sizingMethod='scale'); width: 442px; float: left; }
				.content .products .friendBox .f_b { background: url(../images/friend_box_b.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/friend_box_b.png',sizingMethod='crop'); width: 442px; height: 13px; font-size: 0px; float: left; }
				.content .products .friendBox p { margin: 0px; padding: 0px 5px 0px 0px; }
				.content .products .friendBox p a { float: right; margin-right: 10px; }
				.content .products .friendBox ul { width: 442px; margin: 8px 0px; float: left; }
					.content .products .friendBox li { float: left; }
					.content .products .friendBox .l { width: 90px; font-size: 14px; text-align: right; padding: 3px 10px 0px 0px; }
					.content .products .friendBox input { width: 200px; height: 20px; border: #BDBDBD solid 1px; }
					.content .products .friendBox textarea { width: 310px; height: 90px; border: #BDBDBD solid 1px; }
					.content .products .friendBox .but { width: 75px; height: 25px; font-weight: bold; border: none; background: url(../images/send_but.gif); color: #FFFFFF; cursor: pointer; }
.content .leftPanel  big{ font-size:12px; font-style:normal; font-weight:normal;}		
	.content .leftPanel .lineBox1 { background: url(../images/lineBox1.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/lineBox1.png',sizingMethod='crop');  width: 333px; height: 264px; margin: 20px 0px 0px 20px; }
			.content .leftPanel .lineBox1 .tt { width: 333px; height: 30px; padding-top: 23px; float: left; color: #FF971D; font-size: 24px; }
			.content .leftPanel .lineBox1 .imgs { width: 333px; float: left; }
				.content .leftPanel .lineBox1 .imgs .mask { background: url(../images/lineBox1_mask.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/lineBox1_mask.png',sizingMethod='crop'); width: 262px; height: 172px; margin: 0px 0px 0px 37px; position: absolute; }
				.content .leftPanel .lineBox1 .imgs .img { width: 262px; height: 172px; padding-left: 37px; }
			.content .leftPanel .lineBox1 .links { width: 333px; float: left; padding-top: 8px; }
				.content .leftPanel .lineBox1 .links a { color: #00A3E4; }
		.content .leftPanel .lineBox2 { background: url(../images/lineBox2.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/lineBox2.png',sizingMethod='crop');  width: 283px; height: 388px; margin: 50px 0px 0px 45px; }
			.content .leftPanel .lineBox2 .title { width: 283px; height: 32px; float: left; padding: 30px 0px 0px 0px; }
				.content .leftPanel .lineBox2 .title b { font-size: 18px; color: #FF9927; }
			.content .leftPanel .lineBox2 .list { width: 170px; height: 280px; padding: 5px 17px 0px 17px; float: left; margin-left: 38px; display: inline; }
				.content .leftPanel .lineBox2 .list li {font-size:10px; width: 170px; float: left; margin-top: 5px; }
				.content .leftPanel .lineBox2 .list p {font-size:10px; width: 170px; float: left; margin: 0px; padding: 3px 0px; }
				.content .leftPanel .lineBox2 .list p a { font-size: 14px; color: #8EC641; text-decoration: none; }
				.content .leftPanel .lineBox2 .list p a:hover { text-decoration: underline; }
				.content .leftPanel .lineBox2 .list p img { border: #8A8A8A solid 1px; margin-right: 15px; }
				.content .leftPanel .lineBox2 .list p span { color: #00A3E4; }
		.content .leftPanel .imgsAd { width: 310px; height: 210px; padding: 20px 0px 0px 5px; margin-left: 28px; }
			.content .leftPanel .imgsAd p { margin: 0px; padding: 10px 0px; }
				.content .leftPanel .imgsAd p img { margin: 0px 0px 0px 12px; }

/* Box */

	.content .roundBox { width: 580px; float: right; margin: 50px 18px 0px 0px; display: inline; }
		.content .roundBox .round_t { background: url(../images/round_t.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/round_t.png',sizingMethod='crop');  width: 580px; height: 14px; font-size: 0px; }
		.content .roundBox .round_m { background: url(../images/round_m.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/round_m.png',sizingMethod='scale');  width: 550px; padding: 0px 15px; }
			.content .roundBox .round_m p { margin: 0px; }
			.content .roundBox .round_m li { padding: 8px 0px; }
		.content .roundBox .round_b { background: url(../images/round_b.png); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/round_b.png',sizingMethod='crop');  width: 580px; height: 14px; font-size: 0px; }
	.content .events { width: 580px; float: right; margin: 30px 18px 0px 0px; display: inline; }
		.content .events .title { width: 580px; float: left; }
			.content .events .title .inp1 { width: 110px; height: 19px; background: #FFFFFF; border: none; font-size: 12px; } 
			.content .events .title .inp2 { height: 22px; margin-left: 8px; cursor: pointer; }
			.content .events .title img { margin: 2px 0px 0px 10px; }
		.content .events .eventList { width: 580px; float: left; border-bottom: #F2F2F2 dashed 1px; padding-top: 10px; }
			.content .events .eventList li { float: left; }
			.content .events .eventList .l { width: 80px; }
				.content .events .eventList .l img { border: #8A8A8A solid 1px; }
				.content .events .eventList li a { color: #0098D5; text-decoration: none; }
				.content .events .eventList li a:hover { text-decoration: underline; }
			.content .events .eventList .r { width: 500px; }
				.content .events .eventList .r p { margin: 0px; padding: 3px 0px; }
				.content .events .eventList .r p span { color: #CA7B21; }
		.content .events .pages { float: right; padding-top: 8px; }
			.content .events .pages li { float: left; }
				.content .events .pages .l { padding: 2px 5px 0px 0px; }
				.content .events .pages .m a { float: left; padding: 2px 4px; background: #3F3F3F; margin: 0px 3px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
				.content .events .pages .m a:hover, .content .events .pages .m .ahover { background: #9A7AC6; }
				.content .events .pages .r a { float: left; padding: 2px 4px; background: #FFFFFF; margin: 0px 3px; font-weight: bold; color: #000000; text-decoration: none; }
				.content .events .pages .r a:hover { background: #3F3F3F; color: #FFFFFF; }
		.content .events .forms { width: 580px; float: left; padding-top: 30px; }
			.content .events .forms p { margin: 0px; padding: 10px 0px; } 
			.content .events .forms .ul1 { width: 580px; float: left; margin: 8px 0px; }
			.content .events .forms .ul1 li { float: left; }
			.content .events .forms .ul1 .l { width: 105px; padding: 2px 0px 0px 5px; }
			.content .events .forms .ul1 .r { width: 470px; }
				.content .events .forms .r .d { width: 470px; float: left; padding: 0px; }
				.content .events .forms .r .p1 { padding-bottom: 5px; }
					.content .events .forms .r .d .sp { float: left; margin-right: 5px; }
					.content .events .forms .r .d .pd { padding-top: 3px; }  
				.content .events .forms .r .inp1 { width: 130px; height: 19px; background: #FFFFFF; border: none; }
				.content .events .forms .r .inp2 { width: 208px; height: 19px; background: #FFFFFF; border: none; }
				.content .events .forms .r .inp3 { width: 110px; height: 19px; background: #FFFFFF; border: none; }
				.content .events .forms .r select { width: 130px; }
				.content .events .forms .r textarea { width: 460px; height: 120px; }
				.content .events .forms .r .but { width: 75px; height: 25px; font-weight: bold; border: none; background: url(../images/login_but.gif); color: #FFFFFF; cursor: pointer; }
		.content .EventBox { width: 560px; float: right; margin: 60px 15px 0px 0px; display: inline; }
			.content .EventBox .proText { width: 560px; float: left; padding-bottom: 25px; }
				.content .EventBox .proText li { float: left; }
				.content .EventBox .proText .bg { width: 200px; height: 148px; padding-top: 12px; background: url(../images/event_pro_bg.gif); }
				.content .EventBox .proText .txt { width: 345px; padding: 0px 0px 0px 15px; }
				.content .EventBox .proText p { margin: 0px; padding: 8px 0px; line-height: 20px; }
			.content .EventBox .lineBox { width: 550px; float: left; padding: 18px 0px 18px 10px; border-top: #FFFFFF dashed 1px; border-bottom: #FFFFFF dashed 1px; }
			.content .EventBox .tBox { width: 550px; float: left; padding: 15px 0px 15px 10px; }
				.content .EventBox .tBox p { margin: 0px; padding: 5px 0px; }
			.content .EventBox .btnBox { width: 540px; float: left; padding: 15px 10px; }
			
/* comments */

	.content .c_page { width: 578px; float: right; margin-right: 20px; display: inline; }
		.content .c_page .pages { float: right; }
			.content .c_page .pages li { float: left; }
				.content .c_page .pages .l { padding: 2px 5px 0px 0px; }
				.content .c_page .pages .m a { float: left; padding: 2px 4px; background: #3F3F3F; margin: 0px 3px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
				.content .c_page .pages .m a:hover, .content .c_page .pages .m .ahover { background: #9A7AC6; }
				.content .c_page .pages .r a { float: left; padding: 2px 4px; background: #FFFFFF; margin: 0px 3px; font-weight: bold; color: #000000; text-decoration: none; }
				.content .c_page .pages .r a:hover { background: #3F3F3F; color: #FFFFFF; }
	.content .mt { margin-top: 10px; }
	
/* distributor */
	
	.content .disBox { width: 565px; padding: 30px 20px 20px 3px; float: right; font-size: 14px; }
		.content .disBox .title { width: 525px; float: left; padding: 0px 20px 10px 20px; }
		.content .disBox .disList { width: 264px; height: 87px; margin: 10px 5px; display: inline; padding-top: 5px; background: url(../images/disList_bg.gif); float: left; }
			.content .disBox .disList p { margin: 0px; padding: 5px 0px; }
			.content .disBox .disList a { color: #00A3E4; }
	
/* contact us */

	.content .contactBox { width: 555px; padding: 80px 20px 50px 13px; float: right; font-size: 14px; line-height: 22px; }
		.content .contactBox p { margin: 0px; padding: 20px 0px; }
		.content .contactBox ul { width: 555px; float: left; margin: 8px 0px; }
		.content .contactBox li { float: left; }
		.content .contactBox .l { width: 90px; font-size: 15px; }
		.content .contactBox .inp1 { width: 135px; border: none; background: #FFFFFF; height: 18px; }
		.content .contactBox .inp2 { width: 205px; border: none; background: #FFFFFF; height: 18px; }
		.content .contactBox .inp3 { width: 285px; border: none; background: #FFFFFF; height: 18px; }
		.content .contactBox textarea { width: 455px; height: 125px; }
		.content .contactBox .but { width: 75px; height: 25px; font-weight: bold; border: none; background: url(../images/login_but.gif); color: #FFFFFF; cursor: pointer; margin-top: 20px; } 
big{ font-size:14px; font-style:normal; font-weight:normal;}