@charset "utf-8";
* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #fbcd89 url(../images/bd-bg.gif) repeat-x 0 0; }
li { list-style: none; }
a { text-decoration: none; }
img { border: none; }

h2 { color: #362e2b; font-size: 18px;  }
h3 { color: #362e2b; font-size: 16px; margin: 12px 15px; }

.wrapfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.wrapfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .wrapfix {height: 1%;}
*+html .wrapfix {height: 1%;}
.wrapfix {display: block;}
/* End hide from IE-mac */

.layout { width: 900px; margin: 0 auto; background: url(../images/layout-bg.jpg) no-repeat 0 0;  }
.header { width: 780px; margin-left: 120px; }
.mainer { width: 780px; height: 529px; overflow: hidden; background: url(../images/mianer-bg.jpg) no-repeat 0 0; margin-left: 120px; }
.footer { width: 780px; height: 70px; background: url(../images/footer-bg.jpg) no-repeat 0 0; margin-left: 120px; }

.tt {  background: url(../images/tt-bg.jpg) no-repeat 40px 40px; width: 348px; height: 114px; }
.tt span { display: none; }

.naver { width: 780px; height: 42px; background: url(../images/naver-bg.jpg) no-repeat 0 0; }
.naver li { display: inline; float: left; padding-left: 20px; padding-top: 18px; }
.naver a { color: #999999; }
.naver a:hover { color: #fff; }
.naver li.hot { padding-left: 355px; font-size: 18px; letter-spacing: 1px; color: #d1c0a5; padding-top: 16px; }
.naver li.hot a { color: #d1c0a5;}

.head { height: 140px; background: url(../images/header-bg.jpg) no-repeat 0 0;  }

.main-left { width: 507px; margin-left: 28px; display: inline; float: left; }
.main-left p { padding-top: 18px; color: #59493f; width: 507px; display: block; float: left; line-height: 1.6; }
.tt2 { color: #362e2b; font-size: 18px; display: block; float: left; width: 507px; padding-top: 23px; }

.main-right { width: 195px; background: url(../images/main-right-bg.gif) no-repeat 0 0; float: left; height: 493px; margin-top: 11px; margin-left: 26px; }
.main-right2 { width: 195px; background: url(../images/main-right-bg.gif) no-repeat 0 0; float: left; height: 493px; margin-top: 11px; margin-left: 26px; }
.main-right li { width: 180px; height: 70px; margin-left: 15px; display: inline; float: left; margin-bottom: 12px; }
.main-right a { width: 180px; height: 70px; display: block; float: left; }
.main-right img { display: block; float: left; }

.card { width: 173px; height: 30px; background: url(../images/card.gif) no-repeat 0 100%; padding-left: 20px; }

.m-right { margin-top: 4px; height: 480px; overflow: hidden; }
.m-right p { font-size: 14px; color: #423a36; padding-top: 6px; padding-left: 87px; margin-bottom: 5px; font-weight: bold; }
.m-right span { color: #7e6b5a; padding-left: 12px; line-height: 22px; font-weight: bold; }
.m-right img { width: 73px; height: 68px; border: 1px solid #baae9c; padding: 1px; background: #fff; }
.m-right a:hover img { background: #baae9c; }

.foot-naves { width: 755px; margin-left: 25px; }
.foot-naves li { display: inline; float: left; }
.foot-naves a { color: #d1c0a5; font-size: 16px; }
.tt3 { width: 780px; color: #999999; text-align: center;  }

.girl-box { padding-top: 23px; padding-left: 28px; height: 506px; width: 752px; }
.girl-box ul { margin: 12px 0; }
.girl-box li { float: left; display: inline; width: 32%; text-align: center; }
.girl-box a { float: left; display: inline; color: #362e2b; font-size: 14px; width: 100%; }
.girl-box img { width: 196px; height: 106px; margin: 10px auto 5px; display: block; border: 1px solid #baae9c; padding: 1px; background: #fff; }
.girl-box a:hover img { background: #baae9c; }

.girl-img { margin: 15px 0; border: 2px solid #baae9c; }
.girl-imgs li { clear: both; width: 190px; text-align: center; }
.girl-imgs a { margin: 0 auto; }
.girl-imgs img { margin: 2px auto; width: 70px; height: 70px; border: 1px solid #baae9c; padding: 1px; background: #fff; }
.girl-imgs a:hover img, .girl-imgs .current img { background: #baae9c; }

.pn { margin: 10px 0; padding: 0px 15px; }
.pn a { font-size: 10px; color: #423a36; }
.pn img { width: 50px; height: 50px;}
.to-p { float: left; width: 80px; text-align: left; }
.to-n { float: right; width: 80px; text-align: right; }

.phone2 { font-size: 16px; font-weight: bold; color: #666; }

.topppp { width: 480px; height: 360px; margin: 15px auto 0; background: url(../images/top.png) no-repeat 0 0; *background: none; }

.big-phone { margin-left: 100px; font-size: 36px; font-weight: bold; color: #fff; }