/** Reset **/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, em, img, small, strong, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img { max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

input, select {vertical-align: middle;}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

/* common */
.fl{ float:left; }
.fr{ float:right; }
.tc{ text-align: center; }

.c1{ color: #f98a1e; font-size: 16px; }


body{ font: 14px 'Microsoft Yahei', arial, sans-serif; background: #1d0701; }

.wrap{ width: 1000px; margin: 0 auto; position: relative; }

.header{ background: transparent url(../img/header.jpg) left top no-repeat; }

.logo{
    width: 204px; height: 194px; text-indent: -999em;
    position: absolute; top:0; left: 398px;
    background: transparent url(../img/logo.png) left top no-repeat;
}

.header-nav{ padding: 21px 0 8px; font-size: 0; }

.header-nav li{ display: inline-block; }

.nav-split{
    width: 2px; height: 65px;
    background: transparent url(../img/nav_split.png) left top no-repeat;
}

.banner{ background: transparent url(../img/banner.jpg) center top no-repeat; }

.banner-wrap{ height: 377px; top: 15px; }

.zhuanqu{ position: absolute; right: 0; }

.main{ background: transparent url(../img/main.jpg) center top no-repeat; }

.main-wrap{ width: 928px; margin: 0 auto; padding: 0 36px; }

.shortcut{
    width: 225px; height: 304px; position: relative; overflow: hidden;
    background: transparent url(../img/shortcut.png) center top no-repeat;
}

.shortcut a{ display: block; width: 215px; }

.shortcut-newbie{
    height: 80px; margin: 5px auto 0;
    background: transparent url(../img/newbie.jpg) center top no-repeat;
}

.shortcut-newbie:hover{
    background: transparent url(../img/newbie_h.jpg) center top no-repeat;
}

.shortcut-link{
    height: 52px; margin: 0 auto 2px;
    background: transparent url(../img/shortcut_links.jpg) left top no-repeat;
}

.shortcut-link:hover{ background: transparent url(../img/shortcut_links_h.jpg) left top no-repeat; }

.shortcut-down{ background-position: 0 -53px; }
.shortcut-pay{ background-position: 0 -107px; }
.shortcut-acct{ background-position: 0 -161px; }
.shortcut-down:hover{ background-position: 0 -53px; }
.shortcut-pay:hover{ background-position: 0 -107px; }
.shortcut-acct:hover{ background-position: 0 -161px; }


.lbox{ width: 223px; margin: 10px auto; background: #4c0d00; border: 1px solid #6a2212; }

.lbox a{ color: #cd765e; text-decoration: none; }

.box-title{
    height: 32px; padding-left: 40px; line-height: 32px; font-size: 16px; color: #e4e4e3; 
    font-weight: 400; border-bottom: 1px solid #802912; position: relative;
}

.lbox .box-title{ background: transparent url(../img/lbox_t.jpg) center top no-repeat; }

.rbox .box-title{ background: transparent url(../img/rbox_t.jpg) center top no-repeat; }

.box-more{  margin-right: 5px; font-size: 12px; color: #f36635; text-decoration: none; }

.title-icon{ position: absolute; left: 5px; top: 7px; }

.map .title-icon{ top: 4px; }
.qa .title-icon{ left: 7px; top: 5px; }
.cs .title-icon{ left: 2px; top: 2px; }
.tese .title-icon{ left: 1px; top: 1px; }
.ziliao .title-icon{ left: 1px; top: 1px; }

.lbox-content{ padding: 9px 15px; font-size: 14px; color: #cd765e; }

.lbox li{ display: inline-block;  }

.lbox li, .growup-tip li{
    margin: 3px 0; padding-left: 7px; line-height: 150%;
    background: transparent url(../img/li.png) left center no-repeat;
}

.lbox-content a{ color: #cd765e; text-decoration: none; }

.levelup li, .map li{ width: 87px; }

.levelup a:hover, .map a:hover{ text-decoration: underline; }

.qa li{ display: block; margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px solid #6d2313; }

a.cs-btn{
    display: inline-block; width: 78px; margin: 0 5px;
    line-height: 24px; font-size: 14px; color: #e5ebf2; text-align: center;
    background: url(../img/cs_btn.jpg) left center no-repeat;
}

.rbox{ width: 690px; margin: 10px 0; background: #4b1100; border: 1px solid #71220b; }

.growup{
    height: 117px; position: relative; z-index: 2;
    background: url(../img/growup.jpg) left center no-repeat;
}

.growup-step{ width: 71px; height: 52px; position: absolute; top: 43px; }

.growup-step a{ display: block; width: 100%; height: 100%; }

.growup-step img{ display: none; }

.growup-step a:hover img{ display: block; }

.growup-10{ left: 177px; }
.growup-20{ left: 284px; }
.growup-30{ left: 390px; }
.growup-40{ left: 497px; }
.growup-50{ left: 603px; }

.growup-tip{
    width: 160px; display: none;
    position: absolute; top: -30px; left: 55px; z-index: 3;
}

.growup-step:hover .growup-tip{ display: block; }

.growup-tip ul{
    margin-left: 7px; padding: 5px 15px; border: 1px solid #591b08;
    background: url(../img/growup_tip.png) left top repeat;
}

.growup-tip a{ color: #d26f5b; text-decoration: none; }
.growup-tip a:hover{ color: #FFF; }

.arrow{
    width: 8px; height: 13px;
    position: absolute; left: 0; top: 40px;
    background: url(../img/arrow.png) left top no-repeat;
}

.rtop{ width: 692px; height: 328px; position: relative; }

.index-slider{
    width: 302px; height: 318px; border: 5px solid #4b291f;
    position: absolute; top: 0; left: 0;
}

.slider{ width: 302px; height: 318px; overflow: hidden; }

.slider li{ width: 302px; height: 318px; overflow:hidden; }

#controls{ position: absolute; right: 0; bottom: 5px; }

#controls li{
    display: inline-block; margin: 0 3px; 
    line-height: 0; text-align: center; 
}

#controls li{ *display: inline; }

#controls li a{
    display:block; width: 14px; height:14px; color: #FFF; font-size: 0;
    background: url(../img/control_bg.png) no-repeat;
}

#controls li.current a{ background: url(../img/control_hover.png) no-repeat; }

.index-news{ position: absolute; right: 0; top: 0; }

.index-news-tab{ border-bottom: 1px solid #c12c11; font-size: 0; }

.index-news-tab a{
    display: inline-block; width: 73px; height: 32px;
    line-height: 32px; font-size: 14px; font-weight: 700; color: #f69477; text-align: center;
    text-decoration: none; background: url(../img/index_news_tab.jpg) no-repeat;
}

.index-news-tab a:hover, .index-news-tab a.current{
    z-index: 9; color: #FFF;
    background: url(../img/index_news_tab_h.jpg) center center no-repeat;
}

.index-news-content{
    padding: 10px 20px;
    background: url(../img/news_content.jpg) center top no-repeat;
}

.index-news-content p, .index-news-content li{
    width: 335px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}

.top-new{ color: #f0e316; }

.top-new a{ font-size: 14px; font-weight: 700; color: #f0e316; text-decoration: none; }

.index-news-content ul{ margin-top: 16px; *margin-top: 8px; }

.index-news li{
    width: 315px; height: 30px; *height: 28px; margin-top: 5px; padding-left: 20px;
    line-height: 32px; *line-height: 30px; border-bottom: 1px solid #6a2610;
    background: url(../img/index_news_li.jpg) left center no-repeat;
}

.index-news .title{
    float: left; width: 260px; color: #efcd93; text-decoration: none;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}

.index-news .title:hover{ color: #f98a1e; }

.index-news .date{ float: right; color: #efcd93; }

.tese-list, .ziliao-list{ color: #f99e84; margin: 15px; }

.tese-list li{ height: 30px; line-height: 30px; margin: 2px 0; }

.tese-title{
    display: inline-block; width: 108px; height: 28px;
    margin-right: 10px; text-align: center; position: relative;
    border: 1px solid #601f0b; background: #361207; color: #8a280b;
}

.arrow-r{
    display: none; width: 9px; height: 14px;
    position: absolute; right: -8px; top: 7px;
    background: transparent url(../img/arrow_r.png) left top no-repeat;
}

.tese-list li:hover .tese-title{ background: #c75d2e; color: #f4ebe9; }

.tese-list li:hover .arrow-r{ display: block; }

.tese-list a, .ziliao-list a{ padding: 0 2px; color: #f4c9bd; text-decoration: none; }
.tese-list a:hover, .ziliao-list a:hover{ color: #f6a810; text-decoration: underline; }

.ziliao-list td{ height: 72px; vertical-align: middle; }

.ziliao-list td img{ display: block; }

.ziliao-list td[colspan="2"]{ height: 10px; }

.ziliao-list a{ padding: 0 8px; }

.gallery-tab{
    height: 37px; line-height: 37px; font-size: 0;
    background: transparent url(../img/ziliao_li.png) center bottom no-repeat;
}

.gallery-tab .tab{
    display: inline-block; width:133px; height: 37px; line-height: 37px;
    font-size: 14px; font-weight: 700; color: #c4542d; text-align: center; text-decoration: none;
    background: transparent url(../img/gallery_tab.png) center top no-repeat;
}

.gallery-tab .tab:hover{
    color: #f7e5df;
    background: transparent url(../img/gallery_tab_h.png) center top no-repeat;
}

.gallery-content a{
    display: inline-block; width: 165px; *width: 159px;
    margin: 5px 1px; border: 1px solid #6a250e;
}

.gallery-content img{ display: block; }

.down-content{ padding: 20px; color: #f4c9bd; }

.down-content a{ color: #f98a1e; }

.down-content a:hover{ color: #f4c9bd; }

.down-content .line{ height: 1px; margin: 30px 0; background: #872417; }

.down-content p{ line-height: 200%; }

.footer{ padding: 20px 0; background: #4a1508; border-top: 1px solid #572417; color: #a65440; }

.header-nav li, .lbox li{ *display: inline; }