body{text-align: center; font:9pt Arial, Helvetica, sans-serif;}
*{margin: 0; padding: 0;}
img{border: 0;}
button{cursor: pointer;border:none;}
.clear{clear: both;}
.center{ text-align: center;}
/* main */
#main{ width: 778px; margin: 0 auto;text-align: left;}
/* nav */
#nav{list-style: none; height:88px; line-height: 30px; text-align: center;}
#nav li{float: left; width: 12%;}
#nav li img{margin-top:18px; display: block; margin-left: auto; margin-right: auto;}
#nav li a{color: #000; text-decoration: none;}
#nav #logo{width: 28%;}
#nav #logo img{margin-top:6px;}
/* login */
#login{ background: ; position: relative; height: 24px; line-height: 23px; padding: 0 1em;}
#login form{padding: 0px; color: #00007F;}
#login form input{border: solid 1px #75A3ED; height: 16px; padding: 1px 0 0 2px; color: #04b; overflow: hidden;font:9pt Tahoma; margin:0 2px;}
#login form button{ background: url(../Indeximg/bot/bot_1.gif) no-repeat; position: relative; top:1px; left: 3px; width: 35px; height:20px; margin-right: 5px;}
#login div{position: absolute; right: 9px; top: 0;}
/* search */
/* so */
#so{position: relative; top: 8px; left: 0;color: #00007F;}
#so img{position: absolute; z-index: 12; top: 5px; left: 16px;}
#so dl{border: solid 1px #ccc; border-bottom: none; padding: 0 0 0 6em;height: 18px;line-height: 18px; background: url(../Indeximg/bg/nav_bg.gif) no-repeat 180px center;}
#so dd{ float: left; width: 55px; text-align: center; position: relative;}
#so span.selectdd1,
#so span.selectdd2,
#so span.selectdd3,
#so span.selectdd4,
#so span.selectdd5,
#so span.selectdd6,
#so span.selectdd7{position: absolute; z-index:11;color: #fff;height: 16px;line-height: 16px;padding-top: 4px;top: -3px; left: 0; font-weight: bold;margin-bottom: -4px; width:100%;}
#so dd span.selectdd1{background:#0075EB; border: solid 1px #054576;}
#so dd span.selectdd2{background:#A10303; border: solid 1px #662626;}
#so dd span.selectdd3{background:#B01FAA; border: solid 1px #760473;}
#so dd span.selectdd4{background:#41ABB5; border: solid 1px #297A80;}
#so dd span.selectdd5{background:#D95000; border: solid 1px #96450C;}
#so dd span.selectdd6{background:#EC9E2E; border: solid 1px #B28B12;}
#so dd span.selectdd7{background:#501FB2; border: solid 1px #16165E;}
#so dd span{cursor: pointer; text-decoration: none;}
#so form{padding:9px 9px 8px 6em; clear: both;}
#soform1{background: #D6E7FF; border: solid 1px #75A3ED;}
#soform2{background: #FCD2D2; border: solid 1px #ED7575;}
#soform3{background: #F9D3FA; border: solid 1px #B863B4;}
#soform4{background: #DEFBFB; border: solid 1px #55BAC3;}
#soform5{background: #FCE8D2; border: solid 1px #D9681A;}
#soform6{background: #FCEBB9; border: solid 1px #EC9E2E;}
#soform7{background: #E2DEFC; border: solid 1px #9B72CF;}
#so dd em{position: absolute; top: 20px; left: 9px; width: 11px; height: 7px;}
#so dd span.selectdd1 em{background: url(../Indeximg/ico/ico_so1.gif) no-repeat;}
#so dd span.selectdd2 em{background: url(../Indeximg/ico/ico_so2.gif) no-repeat;}
#so dd span.selectdd3 em{background: url(../Indeximg/ico/ico_so3.gif) no-repeat;}
#so dd span.selectdd4 em{background: url(../Indeximg/ico/ico_so4.gif) no-repeat;}
#so dd span.selectdd5 em{background: url(../Indeximg/ico/ico_so5.gif) no-repeat;}
#so dd span.selectdd6 em{background: url(../Indeximg/ico/ico_so6.gif) no-repeat;}
#so dd span.selectdd7 em{background: url(../Indeximg/ico/ico_so7.gif) no-repeat;}
#so form input{height: 17px; padding: 2px 0 0 2px;border: solid 1px #A7A6AA;}
#so form button{ width: 58px; height: 20px; background: url(../Indeximg/bot/bot_2.gif) no-repeat; margin: 0 8px; line-height: 20px;}
.hide{display: none;}
/* class */
#class{ height: 120px; position: relative; top: 8px; left: 0;}
#class dl{ width: 300px; line-height: 22px;}
#class dl dt{float: left; background: url(../Indeximg/bg/class_bg.gif) no-repeat;font-weight: bold; color: #fff; text-indent: 13px; width:54px;margin-top:4px;;margin-left:3px}
#class dl dd{border-bottom: dashed 1px #ccc; margin: 3px 0;}
#class dl a{text-decoration: none; margin: 0 3px;}
#class ul{list-style: none; position: absolute; right: 0; top: 0; line-height: 18px;}
/* contain */
#contain{position:relative;top:6px; left: 0; margin-top:8px; clear: both;}
/* rim */
.rim{border: solid 1px #6B9CD5; border-top: none; margin-bottom: 8px;}
.rim1{border: solid 1px #F0E898; background: #FFFBD3; text-align: center; height: 22px;}
.rim2{border: solid 1px #6A9CD5; background: #EFF6FF; line-height: 24px; padding: 0 8px; margin: 5px 0;}
/* ad */
.ad{clear: both; padding-bottom: 8px; text-align: center;}
#ad2{list-style: none; padding:6px 0;text-align: center;}
#ad3{list-style: none; padding:5px 0;text-align: center; height: 60px;}
#ad2 li{float: left;width: 33%;}
#ad3 li{ float: left; width: 50%;}
/* left */
#left{width:608px;}
#left h5,#left h6{font: bold 10pt/22px Arial; padding: 0 8px;color:#00007F;}
#left h5{height: 22px; line-height: 22px; background: #A5CDF9; border: solid 1px #6B9CD5;}
#left h6{height: 22px; line-height: 22px; background: #EFF7FF; border: solid 1px #6B9CD5;}
#left h5 span,#left h6 span,#local h4 span,#right h6 span{float: right; font-weight: lighter; font:9pt Arial; margin-top: 5px;}
#left dl{line-height: 160%; color:#00007F; padding:3px 0;}
#left dl a{margin-left:2px;}
#left dt{background: #F7FFFF; line-height:21px;padding: 0 6px; text-align: center;}
#left dt a{margin: 0 5px;}
#left dd{height:21px;overflow: hidden;padding: 0 6px;}
/* middle */
.middle{float: right; width: 300px;}
/* focus */
#focus{list-style: none; position: relative; padding-left: 99px; border-bottom: dashed 1px #ccc; height: 86px}
#focus li{line-height: 165%;}
#focus h1{position: absolute;left:0!important; top: 0;background:#A5CDF9;font:9pt/18px Arial; text-align: center;}
#focus h1 div{width: 93px; height: 72px; overflow: hidden; margin: 1px 0;}
#focus h1 img{width: 91px;}
#focus h1 a{text-decoration: none; color: #000;}
#focus h1 a:hover{color: #f00;}
/* hot */
#hot{	list-style: none; color:#00007F; line-height: 180%;}
#hot .leftpadding{text-indent: 2.7em;}
/* commend */
.commend{list-style: none; position: relative; padding-left: 120px; height: 65px; line-height: 180%; border-bottom: dashed 1px #ccc; margin:0 5px;}
.commend img{ position: absolute; left: 5px; top: 5px;}
/* local */
#local{list-style: none; line-height: 170%;}
#local h4{font: bold 10pt/20px Arial; border-bottom: dashed 1px #ccc;}
#local img{float: left; margin: 3px 6px 0 8px; border: solid 1px #333;}
/* photo */
#photo{list-style: none; height: 93px; line-height: 145%;padding-top: 5px}
#photo li{float: left;width:50%;}
#photo li img{width:60px;height: 80px;float: left; margin: 5px 5px 0 5px; border: solid 1px #2074D7;}
/* quan_q */
#qq{list-style: none; line-height: 180%; padding-left: 76px; height: 93px; position: relative; padding-top: 5px}
#qq div{width: 66px; height: 73px;padding:1px; overflow: hidden;position: absolute; left: 5px; top: 9px;}
#qq img{ width: 66px;}
/* leftlist */
.leftlist{float: left; width: 300px;}
/* right */
#right{position:absolute; right:0; top:0; width:160px; border:solid 1px #6B9CD5; border-top:none;}
#right h6{font: bold 9pt/20px Tahoma;color:#00007F; height:20px; background:#A5CDF9;border-top:solid 1px #6B9CD5;border-bottom:solid 1px #6B9CD5; padding:0 9px;}
#right dl{line-height:160%; padding-top: 5px; color: #00007F;}
#right dl dt{background: #EFF7FF;}
#right dl dt,#right dl dd{ text-indent: 9px;}
#right dl dt img{margin: 3px 0 3px 9px;}
/* links */
#links{ margin: 8px 0; border: solid 1px #6B9CD5; background: #EFF7FF; line-height:24px;}
#links dt{background: #A5CDF9; float: left; margin-right: 8px; width: 80px; text-align: center;border-right: solid 1px #6B9CD5;}
#links a{margin: 0 5px;}
/* foot */
#foot{border-top: solid 1px #ACA899; line-height: 22px; text-align: center;}
/* link color */
a:link,a:visited{color: #00007F; text-decoration: underline;}
a:hover{color: #f50; text-decoration:none;}

a.blue:link,a.blue:visited{color: #00f; text-decoration: underline;}
a.blue:hover{color: #f00; text-decoration: none;}
.blue{color: #00f;}

a.red:link,a.red:visited{ color: #f00; text-decoration: underline;}
a.red:hover{text-decoration: none;}
.red{color: #f00;}

a.green:link,a.green:visited{color:#008000; text-decoration:underline;}
a.green:hover{text-decoration: none;}
.green{color:#008000;}

a.black:link,a.black:visited{color:#000;text-decoration: none;}
a.black:hover{color: #f00;}

a.greenbold:link,a.greenbold:visited{color:#008000; text-decoration:none; font-weight: bold;}
a.greenbold:hover{text-decoration: underline;}