/*
by Jiejun Tan | Agenda

1) General selectors
2) Structure
*/

/* 1)--- General selectors --- */
body{ margin:0 auto;font:12px/150% arial,'ËÎÌå',helvetica,clean,sans-serif;color:#888;text-align: center;background: url(../images/bg.gif) repeat-x top;}
td{ vertical-align:top;font:12px/150% arial,'ËÎÌå',helvetica,clean,sans-serif;}
select, input, textarea{ font-size:12px;color:#888;}
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form{ margin:0;padding:0;}
table{ border-collapse: collapse; border-spacing:0;  border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal;}
p{margin:5px 0 13px;}
ul,li{ list-style:none;}
img{border:0;}
a:link{ color:#555;text-decoration:none;}
a:visited{ color:#888;text-decoration:none;}
a:hover{ color:#ed0081; text-decoration:none;}
a:active{ color:#ed0081; text-decoration:none;}
.clear{ clear:both;zoom:1;}
.clear:after {content:'';display:block;visibility:hidden;clear:both;height:0;} 
.center{text-align: center;}
.o,a.o,.o a{color:#e79400;}
.red{color:#f00;}
.blue{color:#369;}
.si{border: 1px solid #dbdada;padding:1px 2px 0;}
.sil{width: 250px;border: 1px solid #dbdada;padding:1px 2px 0;}
.bd{padding:3px;border: 1px solid #ccc;}
.dol{margin:12px 0;border-bottom:1px dashed #ccc;border-top:5px solid #f8f8f8;height:0;line-height:0;clear:both;}
#index .si{width:100px;}

/* 2)--- Structure --- */
#wp{width: 953px;margin:0 auto;background: #fff;text-align: left;}

#hd{height: 75px;position: relative;z-index:111;border-top: 2px solid #ea5baa;}
#logo{margin:0 0 0 16px;float: left;}

#links{position: absolute;top:8px;right:18px; }
#links li{float: left;}
#links li *{margin:0 4px;vertical-align: middle;}
#links li img{_position: relative;_top:-3px;_margin-right:0;}

#nav{float: right;margin-top:46px;width: 770px;height: 28px;padding-left:15px;background: url(../images/bg_nav.gif) no-repeat bottom right;}
#nav li{float: left;font-weight: bold;padding-top:3px;position: relative; }
#nav li.l{float: right;padding:4px 0 0;width:195px;font-weight: normal;}
#nav li.l a{float:left;width:60px;color:#85b300;}
#nav li.l a:hover{background: none;color:#ed0081;}
#nav li a{float: left;padding-top:1px;width: 89px;text-align: center;color: #ff6095;}
#create #nav a.cnv_01,
#event #nav a.cnv_02,
#ent #nav a.cnv_03,
#mag #nav a.cnv_04,
#club #nav a.cnv_05,
#reg #nav a.cnv_06,
#area #nav a.cnv_06,
#nav li a:hover{background:url(../images/bg_nav_on.gif) no-repeat;color:#fff;}

#nav li ul{display:none;position: absolute;top:22px;left:-45px; width: 555px;background: none;}
#nav li ul li{padding:0;float: left;background: url(none);}
#nav li ul li a{text-indent: 0;font-weight: normal;background: url(none);float: left;width:75px;padding-top:5px;}
#nav li ul li a.s{width:36px;}
#nav li ul li a:hover{color:#ed0081;background: none;}
#nav li.iehover ul{display: block;}

#ban{width: 953px;height: 161px;background: url(../images/bg_banner.gif) no-repeat;position: relative; }
#ban .ban_lg{position: absolute;top:38px;left:122px;}
#ban .ban_form{position: absolute;top:22px;left:113px;}

#loc{height: 45px;width: 100%;overflow:hidden;}
#loc dt{float: left;}
#loc dt img{margin: 16px 30px 0;}
#loc dd{float: left;}
#loc dd *{padding-top: 24px;}
#loc dd img{margin:0 4px;}

#ct{padding:25px 0;}
.c_con{margin:0 31px;}
.c_con h3{margin:31px 0 5px;}
.c_con .center{text-align: left;padding-left:250px;}
.c_con .center *{margin:0 10px;}
.c_form{width: 586px;margin:0 auto;}

#ctb{margin-top:20px;background: url(../images/bg_fascia.jpg) no-repeat 2px 200px;zoom:1;overflow:hidden;}
#sb{float: left;width: 226px;min-height:600px;}
#sb dl dt{padding:0 0 6px 40px;}
#sb dl dd{padding:3px 0 0 55px;}
#sb dl dd.on{background: url(../images/bg_ddo.gif) no-repeat 0 9px;}
#sb dl dd.on a{color:#e24f01;}
#sb .si{width:85px;color:#aaa;border: 1px solid #ffc16e;}
#sb .l{background: url(../images/bg_cro.gif) no-repeat 11px 20px;padding:54px 0 20px 28px;}
#sb .l td{padding:2px;}
#sb .l td a{padding:0 7px 0 0;}
.mct{padding:10px 25px;position: relative; }
#wm{position: absolute;top:0px;right:10px; }

#mt{float: left;padding:5px 0;width: 710px;}
#mt .loc img{margin:0 4px;}

.bb{background: url(../images/bg_fc.gif) no-repeat right bottom;}
.item{background: url(../images/bg_item.gif) no-repeat right top;}
#rtt #ct{background: url(../images/bg_r.gif) no-repeat 660px -45px;}
#rtt #loc{background: url(../images/bg_r.gif) no-repeat 660px 0;}
#rtt .bk{width: 700px;height:210px;overflow:hidden;}

.rtd{margin:25px auto;}
.rd{background: url(../images/card1.gif) no-repeat bottom right;border-right:1px solid #ccc;width:50%}
.rd h4{font-weight: bold;color:#f1037f;}
.bl{background: url(../images/card2.gif) no-repeat bottom right;}
.bl h4{font-weight: bold;color:#3bc3f0;}
.or{border-top:1px solid #ccc;}
.or h4{font-weight: bold;color:#f1037f;}
.or div{width: 500px;margin:0 auto;background: url(../images/card3.gif) no-repeat bottom right;}

#ft{ clear:both;padding: 2px 0;height:18px;text-align: center;background: #c8c8c8;color: #fff;}
#index #ft{background: #fff;color: #888;}

/*index*/
#ban_index{zoom:1;}
#ind{width: 953px;height: 275px;background: url(../images/bg_index.gif) no-repeat bottom;}
#ind li{float: left;}
#index_banner{text-align: center;}
.ic1{width: 477px;}
.ic1 dl{margin:20px 0 0 96px;width:335px;overflow:auto;zoom:1;}
.ic1 dt{text-align: right;padding:7px 0;}
.ic1 dd{clear:both;}
.ic1 dd span{float: right;}
.ic1 dd span.a{float: left;}
.ic1 dd span.a a{padding-left:12px;}
#swf_in{padding:15px 0 0 85px;}
.ic2{width: 196px;padding-top:75px;}
.ic3 table td{vertical-align: middle;}
.ic3 table{margin:85px 0 0 10px;}
.ic3 table .b *{margin-right:16px;}


/*login*/
.c_lg{width: 540px;height: 295px;margin:0 auto;background: url(../images/bg_lg.gif) no-repeat;}
.c_lg h2{padding:25px 0 0 145px;}
.c_lg .lgt{margin:42px 0 0 210px;}
.c_lg .lgt li{padding-bottom:10px;}
.c_lg .lgt li.f{padding-top:6px;padding-left:48px;}
.c_lg .lgt li.f span{padding-left:10px;}
.c_lg .lgt .s{margin:0 45px 0 10px;}
.lgt .cr{padding-left:11px;margin-left:-10px;height:45px;background: url(../images/bg_cr.gif) no-repeat;}
.lgt .cr *{margin-top:9px;}

.step_nav{height:95px;}
.step_nav li{float: left;text-align: right;color:#494949;}
.step_nav li.on{color:#ed0081;}
.step_nav li img{display:block;margin-bottom:4px;}

.s_c{width: 555px;height: 177px;margin-bottom:50px;background: url(../images/suc.gif) no-repeat;position: relative; }
.s_c a{position: absolute;width:75px;height:20px;top:90px;left:260px;text-indent: -9999em;overflow:hidden;}
.bk{width:770px;height: 300px;overflow:auto;border: 1px solid #ebebeb;background: #fcfcfc;padding:0 10px 15px;
SCROLLBAR-FACE-COLOR: #f8f8f8;
SCROLLBAR-HIGHLIGHT-COLOR: #b3b3b3;
SCROLLBAR-SHADOW-COLOR: #b3b3b3;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #8b9ea6;
SCROLLBAR-TRACK-COLOR: #dddddd;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
SCROLLBAR-BASE-COLOR: #b3b3b3;}
.bk h4{margin:2em 0 0;}
.bk p{text-indent: 2em;margin:0.5em 0;}
.bk p.ni{text-indent: 0;padding-left: 2em;margin-bottom:1.2em;}

/*form*/
.c_form .center *{margin:0 15px;}
.c_form .fromt{width:100%;}
.c_form .fromt td{border: 1px solid #e4e4e4;background: #fafafa;padding:7px 8px 5px;}
.c_form .fromt td.r{background: #f5f5f4;width: 180px;padding-left:25px;}

/*create*/
.ctnav{background: url(../images/bg_cri.gif) no-repeat;width: 625px;height: 62px;margin:7px auto;}
.ctnav h2{padding:33px 0 0 25px;color:#e54f02;}
.crt{margin:5px auto 20px;}
.crt li{padding:25px 0 5px 25px;zoom:1;overflow:hidden;background: url(../images/gdl.gif) repeat-x bottom;}
.crt li.c{padding:25px 5px 5px;}
.crt li h3{text-align: center;color:#ec0080;font:bold 12px arial;padding:6px 0;}
.crt li p{text-indent: 2em;}
.crt .p{float: left;width: 145px;}
.crt .p dt img{padding:3px;border: 1px solid #ccc;}
.crt .p dd{text-align: right;padding-right:6px;}
.crt .l{float: right;width: 380px;}
.crt .l dt{padding-bottom:3px;font:bold 14px arial;}
.crt .l dd{padding:2px 0 0 40px;background: url(../images/dot_i.gif) no-repeat 27px 6px;}
.crt .l .c{padding:15px 0 0 2px;background:none;}
.crtl{width:560px;margin:0 auto 25px;}
.crtl li{padding:2px 0 0 20px;background: url(../images/dot_is.gif) no-repeat 8px 7px;zoom:1;overflow:hidden;color:#333;}
.crtl li span{padding:0 6px;}

/*ent card*/
.cdnav{background: url(../images/bg_crl.gif) no-repeat;width: 625px;height: 41px;margin:7px auto;}
.cdnav li{float:left;padding:13px 0 0 40px;}
.cdnav li.on a{color:#ed0081;}
.cc{padding:15px 45px;}
.cc p{margin:13px 0 5px;}
.cc p.b{color:#f87d06;margin:25px 0 3px;}
.cc p.i{text-indent: 2em;margin:0 0 2px;}
.clt{width:555px;padding-top:18px;zoom:1;overflow:hidden;margin:0 auto;}
.clt li{float: left;width: 185px;height: 135px;text-align: center;margin:0 auto;}
.clt li img{padding:3px;border: 1px solid #ccc;}
.clt li.nb .b{width: 130px;padding:3px;border: 1px solid #ccc;text-align: right;margin:0 auto;}
.clt li.nb img{padding:0;border: 0;}
.clt li .dl{margin-top:3px;}
.clt li .s{width: 150px;padding:0;text-align: center;margin:0 auto;}
.clt li .s span{padding:0 8px 0 7px;background: url(../images/dot_g.gif) no-repeat 0 6px;color:#ec0182;}

/*game*/
#gl.clt li{float: left;width: 277px;height: 210px;text-align: center;margin:0 auto;}
#gl.clt li .s{width: 208px;padding:0 8px 0 20px;background: url(../images/dot_c.gif) no-repeat 0 0;}

.pgs{clear:both;padding:18px 0 45px;text-align: center;border-top:3px solid #ccc;}
.pgs *{vertical-align: middle;}
.pgs .n{padding:0 4px;margin:0 2px;border:1px solid #ddd;}
.pgs .no{border:1px solid #aaa;background: #eee;color: #ed0081;padding:0 4px;margin:0 2px;}
.pgs a:hover{color:#000;background: #eee;}
.pgb{text-align: center;border-top:3px solid #eee;padding:13px 0;}
.pgb img{margin:0 12px;}
.pn{text-align: right;padding:0 15px 0;margin-bottom:45px;}
.pn .a{padding-right:25px;}

.c_dt{text-align: center;margin:5px auto 15px;}
.c_dt img{padding:4px;border: 1px solid #ccc;}
.dck{background: #f8f8f8;border: 1px solid #ccc;padding:3px 5px;margin-left:6px;color:#e35000;margin:0 0 25px;}
.usc{width: 450px;zoom:1;overflow:auto;margin:0 auto;}
.usl{width: 450px;zoom:1;overflow:auto;margin:0 auto;}
.usl li{float: left;width: 150px;height: 78px;}
.usl li input{margin-top:43px;}
.usl li.b1{background: url(../images/b001.gif) no-repeat left top;}
.usl li.b2{background: url(../images/b002.gif) no-repeat left top;}
.usl li.b3{background: url(../images/b003.gif) no-repeat left top;}
.usl li.b4{background: url(../images/b004.gif) no-repeat left top;}
.usl li.b5{background: url(../images/b005.gif) no-repeat left top;}
.usl li.b6{background: url(../images/b006.gif) no-repeat left top;}
.usc textarea{border:1px solid #ccc;width:400px;height:90px;overflow:auto;margin-bottom:3px;}
.usc .ftl li{padding-bottom:3px;}
.usc .ftl li label{float:left;width:145px;}
.usc .ftl .nt{padding-left:145px;}
.usc .center *{margin:20px 20px 55px;}

/*calendar*/
.cld{margin: 0 auto;width:640px;overflow:hidden;}
.cld li{float:left;width:320px;height: 350px;padding-top:15px;}
.cld li dl{padding-left:30px;}
.cld li dl dt{height: 45px;width:250px;}
.cld li dl dt img{float:left;}
.cld li dl dt a{padding-top:5px;float:right;}
.cld li dl dd img{border:1px solid #ccc;}

/*event*/
.evt{background: url(../images/event_bt.gif) no-repeat 40px 0;}
.ce{padding:85px 0 15px;margin:0 auto;width:590px;}
.eltw{background: url(../images/bg_crt.gif) no-repeat top;width:558px;margin:13px auto;}
.elt{background: url(../images/bg_crtb.gif) no-repeat bottom;padding:25px 0 20px 25px;}
.elt td{vertical-align: middle;}
.elt td div{padding:6px 4px;}

/*club*/
.cci{width:500px;margin:45px auto;padding:20px 25px;border:3px solid #fcb537;}
.cci p{text-indent: 2em;text-align: justify;}

/*magzine*/
.mag_i{margin:3px 0 0 10px;width: 550px;height: 410px;background: url(../images/bg_mag.jpg) no-repeat;}
.mag_i .c{float: left;padding:50px 0 0 35px;width: 220px;}
.mag_i .c .d{padding:10px 0 0 70px;}
.mag_i dl{float: left;width: 240px;padding-top:40px;}
.mag_i dt{font-weight:bold;padding:1px;}
.mag_i dd{padding:1px 0 1px 20px;}
.mag_i dd a{padding:0 13px 0 3px;}
.mag_i dd a:hover{color:#ed0081;}
.mag_i dd .l{float: left;width: 75px;}.lgin{margin:20px 0 0 9px;width: 175px;background: url(../images/bg_loginin.gif) no-repeat left bottom;color:#b2b2b2;}
.lgin{margin:20px 0 0 9px;width: 175px;background: url(../images/bg_loginin.gif) no-repeat left bottom;color:#b2b2b2;}
.lgin h4{background: url(../images/bg_loginin.gif) no-repeat left top;height:45px;text-indent: -9999em;}
.lgin ul{clear:both;margin:10px 15px 0 11px;padding-bottom:6px;border-bottom: 1px dashed #ccc;zoom:1;overflow:hidden;}
.lgin ul li{float: left;}
.lgin ul li.i img{border:1px solid #ccc;margin-right:5px;}
.lgin h5{color:#fcb83b;}
.lgin .fca{padding:11px 0 12px 14px;zoom:1;overflow:hidden;}
.lgin .fca a{float: left;text-align: center;width: 70px;height: 27px;margin:0 3px 2px 0;line-height: 23px;background: url(../images/bg_bt_loginin.gif) no-repeat;color:#b2b2b2;}
.lgin .fca a:hover,
.lgin .fca a.on{color:#fcb83b;}
.sb_mag{padding:20px 0 35px 9px;}

.post dt{height: 140px;padding-left:220px;background: url(../images/bg_post_tb.gif) no-repeat left bottom;text-indent: 2em;}
.post dd{width: 675px;padding-bottom:25px;background: url(../images/bg_post_a.gif) no-repeat left bottom;}
.post dd h3{height: 40px;background: url(../images/bg_post_a.gif) no-repeat left top;text-align: center;}
.post dd h3 img{margin-top:13px;}
.post dd ul{width: 550px;margin: 15px auto;}
.post dd ul li{padding-bottom:8px;}
.post dd ul li.blue{color:#5abfe8;}
.post dd ul li.b{text-align: right;}
.post dd ul li.b *{margin-right:15px;}
.post .lip{border: 1px solid #dddfe2;width: 400px;}
.post .ta{border: 1px solid #dddfe2;height: 150px;overflow:auto;background: #fcfcfc;padding:8px;}
.abt{margin:0;padding-left:26px;}
.my_lt{margin:0 0 0 2px;width: 671px;}
.my_lt th{border-bottom: 1px solid #e6f5fc;color: #38bef5;padding:7px 10px 5px;text-align: center;}
.my_lt td{color:#b2b2b2;padding:6px 10px 0px;text-align: center;}
.my_lt .f{text-align: left;padding-left:25px;width: 185px;}
.my_lt .da{width:75px;}

h2.matc{padding-bottom:9px;color:#ef0081;font:bold 12px arial;text-align: center;border-bottom: 1px dashed #ccc;}
.myrc{padding:10px 6px 6px;}
.mr_p{padding-top:6px;border-top: 1px dashed #ccc;text-align: right;}

.cl_l{float: left;width: 410px;}
.cl_l h2{border-bottom:1px dashed #ccc;padding:5px 7px;}
.cl_lf{padding:10px;overflow:hidden;zoom:1;}
.cl_lf dt{float: left;width:145px;}
.cl_lf dt img{padding: 2px;border: 1px solid #ccc;}
.cl_lf dd{float: left;padding-left:7px;}
.cl_lf dd h3{color: #000;font-weight: bold;padding:0 0 15px 12px;background: url(../images/ar_ot.gif) no-repeat 2px 5px;}
.cl_lf dd h4{color: #6b6b6b;font-weight: bold;}
.cl_lf dd p{color: #6b6b6b;margin:4px 0;}
.cl_r{float: right;width: 236px;}
.cl_ldt{border-top:1px dashed #ccc;}
.cl_ldt th{padding: 3px 10px 1px;color: #003b63;font-weight:normal;background: #f8f8f8;}
.cl_ldt th.fti{padding-left:28px;}
.cl_ldt td{padding: 3px 10px 1px;color: #0171bb;border-bottom:1px solid #eee;}
.cl_ldt a,
.cl_ldt a:visited{color: #0171bb;}
.cl_ldt a:hover{color: #f00;}
.c_top10{padding-bottom:6px;background: url(../images/bg_p_top10.gif) no-repeat left bottom;}
.c_top10 dt{height: 50px;background: url(../images/bg_p_top10.gif) no-repeat left top;}
.c_top10 dt span{float: left;padding:20px 0 0 75px;background: url(../images/ar_ot.gif) no-repeat 65px 25px;font-weight: bold;color: #fcb537;}
.c_top10_2{padding-bottom:11px;background: url(../images/bg_p_top10_2.gif) no-repeat left bottom;margin:10px 0;}
.c_top10_2 dt{height: 44px;line-height: 44px;background: url(../images/bg_p_top10_2.gif) no-repeat left top;text-align: center;color: #fff;font-weight: bold;}
.c_top10_dat{width: 211px;margin: 7px 0 7px 11px;}
.c_top10_dat td{border-bottom: 1px solid #eee;padding:2px 7px 1px;color: #5ba8de;}
.c_top10_dat td a,
.c_top10_dat td a:visited{color: #5ba8de;}
.c_top10_dat td a:hover{color: #f00;}

.my{margin:10px 4px;background: url(../images/bg_my.gif) no-repeat left top;width:706px;float: left;}
.my h2{padding-left:11px;background: url(../images/ar_ot.gif) no-repeat 0px 6px;color: #e15000;font-weight: bold;}
.my .bs{height: 20px;line-height: 20px;text-indent: -9999em;background: url(../images/bg_my.gif) no-repeat left bottom;}
.my .ind{width: 642px;margin:0 auto;height: 410px;padding-top:25px;}
.my .ind li{float: left;width: 318px;height: 200px;}
.my .ind li.bbb{border-bottom: 1px solid #e7e7e7;}
.my .ind li.bbl{border-left: 1px solid #e7e7e7;}
.my .lpa{padding:20px 15px;}
.my .mtd{margin-top:11px;}
.my .mtd td{padding:6px;}
.my .mtd .dtl{padding-top:35px;}
.my .mtda a{padding-right:13px;}
.my .ppad{padding:25px;}
p.tind{text-indent: 2em;}
.blue,
a.blue:link,
a.blue:visited{color: #5c88d5;}
a.blue:hover{color: #f00;}
a.red:link,
a.red:visited{color: #e15000;}
a.red:hover{color: #5c88d5;}
.tttda{margin-left:13px;border-right: 1px solid #c4c4c4;border-left: 1px solid #c4c4c4;border-top: 1px solid #c4c4c4;}
.tttda td{width:95px;padding:2px 3px 1px 22px;border-bottom: 1px solid #c4c4c4;background: #fff;}
.my_abt{text-align: center;border-top: 1px solid #e7e7e7;padding-top:13px;margin:25px auto 35px;}
.my_abt *{margin:0 8px;}
.dd_ab{background: url(../images/tt_ab.gif) no-repeat;width: 124px;height: 23px;line-height: 23px;text-align: center;}
.ad_pro{padding:15px 12px;}
.ad_pro li{padding-bottom:10px;}
.ils{width:140px;border: 1px solid #c4c4c4;}
.ill{width:310px;border: 1px solid #c4c4c4;}
.ssl{width:145px;border: 1px solid #c4c4c4;}


.myphoto{margin:10px 4px;background: url(../images/bg_myphoto.gif) no-repeat;height: 465px;}
.myphoto h2{text-indent: -9999em;height: 120px;}
.myphoto ul{width:650px;color:#b2b2b2;}
.myphoto ul li{text-align: center;padding-bottom:15px;}
.myphoto ul li.pi img{padding:1px;border:1px solid #ccc;}
.myphoto .mup{border: 1px solid #ccc;width: 300px;}