@charset "utf-8";
body {width:960px;margin:5px auto;padding:0;font:12px Arial;word-spacing:1px}
a{text-decoration:none;color:#000;}
a:hover {color:red; text-decoration:underline}
img {border:none}
ul,p,h1,h2,h3,h4{margin:0;padding:0;font:12px Arial}

li {list-style:none}

#top {font:11px verdana;border-bottom:1px solid #ccc;height:26px;line-height:26px;overflow:hidden;height:100%;}
#top div {float:left;padding:0 2px}
#top div a {margin-left:10px;color:#F00}
#top span {float:right}
#top span a {border-right:1px solid #ccc;padding:0 5px 0 2px;font:11px verdana}

#head td {padding:4px 0}
#head .search a {border-right:1px solid #ccc;padding:0 10px 0 7px}
#head .search input {width:300px; height:19px; line-height:18px;border:1px solid #666;padding:2px}
#head h1 {font:28px Arial;}
#head strong {color:#0070B7;font-weight:normal}
#nav {border-bottom:1px solid #ccc;padding:3px 0 1px 0; clear:both;height:100%;overflow:hidden; margin-bottom:8px;}
#nav li {float:left;margin-right:1px;background:url(/pic/nav_bg1.gif) repeat-x top;height:22px;line-height:21px;padding:0 18px}
#nav li a {font:11px Verdana;color:#FFF;}
#nav li a:hover {text-decoration:none}
#nav .hover{background:url(/pic/nav_bg2.gif) repeat-x top;}


#nav #m1 {background-color:#000;}
#nav #m2 {background-color:#ee6600}
#nav #m3 {background-color:#009BB7}
#nav #m4 {background-color:#B72900}
#nav #m5 {background-color:#000}
#nav #m6 {background-color:#97B700}
#nav #m7 {background-color:#009BB7}
#nav #m8 {background-color:#B72900}

#left div {margin:5px 0}
.warn_hover{background:url(/js/pic/class_hover.gif) no-repeat;width:0px;height:14px;overflow:hidden;padding-left:14px}
.warn_error{background:url(/js/pic/class_error.gif) no-repeat;width:0px;height:14px;overflow:hidden;padding-left:14px}
#left .title {margin:0}
.title {font:bold 12px Arial;height:28px;line-height:28px;border:1px solid #0F6493; background:url(/pic/ico2.gif) repeat-x; padding-left:10px;color:#FFF; margin:0;}
.title span {float:right; margin-right:10px}

.title2 {font:bold 11px Arial;height:19px;line-height:17px;border:1px solid #0F6493; background:url(/pic/ico3.gif) repeat-x; padding-left:10px;color:#FFF; margin:0;}
.title2 span {float:right; margin-right:10px}
.border {border:1px solid #0F6493;border-top:none; margin-bottom:6px}


*:lang(en) #left,#middle,#right {margin-bottom:30px !important}
#bottom {clear:both; margin:15px auto;border-top:1px solid #ddd; background:url(/pic/ico5.gif) repeat-x bottom;padding:0 0 20px 0}
.line{background:#ccc;height:1px;overflow:hidden}
.dotline{display:block;clear:both;background:url(/pic/dotline.gif) repeat-x top;height:1px;overflow:hidden}

.input{border:1px solid #999}
.btn{height:21px;line-height:21px;background:url(/pic/ico4.gif) #FAF4DA;font:bold 11px Verdana;border:1px solid #E0B404;cursor:pointer;padding:1px}
input.text{line-height:16px;height:16px;width:150px}
#login td {height:28px;}
#login { background:#F1F4F6}
#login  .btn{height:21px;line-height:21px;background:url(/pic/ico4.gif) #FAF4DA;font:bold 11px Verdana;border:1px solid #E0B404;cursor:pointer;padding:1px}
#mid  .btn{height:21px;line-height:21px;background:url(/pic/ico4.gif) #FAF4DA;font:bold 11px Verdana;border:1px solid #E0B404;cursor:pointer;padding:1px}


#map{color:#0C4C8E;margin-top:5px}
#map a{color:#0C4C8E}
#map a:hover{color:red}
#map .letter{margin-bottom:5px;font:bold 12px Verdana}
#map .line{color:red;margin-bottom:5px;background:#0C4C8E}


#left {width:196px; float:left; overflow:hidden;font:11px Arial, Helvetica, sans-serif}
#leftgame {border-top:1px solid #0F6493;border-left:1px solid #0F6493;border-right:1px solid #0F6493;border-bottom:4px solid #0F6493; margin:0}
#leftgame ul {border-bottom:2px solid #FF9D14;border-top:2px solid #FF9D14}
#leftgame li {background:#F1F4F6;border-bottom:1px solid #9AB7C5}
#leftgame li a{font:11px Arial;display:block;height:23px;line-height:23px;padding-left:10px;text-decoration:none;color:#444444}
#leftgame li a:hover {background:#FFF;font:12px Arial;height:23px;line-height:23px;font-weight:bold;border-bottom:1px solid #666;color:#F00;border-right:1px solid #666}
#left .note {border:1px solid #C3CCD1; background:#F3F5F7}
#left .note p {margin:8px;font:12px Arial;}
#left .note p a {color:#00f; text-decoration:underline}
#left .note p a:hover {color:#F00; text-decoration:none}

.pageturn {font:12px Arial;margin:15px 0;height:22px; overflow:hidden}
.pageturn a {display:block; float:left;height:20px;line-height:20px;border:1px solid #9AAFE5;padding:0 5px;margin-right:2px}
.pageturn a.current{ background:#2E6AB1;color:#FFF;border:1px solid #2E6AB1;}
.pageturn a:hover {border:1px solid #2E6AB1; text-decoration:none}
.pageturn a.none {border:none}
.pageturn a.disable{border:1px solid #DDDDDD;color:#999}

#leftmenu {background:#f8f8f8}
#leftmenu h1{color:#AFAEA8;font:bold 12px Verdana;margin:10px}
#leftmenu div{color:#797458;height:30px;line-height:30px;padding:0px 18px}
#leftmenu div a{display:block}