/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}input,select,textarea,button{font-size:100%;margin-bottom: 0px;}fieldset,img,abbr,acronym{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6,legend{font-size:100%;font-weight:400;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}
/*layout*/
.clearfix:after{content:".";display:block;clear:both;height:0;font:0/0 sans-serif;visibility:hidden;}
.clearfix{zoom:1;}
/*base*/
input{vertical-align: middle;}
label{vertical-align:middle}
/**/
html,body{overflow-y:hidden;}
body { line-height: 22px; font-family: Arial, 宋体; font-size: 12px;min-width:1000px; }
a { color: #0066CC; text-decoration: none; }
a:hover { color: #FF7300; }
.container { padding: 0px 20px; width: 968px; margin: 0px auto; }
.top { background-position: 0px -438px; height: 50px; background-image: url('darkblue.png'); background-repeat: repeat-x; }
.top .topmsg { height: 22px; padding-left: 30px; }
.top .channel { background-position: 0px 24px; height: 28px; background-image: url('hrbg.png'); background-repeat: repeat-x; }
.top .channel li{background-image: url('darkblue.png');float:left;width:87px;background-position:-113px -30px;line-height:26px;}
.top .channel li.first{background-position:-26px -66px;}
.top .channel li.last { background-position: -113px -66px; margin-right: 10px; }
.top .channel li.on { background-position: 0px 0px; margin-left: -1px;}
.top .channel li a { font-size: 14px; font-weight: bold; color: #18334C; display: block; text-align: center; }
.top .channel li a:hover { color: #FF7300; text-decoration: underline; }
.top .channel li.on a { color: #FFFFFF; }
.mid,.mid .app,.applist a:hover,.applist a.on,.mid .applist a.on:hover{background-image: url('darkblue.png'); background-repeat: repeat-x;}
.mid { padding: 4px 0px 4px 0px;  background-position: 0px -366px; height: 60px; }
.applist div { display: none; }
.applist a { display: block; width: 64px; height: 54px; float: left; margin-right: 20px; text-align: center; color: #FFFFFF; text-decoration: none; padding-top: 6px; }
.applist a:hover,.applist a.on,.applist a.on:hover { background-position: 0px -208px; }
.applist a em { display: block; line-height: 16px; }
.mid .midapp { position: relative; }
.mid .app { background-position: 0px -285px; position: absolute; width: 35px; height: 36px; top: 11px; right: 35px; }
.mid .app a { display: block; width: 35px; height: 36px; }

.allapp { min-width: 380px; width: 380px; }
.allapp h4 { padding: 5px 6px 0px 6px; font-weight: bold; color: #232323; }
.allapp .abg { padding: 0px 10px 0px 10px; background-position: 0px bottom; background-image: url('abg.png'); background-repeat: repeat-x; }
.allapp .applist { padding-bottom: 6px; }
.allapp .applist a { color: #333; width: 64px; height: 58px; }
.allapp .applist a:hover,.allapp .applist a.on,.allapp .applist a.on:hover { background-position: 0px 0px; color: #ff6600; background-image: url('bg.gif'); background-repeat: no-repeat; }