/*全局属性*/
body { text-align: center; margin:0; padding:0;  font-size:12px; color:#1a1a1a; font-family:"微软雅黑";}
body > div { text-align:center; margin-right:auto; margin-left:auto;} 
dd { margin: 0; padding: 0; border: 0;}
dt { margin: 0; padding: 0; border: 0;}
dl { margin: 0; padding: 0; border: 0;}
p { margin: 0; padding: 0; border: 0;}
li { margin: 0; padding: 0; border: 0;}
ol { margin: 0; padding: 0; border: 0;}
ul { margin: 0; padding: 0; border: 0;}
img { margin: 0; padding: 0; border: 0;}
form { margin: 0; padding: 0; border: 0;}
div { margin: 0; padding: 0; border: 0;}
h6 { margin:0; padding:0; font-size:12px; font-weight:normal;}
h5 { margin:0; padding:0; font-size:12px; font-weight:normal;}
h4 { margin:0; padding:0; font-size:12px; font-weight:normal;}
h3 { margin:0; padding:0; font-size:12px; font-weight:normal;}
h2 { margin:0; padding:0; font-size:12px; font-weight:normal;}
h1 { margin:0; padding:0; font-size:12px; font-weight:normal;}
li { list-style: none }

ul { list-style: none }





/* 链接颜色 */
a {color: #73371B; text-decoration:none;}
a:hover {text-decoration:underline;}

a.b:link{ color:#C47300;}
a.b:hover{color:#C72A00;}
a.b:visited{color:#C47300;}

/*通用属性*/
.left { float: left;}
.right { float: right;}
.clear:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.area:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.area{zoom:1}
.clear{zoom:1}
.fb{font-weight:bold}

/* header
----------------------------------------------- */
.header{ background:#000; height:45px ;}
.header h1 {width:130px; padding-top:5px;}
.header h1 a {display:block;text-indent:-9999px; height:35px; background:url(http://www.marieclairechina.com/images/logo.jpg) no-repeat 0 0;}

.header ul.menu{width:600px; overflow:hidden;}
.header ul.menu li {float: left;line-height: 45px;}
.header ul.menu li a { line-height: 45px; display:block; padding:0 10px; font-size:12px;  color:#fff;}
.header ul.menu li a:hover { color:#f00; background:#222;}
.footer_bg{background:#000;}
.footer {line-height: 49px; height:49px; color: #fff; text-align:center; font-size:12px;padding:10px 0 40px 0}

/*general
----------------------------------------------- */
.warp{width:960px;margin:0 auto;}
a{color:#555;text-decoration:none;}

.fl{float:left;}
.fr{float:right;}
.clr{width:auto; height:1px; margin-top:-1px; overflow:hidden; clear:both; display:block;}





/*居中属性*/
.bgc{background-repeat:no-repeat; background-position:top center;}
/* 通用栏宽*/
.area {width:1000px; clear:both; height:auto;margin:0 auto}

.top-pic-box{height:529px;background:url('images/pic_01.jpg') no-repeat center; width:100%; }


.a-box{height:917px; background:url('images/pic_02.jpg') no-repeat center; width:100%; }
.a-box .area{position:relative;}
.a-box .text1{line-height:24px; font-size:14px; position:absolute;left: 192px; top: 209px; width: 418px; height:59px;  text-align :left; }
.a-box .text2{line-height:24px; font-size:14px; position:absolute;left: 208px; top: 500px; width: 261px; height: 59px;text-align :left; }
.a-box .text3{line-height:24px; font-size:14px; position:absolute;left: 738px; top: 554px; width: 238px; height: 59px;text-align :left; }
.a-box .text4{line-height:24px; font-size:14px; position:absolute;left: 27px; top: 752px; width: 366px; height: 59px;text-align :left; }
.a-box .text5{
	line-height:24px;
	font-size:14px;
	position:absolute;
	left: 542px;
	top: 791px;
	width: 255px;
	height: 59px;
	text-align :left;
}

.a-box .title1{line-height:24px; font-size:20px; position:absolute;left: 192px; top: 150px; width: 413px; height: 27px;text-align :left; }
.a-box .title2{line-height:24px; font-size:16px; position:absolute;left: 208px; top: 466px; width: 261px; height: 27px;text-align :left; color:#ef3915; }
.a-box .title3{line-height:24px; font-size:16px; position:absolute;left: 737px; top: 523px; width: 234px; height: 27px;text-align :left; color:#ef3915; }
.a-box .title4{line-height:24px; font-size:16px; position:absolute;left: 27px; top: 721px; width: 210px; height: 27px;text-align :left; color:#ef3915; }
.a-box .title5{line-height:24px; font-size:16px; position:absolute;left: 561px; top: 751px; width: 198px; height: 27px;text-align :left; color:#ef3915; }




.b-box{height:511px; background:url('images/pic_03.jpg') no-repeat center; width:100%; }
.b-box .area{position:relative;}
.b-box .text1{line-height:24px; font-size:14px; position:absolute;left: 436px; top: 194px; width: 231px; height: 59px;text-align :left;}
.b-box .text2{line-height:24px; font-size:14px; position:absolute;left: 712px; top: 137px; width: 172px; height: 59px;text-align :left;}
.b-box .text3{line-height:24px; font-size:14px; position:absolute;left: 52px; top: 375px; width: 297px; height: 81px;text-align :left;}
.b-box .text4{line-height:24px; font-size:14px; position:absolute;left: 451px; top: 397px; width: 358px; height: 59px;text-align :left;}
.b-box .title1{
	line-height:28px;
	font-size:18px;
	background:#000;
	color:#FFF;
	position:absolute;
	left: 435px;
	top: 164px;
	width: 233px;
	height: 28px;
	text-align :center;
}
.b-box .title2{
	line-height:28px;
	font-size:18px;
	background:#000;
	color:#FFF;
	position:absolute;
	left: 656px;
	top: 96px;
	width: 383px;
	height: 28px;
	text-align :center;
}
.b-box .title3{
	line-height:28px;
	font-size:18px;
	background:#000;
	color:#FFF;
	position:absolute;
	left: 55px;
	top: 341px;
	width: 265px;
	height: 28px;
	text-align :center;
}
.b-box .title4{
	line-height:28px;
	font-size:18px;
	background:#000;
	color:#FFF;
	position:absolute;
	left: 451px;
	top: 369px;
	width: 262px;
	height: 28px;
	text-align :center;
}



.c-box{height:915px; background:url('images/pic_04.jpg') no-repeat center #eee9db; width:100%;  }
.c-box .area{position:relative;}
.c-box .text1{line-height:22px; font-size:12px;position:absolute;left: 621px; top: 90px; width: 365px; height: 70px; text-align:left;}
.c-box .text2{line-height:22px; font-size:12px;position:absolute;left: 621px; top: 229px; width: 365px; height: 70px;text-align:left;}
.c-box .text3{line-height:22px; font-size:12px;position:absolute;left: 621px; top: 367px; width: 365px; height: 70px; text-align:left;}
.c-box .text4{
	line-height:22px;
	font-size:12px;
	position:absolute;
	left: 16px;
	top: 474px;
	width: 286px;
	height: 70px;
	text-align:left;
}
.c-box .text5{line-height:22px; font-size:12px;position:absolute;left: 16px; top: 611px; width: 286px; height: 70px; text-align:left;}
.c-box .text6{
	line-height:22px;
	font-size:12px;
	position:absolute;
	left: 16px;
	top: 749px;
	width: 286px;
	height: 70px;
	text-align:left;
}



.d-box{height:1908px; background:url('images/pic_05.jpg') no-repeat center; width:100%; }
.d-box .area{position:relative;}
.d-box .link{left: 17px; top: 152px; width: 162px; height: 496px;position:absolute;}
.d-box .text1{line-height:24px; font-size:12px;position:absolute;left: 53px; top: 376px; width: 126px; height: 20px;text-align :left;}
.d-box .text2{line-height:24px; font-size:12px;position:absolute;left: 294px; top: 376px; width: 111px; height: 20px;text-align :left;}
.d-box .text3{line-height:24px; font-size:12px;position:absolute;left: 529px; top: 376px; width: 111px; height: 20px;text-align :left;}
.d-box .text4{line-height:24px; font-size:12px;position:absolute;left: 770px; top: 377px; width: 111px; height: 20px;text-align :left;}
.d-box .text5{line-height:24px; font-size:12px;position:absolute;left: 52px; top: 816px; width: 219px; height: 20px;text-align :left;}
.d-box .text6{line-height:24px; font-size:12px;position:absolute;left: 137px; top: 1021px; width: 219px; height: 20px;text-align :left;}
.d-box .text7{line-height:24px; font-size:12px;position:absolute;left: 603px; top: 816px; width: 219px; height: 20px;text-align :left;}
.d-box .text8{line-height:24px; font-size:12px;position:absolute;left: 270px; top: 1392px; width: 199px; height: 20px;text-align :left;}
.d-box .text9{line-height:24px; font-size:12px;position:absolute;left: 735px; top: 1356px; width: 199px; height: 20px;text-align :left;}
.d-box .text10{line-height:24px; font-size:12px;position:absolute;left: 103px; top: 1726px; width: 161px; height: 20px;text-align :left;}
.d-box .text11{line-height:24px; font-size:12px;position:absolute;left: 685px; top: 1807px; width: 161px; height: 20px;text-align :left;}
.d-box .title1{line-height:24px; font-size:12px;position:absolute;left: 40px; top: 693px; width: 147px; height: 20px;text-align :left; text-align:center;  color:#fff; background:#000;}
.d-box .title2{
	line-height:24px;
	font-size:12px;
	position:absolute;
	left: 739px;
	top: 576px;
	width: 233px;
	height: 20px;
	text-align :left;
	text-align:center;
	color:#fff;
	background:#000;
}
.d-box .title3{line-height:24px; font-size:12px;position:absolute;left: 709px; top: 1058px; width: 259px; height: 20px;text-align :left; text-align:center;  color:#fff; background:#000;}
.d-box .title4{line-height:24px; font-size:12px;position:absolute;left: 39px; top: 1509px; width: 211px; height: 20px;text-align :left; text-align:center;  color:#fff; background:#000;}
.d-box .title5{
	line-height:24px;
	font-size:12px;
	position:absolute;
	left: 691px;
	top: 1436px;
	width: 225px;
	height: 20px;
	text-align :left;
	text-align:center;
	color:#fff;
	background:#000;
}
.d-box .title6{line-height:24px; font-size:12px;position:absolute;left: 104px; top: 1618px; width: 209px; height: 20px;text-align :left; text-align:center;  color:#fff; background:#000;}
.d-box .title7{
	line-height:24px;
	font-size:12px;
	position:absolute;
	left: 560px;
	top: 1679px;
	width: 264px;
	height: 20px;
	text-align :left;
	text-align:center;
	color:#fff;
	background:#000;
}



.e-box{height:971px; background:url('images/pic_06.jpg') no-repeat center #eee9db; width:100%; }
.e-box .area{position:relative;}
.e-box .text1{line-height:22px;  font-size:12px;position:absolute;left: 581px; top: 286px; width: 390px; height: 53px;text-align :left; }
.e-box .text2{line-height:22px;  font-size:12px;position:absolute;left: 778px; top: 459px; width: 183px; height: 117px;text-align :left; }
.e-box .text3{line-height:22px;  font-size:12px;position:absolute;left: 20px; top: 812px; width: 331px; height: 117px;text-align :left; }
.e-box .title1{line-height:28px; font-size:18px;position:absolute;left: 580px; top: 247px; width: 126px; height: 28px;text-align :left; text-align:center;  color:#fff; background:#000;}
.e-box .title2{line-height:28px; font-size:18px;position:absolute;left: 774px; top: 418px; width: 186px; height: 28px;text-align :left; text-align:center;  color:#fff; background:#000;}
.e-box .title3{line-height:28px; font-size:18px;position:absolute;left: 16px; top: 772px; width: 126px; height: 28px;text-align :left; text-align:center;  color:#fff; background:#000;}