* {margin:0; padding:0;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}
.captcha {padding-bottom:6px;padding-top:6px;width:175px;height:35px;}

/* --------- this project -------- */

a{ text-decoration:none;}
a:hover{ text-decoration:none;}

/* BASE
----------------------------------------------------------------------------- */

body { margin:0; background:#2C7087; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.3em; color:#000; }
.middle{ width:980px; margin:0 auto;}

/* HEADER
----------------------------------------------------------------------------- */
.header { width:100%; background: url(/site/imgs/bg_top_a.jpg) repeat-x; color:#fff;}
.header .middle { position:relative;}
.header .logo{ position:absolute; top:0; left:0;}
.header .logobkup{ position:absolute; top:0; left:0; display:none;}
.header .welcome{ position:absolute; top:162px; left:0;}
.header .menu{ position:absolute; top:175px; right:0;}
.header .loginbox{position:absolute; top:25px; left:660px; width:290px;}
.header .loginbox input{border:0;}
.header .loginbox h5{ font-size:12px; padding:5px 0;}
.header .loginbox .txt1{position:absolute; top:30px; left:25px; width:93px;}
.header .loginbox .txt2{position:absolute; top:52px; left:25px; width:93px;}
.header .loginbox .bt{position:absolute; top:30px; right:0px;}
.header .loginbox .radio{position:absolute; top:30px; left:150px;}
.header .loginbox .radio .p{ margin:2px 0;}
#logobkup{display:none;}

/* MENU
----------------------------------------------------------------------------- */
.menu { width: 700px; position: relative; padding: 0 0 0 14px; overflow: hidden; height:30px; font-size:14px; font-weight:bold;}
.menu ul { position: absolute; top: 0px; left: 14px; width: 900px; }
.menu li { float: left; padding: 0 14px; border-right:2px solid #fff; }
.menu li.un {border-right:0; }
.menu li a{ color:#fff; }
.menu li a:hover{ color:#92E1F0; }

/* CONTENT
----------------------------------------------------------------------------- */
.content { width:100%; background:#fff url(/site/imgs/bg_content.gif) no-repeat top center; }
.content .middle{ width:940px; padding:0 20px; overflow:hidden;}

.content .middle .sidebox{ float:left; width:297px; background:url(/site/imgs/bg_side.jpg) no-repeat;}
.content .middle .sidebox .bx h3{ padding:6px 0 0 35px; height:30px; font-size:20px; color:#fff;}
.content .middle .sidebox .bx p{ padding:10px 10px 3px 10px;}
.content .middle .sidebox .bx p span{ display:block;}
.content .middle .sidebox .bx a{ float:right; margin:0 10px 0 0; background:url(/site/imgs/bt_read_off.png); _background:none;}
.content .middle .sidebox .bx a img{ opacity:100; -moz-opacity:100;}
.content .middle .sidebox .bx a:hover img{ opacity:0; -moz-opacity:0;}
.content .middle .sidebox .bx{height:220px;}

.content .middle .sidebox .box2 {padding:31px 0 0 0;}
.content .middle .sidebox .box3 {padding:13px 0 0 0;}

.content .middle .mainbox{ float:right; width:632px;}


/* FOOTER
----------------------------------------------------------------------------- */

.footer { width:100%; background: url(/site/imgs/bg_foo_a.jpg) repeat-x; }
.footer .middle { position:relative;}
.footer .middle .bt{display:block; text-align:center; padding:15px 0 0;}
.footer .box{ position:absolute; top:50px; left:0;}
.footer .logo{ float:left;}
.footer .menu{ float:right; margin:28px 0 0;}