@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img{margin:0;padding:0;border:0;outline:0;vertical-align: baseline;background: transparent;}
ol,ul,li,dl,dd,dt{padding:0;margin:0;list-style-type:none;}
table {	border-collapse: collapse;	border-spacing: 0;}
img{ border:none}


/*base*/
body {font-family:"",Verdana, Geneva, sans-serif; color:#333;font-size:12px; background:url(images/bg.jpg); margin:0px auto;padding:0px;}
#w912{width:912px; margin:0 auto;}
.fix { clear:both; height:0; font-size:0;}
a{color:#666; text-decoration:none;}
a:hover{color: #F0C; text-decoration:underline;}
form{ margin:0px; padding:0px}
.cl{ clear:both;}

/*头部header*/
.logobar{ width:912px; height:80px;}
.logo{ margin-left:40px; float:left; width:373px; height:80px;}
.sc{ float:right; width:115px; height:54px; margin-top:22px;}
.fg{ float:right; width:113px; height:26px; margin-left:10px; margin-top:40px; margin-right:3px;}
.bg1{height:7px; display:block}
.bg2{ background:url(images/bg3_03.gif); padding:0 9px;}
.bg3{ background:url(images/bg2_03.gif) no-repeat; height:7px; margin-bottom:5px;}
.nav{ background:#ea609e; height:37px;}
.con{ margin-top:2px;}
.con_l{ background:url(images/index_03.gif); width:446px; float:left; height:584px;}
.con_r{ background:url(images/bg_04.gif); width:448px; float:left; height:584px;}

/*底部*/
.bottom{ text-align:center; background:#ea609e; margin-top:2px; line-height:22px; color:#FFF;}
.footer{ text-align:center; margin-bottom:5px;}

/*product*/
.t{ line-height:17px; width:699px; margin:0px auto; height:20px; margin-top:10px; padding-left:5px; background:url(images/tbg_03.gif) repeat-x;}
.t01{ line-height:17px; width:699px; margin:0px auto; height:20px; margin-top:10px; padding-left:5px; background:url(images/tbg_03.gif) repeat-x; border-bottom:1px solid #12b619;}
.t02{ line-height:17px; width:699px; margin:0px auto; height:20px; margin-top:10px; padding-left:5px; background:url(images/tbg_03.gif) repeat-x; border-bottom:1px solid #f28d01;}
.t03{ line-height:17px; width:699px; margin:0px auto; height:20px; margin-top:10px; padding-left:5px; background:url(images/tbg_03.gif) repeat-x; border-bottom:1px solid #fdc518;}
.con2{ margin-top:2px;}
.left{ background:url(images/leftbg_03.gif) repeat-x #fce8f1; width:173px; margin-right:1px; float:left;}
.left .title{ color:#e4007f; font-size:14px; font-weight:bold; margin-bottom:18px; padding-top:10px; margin-left:17px;  height:20px; line-height:20px;}
.left .title3{ color:#e4007f; font-size:14px; font-weight:bold; padding-top:10px; margin-left:17px;  height:40px; line-height:20px;}
.left .title4{ color:#e4007f; font-size:14px; font-weight:bold; padding-top:10px; margin-left:17px; line-height:20px;}
.left .title2{ font-size:14px; color:#e4007f; margin-left:35px;}
.left1{ background:url(images/lbg4_03.gif) no-repeat; width:165px; height:242px; margin:5px auto;}
.ul01{width:130px; margin:5px 0px; margin-left:35px;}
.ul01 li{line-height:20px;}
.ul02{width:115px; margin-top:10px; margin-left:35px; }
.ul02 li{line-height:26px; width:115px;}
.ul02 .list{ background:url(images/133.gif) right center no-repeat;}
.ul02 a{color:#e4007f;font-size:14px;}
.ul01 a{ color:#666; font-size:12px;}
.ul01 a:hover{ color:#ea609e;}

.left2{ background:url(images/lbg3_03.gif); width:165px; height:159px; margin:5px auto;}
.contxt{ line-height:20px; margin-left:17px; margin-top:4px;}
.contxt a{ color:#e4007f}

.left3{ background:url(images/lbg2_03.gif); width:165px; height:163px; margin:5px auto;}

.left4{ background:url(images/lbg_03.gif); width:165px; height:186px; margin:5px auto;}
.btn2{ text-align:center; margin-top:92px; padding-left:5px;}

.left5{ background:url(images/leftbg5_03.gif); width:165px; height:146px; margin:5px auto;}
.btn3{ text-align:center; margin-top:9px; font-size:13px; font-weight:bold;}

.right{ width:717px; border:1px solid #f19ec2; float:left; background:url(images/bg_13.gif) right bottom #FFF no-repeat;}

/*产品页面*/
.right .pic1{ float:left; margin:15px; width:220px; height:330px; border:1px solid #CCC; padding:5px;}
.right .pictxt{ float:left; width:436px; margin-top:15px;}
.right .pictxt .title{ color:#F09; font-size:18px; font-weight:bold; margin-bottom:10px;}
.right .pictxt .t1{ border-bottom:1px dashed #F0F; font-size:13px; line-height:25px; color: #F3C; margin-bottom:5px; background:url(images/123.gif) left center no-repeat; padding-left:15px;}
.right .pictxt .t2{ line-height:21px; margin-bottom:5px;}
.t3{width:686px; margin:0 auto; line-height:25px; list-style:none;}
.ul03{text-align:center;}
.t3 .list1{ background:#e474dd; width:80px; color:#FFF; border:1px solid #CCC; border-bottom:none; padding:0 10px;  float:left; cursor:pointer;}
.t3 .list2{ background:#fff; width:80px; color:#333; border:1px solid #CCC; border-bottom:none; padding:0 10px;  float:left; cursor:pointer;}
.contxt1{ border:1px solid #ccc; float:left; padding:10px; width:664px; }
.ifo{text-indent:2em;}
.fankui{ margin:20px auto; }
.fankui span{ color:#F0F; font-weight:bold; line-height:22px;}
.fankui dt{ color:#F9C; margin-top:10px;}
.fankui dd{ border-top:1px solid #CCC;}
.wenzi{ color:#F00; border-top:1px solid #CCC; line-height:30px;}
.nametxt{ width:100px; height:15px; margin-left:5px;}
.neirongtxt{ width:600px; height:50px; line-height:22px;}
.name{ margin-bottom:10px;}
.neirong{ line-height:50px;}
.tj{ text-align:center; margin-top:5px;}
#magnifier{
 width:220px;
 height:330px;
 font-size:0;
 position:absolute;
 font-size:0;
 float:left;
}
#img{
 width:220px;
 height:330px; 
}
#alixixi_com{
 border:1px solid #ccc;
 z-index:100;
 position:absolute;
 background:#555;
}
#mag{
 border:1px solid #ccc;
 overflow:hidden;
 z-index:100;
}

/*productlist*/
.ti{ background:url(images/tt_03.gif); width:704px; height:24px; margin:10px auto; margin-top:20px;}
.blk_29 {BORDER: #ccc 1px solid; background:#FFF; width:702px; margin:0 auto; margin-bottom:10px; OVERFLOW: hidden; ZOOM: 1; POSITION: relative}
.blk_29 .LeftBotton {BACKGROUND: url(images/leftbtn_03.gif) center no-repeat; LEFT: 5px; FLOAT: left; WIDTH: 9px; CURSOR: pointer; POSITION: absolute; TOP: 10px; HEIGHT: 210px}
.blk_29 .RightBotton {RIGHT: 5px; BACKGROUND: url(images/rightbtn_05.gif) no-repeat; FLOAT: right; WIDTH: 10px; CURSOR: pointer; POSITION: absolute; TOP: 10px; HEIGHT: 210px}
.blk_29 .Cont {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 650px; PADDING:5px 0;}
.blk_29 .box {FLOAT: left; WIDTH: 162px; TEXT-ALIGN: center; margin:0 5px;}
.blk_29 .box IMG {DISPLAY: block;  BACKGROUND: #fff;  MARGIN: 0px auto;}
.blk_29 .box A{ color:#e4007f;}
.blk_29 .box P { WIDTH:162px; background:#CCC; LINE-HEIGHT: 25px}

.box1{ margin:15px; _margin:14px; width:206px; float:left;}
.box1 .pic0{ width:200px; height:302px; padding:2px; border:1px solid #CCC;}
.box1 .text{ text-align:center; line-height:25px;}
.box1 .span1{ background:url(images/line_07.gif) bottom no-repeat; color:#f2418f; font-weight:bold;}

/*news*/
.banner{ height:206px; background:#CCC; width:704px; margin:5px auto;}
.banner2{ height:260px; background:#CCC; width:704px; margin:5px auto;}
.newslist{ width:670px; margin:5px auto; margin-top:20px;}
.newst{ background:url(images/news_03.gif) no-repeat; height:22px; margin-bottom:5px;}
.newstxt{ line-height:22px; color:#666; border-bottom:1px solid #CCC; margin-bottom:10px; margin-top:5px;}
.newstxt p{ text-indent:2em; line-height:25px;}
.newstitle{ color:#666; line-height:25px;}
.newstitle a{ color:#e85298;font-weight:bold;font-size:14px;margin-right:10px;}
.more{ text-align:right; margin-bottom:5px;}

.newstitle2{ background:url(images/li_06.gif) center left no-repeat; padding-left:10px; height:17px; line-height:17px; color:#e85298;font-weight:bold;font-size:14px;margin-right:10px;}

/*CSS flickr style pagination*/
DIV.flickr {
	PADDING-RIGHT:3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.flickr A {
	BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dedfde 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none
}
DIV.flickr A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #999
}
DIV.meneame A:active {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de
}
DIV.flickr SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #ff0084; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.flickr SPAN.disabled {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}

/************微胶囊课堂*********/
.kebg1{ background:url(images/bg1_03.gif); width:694px; height:329px; margin-left:22px; margin-top:1px;}
.kebg2{ background:url(images/bg2_06.gif); width:694px; height:431px; margin:1px auto; margin-left:1px;}
.kebg3{ background:url(images/bg3_10.gif); width:694px; height:302px; margin-left:22px; margin-bottom:15px;}

/************化妆面料实验室*********/
.banner1{ margin:15px auto;}
.systitle{ text-align:center; font-weight:bold; margin:10px; font-size:15px;}
.right2{ width:717px; border:1px solid #f19ec2; height:770px; float:left; background:url(images/bg_13.gif) right bottom #FFF no-repeat;}
.newstxt2{ line-height:22px; color:#666; margin-bottom:10px; margin-top:5px;}
.newstxt2 p{ text-indent:2em; line-height:25px;}

/************美丽代言*********/
.banner3{ margin:5px auto; text-align:center; line-height:25px; font-weight:bold; color: #F6F;}
.banner3 img{ border:1px solid #ccc; padding:5px;}
.mldytitle{ font-weight:bold; margin:10px 0px; font-size:15px;}

/************品牌传奇*********/
.right3{ width:717px; border:1px solid #f19ec2; float:left; background:url(images/bg_13.gif) right bottom #FFF no-repeat; height:1020px;}
.right4{ width:717px; border:1px solid #f19ec2; float:left; background:url(images/bg_13.gif) right bottom #FFF no-repeat; height:1110px;}
.ppcq{ width:704px; border-top:1px solid #999; margin:5px auto;}
.box2{ background:url(images/bg0_03.gif) repeat-x; height:230px; border-bottom:1px dotted #CCC; margin-top:1px; padding:0 10px; margin-bottom:10px;}
.box2left{ float:left; width:340px; margin-top:18px;}
.b2t{ margin-bottom:10px;}
.b2c{ line-height:24px; color:#666;}
.b2c2{ line-height:24px; color:#666; width:680px; margin:0 auto;}
.b2c2 p{ text-indent:2em;}
.box2 .pic{ float:left; margin-top:10px; margin-left:20px;}

.banner4{ text-align:center; margin:20px; line-height:25px;}
.banner4 img{ border:1px solid #ccc; padding:5px;}
.mldytitle{ font-weight:bold; margin:10px 0px; font-size:15px;}
.ppic{ padding-bottom:10px; height:156px; padding-left:20px;}
.ppic img{ float:left; margin-right:20px;}

/************常见问题解答*********/
.faqt{ border:1px solid #CCC; padding:5px; width:692px; margin:10px auto;}
.faqtt{ background:url(images/fagbg_03.gif) repeat-x; height:31px; line-height:31px;}
.faqt span{ font-weight:bold; padding-left:10px; margin-left:10px; width:100px; background:url(images/faqli_06.gif) left center no-repeat; height:31px;}
.faqc{ border:1px solid #CCC; line-height:30px; width:702px; margin:0 auto;}
.q{ font-weight:bold; font-size:14px; padding-left:10px; border-bottom:1px solid #CCC;}
.a{ color:#666; line-height:22px; padding:5px 5px 5px 35px; border-bottom:1px solid #CCC;}

/************壁纸下载*********/
.p1{ float:left; width:158px; margin:32px;}
.p1 .img1{ border:1px solid #CCC; padding:2px; margin-bottom:10px;}