@charset "utf-8";
/* CSS Document */
body{ background:#fff; font-family:lucida sans unicode,verdana,arial,helvetica,sans-serif;}
*{ margin:0; padding:0; outline:0; border:0;}
img{ float:left;}
ul{ list-style-type:none;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:underline;}

.lauder_wrapper{ width:835px; margin:0 auto; overflow:hidden;}

.lauder_wrapper .header{ width:100%; float:left;}
.lauder_wrapper .header .topMenu{ font-size:13px; float:left; width:100%; height:35px; line-height:35px; border-bottom:1px solid #ccc;}
.lauder_wrapper .header .topMenu a{ padding-right:10px;}
.lauder_wrapper .header .logo{ width:100%; float:left; height:69px;  border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.lauder_wrapper .header .logo .left{ width:auto; float:left; margin:5px;}
.lauder_wrapper .header .logo .right{ float:right; line-height:65px; font-size:13px; font-weight:bold;}

.lauder_wrapper .container{ width:100%; float:left;}
.lauder_wrapper .container .heading{ width:100%; float:left;}
.lauder_wrapper .container .heading h1{ width:100%; float:left; padding:15px 0;  color:#2fb457; font-size:26px; text-align:center; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
.lauder_wrapper .container .heading p{ width:100%; float:left; text-align:center; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;}

.lauder_wrapper .container .banner{ width:100%; float:left; min-height:470px; background:url(../images/book_bg.jpg) no-repeat right top; margin:10px 0 5px 0px;}
.lauder_wrapper .container .banner .listBox{width:50%; float:left;height:530px;}
.lauder_wrapper .container .order{ width:50%; margin:0 0 15px 95px; float:left;}
.lauder_wrapper .container .banner ul{ float:left; width:250px; font-size:32px; padding:20px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif;}
.lauder_wrapper .container .banner ul li{ width: 100%; float:left; padding:10px 0 10px 20px; background:url(../images/dot.png) no-repeat left 23px; font-weight:bold;}

.lauder_wrapper .container .imageDiv{ width:100%; float:left;}
.lauder_wrapper .container .imageDiv img{ border:1px solid #999; margin:0 26px 26px 0}
.lauder_wrapper .container .imageDiv img.last{ margin:0; float:right;}

.lauder_wrapper .container .content{ width:100%; float:left;}
.lauder_wrapper .container .content .left{ width:48%; float:left;}
.lauder_wrapper .container .content .right{ width:50%; float:right; font-size:9px; margin:-50px 0 0 0;}
.lauder_wrapper .container .content .right table, td, tr{ border:1px solid #666; line-height:20px; text-align:center;}
.lauder_wrapper .container .content .right .gray{ background:#c6c8ca;}
.lauder_wrapper .container .content .right .yellow{ background:#ffe100}

.lauder_wrapper .container .content .left ul{ width:100%; float:left;}
.lauder_wrapper .container .content .left ul li{ width:100%; float:left; background:url(../images/dot1.png) no-repeat left center; text-indent:20px;}

.lauder_wrapper .container .footer{ width:100%; float:left; margin:15px 0; font-size:13px;}
.lauder_wrapper .container .footer .left{ width:250px; float:left;}
.lauder_wrapper .container .footer .right{ width:auto; float:left;}