* { word-break: break-all; word-wrap: break-word; }
body { margin: 0px auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; line-height: 22px; text-align: left; }
body, th, td, input, select, textarea, button { font: 12px/1.5em Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; }
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul li { list-style: none; }

a {color:#2e91d0; text-decoration:none;}
a:hover { text-decoration: underline; }
a img { border: none; }

/* main */
#main { margin: 0px auto; width: 930px; padding-bottom: 20px; overflow: hidden; }

/* header */
#header_top {margin: 0px auto; background: url(../images/xk_r1_c1.jpg) repeat-x; }
#header { margin: 0px auto; width: 930px; height: 41px; overflow: hidden; }
.logo { float: left; width: 80px; text-align: center; margin: 2px 0px 0px 0px; display: inline; }
.topnav { float: right; width: 800px; height: 30px; margin: 2px 0px 0px 0px; }
.topnav .left { float: left; }
.topnav .left ul li { float: left; height: 30px;line-height: 30px; padding-right:3px; letter-spacing: 3px; font-size: 13px; background: url(../images/xk_r2_c13.gif) no-repeat right; }
.topnav .left ul li a { color: #676A6F; padding:1px 7px 0px 10px;  width: 48px; display:block; }
.topnav .left ul li a:hover { width: 48px; text-decoration:none; background-color:#F9FAFC; }
.topnav .left ul li a.f3 { color: #676A6F; width: 66px;display:block; }
.topnav .left ul li a.f3:hover { width: 66px; text-decoration:none; background-color:#F9FAFC; }
.topnav .left .ucmenu { margin: 0 10px 0 0; padding: 10px 15px 10px 10px; background: url(image/triangle.gif) no-repeat right center; }
.topnav .left .ucmenu a { vertical-align: super;}
#ucmenu { position: absolute; width: 130px; border: 2px solid #EBE6C9; background: #FFF; z-index: 200; }
#ucmenu * { float: none; margin: 0; padding: 0; display: block; }
#ucmenu li { padding: 5px 10px; }
#ucmenu li a { color: #2C629E; font-size: 12px; font-weight: normal; }
.topnav .right { float: right; text-align: left; font-size: 12px; color: #0F7CB4; height: 20px; line-height: 20px; margin: 5px 0px 0px 0px; display: inline; }
.notify {background:transparent url(images/notify.gif) repeat scroll 0 0;color:#FFFFFF;font-size:12px;font-weight:normal;height:20px;margin:9px 0 0;padding:0 0 0 18px;width:72px;}

.sub_menu, .sub_menu ul{  margin: 0; padding: 0px; position: absolute; left: 0; top: 0; list-style-type: none; background: #fff; border: 1px solid #E4E1DA; border-bottom-width: 0; z-index: 20; }
.sub_menu li a { display: block; width: 100px; color: #645A44; background-color:#FBFBF9;letter-spacing:1px; text-decoration: none; padding:4px 0px 2px 15px; border-bottom: 1px solid #E4E1DA; margin: 1px; text-align:left; }
* html .sub_menu li a { display: inline-block; }
.sub_menu li a:hover{ background-color:#FFF9D4; color: #993300; text-decoration: none; }
.ddiframeshim{ position: absolute; width: 0px; height: 0px; z-index: 3; display: block; }


/* left === */
#left { float: left; width: 672px; }
#left .container { float: left; width:670px; margin-top:11px; }
#left .container .content { float:left;border-left:1px solid #DEDEDF; border-right:1px solid #DEDEDF; background:#F8F8F8; width:97%; height:360px; padding:10px;}
.game {padding:0px 10px;float:left; width:46%; height:175px; overflow:hidden;}
.game .left { float:left; width:147px; padding-left:20px; margin-right:10px; display:inline;}
.game .left span { margin:12px 7px 0px;display:inline; float:left; padding-left:6px;}
.game .right { text-align:left;}
.game .right p { margin-bottom:5px;}
.game .right p a { font-weight:bold; font-size:13px;}
.game .right p b{ font-weight:bold; font-size:14px; color:#ff5300;}
.game .right span { margin-top:15px; float:left;}
.game .explain {float:left; width:100%; line-height:22px; margin:5px 0px;}
.game .explain b { color:#ff5300;}
.border_1 { border-right:1px solid #DDDDDE; border-bottom:1px solid #DDDDDE;}
.border_2 { border-left:1px solid #fff; border-bottom:1px solid #DDDDDE;}
.border_3 {  border-right:1px solid #DDDDDE;border-top:1px solid #fff;padding-top:10px;}
.border_4 { border-left:1px solid #fff; border-top:1px solid #fff;padding-top:10px;}

/* nav */
#nav {width: 100%; height: 28px; font-size: 14px; color: #F36000; font-weight: bold; line-height: 26px; overflow: hidden;}
#nav ul { float: left; margin-left:10px; display: inline; }
#nav ul li { float: left; height: 28px; width:80px;}
.t0{ background: url(../images/xkyx.jpg) no-repeat top right; cursor:hand;}
.t1{ background: url(../images/hwyy.jpg) no-repeat top right; cursor:hand;}
.t2{ background: url(../images/xkmm.jpg) no-repeat top right; cursor:hand;}
.t3{ background: url(../images/wjxc.jpg) no-repeat top right; cursor:hand;}
.t4{ background: url(../images/xkqz.jpg) no-repeat top right; cursor:hand;}
.t_0{ background: url(../images/xkyx_1.jpg) no-repeat top right; cursor:hand;}
.t_1{ background: url(../images/hwyy_1.jpg) no-repeat top right; cursor:hand;}
.t_2{ background: url(../images/xkmm_1.jpg) no-repeat top right; cursor:hand;}
.t_3{ background: url(../images/wjxc_1.jpg) no-repeat top right; cursor:hand;}
.t_4{ background: url(../images/xkqz_1.jpg) no-repeat top right; cursor:hand;}

/* sidebox */
.login { float:left; width:207px;}
.sidebox { float:left; width:197px; border-left:1px solid #c2c4b7; border-right:1px solid #c2c4b7; padding:8px 0px 8px 8px;}
.sidebox ul { float: left; width: 100%; margin: 0px; }
.sidebox label { margin-right:3px; display:inline; color:#828478;}
.sidebox p { float: left; width:100%; text-align: left; font-size: 13px; padding:5px 0px;}
.input { border: 1px solid #A7A8A0; height: 17px;}
.submit {color:#fff;background: url(../images/submit.jpg) no-repeat 0 0; border:0; width:55px; height:25px;margin-right:5px; display:inline;cursor:hand;}
.submit_1 {color:#fff;background: url(../images/1_r11_c7.jpg) no-repeat 0 0; border:0; width:66px; height:20px;cursor:hand}
.login_1 { margin-top:15px; float:left; width:210px;}
.login_1 span { float:left;}
.flash { float:right;}

/* right === */
#right { float: right; width: 248px; }
#right .box { width:100%; float:left; text-align:left; margin-bottom:10px;}
#right .box h1 {background: url(../images/1_r2_c17.jpg) no-repeat; width:248px; height:31px; font-size:14px; font-weight:bold; color:#ff5300;}
#right .box h1 img { margin:6px 8px 0px; display:inline;}
#right .box .box_1 { border:1px solid #C5C6C0; border-top:none; width:246px;float:left;}
#right .box .box_1 ul { padding:3px 0px 10px 15px; overflow:hidden; float:left;}
#right .box .box_1 ul li { margin-top:4px;overflow:hidden; float:left;white-space:nowrap;width:92%;}
#right .box .box_1 ul li a { color:#4d9009; text-decoration:none;}
#right .box .box_1 ul li a:hover { text-decoration:underline;}
#right .box .box_2 { border:1px solid #C5C6C0; border-top:none; width:242px;float:left; padding:2px}
#right .box .box_2 .title {background: url(../images/1_r17_c22.jpg) repeat-x; border:1px solid #ddd; font-size:14px; color:#f07f00; padding:6px 4px 2px 8px; margin:1px 0px; _margin-right:-3px; float:left; width:228px;}

#right .box .box_2 ul { padding:0px 0px 10px 6px; float:left; width:98%; height:84px;}
#right .box .box_2 ul li { margin-top:10px;background: url(../images/arrowhead.jpg) no-repeat; float:left; width:44%; padding-left:10px; line-height:14px; margin-right:3px; display:inline;}
#right .box .box_2 ul li p { margin-left:6px; display:inline; color:#2C90D3;}
#right .box .box_2 ul li a { color:#4d9009; text-decoration:none;}
#right .box .box_2 ul li a:hover { text-decoration:underline;}
#right .box .box_3 { color:#2e91d0;}
#right .box .box_3 ul li a {color:#2e91d0; text-decoration:none; margin-right:10px; display:inline;}
#right .box .box_3 ul li a:hover { text-decoration:underline;}

.m_box { margin:15px 0px 20px; width: 100%;}
.avatar_list { zoom: 1; }
    .avatar_list .time { font-size: 10px; }
    .avatar_list li { float: left; margin: 4px 10px; display:inline; width: 60px; overflow: hidden; }
    .avatar_list p { width: 100%; height: 22px; line-height: 22px; text-overflow: ellipsis; text-align: center; white-space: nowrap; overflow: hidden; -moz-text-overflow: ellipsis; }
    .avatar_list p.online_icon_p { text-align: left; }
    .avatar_list:after { height: 0; clear: both; display: block; visibility: hidden; content: "."; }
.avatar48 { padding:2px;border:1px solid #DDDDDE; background:#fff; width: 48px;}
  .avatar48 img { width: 48px; height: 48px; }

.albs2 {width:100%; overflow: hidden;}
    .albs2 li {float:left;height:110px;overflow:hidden;padding:8px 0 0 8px;width:150px;}
    .albs2 li img { width: 124px; height:93px; }
    .albs2 li a { border:1px solid #EBE6C9;display:block;height:93px;overflow:hidden;padding:3px;width:124px;}
        .albs2 p { padding-top: 5px; width: 100%; height: 22px; line-height: 22px; text-align: center; white-space: nowrap; overflow: hidden; }

    .albs3 li { float: left; padding: 8px 0 0 10px; width: 119px; height: 110px; overflow: hidden; }
    .albs3 .bor { float:left; padding:3px; border:1px solid #DDDDDE; background:#fff; clear:both;}
	.albs3 li p {height:22px;line-height:22px;overflow:hidden;text-align:center;white-space:nowrap;width:90%;}
	.albs3 li p a { color:#f60;}

/* bottom */
#bottom { margin: 0px auto; width: 930px; float:left; margin-top:8px; background: url(../images/1_r24_c2.jpg) no-repeat left bottom; padding-bottom: 18px;}
#bottom .bottom_top { background: url(../images/1_r22_c2.jpg) no-repeat; height:23px;}
#bottom .bottom_top span { float:right; width:40.5%;margin-top:5px;}
#bottom .bottom_top span a { color: #FD821A;font-size:13px; margin:0px 4px; display:inline; }
#bottom .bottom_center {border-left:1px solid #ccc; border-right:1px solid #ccc;width:926px; float:left;}
#bottom .bottom_center ul { padding:15px 0px 0px 30px;}
#bottom .bottom_center ul li { line-height:22px;display:inline;float:left;margin-right:10px;width:23%;}
#bottom .bottom_center ul li img { float:left;}
#bottom .bottom_center ul li b { font-size:14px; color:#ff5300;display:inline;float:left;margin-left:8px;text-align:left;width:50%;}
#bottom .bottom_center ul li span {display:inline;float:left;margin-left:8px;text-align:left;width:50%;}
/* footer */
#footer { margin: 0px auto; width: 930px;padding-top: 6px; overflow: hidden; }
#footer p { line-height: 26px; color: #555; text-align:center; }
#footer a { color: #555;}
#footer a:hover { color: #f60; text-decoration:none; }
.r_option { float: right; font-size: 12px; font-weight: normal; color: #f60; }
.r_option font { font-size: 12px; color: #f60;}