﻿/* CSS Document */



div, p, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*news*/
.pl16{ padding-left:16px;}
.mlpx3{ margin-left:3px;}
.pl201px{ padding-left:201px;}
.pl166px{ padding-left:166px;}
.pl150px{ padding-left:150px;}
#news{ margin-left:13px; margin-top:17px; float:left; }
.newstitle{ background:url(../images/title.jpg) no-repeat; width:648px; display:block; height:35px; line-height:35px;color:#FFFFFF;}
.newstitle ul{ display:block; padding-left:12px;}
.newstitle ul li{ float:left; padding-right:10px; margin-right:10px; background: url(../images/navwhiteline.jpg) right center no-repeat;}
.newstitle ul li a{  display:block; color:#FFFFFF;}
.newstitle ul li a:hover{ font-weight:bold; color:#FFFFFF;}
.newstitle ul li.sportgame{ background:no-repeat;}

.newstitlenav,.Eyeprotection{ margin-top:10px; height:23px; width:594px; display:block; background:url(../images/newsline.jpg) 108px center no-repeat; padding:10px 0 0 43px;font-size:14px;  color:#004c92;}
.newstitlenav1{margin-top:10px; height:23px; width:594px; display:block; padding:0px 0 0 10px;font-size:14px;  color:#004c92;}}
.Eyeprotection{ padding:10px 0 0 11px; width:626px;}
.newstitlenav img,.Eyeprotection img{ margin:0 6px; float:left;}
.marginleft{ margin-left:15px;}
.marginlett1{ margin-left:5px; margin-top:-10px}
.newstitlenav ul,.Eyeprotection ul{ display:block; height:17px; line-height:17px; width:250px; float:right; font-size:12px;}
.newstitlenav1 ul{display:block; height:17px; line-height:17px; width:250px; float:right; font-size:12px;}
.newstitlenav ul li,.Eyeprotection ul li{ float:right; padding-right:10px; margin-right:5px; background: url(../images/tog111.jpg) right center no-repeat;}
.newstitlenav1 ul li{float:right; padding-right:10px; margin-right:5px; background: url(../images/tog111.jpg) right center no-repeat;}
.newstitlenav ul li a,.Eyeprotection ul li a{  display:block; color:#004c92;}
.newstitlenav1 ul li a{display:block; color:#004c92;}
.newstitlenav ul li a:hover,.Eyeprotection ul li a:hover{ color:#000000;}
.newstitlenav1 ul li a:hover(color:#000000;)
.newstitlenav ul li.sportgame,.Eyeprotection ul li.sportgame{ background:no-repeat;}
.newstitlenavbg{ width:648px; height:24px; background:url(../images/newsbg111.jpg) no-repeat;}

.newstext{ height:25px; line-height:25px; border-top:2px #c2c2c2 solid; background:url(../images/newsline1.jpg) 551px top #eeeeee no-repeat;  width:390px; padding-left:226px; padding-right:32px; font-weight:bold; color:#000 }

.newslist{  width:648px; display:block; color:#000;}
.newslist ul{ display:block; width:642px; padding:0 3px;}
.newslist ul li{
	height:25px;
	line-height:25px;
	width:646px;
	background: url(../images/buttomline.jpg) bottom repeat-x;
	
}

.newslist ul li.none{
		height:25px;
	line-height:25px;
	width:646px;
	background: none;
	border-bottom:2px #c2c2c2 solid;
	
}
.newslist ul li a{ background: url(../images/list1.jpg) 0 40% no-repeat; color:#000; padding-left:14px;	height:25px;
	line-height:25px;}
.newslist ul li a:hover{ background: url(../images/list2.jpg)  0 30% no-repeat; color:#000;padding-left:18px;  	height:25px;
	line-height:25px;}

.newsend{ padding:8px 24px 0 0; width:624px; height:21px; line-height:21px; text-align:right;color:#000}
.newsend img{ margin-right:3px;}
.newsend a{color:000;}
.newsend a:hover{ font-weight:bold;color:#000;}
.newslist1{  width:350px; display:block; color:#595959;}
.newslist1 ul{ display:block; width:350px; padding:0 3px;}

.newslist1 ul li{
		height:25px;
	line-height:25px;
	width:350px;
	background: none;
	text-align:10px; 
	list-style:url(../images/dotli.gif);
	border-bottom:1px #999999 dashed
}
.newslist1 ul li a{ color:#595959; padding-left:0px;	height:25px;
	line-height:25px; }
.newslist1 ul li a:hover{ color:#595959;padding-left:0px;  	height:25px;
	line-height:25px; text-decoration:underline}

.newsend1{ padding:8px 24px 0 0; width:350px; height:21px; line-height:21px; text-align:center;color:#595959}
.newsend1 img{ margin-right:3px;}
.newsend1 a{color:#595959;}
.newsend1 a:hover{ font-weight:bold;color:#5959596;}
.xg{width:280px; font-size:13px; padding-left:10px; padding-top:2px}
.xg span{ padding:10px 0px 10px 0px; color:#004c92}
.xg a{ font-size: 12px; color:#004c92}
.xg a:hover{ font-size:12px; color:#004c92}
.xg a:actived{ font-size:12px; color:#004c92}
.swf{ display:block; list-style:none; width:auto; padding-left:30px}
.swf ul li{ border:1px #CCCCCC thin; float:left; padding:20px 5px 0px 10px;}
.sb{width:170px; font-size:13px;text-align:left}
.sb a{ font-size: 13px; color:#cb3378}
.sb a:hover{ font-size:14px; color:cb3378}
.sb a:actived{ font-size:14px; color:#cb3378}
.yy {width:170px;font-size:13px;text-align:left;}
.yy a{ font-size: 13px; color:cb3378}
.yy a:hover{ font-size:14px; color:cb3378}
.yy a:actived{ font-size:14px; color:cb3378}
.sb1 {width:170px; font-size:13px;text-align:left}
.sb1 a{ font-size: 13px; color:#ffffff}
.sb1 a:hover{ font-size:14px; color:#ffffff}

/*products*/
.products{ width:641px; height:88px; padding-left:7px; font:"宋体";}
.productsbox,.productsbox1{ width:320px; height:88px; float:left;}
.productsbox1{ margin-right:0px;}
.productsbox img,.productsbox1 img{ float:left; border:1px #c4c4c4 solid;}
.productsboxtext{ margin:5px 0 0 9px;  color:#105798; float:left; line-height:21px; font-weight:bold; }
.productsboxcheckbox{ float:left; padding-top:50px; padding-right:10px;}
.productsboxtext img{ border:0px none; margin-top:5px;}
.productsboxend,.Expertadvicetitleend,.Expertadvicetitleend1{ background:url(../images/productline.jpg) right center no-repeat; width:620px; font-size:0px; height:3px; border-bottom:1px #2673bf solid; margin-top:12px; margin-bottom:11px;}
.Expertadvicetitleend{ margin-top:0px; margin-bottom:18px;}
.Expertadvicetitleend1{ margin-top:0px; margin-bottom:0px;}
.chp{width:605px;border-bottom:1PX #999999 dashed;height:auto; padding-left:30px; padding-bottom:10px; padding-top:10px;}
.chp img { padding-right:10px}
.chp1{width:605px;height:auto; padding-left:30px; padding-bottom:10px; padding-top:10px}
.chp1 img { padding-right:10px}
/*eyes*/
.Eyeprotectionbox{width:644px; padding-left:4px; font:"宋体"; color:#333}
.Eyetitle{ text-align:center; width:605px; font-weight:bold; width:605px; padding:20px 0px 20px 0px; font-size:16px}
.Eyejj{ width:605px; padding:20px 0px 0px 5px;}
.Eyejj1{width:605px; padding:20px 0px 0px 5px;}
.Eyejj1 a{ color:}
.Eyeprotectionflash{ width:631px; height:501px;}
.Eyeprotectiontext{ padding-left:16px; width:605px; text-indent:2em; margin-top:10px; line-height:21px;}
.Eyeprotectiontext img {border:1px #333 solid;align-text:center;margin::15px}


.newscontenttitle{ margin-left:50px; width:500px; margin-bottom:15px; text-indent:0em; text-align:center}
.newscontenttitle1{width:600px; font-weight:bold; text-align:center; text-indent:0em;}

.newscontenttitlep{ width:604px; margin-bottom:26px; height:200px; text-indent:0em;} 
.newscontenttitlep img{ float:right; margin-right:5px;}
.newscontenttitleptext{ width:604px;text-indent:2em;font-size:13px;color:#000} 
.newscontenttitleptext img{border:1px #333 solid;align-text:center;margin:15px;}

.ml34px{ margin-left:34px; font-size:14px; color:#e70000; font-weight:bold;}


/*Meamber Management*/

.mltext{ margin-left:5px;*margin-left:9px;_margin-left:8px; }
.ml9px,.ml9px68{
	margin-left:5px;


*margin-left:5px;			_margin-left:4px;
	height: auto;
}
.ml9px div{ height:22px; line-height:22px;}
.ml9px68{ height:68px;}
.tabletext{width:168px; margin-right:10px; float:left}
.input,.input1,.input2,.input3,.input4{  width:184px; height:19px; border:1px solid #bfbfbf; color:#004c92; margin-right:10px;}
.input1{ width:40px; margin:0px;}
.input2{ width:101px;}
.input3{ width:367px; margin-top:5px;}
.input4{ width:324px;}
textarea{ border:1px solid #bfbfbf; }
.button{ width:70px; height:19px; text-align:center;}
.pl201px input,.pl166px input{ background:url(../images/button.jpg) no-repeat; width:70px; height:19px; line-height:19px; }
.Meamber{}
.Meamber a{ color:#004c92;}
.Meamber a:hover{ color:#004c92; font-weight:bold;}


/*Redeem*/
.Redeem{ margin-left:47px; height:151px; }
.Redeem img{ margin-right:14px; float:left}
.Redeemtext{float:left; padding-top:40px; line-height:20px;}

.Redeemlist{ margin-left:77px; width:580px; text-align:center; }

.Redeemlistbox,.products2box{ width:130px; float:left; margin-right:44px;_margin-right:40px; background:url(../images/Redeempbg.gif) no-repeat left top; padding:6px 9px 13px 6px; }
.products2box{ width:161px;margin-right:27px;  background:url(../images/probg.gif) no-repeat left top; padding:8px 11px 11px 8px; text-align:center;}
.Redeemlistboxp,.products2boxp{ }
.Redeemlistbox img,.products2box img{ margin-bottom:19px;}
.Redeemlistbox input,.products2box input{ background:url(../images/button.jpg) no-repeat; width:70px; height:19px; line-height:19px; }

/*Online video、Online Radio*/
.Onlinevideo{ padding: 0 0 23px 78px ; width:499px; height:395px; text-align:center;}
.OnlineRadio{ width:384px; height:68px;padding:17px 130px; background:url(../images/OnlineRadiobg.jpg) no-repeat; margin-bottom:39px;}

/*Expertadvice*/
.Expertadvice{ margin-left:3px; width:629px;}
.Expertadvicetitle{ padding-left:13px;  color:#004c92;}
.Expertadvicetext{ margin-left:21px; margin-bottom:10px; text-indent:2em; line-height:20px; width:594px;}
.Expertadvicetext1{ margin-left:21px; margin-bottom:16px; padding:5px; text-indent:2em; line-height:20px; width:589px; background:#e3f4fd;}

.Expertadvicetable{ margin-top:32px;margin-left:4px; margin-bottom:18px;width:534px; height:218px; border:1px #c1c1c1 solid; background:url(../images/mess.jpg) left top no-repeat; padding:36px 0 0 91px; }

/*Company Profile*/
.font16{ font-size:16px; }

/*products2*/
.products2{ margin-left:8px; text-align:center; width:629px;}


.onlineorder{text-align:center; margin:10px 0px;}
