@charset "utf-8";
/* COMMON STYLE
--------------------------------------------------------- */
* {margin: 0; padding: 0;}
body {/*background: #D8ECE0;*/}
body, input, select, textarea {font: 12px/normal Arial,Verdana,Sans-serif; color: #333;}

/* Normal link */
a {color: #333; text-decoration: none; cursor: pointer;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}
img {border: none;}

/* Heading */
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {font-size: 11px; text-transform: uppercase;}

hr {color: #AB9D87;/* IE */ background: #AB9D87;/* FF */ border: 0; height: 1px; margin: 9px 0; padding: 0;}

/* List */
ul {list-style: none;}

/* FORM
--------------------------------------------------------- */
input, select, textarea {color: #6D6D6D; border: #B3B3B3 solid 1px;}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.fl {float: left;}
.fr {float: right;}
.clr{clear: both;}

/* clearfix */
.clearfix:after {clear: both; display: block; content: "."; height: 0; visibility: hidden;}
* html > body .clearfix {width: 100%; display: block;}
* html .clearfix {height: 1%;}

/* --------------------------------Start css for site----------------------------------- */
/*#w-home {min-width: 950px; max-width: 100%;}*/
#w-home {background: #D8ECE0 url(../images/pattern.png) 0 0 repeat;}
#wrapper {width: 950px; margin: 0 auto;}
/* -------------header----------------- */
#header {position: relative; height: 133px; z-index: 10;}
.logo, .master, .banner, .language {position: absolute;}
.logo {top: 16px; left: 47px;}
.master {top: 50px; left: 234px;}
.banner {top: 0; left: 408px;}
.language {top: 111px; right: 24px;}
.language li, .language a {float: left; background: url(../images/bg_language.gif) 0 0 no-repeat;}
.language li {padding-left: 15px;}
.language a {display: block; color: #58381C; text-align: center; padding: 5px 15px 11px 0; background-position: 100% -43px;}
/* -------------container----------------- */
#container {background: url(../images/bg_content.png) 0 0 repeat; border-top: #AB9D87 solid 1px;}
.content-inner {background: url(../images/bg_co_inner.png) 0 100% repeat-x;}
.left-img {margin-left: 86px;}
* html .left-img {margin-left: 43px;}
.right-box {width: 328px; margin: 8px 25px 0 0; background: url(../images/bg_news.png) 0 0 repeat;}
.hot-news {padding: 30px 15px 15px 28px; height: 148px; overflow: hidden;}
.hot-news h5 {color: #836244; margin-bottom: 8px;}
.hot-news li {padding: 3px 0 3px 11px;}
.others {font-size: 11px; color: #947256; font-style: italic; text-decoration: underline; display: block;}
.others:hover {text-decoration: none;}
.update {font-size: 11px; color: #947256}
.book {padding: 9px 10px 0px 12px; height: 119px; background: #987A5F;}
.book h5 {color: #FFF; margin-bottom: 9px;}
.book li {float: left; margin: 0 7px;}

/* -------------footer----------------- */
#footer {background: url(../images/bg_footer.png) repeat; padding: 0 25px 12px 52px;}
.copyright {float: left; width: 610px; padding: 15px 5px 5px 0;}
.copyright p {color: #5C2E21; margin-bottom: 6px;}
.copyright span {color: #FCF1D2;}
.search {float: right; width: 256px; margin-top: 10px; color: #E8DFC7;}
.search p {font-size: 11px; margin-top: 9px;}
.search-box {background: url(../images/search.gif) 0 0 no-repeat; width: 238px; height: 19px;}
.search-box input {float: left; border: none; background: transparent;}
.search-box .text {width: 164px; padding: 2px 5px;}
.search-box .button {width: 64px; height: 19px;}

*+html #footer, #footer, *+html #container, *+html .search-box, *+html .content-inner {overflow: hidden;}