* { margin:0; padding:0; }
html { overflow-y: scroll; height:100%; width:100%; min-width:1144px; }
body { font-size:62.5%; /*font-family:微软雅黑, 宋体, Helvetica, sans-serif;*/ font-family:Arial, 宋体; background:url(bg3.gif) center center repeat-y; color:#595959; min-height:100%; height:100%; width:100%; position:relative; }
a { color:#f08a00; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }
a img { border:none; }
.wrapo { width:100%; min-height:100%; background:url(bg2.jpg) center top no-repeat; position:relative; min-width:1144px;}
.wrap { width:1144px; margin:0 auto; position:relative; font-size:13px; min-height:100%; }
.en .wrap { font-size:12px; }
#top { height:110px; width:924px; padding:0 177px 0 43px; background:url(logo.jpg) 8px 17px no-repeat; }
#account-bar {  float:left; margin-left:290px; padding:6px; font-size:12px; color:#fff; border:1px solid #aaa; background:#797979; border-top:0; }
#account-bar a { color:orange; }
#account-bar a:hover { color:#fff; }
#top #search-frm { height:78px; text-align:right; font-size:12px; padding-right:12px; line-height:30px; }
#top #search-frm a { font-weight:bold; }
#backend #top { height:32px; padding-top:78px; }
#top ul.navi, #top ul.navi li { height:32px; list-style:none; }
#top ul.navi { margin-left:152px; padding-left:110px; }
#top ul.navi li { display:block; float:left; height:32px; line-height:32px; }
#top ul.navi li a { color:#fff; display:block; float:left; padding:0 20px; text-align:center; }
#backend #top ul.navi li a { color:#fff; display:block; float:left; padding:0 15px; text-align:center; }
.en #top ul.navi li a { padding:0 16px; }

#top ul.navi li .nav2 { display:block; float:none; position:absolute; margin:32px 0 0 0; background:#c77200; padding:0; display:none; z-index:998; }
#top ul.navi li .nav2 li { display:block; float:none; line-height:27px; height:27px; }
#top ul.navi li .nav2 li a { display:block; float:none; width:110px; padding:0; z-index:999; text-align:center; }
#top ul.navi li a.tri { background:url(tri.gif) center bottom no-repeat; padding:0 32px; }
.en #top ul.navi li a.tri { padding:0 22px; }
.en #top ul.navi li #navi-6 li a { width:130px; }

#mid { height:292px; width:924px; }
#mid #tabs { height:292px; width:924px; background:#fff; }
#bot { width:1101px; padding:0 0 0 43px; position:relative; }
#bot .patron { width:167px; padding:0 0 0 10px; float:right; color:#fff; }
#bot .patron .slogan { display:block; margin:33px 0 41px 0; }
#bot .patron .title { font-size:14px; display:block; }
#bot #contents { width:897px; padding:12px 12px 20px 15px; position:relative; /*put bg color here*/}
.clr { clear:both; }
.ad { display:block; margin:17px 0 0 628px; }
.boxo { background:#fff url(bo.gif) 0px 0px repeat-y; }
.boxi { padding:39px 31px 32px 88px; background:transparent url(spacer.gif) 0px 0px no-repeat; text-align:justify; }
.boxi .title { display:block; margin:0 0 12px 0; }
.boxi ul { margin-left:15px; }
.boxi ul li { margin-bottom:12px; }
hr { margin:16px 0; border:none 0; border-top:1px solid #aaa; height:1px; }
hr.orange { border-color:#f08a00; }
.orange { color:#f08a00; }
.grey { color:#aaa; }
.alert { background:red; color:#fff; padding:4px; font-size:11px; font-weight:bold; }
.right { float:right; }
#footer { clear:both; padding:35px 42px 0 42px; font-size:11px; line-height:20px; }
#footer a { color:#595959; }
.ip { border:1px solid #aaa; background:#f4f4f4; height:16px; padding:4px 8px 2px 8px; }

#login-frm .ip { padding:3px 8px 1px 8px; background:#fff; }
#login-frm ul, #logout-frm ul { list-style:none; margin:0; }
#login-frm ul li { margin:0 0 10px 0; }
#login-frm .sb { background:#6e6e6e; color:#fff; border:none; padding:3px 12px; float:right; margin-right:20px; cursor:pointer; border:1px solid #000; border-color:#fff #000 #000 #fff; }
#logout-frm ul li { margin:0 0 10px 0; text-align:center; }
#logout-frm .sb { background:#6e6e6e; color:#fff; border:none; padding:3px 12px; cursor:pointer; border:1px solid #000; border-color:#fff #000 #000 #fff; }
#register-frm .sb { background:#6e6e6e; color:#fff; border:none; padding:3px 12px; cursor:pointer; border:1px solid #000; border-color:#fff #000 #000 #fff; }
#login-frm .sb:hover, #logout-frm .sb:hover, #register-frm .sb:hover { background:#5e5e5e; }
#login-frm .sb:active, #logout-frm .sb:active, #register-frm .sb:active { border-color:#000 #fff #fff #000; }

.h_annoucements { width:575px; float:left; border-bottom:8px solid #aaaaaa; }
.h_annoucements .boxi { background-image:url(hd_annoucements.gif); min-height:50px; }
.h_events { width:575px; float:left; }
.h_events .boxi { background-image:url(hd_events.gif); }
.h_login { width:311px; margin-left:586px; position:relative; }
.h_login .boxi { padding:32px 31px 10px 88px; background-image:url(hd_login.gif); }
.h_login .boxi #login-frm .sb { display:inline; float:none; margin:0; }
.en .h_login .boxi { padding:32px 21px 10px 88px; }
.en .h_login .boxi label { float:left; width:65px; }
.en .h_login .boxi table td { padding:3px 0; }
.en .h_login .boxi table td .ip { width:100px; }

/* .sub .wrap { height:100%; min-height:100%; position:relative; background:#cdcdff; } doesn't work; need to change body to height instead of min height; manual pad content for now*/
.sub #bot { background-position:0 304px; }
.sub #bot .patron { padding:304px 0 0 10px; background:url(slogan.png) 10px 21px no-repeat; }
.sub #bot #contents { min-height:100%; }

.s_details { width:575px; float:left; background:#fff; min-height:600px; }
.s_details .title { display:block; background:#6e6e6e url(os.gif) left top no-repeat; height:30px; line-height:30px; color:#fff; padding:0 0 0 40px; }
.s_details .title a, .s_details .title a:hover { color:#fff; }
.s_details .details { padding:38px 20px 38px 30px; text-align:justify; }
.s_details .details p { margin-bottom:14px; }
#backend .s_details .details { position:relative; text-align:left; }
.subnavi { width:311px; margin-left:586px; background:#fff; margin-bottom:17px; }
.subnavi .title { display:block; background:#6e6e6e; height:30px; line-height:30px; color:#fff; padding:0 0 0 16px; }
.subnavi .contents { padding:10px 15px; }
.subnavi ul { margin-left:15px; }
.subnavi ul li { margin:4px 0; }
.subnavi .active { font-weight:bold; color:#000; }

.larger { font-size:14px; }
.en .larger { font-size:13px; }
.smaller { font-size:12px; }
.en .smaller { font-size:11px; }
.underline { text-decoration:underline; }

#success { background:#209131; display:none; position:absolute; left:5%; top:5px; width:90%; text-align:center; padding:4px 0; color:#fff; }
#message { background:red; display:none; position:absolute; left:5%; top:5px; width:90%; text-align:center; padding:4px 0; color:#fff; }
#backend .tbl { border-collapse:collapse; width:100%; }
#backend .tbl th, #backend .tbl td { padding:2px; font-size:11px; vertical-align:top; }
#backend .tbl th { background:#6e6e6e; color:#fff; font-family:'Trebuchet MS'; font-variant:small-caps; font-size:12px; text-align:center; }
#backend .tbl td { }
.subnavi2 { padding:4px 0; font-size:11px; }
.subnavi2 a.active { font-weight:bold; color:#000; }