@charset "utf-8";
/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}input:focus{ outline:none;}
body{ font:12px/1.5 Arial, Helvetica, sans-serif; }
a{ font-family:Arial; text-decoration:none;color:#999999;}
strong{font-weight:bold}


/*top  </iframe>
*/

.top{ background:url(img/bg_top.jp.jpg) top  center no-repeat}
.head{ width:950px; height:103px; margin:0 auto; }
.menu{ width:950px; height:36px; margin:0px auto;}
	.menu span{ display:block; float:left;  padding:10px 4px 0px 4px; color:#d2d2d2;}
	.menu a{ font-family:Arial; font-size:14px; color:#494949; display:block; float:left; padding:10px 20px 0px 20px;  text-decoration:none}
	.menu a:hover{color:#c3a78d;}
	.menu .lan1{padding:10px 15px 0px 25px;}
	.menu .lan2{padding:10px 0px 0px 0px;}
	
/*index*/
.container_index{ background:url(img/index_main.jpg) center no-repeat; height:680px}

/*ad*/
.ad{ width:950px; height:222px; paddin:0; margin:30px auto;}
	.ad a{ display:block;float:left;}
	.ad .m10{margin:0px 10px}


/*info*/
.container_info{ width:950px; margin:75px auto 40px auto;height:396px}
.container_info img{display:block; float:left}
.container_info .title{display:block; float:left; color:#ff2d7a; font-size:18px; padding:0px 0px 15px 0px;margin-left:30PX; width:430px; border-bottom:1px #73767d dotted}
.container_info .text{display:block; float:left; padding:10px 0px 0px 0px; margin-left:30PX; width:430px; line-height:22px; color:#999999}
.container_info .text h1{margin-top:143px; color:#494949}
.container_info .text h2{margin-top:160px; color:#494949}



/*bestsellers*/
.container_best{ width:950px; margin:0px auto;}
.container_best .banner{ margin:20px 0px}
.container_best li{display:block; float:left; margin:0px 0px 30px 0px; padding:16px 0px 0px 18px;height:295px; width:293px; background:url(img/bg_best.jpg) no-repeat;}
.container_best .best_m{margin:0px 9px 30px 8px; color:#FF0000}
.container_best li strong{color:#ff2d7a; font-size:14px; font-weight:bold }
.container_best a{ color:#999999}
.container_best a:hover{color:#c3a78d}

/*bestsellers*/
.container_skincare{width:950px; margin:40px auto 40px auto;height:350px}
.container_skincare a{display:block; float:left; height:350px;}
.skincare1 {width:177px; background:url(img/skincare_01.jpg)}
.skincare2 {width:145px; background:url(img/skincare_02.jpg)}
.skincare3 {width:139px; background:url(img/skincare_03.jpg)}
.skincare4 {width:160px; background:url(img/skincare_04.jpg)}
.skincare5 {width:140px; background:url(img/skincare_05.jpg)}
.skincare6 {width:189px; background:url(img/skincare_06.jpg)}


.skincare1:hover{width:177px; background:url(img/skincare_hover_01.jpg)}
.skincare2:hover{width:145px; background:url(img/skincare_hover_02.jpg)}
.skincare3:hover{width:139px; background:url(img/skincare_hover_03.jpg)}
.skincare4:hover{width:160px; background:url(img/skincare_hover_04.jpg)}
.skincare5:hover{width:140px; background:url(img/skincare_hover_05.jpg)}
.skincare6:hover{width:189px; background:url(img/skincare_hover_06.jpg)}


/*pro_list*/
.pro_list{width:950px; margin:40px auto 40px auto; }
.pro_list .left{display:block;float:left; width:150px; height:400px; background:url(img/bg_list_left.jpg) left top no-repeat; padding:20px;}
.pro_list .left li{ display:block; font-size:14px;  padding-bottom:8px}}
.pro_list .left a{color:#999999;}
.pro_list .left a:hover{color:#494949; font-weight:bold}
.pro_list .left strong{color:#494949; font-weight:bold}

.pro_list .right{display:block; width:750px;float:right; }
.pro_list .right li{display:block; width:224px; height:269px; float:left; background:url(img/bg_list_pro.jpg) center top no-repeat; padding:0px 13px 30px 13px }
.pro_list .right li img{margin:9px 9px 3px 9px; width:206px; height:206px; }
.pro_list .right li span{display:block;margin:0px 9px 0px 9px; }
.pro_list .right a {color:#999999}
.pro_list .right a:hover{color:#494949; }

/*pro_ditail*/
.detail{display:block; width:750px;float:right; background:url(img/bg_pro_detail.jpg) right top no-repeat; margin-bottom:80px}
.detail img{display:block; float:left;width:291px; height:291px; padding:5px 0px 5px 26px}
.detail span{display:block; float:left; color:#494949}
.detail .name{margin:20px 0px 0px 20px; width:410px; font-size:18px; font-weight:bold}
.detail .size{margin:30px 0px 0px 20px; background-color:#f5f5f5; padding:3px 5px;}
.detail .size strong{ font-size:14px}
.detail p{display:block; float:right; width:724px; padding-top:40px; color:#999999}
.detail strong{font-size:18px; font-weight:bold; color:#494949}
/*foot*/

.foot{ height:60px; text-align:center; color:#999999; padding:20px 0px 0px 0px; border-top:#e2e2e2 1px solid; clear:both}