body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td{margin:0;padding:0;}
img{ -ms-interpolation-mode: bicubic;border:0}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input,button,textarea,select{font-size:inherit;*font-size:100%;font-family:inherit; vertical-align:middle; margin:0; padding:0;outline:none;}
input{ border:0}
textarea{resize:none;}
i,em,b,code{font-style:normal;font-weight:normal;}
label{ cursor:pointer}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
/*-------------end reset------------*/

/* global element */
body{font:12px/1.5 simsun; color:#333; background:url(../i/mc.png) repeat-x 0 -550px #fff;}
a{ color:#333; text-decoration:none;outline:none;}
a:hover{ text-decoration:underline; color:#f60}
a:active,.iSubmit{*unicode-bidi:expression(function(x){x.style.unicodeBidi='normal';x.hideFocus=1}(this))}
h3{font-size:14px}
select{height:22px; line-height:18px;padding:2px 0}


/* global class */
.l{ float:left;}
.r{ float:right;}
.radio,.checkbox{ vertical-align:middle; width:13px; height:13px}
.cd{overflow:hidden;_zoom:1}
.cl{*zoom:1}
.cl:after{content:'\20';display:block;height:0;clear:both;}
.ib{display:inline-block}
.vm{ vertical-align:middle}

.re{ position:relative}
.l0{ left:0}.r0{ right:0}
.l50_{left:50%}
.center{ text-align:center}
.seo{font-size:0; line-height:999em; overflow:hidden}
.line{border-top:1px solid #ddebed; height:0; font-size:0}
.ime{ime-mode:disabled}


.org{color:#f60;text-decoration:underline}
.blue{ color:#0b8af2;text-decoration:underline}
.green{ color:#080;font-size:14px; font-family:Verdana}

.t999{color:#999}
.tccc{color:#ccc;}
.tf60{ color:#f60}
.t080{ color:#080}
.tf00{ color:#f00}


.wrap{ width:960px; margin:0 auto}


/* add class */
#wrap .mt10{ margin-top:10px}
#wrap .mr0{ margin-right:0}
#wrap .mt0{ margin-top:0}
#wrap .mr10{ margin-right:10px}
#wrap .mr20{ margin-right:20px}
#wrap .mt15{ margin-top:15px}
#wrap .mb15{ margin-bottom:15px}
#wrap .mlr4{ margin-left:4px; margin-right:4px}

#wrap .w940{ width:940px; _zoom:1; _overflow:hidden}
#wrap .w240{ width:240px}
#wrap .w660{ width:660px}
#wrap .w760{ width:760px}
#wrap .w780{ width:780px}
#wrap .w170{ width:170px}
#wrap .w150{width:150px}
#wrap .w530{width:530px}
#wrap .w220{width:220px}
#wrap .w200{ width:200px}
#wrap .w120{ width:120px}
#wrap .w80{ width:80px}

#wrap .tLeft{ text-align:left}
#wrap .tRight{ text-align:right}

#wrap .bb0{ border-bottom:0}
#wrap .hide{ display:none}

/* layout */

.left{ float:left; width:230px;}
.right{ float:right; width:260px;}
.mid{ float:left; width:430px; margin:0 10px; display:inline}
.main{ float:right; width:700px}

/* round rect */
.box{ margin-top:10px}
.box .i76{ position:absolute; left:50%; margin-left:-4px; top:-4px}
.box .i77{ position:absolute; top:50%; margin-top:-4px; left:-4px}

.box1Hd,.box1Hd b,.box1Ft,.box1Ft b{background:url(../i/mc.png) no-repeat; height:4px; font-size:0;}
.box1Hd b,.box1Ft b{float:right; padding-right:4px}
.box1Hd{ background-position:0 0}
.box1Hd b{ background-position:right 0}
.box1Ft{ background-position: 0 -4px}
.box1Ft b{ background-position:right -4px}
.box1Bd{ background:#f5faff; border-left:1px solid #c4ddf5;border-right:1px solid #c4ddf5}


.box2Hd,.box2Hd b,.box2Ft,.box2Ft b{background:url(../i/mc.png) no-repeat; height:4px; font-size:0;}
.box2Hd b,.box2Ft b{float:right; padding-right:4px}
.box2Hd{ background-position:0 -10px}
.box2Hd b{ background-position:right -10px}
.box2Ft{ background-position: 0 -14px}
.box2Ft b{ background-position:right -14px}
.box2Bd{ background:#fff; border-left:1px solid #d8dcdb;border-right:1px solid #d8dcdb}
.box2Bd .sch{ margin:5px 10px 10px}


.box3Hd,.box3Hd b,.box3Ft,.box3Ft b{background:url(../i/mc.png) no-repeat; height:4px; font-size:0;}
.box3Hd b,.box3Ft b{float:right; padding-right:4px}
.box3Hd{ background-position:0 -20px}
.box3Hd b{ background-position:right -20px}
.box3Ft{ background-position: 0 -24px}
.box3Ft b{ background-position:right -24px}
.box3Bd{ background:#f8f8f8; border-left:1px solid #ccc;border-right:1px solid #ccc}


.box4Hd,.box4Hd b,.box4Ft,.box4Ft b{background:url(../i/mc.png) no-repeat; height:4px; font-size:0;}
.box4Hd b,.box4Ft b{float:right; padding-right:4px}
.box4Hd{ background-position:0 -30px}
.box4Hd b{ background-position:right -30px}
.box4Ft{ background-position: 0 -34px}
.box4Ft b{ background-position:right -34px}
.box4Bd{ background:#fffef2; border-left:1px solid #f5eada;border-right:1px solid #f5eada}


.box5Hd,.box5Hd b,.box5Ft,.box5Ft b{background:url(../i/mc.png) no-repeat; height:8px; font-size:0;}
.box5Hd b,.box5Ft b{float:right; padding-right:8px}
.box5Hd{ background-position:0 -40px}
.box5Hd b{ background-position:right -40px}
.box5Ft{ background-position: 0 -72px}
.box5Ft b{ background-position:right -72px}
.box5Bd{ background:#fff; border-left:4px solid #56bcda;border-right:4px solid #56bcda}

.box6Hd,.box6Hd b,.box6Ft,.box6Ft b{background:url(../i/mc.png) no-repeat; height:4px; font-size:0;}
.box6Hd b,.box6Ft b{float:right; padding-right:4px}
.box6Hd{ background-position:0 -460px}
.box6Hd b{ background-position:right -460px}
.box6Ft{ background-position: 0 -464px}
.box6Ft b{ background-position:right -464px}
.box6Bd{ background:#f5faff; border-left:1px solid #56bcdb;border-right:1px solid #56bcdb}



.combo{ height:33px; display:inline-block; position:relative; width:100%}
.combo b{ height:33px; position:absolute; right:0;}
.combo .hd0{ margin:4px 4px 0 4px; position:relative; z-index:2; font-size:12px}


.tips{ position:absolute;}
.tips .box6Bd{ padding:10px;}

/* head */
.hd0,.iboxHd{background:url(../i/mc.png) repeat-x 0 -80px; height:29px; padding:0 10px; color:#0f6c8a; overflow:hidden}
.hd0 .title{ display:inline-block; padding-top:6px}
.hd0 .tab{ margin:4px 0 0 10px}
.hd0 .sch_s{ margin-top:4px;width:160px;}
.hd0 .title .ico{ margin:0 6px 0 2px}

.hd1,.hd1 b{background:url(../i/mc.png) no-repeat;height:33px}
.hd1{ background-position:0 -110px}
.hd1 b{background-position:right -110px; float:right; padding-right:4px}
.hd1 .more{ float:right;margin:12px 3px 0 0}
.hd1 .i17{ margin:7px 4px 0 12px; }
.hd1 strong{ font-size:14px; display:inline-block; vertical-align:middle; margin-top:7px}

.hd2{background:url(../i/mc.png) no-repeat 0 -150px; height:32px}
.hd2 .more{ float:right; margin:14px 13px 0 0}
.hd2 .tab{ margin:7px 0 0 22px;}

.hd3,.table th{background:url(../i/mc.png) repeat-x 0 -190px; height:32px; line-height:32px; color:#0f828a; font-weight:700}

.table{ width:100%; border-bottom:2px solid #63c1dc}
.table .prop20 img{ vertical-align:middle; margin-right:6px}
.table th{padding:0 5px; cursor:pointer}
.table td{overflow:hidden; padding:7px 5px; white-space:nowrap; text-align:center}
.table .over{ background:#e8f6fa}
.table .cur td{border-bottom:1px solid #e5c672; background:#fffac4;}
.table .i75{ margin-right:5px}


.table2{ border:1px solid #63c1dc; width:100%; border-collapse:collapse;font-family:Verdana,simsun}
.table2 td{border:1px solid #63c1dc; padding:5px; }
.table2 .th{ background:#e8f6fa; width:15%; font-weight:700; color:#0f828a}

.table3{ width:100%; border:1px solid #63c1dc; border-collapse:collapse;}
.table3 th{background:url(../i/mc.png) repeat-x 0 -191px; height:29px; line-height:28px; color:#0f828a;  border:1px solid #63c1dc; border-collapse:collapse; text-align:left;padding:0 5px;  }
.table3 td{padding:7px 5px; border:1px solid #63c1dc; border-collapse:collapse; }

.hd4,.hd4 b{background:url(../i/mc.png) no-repeat;height:25px}
.hd4{ background-position:0 -230px}
.hd4 b{background-position:right -230px; float:right; padding-right:4px}
.hd4 strong{padding:4px 0 0 15px; display:inline-block}

.hd5,.hd5 b{background:url(../i/mc.png) no-repeat;height:34px}
.hd5{ background-position:0 -260px;}
.hd5 b{background-position:right -260px; float:right; padding-right:4px}
.hd5 .title{display:inline-block; padding-top:6px}
.hd5 strong{ font-size:14px; color:#035a60; vertical-align:middle}
.hd5 .ico{ margin:0 8px 0 12px}
.hd5 .more{ margin:10px 10px 0 0}

.hd6,.hd6 b{background:url(../i/mc.png) no-repeat;height:38px; line-height:38px}
.hd6{ background-position:0 -300px; padding-left:15px}
.hd6 b{background-position:right -300px; float:right; padding-right:15px;}

.hd7{background:url(../i/mc.png) no-repeat 0 -470px; height:43px; text-align:center; line-height:40px; width:670px; margin:0 auto}

.nodeHd,.c_gameHelp h3{ background:url(../i/ico.png) no-repeat -450px -146px; padding-left:22px; margin:10px 0;_zoom:1}


/* tab */
.tab li{ float:left; padding-left:10px; margin-right:2px}
.tab a{ display:inline-block; padding:5px 10px 0 0; height:20px; color:#035a60;}
.tab a:hover{ text-decoration:none; color:#f60}
.tab .cur{background:url(../i/mc.png) no-repeat 0 -340px}
.tab .cur a{background:url(../i/mc.png) no-repeat right -340px; color:#0f828a;}
.tab em{ vertical-align:middle}

/* ico */
.ico{ background:url(../i/ico.png) no-repeat; vertical-align:middle; width:16px; height:16px; display:inline-block; font-size:0}
.icon{ width:50px; height:50px; background:url(../i/icon.png) no-repeat;display:inline-block;}

.i1{ background-position:0 0}
.i2{ background-position:-50px 0}
.i3{ background-position:-100px 0}
.i4{ background-position:-150px 0}
.i5{ background-position:-200px 0}
.i6{ background-position:-250px 0}
.i7{ background-position:-300px 0}
.i8{ background-position:-350px 0}
.i9{ background-position:-400px 0}
.i10{ background-position:-450px 0}

.i11{ background-position:0 -50px}
.i12{ background-position:-50px -50px}
.i13{ background-position:-100px -50px}
.i14{ background-position:-150px -50px}
.i15{ background-position:-200px -50px}
.i16{ background-position:-250px -50px}
.i17{ background-position:-300px -50px}
.i18{ background-position:-350px -50px}
.i19{ background-position:-400px -50px}
.i20{ background-position:-450px -50px}

.i21{ background-position:0 -100px}
.i22{ background-position:-50px -100px}
.i23{ background-position:-100px -100px}
.i24{ background-position:-150px -100px}
.i25{ background-position:-200px -100px}
.i26{ background-position:-250px -100px}
.i27{ background-position:-300px -100px}
.i28{ background-position:-350px -100px}
.i29{ background-position:-400px -100px}

.i30{ background-position:0 -150px}
.i30:hover{ background-position:-450px -100px}

.i32{ background-position:-50px -150px}
.i33{ background-position:-100px -150px}
.i34{ background-position:-150px -150px}
.i35{ background-position:-200px -150px}
.i36{ background-position:-250px -150px}
.i37{ background-position:-300px -150px}
.i38{ background-position:-350px -150px}
.i39{ background-position:-400px -150px}
.i40{ background-position:-450px -150px}

.i41{ background-position:0 -200px}
.i42{ background-position:-50px -200px}
.i43{ background-position:-100px -200px}
.i44{ background-position:-150px -200px}
.i45{ background-position:-200px -200px}
.i46{ background-position:-250px -200px}
.i47{ background-position:-300px -200px}
.i48{ background-position:-350px -200px}
.i49{ background-position:-400px -200px;cursor:pointer}
.i50{ background-position:-450px -200px}

.i51{ background-position:0 -250px}
.i52{ background-position:-50px -250px}
.i53{ background-position:-100px -250px}
.i54{ background-position:-150px -250px}
.i55{ background-position:-200px -250px}
.i56{ background-position:-250px -250px}
.i57{ background-position:-300px -250px}
.i58{ background-position:-350px -250px}
.i59{ background-position:-400px -250px}
.i60{ background-position:-450px -250px}

.i61{ background-position:0 -300px; width:14px;}
.i62{ background-position:-50px -300px; width:14px;}
.i63{ background-position:-100px -300px; height:15px; cursor:pointer}
.i64{ background-position:-150px -300px; width:14px;cursor:pointer}
.i65{ background-position:-200px -300px; width:14px;cursor:pointer}
.i66{ background-position:-250px -300px; width:21px; height:21px;margin-right:5px; cursor:pointer}
.i67{ background-position:-300px -300px;}
.i68{ background-position:-350px -300px; width:17px; height:18px;}
.i68:hover{ background-position:-400px -300px}
.i70{ background-position:-450px -300px}

.i71{ background-position:0 -350px}
.i72{ background-position:-50px -350px}
.i73{ background-position:-100px -350px}
.i74{ background-position:-150px -350px}
.i75{ background-position:-200px -350px;cursor:pointer}
.i76{ background-position:-250px -350px; width:9px; height:5px;}
.i77{ background-position:-300px -350px; width:5px; height:9px}
.i78{ background-position:-350px -350px}
.i79{ background-position:-400px -350px}
.i80{ background-position:-450px -350px}

.i81{ background-position:0 -400px}
.i82{ background-position:-50px -400px}
.i83{ background-position:-100px -400px}
.i84{ background-position:-150px -400px}
.vip{ width:18px; height:18px}
.i85{ background-position:-200px -400px}
.i86{ background-position:-250px -400px}
.i87{ background-position:-300px -400px}
.i88{ background-position:-350px -400px}
.i89{ background-position:-400px -400px}
.i90{ background-position:-450px -400px}

.i91{ background-position:0 -450px}
.i92{ background-position:-50px -450px}
.i93{ background-position:-100px -450px}
.i94{ background-position:-150px -450px}
.i95{ background-position:-200px -450px}
.i96{ background-position:-250px -450px}
.i97{ background-position:-300px -450px}
.i98{ background-position:-350px -450px}
.i99{ background-position:-400px -450px}
.i100{ background-position:-450px -450px}


.pageInfo{ margin-right:10px}
.pageInfo,.pageSelect{ float:left}
.pageList{float:right}
.pageList a,.pageList a b{ display:inline-block; cursor:pointer}
.pageList a{ margin:0 1px;background:url(../i/mc-ot.png) no-repeat -300px -50px; padding-left:10px; vertical-align:middle}
.pageList a b{background:url(../i/mc-ot.png) no-repeat right -50px; padding-right:10px; height:20px; line-height:20px;line-height:22px\9; color:#2b71a2; overflow:hidden}
.pageList a:hover,.pageList a.cur{text-decoration:none;background:url(../i/sc.png) no-repeat -202px -94px;}
.pageList a:hover b,.pageList a.cur b{background:url(../i/sc.png) no-repeat right -94px;color:#f60}
.pageList a.cur b{font-weight:700}
.pageList a.disabled{background:url(../i/mc-ot.png) no-repeat -300px -190px;}
.pageList a.disabled b{background:url(../i/mc-ot.png) no-repeat right -190px;color:#999}
.pageList .prev i,.pageList .next i{height:0;width:0;overflow: hidden;font-size:0;line-height:0;border-width:5px;display:inline-block; cursor:pointer; margin-top:5px;}
.pageList .prev i{border-color:transparent #5a62a4 transparent transparent;border-style:dashed solid dashed dashed; margin-left:-5px}
.pageList .next i{border-color:transparent transparent transparent #5a62a4;border-style:dashed dashed dashed solid; margin-right:-5px}
.pageList a.prev:hover i{ border-right-color:#f60}
.pageList a.next:hover i{ border-left-color:#f60}
.pageList a.prev_disabled:hover i,.pageList a.prev_disabled i{ border-right-color:#999}
.pageList a.next_disabled:hover i,.pageList a.next_disabled i{ border-left-color:#999}

/* btn */
.btn,.btn b{ display:inline-block; cursor:pointer}
.btn:hover{ text-decoration:none}

.btn1,.btn2,.btn3{background:url(../i/mc.png) no-repeat;padding-left:10px; vertical-align:middle;}
.btn1 b,.btn2 b,.btn3 b{background:url(../i/mc.png) no-repeat;padding-right:10px}
.btn1{ background-position:0 -400px; color:#0f6c8a; padding-left:15px}
.btn1 b{background-position:right -400px; height:20px; line-height:20px; padding-right:15px}
.btn2{ background-position:0 -420px; color:#035a60}
.btn2 b{background-position:right -420px; height:18px; line-height:18px}
.btn3{ background-position:0 -440px;}
.btn3 b{background-position:right -440px; height:18px; line-height:18px; color:#999}

/*
.btn4{ background:url(../i/mc-ot.png) no-repeat -300px -50px; padding-left:10px; vertical-align:middle}
.btn4 b{background:url(../i/mc-ot.png) no-repeat right -50px; padding-right:10px; height:20px; line-height:20px; color:#2b71a2}
.btn4:hover,.cur .btn4{ background:url(../i/sc.png) no-repeat -202px -94px;}
.btn4:hover b,.cur .btn4 b{background:url(../i/sc.png) no-repeat right -94px;color:#f60}
.cur .btn4 b{ font-weight:700}
*/

.btn5{ background:url(../i/sc.png) no-repeat -167px -56px; padding-left:10px;vertical-align:middle}
.btn5 b{background:url(../i/sc.png) no-repeat right -56px; padding-right:10px; height:19px; line-height:19px; color:#bf450a}
.btn5:hover{ background:url(../i/sc.png) no-repeat -167px -75px;}
.btn5:hover b{background:url(../i/sc.png) no-repeat right -75px;color:#f60}


/* butn */

.butn{ display:inline-block; vertical-align:middle; text-align:center}
.butn:hover{ text-decoration:none}
.butn1,.butn2,.butn3{ width:122px;height:37px; font-size:14px; line-height:37px; font-weight:700; color:#fff}
.butn1:hover,.butn2:hover,.butn3:hover{color:#fff; filter:alpha(opacity=85);opacity: 0.85;}
.butn1{ background:url(../i/mc-ot.png) no-repeat -164px -184px;}
.butn1 .vm{ cursor:pointer}
.butn2{ background:url(../i/sc.png) no-repeat -200px 0}
.butn3{ background:url(../i/sc-ot.png) no-repeat 0 0;}

.butn4,.butn5{width:25px; height:20px}
.butn4{ background:url(../i/mc-ot.png) no-repeat -70px -151px;}
.butn4:hover{ background:url(../i/sc.png) no-repeat -87px -56px;}
.butn5{ background:url(../i/mc-ot.png) no-repeat  -95px -151px; }
.butn5:hover{ background:url(../i/sc.png) no-repeat -112px -56px;}

.butn6,.butn7{ width:20px;height:60px;}
.butn6{ background:url(../i/mc-ot.png) no-repeat -212px -50px;}
.butn6:hover{ background:url(../i/sc.png) no-repeat -47px -56px}
.butn7{ background:url(../i/mc-ot.png) no-repeat -232px -50px; }
.butn7:hover{ background:url(../i/sc.png) no-repeat -67px -56px;}

.butn8{ background:url(../i/sc.png) no-repeat 0 0; width:200px; height:56px;}
.butn8:hover{ filter:alpha(opacity=85);opacity: 0.85;}

/* tag */
.tag,.tag b{ display:inline-block}
.tag{padding-left:4px; vertical-align:middle}
.tag b{height:16px; line-height:16px; color:#fff; padding-right:4px; cursor:default}

.tag1{background:url(../i/mc-ot.png) no-repeat -360px -70px}
.tag1 b{background:url(../i/mc-ot.png) no-repeat right -70px}
.tag2{background:url(../i/sc.png) no-repeat -262px -37px}
.tag2 b{background:url(../i/sc.png) no-repeat right -37px}

/* widget */
.pgs{ border:1px solid #91B4D1; display:inline-block; padding:1px}
.pgs b{ display:inline-block; font-size:0; height:6px; background:url(../i/sc-ot.png) repeat-x 0 -37px}


.sch,.sch .iSub{background:url(../i/mc.png) no-repeat; height:25px;}
.sch{background-position:0 -370px;}
.sch .iSub{background-position:right -370px; width:52px; float:right; cursor:pointer;color:#fff;}
.sch .iText,.sch_s .iText{height:14px; line-height:14px;margin:6px 0 0 10px;}

.sch_s{ height:18px; border:1px solid #63c1dc; background:#fff; }
.sch_s .i63{ float:right; margin:2px 1px 0 0;}
.sch_s .iText{ margin:2px 0 0 4px;}

.ipt{ height:20px; line-height:20px; padding-left:4px; border:1px solid #63c1dc; width:194px}
.more{ height:10px; width:36px; background:url(../i/mc-ot.png) no-repeat; display:inline-block}
.mo1{ background-position:-252px -104px}.mo2{ background-position:-252px -114px}
.msgBox{ border:1px solid #d4f0ff; background:#f1faff; padding:5px 10px}
#wrap .hilite{ margin:0 4px; color:#f60}
.bigNum{color:#F60; font-size:22px; margin:0 6px; font-family:Verdana;line-height:1}
.avatar44{ border:1px solid #c4ddf5; padding:2px; display:inline-block}
.avatar44 img{width:44px; height:44px}
.avatar90{padding:5px 5px 9px; display:inline-block; background:url(../i/mc-ot.png) no-repeat -320px -86px;}
.avatar90 img{width:90px; height:90px}
.prop100{ display:inline-block; padding:2px; background:#f8fcfd; border:1px solid #56bcda;}
.prop100 img{ width:100px; height:100px}
.prop46{ display:inline-block; padding:1px; background:#f8fcfd; border:1px solid #56bcda;}
.prop46 img{ width:46px; height:46px}
.prop20 img{ width:20px; height:20px}
.hv .ico{ margin-right:3px}


.online{ background:url(../i/mc-ot.png) no-repeat -212px 0; width:200px; height:50px; position:relative;margin:10px auto 4px;}
.online .ico{ position:absolute; right:10px; cursor:pointer}
.online .i20{ top:4px}
.online .i29{ top:28px}
.online em,.online span{  position:absolute; top:26px; left:57px; color:#0a5a60; font:italic 12px/1.5 Verdana}
.online em{ left:58px; top:27px; color:#fff}
.onlineList{ position:absolute;margin:0; z-index:999; display:none; width:110px;}
.onlineList .box6Bd{ padding:2px 10px;}
.onlineList li{ padding:5px 0;cursor:pointer; height:14px;overflow:hidden; white-space:nowrap; width:100%; line-height:14px}
.onlineList li a{ text-decoration:none}
.onlineList em{vertical-align:middle;margin-left:5px;}
.onlineList em img{vertical-align:middle}






.number .num{ height:16px; line-height:16px; width:20px; background:#e7e7e7; vertical-align:middle; text-align:center}




/* == The end of common style == */



/* top */
.top{ background:url(../i/topimg.png) no-repeat center 0}
.top .r{ margin:30px 30px 0 0; display:inline}
.top div{ text-align:right; height:24px}
.logo{ margin:21px 0 0 40px; float:left; *position:relative; *z-index:2; width:200px; height:65px; overflow:hidden; cursor:pointer}
.logo img{_display:none}
.weather{ width:170px; height:22px; vertical-align:middle; display:inline-block; overflow:hidden; margin:0 -15px 0 10px}
.time{ vertical-align:middle}

/* navigation */
.nav{ background:url(../i/nav.png) no-repeat 0 0;height:70px; margin:-12px 0 7px}
.nav ul{margin:20px 0 0 30px; }
.nav li{ float:left; width:110px;height:40px;}
.nav li a{ display:block; height:40px;font-family:Verdana,simsun; font-size:16px;text-align:center;position:relative;}
.nav li a:hover{text-decoration:none}
.nav li strong,.nav li a em{display:block;width:110px;position:absolute;top:0;cursor:pointer; height:40px}
.nav li strong{ left:2px;color:#0f619d; line-height:40px;*line-height:42px}
.nav li em{ left:0;color:#fff; font-weight:700; line-height:38px;*line-height:40px}


.nav a:hover em{ color:#fff836}
#wrap .nav a.cur em{color:#0f6d98;line-height:44px;*line-height:46px}

.nav a.cur strong{ color:#e1f1ff; background:url(../i/nav_cur.png) no-repeat;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.qpdiy.com/statics/templates/blue/i/nav_cur.png"); line-height:46px;*line-height:48px}


/*
.nav .n1 a{ background-position:0 -70px}
.nav .n2 a{ background-position:-110px -70px}
.nav .n3 a{ background-position:-220px -70px}
.nav .n4 a{ background-position:-330px -70px}
.nav .n5 a{ background-position:-440px -70px}
.nav .n6 a{ background-position:-550px -70px}
.nav .n7 a{ background-position:-660px -70px}
.nav .n8 a{ background-position:-770px -70px}
.nav .n_about a{ background-position:-880px -70px}

.nav .n1 a:hover{ background-position:0 -110px}
.nav .n2 a:hover{ background-position:-110px -110px}
.nav .n3 a:hover{ background-position:-220px -110px}
.nav .n4 a:hover{ background-position:-330px -110px}
.nav .n5 a:hover{ background-position:-440px -110px}
.nav .n6 a:hover{ background-position:-550px -110px}
.nav .n7 a:hover{ background-position:-660px -110px}
.nav .n8 a:hover{ background-position:-770px -110px}
.nav .n_about a:hover{ background-position:-880px -110px}

#wrap .nav .n1 a.cur{ background-position:0 -150px}
#wrap .nav .n2 a.cur{ background-position:-110px -150px}
#wrap .nav .n3 a.cur{ background-position:-220px -150px}
#wrap .nav .n4 a.cur{ background-position:-330px -150px}
#wrap .nav .n5 a.cur{ background-position:-440px -150px}
#wrap .nav .n6 a.cur{ background-position:-550px -150px}
#wrap .nav .n7 a.cur{ background-position:-660px -150px}
#wrap .nav .n8 a.cur{ background-position:-770px -150px}
#wrap .nav .n_about a.cur{ background-position:-880px -150px}
*/


/* content block */
.arc p{line-height:20px; margin:10px 0}
.arc img{ margin:5px 0; height:auto}
.arc table{ background:#a3c9da; margin:10px 0}
.arc table td,.arc table th{ padding:5px; background:#fff}
.arc table th{ background:#f0f8fc}

/* index.html */
.downLoad{ padding:4px 0 0 15px; _padding-top:6px}
.downLoad h1{ color:#0f6c8a; font-size:12px}
.downLoad .i11{ margin-right:7px}
.downLoad .butn8{margin-top:10px}
.downLoad p{ padding-right:15px; text-align:center}
.newTip{ background:url(../i/sc.png) no-repeat 0 -56px; width:47px;height:47px;position:absolute; right:-3px; top:-4px}

.channel{ margin:5px 10px 0; border-bottom:1px solid #e8e8e8}
.channel li{ float:left; width:93px; padding:5px 0 0 6px; height:26px; margin-right:10px}
.channel .ico{ margin-right:10px}


.rank{ padding:1px; height:300px}
.rank ul{ padding:0 10px;}
.rank li{ float:left; height:26px; padding-top:4px; width:206px}
.rank li em{ float:right}
.rank li span{ vertical-align:middle; margin-left:10px}
.switchRank{ float:right; width:94px; height:20px; margin-top:8px}

.news{ padding:0 5px; height:186px}
.news ul{width:378px; float:left; display:none}
.news li{ float:left;border-bottom:1px dashed #dedede; width:24em; padding:0 50px 0 42px; position:relative; _padding-right:48px}
.news li a{display:inline-block;max-width:24em;overflow:hidden;vertical-align:middle;height:30px; line-height:30px}
.news li .date{display:inline-block; padding-left:10px; margin-right:-500px; _position:relative; color:#bababa}
.news .tag{ position:absolute; top:7px; left:2px}

.track{ float:right; width:24px; height:184px; background:url(../i/mc-ot.png) no-repeat -188px 0; margin:1px 0 0 10px; display:inline; position:relative}
.track .c{ position:absolute; top:1px; left:0; width:24px;}
.track .slipper{background:url(../i/mc-ot.png) no-repeat -164px -88px; width:22px; height:54px; position:absolute; top:1px; left:1px}
.track p{ cursor:pointer; width:16px; height:41px; padding-top:13px; margin:0 auto; line-height:1.3; color:#fff; padding-left:6px }
.track .cur{color:#0f6c8a}
.track .i27{ margin:3px 0 0 5px; cursor:pointer}

.games{ padding:8px 6px; height:120px}
.games li{ float:left; width:120px; cursor:pointer; margin-right:10px; padding:6px 0 6px 10px; white-space:nowrap; overflow:hidden}
.games li .i16{ margin-right:8px}
.games .cur{ color:#f60; font-weight:700}


.detail{ margin:0 10px; border-top:1px solid #e8e8e8; padding:10px 0; height:57px}
.detail img{ float:left; border:1px solid #ccc; padding:2px; width:79px; height:52px}
.detail .blue{ font-size:12px; font-weight:normal; margin-left:16px; float:right}
.detail .c{ margin-left:95px}
.detail .c h3{ color:#f60}
.detail .c p{ color:#aaa}

.gallery{padding:18px 7px;height:90px;}
.gallery .butn{margin-top:10px}
.gallery .items{ overflow:hidden; float:left; width:368px; height:90px; position:relative}
.gallery ul{ width:10000px; position:absolute; left:0; top:0;}
.gallery li{ width:92px; text-align:center; float:left; _height:90px}
.gallery img{ display:block; padding:1px; border:1px solid #ccc; margin:0 auto; width:40px; height:40px}
.gallery p{ color:#0f828a; margin:3px 0 1px}

.slider{ padding:1px 4px}

.faq{ padding:5px 15px; height:170px}
.faq ol{line-height:26px}
.faq .sch{ margin:10px 0 5px}

.contact{ padding:5px 15px; height:158px}
.contact li{ padding:5px 0; float:left; width:227px}
.contact i{ float:left; margin-right:10px}
.contact em{ float:left; color:#0f6c8a}
.contact p{ float:left; width:72%}

.flink{ clear:both; padding-top:10px}
.flink h3{ font-size:12px; color:#666; border-top:1px solid #e6e7e1;border-bottom:1px solid #e6e7e1; padding:7px 6px}
.flink .toggle i{ width:8px; height:3px; font-size:0;background:#ccc; display:inline-block}
.flink .toggle { padding:5px; float:right;margin-top:2px }
.imgLink{ padding:10px 6px;border-bottom:1px solid #e6e7e1; }
.imgLink li{ float:left; margin-right:15px}
.imgLink li img{width:88px; height:31px; display:block}
.textLink{ padding:7px 6px}
.textLink li{ float:left; width:103px; padding-bottom:1px; white-space:nowrap}

.foot{ border-top:3px solid #e6e7e1; text-align:center; padding:25px 50px; position:relative}
.foot .l,.foot .r{ background:url(../i/police.png) no-repeat; width:50px; height:50px;}
.foot .r{ background-position:-50px 0}
.foot p{ padding:3px 0}
.foot .signPage a{ margin:0 10px}
.foot .i28{ position:absolute;bottom:25px; right:2px;}

/* game.html */
.gameList{ float:right; width:147px}
.gameList .point1,.gameList .point2,.gameList .point3{font-size:0; position:absolute} 
.gameList .point1{ top:0; left:0; background:#56bcda;height:1px;width:3px;}
.gameList .point2{ top:1px; left:0; background:#56bcda;height:1px; width:1px}
.gameList .point3{ top:1px; left:1px;background:#f5faff;height:2px; width:2px}
.gameList ul{ padding-bottom:10px}
.gameList ul a.cur{ color:#f60; font-weight:700}
.gameList li{ float:left; width:100%; }
.gameList li .ico{ margin:0 8px 0 10px}
.gameList li a{ display:block;text-decoration:none;padding:7px 0; height:16px; overflow:hidden; white-space:nowrap; width:11.8em}

.gameTab{ float:left; margin-right:-1px; width:24px}
.gameTab li{ float:left; width:24px; margin-bottom:3px; cursor:pointer}
.gameTab li a{ color:#0f6c8a; font-weight:700; display:block;padding:4px 0 4px 7px; background:url(../i/mc-ot.png) no-repeat -164px -44px; }
.gameTab li a:hover{ color:#f60;text-decoration:none}
#wrap .gameTab li.cur a{background:url(../i/mc-ot.png) no-repeat -164px 0; color:#fff}

.gameList ul,.c_gameRank,.c_gameHelp{min-height:300px; _height:300px}


.c_gameRank{ padding-top:20px}
.c_gameRank .box{ width:700px; margin:0 auto 50px}
.comTab{ margin:0 0 -1px 15px; position:relative; z-index:2}

.c_gameHelp{ padding:10px 25px; position:relative;}
.c_gameHelp p{ padding:0 20px}

.catalog{position:absolute; right:0; *right:1px; top:30px;width:155px; z-index:2}
.catalog .c{ border-bottom:1px solid #d9d9d9; float:right; display:none}
.catalog .in{ width:117px; border:1px solid #56bcda; border-right:0; background:#fff; padding:5px 0 10px 10px; min-height:48px;_height:48px;}
.catalog li{ height:24px; line-height:24px; overflow:hidden; float:left; width:100%}
.catalog .r{ width:16px; padding:6px 4px 0 8px; margin-right:-1px; height:60px; background:url(../i/mc-ot.png) no-repeat -212px -110px; text-align:center; cursor:pointer; position:relative; z-index:2}
.catalog .r strong{ display:block;color:#0f6c8a;}

.track_r{ float:right; width:140px; height:22px; background:url(../i/mc-ot.png) no-repeat 0 -125px; position:relative; padding:2px 3px; margin-top:1px}
.track_r ul{position:absolute; z-index:2}
.track_r .slipper{background:url(../i/mc-ot.png) no-repeat 0 -151px; width:70px; height:22px; position:absolute}
.track_r li{cursor:pointer; width:70px; height:22px; line-height:22px;_line-height:23px; color:#fff; float:left; text-align:center}
.track_r .cur{color:#0f6c8a}




/* login */

.login div{ padding:8px 5px}
.login div input{  width:150px; margin:0 10px 0 5px; }
.login .center{ border-top:1px solid #ddebed; margin-top:10px; padding-top:10px}

/* faq.html */
.c_faq .box5Hd{ z-index:2}
.faq_tit{width:32px;height:17px;background:url(../i/mc-ot.png) no-repeat; display:inline-block; vertical-align:middle; margin-left:4px}
.faq_tit1{ background-position:-252px -50px}
.faq_tit2{ background-position:-252px -67px}
.faqSign{background:url(../i/mc-ot.png) no-repeat -252px -84px;display:inline-block;width:54px; height:20px; position:absolute; top:6px; right:7px;}
.showAll{ float:right; margin:5px 25px 0 0}
.vernier{ background:url(../i/mc-ot.png) no-repeat -146px -125px;width:13px;height:45px; display:inline-block; position:absolute; left:238px; top:-4px; z-index:3}
.scale{ background:url(../i/mc-ot.png) repeat-x 0 -222px;}
.c_faq .center{ position:absolute; bottom:-4px; left:0; width:240px; border-top:1px solid #d7efff; z-index:2}
.c_faq .center .in{ background:#eefaff; padding:8px 0; border:1px solid #fff; border-bottom:none;}
.c_faq .point1,.c_faq .point2,.c_faq .point3,.c_faq .point4{position:absolute;width:1px; font-size:0; height:1px}
.c_faq .point1{right:-1px; bottom:0; background:#d9d9d9;  height:4px}
.c_faq .point2{left:0; bottom:0; background:#5abedb;}
.c_faq .point3{left:0; bottom:1px; background:#afdfee;}
.c_faq .point4{left:1px; bottom:0; background:#afdfee;}

.faqList{ padding:15px 10px; width:220px;border-right:1px solid #d9d9d9;}
.faqList ol{ line-height:28px; padding:10px 0}
.faqList li.cur a{ color:#f60; font-weight:700}
.c_faq .c{ float:left; width:640px; display:inline; padding:20px 25px; height:500px; overflow:auto; border-left:1px solid #d9d9d9; margin-left:-1px}
.c_faq .c .i38{ margin-right:10px}
.c_faq .c .i39{ float:left}
.c_faq h1{ font-size:14px; margin-bottom:15px}
.c_faq .arc{ margin:-4px 0 0 26px}

.c_faq .pageList{float:none}


/* about.html */
.c_about{ padding:0 15px 30px}
.c_about p{ line-height:25px; margin-top:15px}
.c_about img{ display:block}
.c_about .nodeHd{ margin-top:20px}
.c_about ul{line-height:25px}

/* news.html */
.c_news{padding:5px 15px 10px}

.newsList{ padding:5px 0}
.newsList li{ padding:6px 10px; overflow:hidden; white-space:nowrap; _width:205px}
.newsList li .i18{ margin-right:6px}

.newsBlock{ margin-bottom:10px}
.newsBlock li{ padding:15px 0; overflow:hidden; _zoom:1; border-bottom:1px dashed #dedede;}
.newsBlock li img{ float:right; width:125px; height:75px; padding:4px; border:1px solid #ccc; margin-left:20px}
.newsBlock .c strong{vertical-align:middle; margin:0 10px}
.newsBlock .c .tccc{ vertical-align:middle}
.newsBlock .c div.t999{ margin:10px 0 15px}
.newsBlock .c .blue{ margin:0 5px;}
.newsBlock .c a.t999{ margin:0 -10px 0 20px;}

/* mall.html */

.c_mall{ padding:10px}

.nodeline{ width:500px; margin:20px auto}
.nodeline h3{height:35px}
.nodeline h3 strong{ position:absolute; top:0; color:#2b71a2}
.nodeline h3 .l0{ margin-left:-15px}
.nodeline h3 .l50_{margin-left:-34px}
.nodeline h3 .r0{ margin-right:-15px}
.nodeline .hd{ height:4px; font-size:0; background:#56bcda}
.nodeline .hd .ico{ position:absolute; top:-7px;margin-left:-8px}
.nodeline .hd .r0{ margin:0 -8px 0 0}
.nodeline .nodeInfo{ position:absolute; width:170px;margin-left:-85px; top:2px; display:none}
.nodeline .bd .r0{ margin:0 -85px 0 0}
.nodeline .box6Bd{ padding:5px 10px;}
.nodeline .ft{ color:#2b71a2;font-weight:700; padding-top:16px}

.c_mall .hd5{ margin-bottom:15px}
.propList,.propList .bd{ overflow:hidden; _zoom:1;}
.propList .propBox{ float:left; width:194px; margin:0 30px 0 10px; padding-bottom:35px; display:inline}
.propList .prop46{ float:left}
.propList .bd{ margin:5px 0 12px}
.propList .hd a{color:#f60;vertical-align:middle; font-weight:700}
.propList .hd .ico{ margin-right:3px}
.propList .bd ul{ margin:-2px 0 0 65px}
.propList .ft .btn{ margin-right:15px}


/* download.html */

.c_down{ padding:15px}
.downInfo .c{margin-left:325px}
.downInfo h1{ font-size:14px; margin:4px 0 6px}
.downInfo ul{ line-height:25px}
.downInfo .butn{ margin:10px 15px 0 0}
.c_down .msgBox{ margin:15px 0 15px; line-height:20px; padding-bottom:8px}
.c_down .msgBox .i35{ margin-right:6px}
.c_down .msgBox div{ margin:2px 0 4px}
.c_down .msgBox em{ vertical-align:middle}
.c_down .msgBox .blue{ margin-right:20px}
.upInfo ol{ font-size:14px; line-height:25px;padding:0 10px}
.upInfo h3{padding:3px 6px 7px}

/* zoom plus */
.jqzoom {position:relative;cursor:pointer;border:1px solid #ccc; padding:4px; float:left}
.jqzoom img{ display:block;}
.zoomdiv {z-index:100;position: absolute;top:0;left:0;width:340px;height:210px;background:#fff;display:none;overflow: hidden;border:1px solid #ccc}
.divfocus {z-index:10;visibility :hidden;position:absolute;top:0;left:0;background:#0093ff;opacity: 0.15;filter: alpha(Opacity=15)}

/* charge.html */
.charge .left{ width:164px; margin:5px -4px 0 0; position:relative; z-index:2}
.charge .left .hd{ background:url(../i/mc-ot.png) no-repeat 0 0; height:29px; line-height:29px; font-weight:700; color:#0f6c8a; padding-left:12px}
.charge .left ul{ padding-top:10px;background:url(../i/mc-ot.png) no-repeat 0 -173px}
.charge .left li a{ display:block;height:33px; padding:12px 0 0 20px; background:url(../i/mc-ot.png) no-repeat 0 -173px; color:#2b71a2}
.charge .left li a:hover{ text-decoration:none; background-position:0 -78px}
#wrap .charge .left .cur a{background-position:0 -33px; color:#333}
.charge .left li strong{ vertical-align:middle; font-size:14px}
.charge .left li .ico{ margin-right:10px}
.charge .left .ft{ height:49px; background:url(../i/mc-ot.png) no-repeat 0 -173px}

.charge .box5Bd{min-height:350px;_height:350px}
.c_charge{ padding:30px;}
.c_charge .formRow .iText{width:34%}
.c_charge .formRow span{ width:18%}


.bigForm .formRow { height:30px; line-height:30px; margin-bottom:20px}
.bigForm .formRow .iText{ border:1px solid #56bcda; height:28px; padding:0 5px; line-height:28px; font-family:Verdana; font-size:14px; font-weight:700;}
.bigForm .formRow span{ text-align:right; display:inline-block; margin-right:5px;}
.bigForm .formRow .t999{ display:inline-block}
.formRow .ico{ margin:0 5px 0 10px}
.formRow .cur{ background:#f1faff}
.formRow label {display: inline-block;padding: 0 10px 0 5px;vertical-align: middle;}
.bigForm div.center{ border-top:1px solid #ddebed; margin:40px 0; padding-top:20px}
.bigForm .msgBox h3{color:#f60; margin-bottom:5px}
.bigForm ol{ line-height:25px}

/* member-base.html */
.s_nav{padding:5px 12px}
.s_nav li{padding:6px 0; width:10em; overflow:hidden; white-space:nowrap}
.s_nav .ico{margin-right:8px}
.s_nav .tf60{margin-left:5px}

.member{margin:0px 20px}
.position{border-bottom:solid 1px #ddebed;padding-top:2px; height:20px}
.position a,.position span{color:#0f6c8a; vertical-align:middle}
.position span{ margin:0 5px}
.position .ico{margin:0 8px 0 2px}



.c_member .formRow{ margin-bottom:20px; overflow:hidden; _zoom:1}
.c_member .formRow span{ height:23px; line-height:23px;float:left;width:18%;text-align: right;}
.formRow label{vertical-align:middle;padding:0 10px 0 5px; display:inline-block; _padding-top:3px}
.formRow .radio{ margin-left:3px;}
.c_member .formRow textarea{ padding:4px; width:420px; height:80px; border:1px solid #63c1dc}

.c_member{ margin-top:10px; }
.c_member .center .btn{ margin:0 12px}
.c_member .line{margin-bottom:20px}
.c_member .ib{ padding-top:2px}
.c_member iframe{ width:100%}

.c_member .formRow span{ width:15%}
.c_member .bigForm{ margin-top:10px;}


.complete{ padding:7px 12px 10px}
.complete .pgs{ margin:10px 0 13px 10px; width:160px}


.userList ul{padding:0 15px 15px;}
.userList li{float:left; margin:15px 20px 0 0; display:inline; text-align:center; width:50px; overflow:hidden}
.userList li p{ height:18px; overflow:hidden}

.c_member .avatar90{ float:left; margin-left:10px}
.memberInfo{ margin-left:120px; margin-top:-4px}
.memberInfo .nickName,.memberInfo .blue{ vertical-align:middle}
.memberInfo .nickName{ font-size:14px; line-height:1; margin-left:20px}
.memberInfo .green{ vertical-align:middle; margin-right:15px}
.memberInfo .hv{ vertical-align:0}
.memberInfo li{padding:6px 0}
.memberInfo span{ float:left; width:70px; text-align:right; margin-right:5px}

.c_mession {padding:9px 10px 12px; _padding-bottom:15px}
.c_mession .i3{ float:left; margin-left:5px}
.c_mession .hd{ border-bottom:1px solid #dedede; padding:0 8px 9px; margin-bottom:8px}
.c_mession .c{ margin-left:75px}
.c_mession .c h3{ color:#0f6c8a; padding-top:3px}


.tableCz{ width:100%; border-bottom:2px solid #63c1dc}
.tableCz th{background:url(../i/mc.png) repeat-x 0 -190px; height:32px; line-height:32px; color:#0f828a; font-weight:700}
.tableCz .prop20 img{ vertical-align:middle; margin-right:6px}
.tableCz th{padding:0 5px; cursor:pointer}
.tableCz td{padding:7px 5px; text-align:center; border-bottom:1px solid #eeeeee}
.tableCz .over{ background:#e8f6fa}
.tableCz .cur td{border-bottom:1px solid #e5c672; background:#fffac4;}
.tableCz .i75{ margin-right:5px}

/* article.html */
.c_article{ padding:15px 20px}
.c_article h1{text-align:center; font-size:24px; margin:10px 0}
.c_article .t999{text-align:center; margin-bottom:15px}
.c_article .t999 span{ margin:0 10px}
.c_article .arc{ overflow:hidden; width:652px}
.c_article .arc p{ font-size:14px; line-height:25px}
.c_article .title{ margin:15px 0 10px}
.c_article .line{ margin:10px 0}

.likeArc{ line-height:30px; font-size:14px}
.likeArc .t999{ margin-left:10px}


/* mall-detail.html */
.c_prop{ padding:30px}
.propInfo{ margin-bottom:40px; padding-bottom:18px}
.propInfo h3{ margin:7px 0}
.propInfo p{ line-height:20px}

.c_prop .c{ margin:-5px 0 0 140px;}
.c_prop .c .row{ height:40px; padding-left:3px}
.c_prop .c .butn{ margin-right:20px}
.c_prop .c .ipt{ width:60px; margin-right:5px}
.c_prop .title{ text-align:center; width:100px; padding:7px 0; font-weight:700; font-size:14px}
.c_prop .title .ico{margin-right:3px}

/* register.html */
.reg{ padding-bottom:30px}
.reg .hd3{ padding:0 20px}
.reg .hd3 .r{ font-weight:normal;}
.reg .bigForm{ margin:40px auto 0; width:800px}
.reg .formRow .iText{ width:35%}
.reg .formRow span{ width:25%}
.reg .hd7{ cursor:pointer}
.reg .moreInfo{ padding-top:30px; display:none}
.reg .safeQ{ width:293px}
*html .reg .l{ margin-top:8px}

#pca{white-space:nowrap}

.c_findpsw .bigForm{ margin:20px auto 0; width:550px}
.c_findpsw .formRow .iText{ width:40%}
.c_findpsw .formRow span{ width:20%}

.vcode{ padding-left:21%}
.vcode img{ display:block; margin-bottom:5px}

.bigLoading{background:url(../i/bigLoading.gif) no-repeat; width:50px; height:50px; display:inline-block; position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px}

/* password-strength */
.password-strength{margin-left:10px; vertical-align:middle}

.password-strength em{
	line-height:1;
	display:inline-block;
	background: #f9f9f9;   
	border:1px solid #ccc;
	margin-right:-1px;
    color: #999;
    padding: 4px 12px;
}

/* pop */
.overlay{display:none}
.musk,.efc{background:#000;filter:alpha(opacity=40);opacity: 0.4;height:100%;width:100%;_height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');position:fixed;_position: absolute;top:0; left:0;z-index:9999
}

.obox{border:4px solid #56bcda;top:50%; left:50%; position:absolute;z-index:10000; background:#fff}
.obox .c{ padding:10px}
.obox .btn1{ margin:0 10px}
.obox .i30{ margin-top:6px}


.ibList li{ padding:6px 5px}

/* ibox style resive by 柒仔 modify by LYuShine*/
.iboxLD, .iboxWD, .iboxWDOL { position: absolute; top:50%; left:50%; }
.iboxOL { height:100%; width:100%; position: absolute; top:0; left:0; }
.iboxOL iframe { width:100%; height:100%; filter:chroma(color=#ffffff); }
.iboxOLS { background-color:#000; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
.iboxLD { border:#56bcda solid 3px; background:#FFF; display:block; text-align:center; padding:4px 5px; }
.iboxWD { background: #fff; border: 4px solid #56bcda; display:none;}
.iboxHd { background:url(../i/mc.png) repeat-x 0 -80px;  border-bottom: 1px solid #56BCDA; color: #0F6C8A; height: 22px; padding: 6px 10px 0;}
.iboxHd .ico{ margin-right:6px;}
.iboxBd { overflow:hidden; overflow-y:auto;border-top:1px solid #ddd; padding:10px 15px}
.iboxFt{ text-align:center; padding:10px 0;border-top:1px solid #ddebed; margin:0 10px }
.iboxFt .btn{ margin:0 10px}
.close { background: url("../i/ico.png") no-repeat;	background-position: 0 -150px; height: 16px; width: 16px;float:right}
.close:hover{ background-position:-450px -100px}
.loading{ background:url(../i/loading.gif) no-repeat;}



/* fix */
.fix{width:140px; background:#fff; border: 4px solid #56bcda; position:absolute; top:0; right:0}
.fix .i30{margin-right:0}



.sortOpt{ padding:5px 10px; text-align:center; margin-bottom:5px}
.sortOpt a:hover{ text-decoration:none}

.roomList .c{ border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px}
.roomList .app{ float:left; width:100px; padding-top:7px; text-align:center}


.tOpacity{ color:#b7cfb3}
.v_icon{ width:100px; height:25px; background:url(../i/v-icon.png); display:inline-block; margin:5px 10px; cursor:pointer }
.v_iconN{ background-position:0px -25px;}


.iFormTable{width:100%; border-collapse:collapse; margin:0 auto}
.iFormTable td{ padding:7px 10px;border-top:1px solid #eee;line-height:2;}
.iFormTable tr:first-child td{ border-top:0}
.iFormTable .ipt{ height:20px;line-height:20px}

/* jquery.tips By LYushine*/
.tips{ position:absolute}
.tips .tipBd{ padding:3px 6px; position:relative; z-index:0}
.tips .ico{position: absolute; display: inline-block; font-size: 0; background:url(../i/sprite.gif) no-repeat; z-index:1}
.tipHd, .tipHd b, .tipFt, .tipFt b {background:url(../i/sprite.gif) no-repeat; font-size: 0; height: 4px}
.tipHd b,.tipFt b{float: right; padding-right: 4px}

.blue_tipBd{background:#F5FAFF;  border-left: 1px solid #56BCDB; border-right: 1px solid #56BCDB}
.blue_tipHd{background-position:-200px 0px}
.blue_tipHd b{background-position:right 0px}
.blue_tipFt{background-position:-200px -4px}
.blue_tipFt b{background-position:right -4px}


.blue_up{ padding-top:4px}
.blue_up .ico{ width:9px;height:5px; background-position:0 0; margin-left:-5px; top:0}
.blue_lt{ padding-left:4px}
.blue_lt .ico{ width:5px;height:9px; background-position:-100px 0; margin-top:-5px; left:0}
.blue_rt{ padding-right:4px}
.blue_rt .ico{ width:5px;height:9px; background-position:-150px 0; margin-top:-5px; right:0}
.blue_dn{ padding-bottom:4px}
.blue_dn .ico{ width:9px;height:5px; background-position:-50px 0; margin-left:-5px; bottom:0}

.blue_tipBd{background:#F5FAFF;  border-left: 1px solid #56BCDB; border-right: 1px solid #56BCDB}
.blue_tipHd{background-position:-200px 0px}
.blue_tipHd b{background-position:right 0px}
.blue_tipFt{background-position:-200px -4px}
.blue_tipFt b{background-position:right -4px}



.red_tipBd{background:#fffaf5;  border-left: 1px solid #ff6031; border-right: 1px solid #ff6031}
.red_tipHd{background-position:-200px -10px}
.red_tipHd b{background-position:right -10px}
.red_tipFt{background-position:-200px -14px}
.red_tipFt b{background-position:right -14px}


.red_up{ padding-top:4px}
.red_up .ico{ width:9px;height:5px; background-position:0 -10px; left:50%; margin-left:-5px; top:0}
.red_lt{ padding-left:4px}
.red_lt .ico{ width:5px;height:9px; background-position:-100px -10px;top:50%; margin-top:-5px; left:0}
.red_rt{ padding-right:4px}
.red_rt .ico{ width:5px;height:9px; background-position:-150px -10px;top:50%; margin-top:-5px; right:0}
.red_dn{ padding-bottom:4px}
.red_dn .ico{ width:9px;height:5px; background-position:-50px -10px;left:50%; margin-left:-5px; bottom:0}





.green_tipBd{background:#f5fff7;  border-left: 1px solid #47FF32; border-right: 1px solid #47FF32}
.green_tipHd{background-position:-200px -20px}
.green_tipHd b{background-position:right -20px}
.green_tipFt{background-position:-200px -24px}
.green_tipFt b{background-position:right -24px}


.green_up{ padding-top:4px}
.green_up .ico{ width:9px;height:5px; background-position:0 -20px; margin-left:-5px; top:0}
.green_lt{ padding-left:4px}
.green_lt .ico{ width:5px;height:9px; background-position:-100px -20px; margin-top:-5px; left:0}
.green_rt{ padding-right:4px}
.green_rt .ico{ width:5px;height:9px; background-position:-150px -20px; margin-top:-5px; right:0}
.green_dn{ padding-bottom:4px}
.green_dn .ico{ width:9px;height:5px; background-position:-50px -20px; margin-left:-5px; bottom:0}


.black_tipBd{background:#030000; color:#fff}
.black_tipHd{background-position:-200px -30px}
.black_tipHd b{background-position:right -30px}
.black_tipFt{background-position:-200px -34px}
.black_tipFt b{background-position:right -34px}

.black_up{ padding-top:4px}
.black_up .ico{ width:9px;height:5px; background-position:0 -30px; margin-left:-5px; top:0}
.black_lt{ padding-left:4px}
.black_lt .ico{ width:5px;height:9px; background-position:-100px -30px; margin-top:-5px; left:0}
.black_rt{ padding-right:4px}
.black_rt .ico{ width:5px;height:9px; background-position:-150px -30px; margin-top:-5px; right:0}
.black_dn{ padding-bottom:4px}
.black_dn .ico{ width:9px;height:5px; background-position:-50px -30px; margin-left:-5px; bottom:0}


.close-notice{ width:30px; height:30px; background:url(../i/close-notice.gif); position:absolute; top:10px; right:10px;  cursor:pointer; }

#form1 .formRow span {width: 28%}