@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
body{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px;background:#1c141c url(../images/c-bodybg.jpg) no-repeat center top; color:#777}
img{ border:none}
.nav,.menubox li a{ font-family:Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{ margin:0; padding:0}
ul,li{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px}
.txt01{ color:#369}
.txt02{ color:#fa5382}
.txt03{ color:#9a9a9a}
.txt04{ color:#191919}
.txt05{ color:#1195ae}
.txt06{ color:#9b0000}
.txt07{ color:#fb83a4}
#header,#content,.footer-contents,#footer{ width:958px; margin:0 auto}

/*头部*/
#header{ height:121px; position:relative}
.logo{ position:absolute}
.search{ position:absolute; right:20px; top:30px}
.search-txt{ width:158px; height:18px; background:url(c-search-bg.png) no-repeat; border:none; padding-left:5px; padding-top:5px; font-weight:bold; color:#ded2df}
.search-but{ position:absolute; right:0; width:30px; height:23px; background:none; border:none; cursor:pointer}
.nav{ width:670px; height:40px; background:url(c-navbg.png) no-repeat; position:absolute; bottom:0; right:0}
.nav ul{ margin-left:75px}
.nav li{ float:left; width:85px; height:40px; line-height:40px; text-align:center}
.nav li a{ color:#fcd7eb}
.nav li a:hover{ color:#fff}

/*内容*/
#content{ position:relative; height:416px; background:#000}
.menubox{ width:200px; height:415px; background:url(c-mrsnav-bg.png) no-repeat; position:absolute; top:1px; left:40px; z-index:1}
.menubox ul{ margin:70px 10px 0 10px; border-bottom:1px solid #dce1e4}
.menubox li a{ width:170px; height:41px; line-height:41px; display:block; background:url(menu-bg.gif) no-repeat -28px 0; padding-left:10px; font-size:16px; color:#191919}
.menubox li a:hover,#highlight{ background-position:-236px 0; color:#fa5382}
.menubox li p{ padding:10px; border-top:1px solid #dce1e4; color:#9a9a9a}
.menubox li p span{ font-size:14px}

.scroll{ width:958px; height:416px; overflow:auto; position:relative; clear:left} 
.panel{ width:958px; height:416px; overflow:hidden}
.buttons-box{ width:180px; height:40px; position:absolute; bottom:20px; right:40px; z-index:1}
.scrollButtons{float:left; cursor:pointer}
.scrollButtons span{ display:none}
.scrollButtons a{width:90px; height:40px; display:block}
.scrollMeLeft a,.scrollMeLeft a:hover,.scrollMeRight a,.scrollMeRight a:hover{background:url(arrow.png) no-repeat;}
.scrollMeLeft a{ background-position:0 0;}
.scrollMeLeft a:hover{background-position:0 -39px;}
.scrollMeRight a{background-position:-90px 0;}
.scrollMeRight a:hover{background-position:-90px -39px;}

/*妩媚太太-面部美学*/
.txtbox{ width:958px; height:415px; background:url(mrs03.jpg) no-repeat}
.conbox{ width:630px; height:375px; position:absolute; top:20px; right:20px}
.conbox h3,.conbox h4{font-size:16px; font-style:italic; font-weight:lighter; color:#333}
.conbox h3{background: url(digital.png) no-repeat 10px 1px; padding-left:30px; border-bottom:1px dotted #aab5c7;}
.conbox p{ padding:5px 10px; line-height:160%}
.conbox p span{ color:#3e3e3e}
.conbox p span strong{ color:#7b8698}
.conbox p span a,.link01{ font-size:10px; font-weight:bold; color:#9a9a9a}
.conbox table{border-collapse:collapse}
.conbox table td,.conbox table th{ border:1px solid #aab5c7}
.conbox table th{ background:#c8d2e0; height:24px; line-height:24px; text-align:center;font-style:italic; font-size:14px; font-weight:lighter; color:#191919}
.conbox table td{ padding:5px; line-height:160%}

/*缩略图导航*/
.thumbnail{ width:878px; height:110px; margin:1px auto 0 auto}
.thumbnail li{ float:left}
.thumbnail li a{ width:205px; height:110px; display:block; text-indent:-9999px;}
.mrs,.mrs:hover,.office,.mrs:hover,.mummy,.mummy:hover,.students,.students:hover{background:url(thumbnail.jpg) no-repeat}
.mrs{ background-position:0 0; margin-right:20px}
.mrs:hover{ background-position:0 -111px}
.office{ background-position:-210px 0; margin-right:19px}
.office:hover{ background-position:-210px -111px}
.mummy{ background-position:-420px 0; margin-right:19px}
.mummy:hover{ background-position:-420px -111px; }
.students{ background-position:-630px 0; margin-right:0 }
.students:hover{ background-position:-630px -111px}

/*页面底部导航*/
.footer-contents{height:100%; overflow:hidden; margin-top:40px;}
.col,.col-last{ float:left; border-right:1px solid #d4d7bc; height:248px;}
.col{width:18%;}
.col dt a,.col-last dt{ font-weight:bold; color:#6c6f58; padding:0 10px;}
.col dt a:hover{color:#fb83a4}
.col dd,.col-last dd{ padding:3px 10px;}
.col dd a,.col-last dd a{ color:#898d6e;}
.col dd a:hover,.col-last dd a:hover{ text-decoration:none; color:#fb83a4; border-bottom:1px solid #fa5382}
.col-last{ width:24.2%; padding-left:30px;}
.col-last dt{ color:#fa5382;}
.col-last dd a{ margin-right:20px;}
.col-prime{ margin:15px 0;}

#footer{ padding:10px 0 30px 0;}
#footer p{ font-size:10px; font-weight:bold; color:#713a57; text-align:right}
#footer p a{ color:#b15f92; font-size:12px; font-weight:lighter; padding-left:15px;}