/*--------- CSS Template --------*/
body{ margin:0px; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; background:url(../images/bg_body_main01.jpg) center top no-repeat; background-color:#FFFFFF;}
ul,ol,li,dl,dt,dd,form{ list-style-type:none; margin:0px; padding:0px;}
a:link,a:visited{ text-decoration:none; color:#333;}
a:hover,a:active{ text-decoration:underline;}
img{ border:0px;}
.wrapper{ width:1000px; margin:0 auto; float:none;}
.menuFlash{ width:1000px; height:80px; overflow:hidden;}
.bannerTop{ width:1000px; height:107px;  padding:20px 0 0 0;}
.bannerTop p{ width:728px; height:90px; float:none; margin:0 auto; border:3px solid #ffb400;}
.wrapper .mainPage{ float:left; width:990px; padding:0 0px 0 10px; background:url(../images/bg_head_page.gif) center top no-repeat; background-color:#f5f5f5;}
.wrapper .bgTop{ width:990px; height:13px; background:url(../images/bg_head_top.gif) no-repeat; overflow:hidden;}
.wrapper .mainPage .leftSide{ width:199px; float:left; padding:0 5px 10px 5px; background:url(../images/bg_menu_top.gif) 0 top no-repeat; background-color:#ffd200;}
.wrapper .mainPage .centerSide{ width:760px; float:left; padding:6px 0 0 20px;}
.cropPage{ float:left; width:990px; background:url(../images/bg_left_page.gif) 0 0 repeat-y; }
/*------- headpage --------*/
.headPage{ width:760px; height:54px; padding:20px 0 0 0; background:url(../images/bg_h_top.jpg) no-repeat;}
.headPage .secLeft{ float:left; width:409px; padding:0 0 0 10px;}
.headPage .secRight{ float:right; width:319px; text-align:right;}
/*-------- Wrapper -------*/
.wrapper .footer{ float:left; width:990px; font-size:11px;}
.wrapper .footer .logoCorp{ width:990px; height:80px; padding:20px 0 20px 0; text-align:center;}
.wrapper .footer .logoCorp p{ display:inline; margin:0px; padding:0 10px 0 10px;}
.wrapper .footer .copyright{ width:990px; text-align:center;}
.wrapper .footer .copyright .submenu{ padding:0 0 10px 0; color:#999999;}
.wrapper .footer .copyright .submenu2{ padding:0 0 5px 0; color:#999999;}
.wrapper .footer .copyright .submenu2 a{ color:#999999;}
.wrapper .footer .copyright .submenu2 p{ margin:0px;}
/*-------- memberLogIn ---------*/
.memberLog{ width:199px; color:#000; overflow:hidden;}
#logIn{ width:199px;}
#logOut{ width:199px;}
.useRegist{ width:199px; padding:0 0 5px 0; text-align:center;}
.boxMem01{ width:199px; height:78px; padding:9px 0 0 0;}
.boxMem01 .line{ float:left; width:100%; height:20px;}
.boxMem01 .line2{ float:left; width:199px; padding:5px 0 0 0; text-align:center;}
.boxMem01 label{ float:left; width:70px; font:bold 10px Tahoma, Geneva, sans-serif; background:url(../images/icon_dot.gif) 0 5px no-repeat; padding:2px 0 2px 10px; color:#988454;}
.boxMem01 p{ margin:0px;}
.boxMem01 .picMember{ float:left; width:70px; height:78px; text-align:center;}
.boxMem01 .memUser{ float:left; width:129px; height:78px;}
.boxMem01 .memUser .logOut{ padding:8px 0 0 0;}
.boxMem01 .memUser h2{ font:bold 12px Tahoma,Verdana, Arial; margin:0px; }
.boxMem02{ width:199px; height:260px; padding:10px 0 0 0; background:url(../images/line_01.gif) 0 top repeat-x;}
.boxMem02 .topup{ margin:0px; width:195px; height:195px; padding:0 2px 5px 2px; text-align:center;}
.boxMem02 .bn{ margin:0px; width:199px; height:35px; padding:0 2px 5px 2px;}
.boxMem02 .bn a:link,.boxMem02 .bn a:visited{ display:block; width:171; height:25px; padding:10px 0 0 28px; background-position:0 35px; background:url(../images/tab_fire.gif) no-repeat; font-weight:bold; color:#f7cb00; cursor:pointer;}
.boxMem02 .bn a:hover{ background-position:0 -35px; text-decoration:none;}
.boxMem02 .bn span{ display:block; width:100%;}
/*--------- Menu Left --------*/
.menuLeft{ width:199px; background:url(../images/bg_h_menu.gif) no-repeat; padding:11px 0 0 0;}
.menuLeft .body{ float:left; width:183px; padding:0 5px 0 5px; border-left:3px solid #dddddd; border-right:3px solid #dddddd; background-color:#FFFFFF;}
.menuLeft .bottom{ float:left; width:199px; height:11px; background:url(../images/bg_b_menu.gif) no-repeat;}
/*------------ About inw ------------*/
.aboutinw{ width:760px; height:188px; padding:10px 0 0 0; background:url(../images/bg_hilight.jpg) right top no-repeat;}
.aboutinw .focus{ float:left; width:450px; height:188px; overflow:hidden;}
.aboutinw .banner{ float:left; width:290px; height:188px; text-align:right;}
.aboutinw .banner img{ margin:150px 0 0 0;}
/*----------- Box Chatroom -----------*/
.boxChat{ width:300px; padding:0 0 10px 0;}
.boxChat h1{width:300px; height:38px; font:bold 16px Tahoma,Verdana, Arial; color:#555555; margin:0px; border-bottom:1px solid #cccccc;}
.boxChat h1 span{ display:block; font:normal 12px Tahoma,Verdana, Arial; color:#999999;}
.boxChat .list{ width:300px; height:48px; padding:5px 0 0 0; background:url(../images/line_dot_01.gif) left bottom repeat-x;}
.boxChat .list h2{ font:normal 12px Tahoma,Verdana, Arial; text-indent:20px; background:url(../images/icon_chatroom.gif) no-repeat; margin:0px;}
.boxChat .list span{ display:block; font-size:10px; color:#999999;}
.boxChat .list span a{ color:#999999;}
/*--------- inw privilege---------*/
.boxBook{ width:300px;}
.boxBook h1{width:300px; height:38px; font:bold 16px Tahoma,Verdana, Arial; color:#555555; margin:0px; border-bottom:1px solid #cccccc;}
.boxBook h1 span{ display:block; font:normal 12px Tahoma,Verdana, Arial; color:#999999;}
.boxBook ul{ width:300px; padding:10px 0 0 0;}
.boxBook ul li{ float:left; width:100px; font-weight:bold; font-size:11px; text-align:center;}
.boxBook ul li h2{ font-size:11px; margin:0px; color:#646464;}
.boxBook ul li span{ color:#000000;}
/*----------- Box Center -----------*/
.boxCenter{ float:left; width:744px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; padding:10px 10px 0 5px; background-color:#FFFFFF;}
.boxCenter2{ float:left; width:739px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; padding:10px; background-color:#FFFFFF; overflow:hidden;}
.boxCenter .leftBox{ float:left; width:430px; padding:0 14px 0 0; overflow:hidden;}
.boxCenter .rightBox{ float:left; width:300px; overflow:hidden;}
/*---------- Game Active ------------*/
.profileUser{width:739px;}
.profileUser .head{ width:729px; height:53px; padding:0 0 0 10px; background:url(../images/line_head.gif) 0 center repeat-x;}
.profileUser .detail{ width:739px; overflow:hidden;}
.profileUser .detail .descript{ float:left; width:584px;}
.profileUser .detail .descript p{ float:left; width:584px; padding:3px 0 3px 0; margin:0px;}
.profileUser .detail .descript p .topic{ float:left; width:100px; text-align:right; color:#555555; font-weight:bold;}
.profileUser .detail .descript p .field{ float:left; width:385px; padding:0 0 0 15px; color:#c2740f; font-weight:bold;}

.gameActive{width:739px;}
.gameActive .head{ width:729px; height:53px; padding:0 0 0 10px; background:url(../images/line_head.gif) 0 center repeat-x;}
.boxPay{ float:left; width:96%; padding:0 2% 5% 2%;}
.boxPay h1{ float:left; width:98%; padding:0 0 5px 2%; font:bold 14px Tahoma, Geneva, sans-serif; margin:0px; color:#999999;}
.boxPay ul li{ float:left; width:120px; height:120px; padding:10px;}
.gameActive .saveBt{ float:left; width:739px; height:50px; text-align:center;}
/*----------  Game List-----------*/
.boxGameList{ float:left; width:735px; padding:0 0 20px 4px;}
.boxGameList h1{ float:left; width:98%; padding:0 0 5px 2%; font:bold 14px Tahoma, Geneva, sans-serif; margin:0px; color:#999999;}
.boxGameList ul li{ float:left; width:245px; height:68px; padding:5px 0 5px 0; overflow:hidden;}
.dwGameList{ float:left; width:80px; height:64px; overflow:hidden;}
.dwGameList .btDw{ display:block; width:80px; heght:22px; overflow:hidden; margin:0px;}
.dwGameList .btDw a:link,.btDw a:visited{ display:block; width:80px; height:22px; overflow:hidden; margin:0px; background:url(../images/bt_download.gif) no-repeat;}
.dwGameList .btDw a:hover,.dwGameList .btDw a:active{ display:block;  width:80px; height:22px; margin:0px; padding:0 0 2px 0; background:url(../images/bt_download.gif) no-repeat; background-position:0 -22px;}
.boxGameList ul li .detail{ float:left; width:151px; padding:0 5px 0 5px; font:bold 12px Tahoma, Geneva, sans-serif; color:#92622d;}
.boxGameList ul li .detail p{ margin:0px; font:normal 11px Tahoma, Geneva, sans-serif; color:#333333;}

.conDTBox{ width:100%; background:#FFF; border:1px solid #c5c5c5;}
.conDTBox td{ padding:5px; border:1px solid #dbdbdb; }
.conDTBox .head{ width:960px; height:61px; background:#f59101; color:#FFF; padding:5px 0 0 0;}
.conDTBox .head h1{ float:left; width:653px; height:61px; background:url(../images/pic_detail_item.gif) 30px 0 no-repeat; margin:0px;}
.conDTBox .head .click{ float:left; width:280px; height:53px; padding:8px 0 0 0;}
.conDTBox .head .click a{ display:block; width:100%; height:42px; background:url(../images/bt_add_regist.gif) no-repeat; overflow:hidden;}
.conDTBox .head .click a:hover,.conDTBox .head .click a:active{ display:block; width:100%; height:42px; background:url(../images/bt_add_regist.gif) 0 -42px no-repeat;}
.conDTBox .topic{ width:960px; height:35px; background:#c5c5c5; color:#FFF; font:bold 18px Tahoma, Geneva, sans-serif;}
.conDTBox .topic span{ font:bold 14px Tahoma, Geneva, sans-serif;}
/*--------- Table Design ----------*/
.callcenter{ width:100%; border-left:1px solid #cccccc; border-top:1px solid #cccccc;  text-align:center; color:#333;}
.callcenter th{ height:20px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-weight:bold; color:#000; background:#f59101;}
.callcenter td{ height:20px; padding:2px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.callcenter h3{ font:bold 12px Tahoma, Geneva, sans-serif; margin:0px;}
.tbGroup{ width:732px; overflow:hidden;}
.tbGroup .headTopup{ height:30px; font:bold 16px Tahoma, Geneva, sans-serif; color: #3300CC;}
.tbTopup{ width:340px; margin:0 0 20px 0; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; font:bold 14px Tahoma, Geneva, sans-serif; color:#333;}
.tbTopup th{ background:#d4d4d4; height:25px; text-align:left; padding:2px;}
.tbTopup .fDesign{color: #990000; text-align:center;}
.tbTopup td{ padding:2px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; text-align:center; color: #FF6633;}
.tbTopup .imgGame{ width:50%; text-align:left;}
/*----------- User Register Step -----------*/
.regisBox{ width:739px; color:#333;}
.regisBox input{ vertical-align:middle;}
.regisBox .confirm{ width:739px; padding:20px 0 20px 0; font:bold 18px Tahoma, Geneva, sans-serif; margin:0px; text-align:center;}
.regisBox .step{ width:739px; height:60px; overflow:hidden;}
.regisBox .step img{ padding:0 15px 0 0;}
.regisBox .frame{ width:725px; border:2px solid #dfeaf5; padding:20px 5px 5px 5px; overflow:hidden;}
.regisBox .agree{ width:725px; border:2px solid #dfeaf5; margin:0 0 10px 0; height:320px; padding:10px 5px 20px 5px; overflow:auto;}
.regisBox .frame .banner{ float:left; width:725px; text-align:center; padding:20px 0 0 0;}
.regisBox .agree  h2{  padding:5px 0 10px 0; font:bold 14px Tahoma, Geneva, sans-serif; margin:0px;}
.regisBox .frame h3{ font:normal 12px Tahoma, Geneva, sans-serif; padding:0 0 10px 0; margin:0px;}
.regisBox .agree .list{ width:700px; margin:0px; padding:0px; overflow:hidden;}
.regisBox .agree .list dd{ width:700px; padding:5px 0 10px 0;}
.regisBox .agree .list dd p{ margin:0px; padding:2px 0 2px 0;}
.regisBox .agree .list dd ul{ width:680px; margin:0px; padding:0 0 0 20px;}
.regisBox .line{ width:100%; padding:5px 0 5px 0;}
.regisBox .frame .formRG{ float:left; width:725px; padding:2px 0 2px 0;}
.regisBox .frame .formRG .left{ float:left; width:150px; padding:3px 5px 0 0; text-align:right; margin:0px;}
.regisBox .frame .remark2{ float:left; width:600px; height:200px; padding:10px; overflow:auto; margin:0px;}
.regisBox .frame .formRG .right{ float:left;  padding:2px 0 0 0;}
.regisBox .frame .formRG .remark{ float:left; width:300px;  padding:2px 0 2px 10px;}
.regisBox .frame .formRG .notice{ display:block; width:95%; padding:2px 0 2px 5%; color:#f56800;}
.regisBox .frame .btRG{ float:left; width:575px; padding:10px 0 5px 150px;}
/*-- Remark --*/
.regisBox .permission{ float:none; width:429px; height:154px; overflow:hidden; margin:0 auto; padding:40px 10px 10px 10px; text-align:center; background:url(../images/bg_permission2.gif) no-repeat;}
.regisBox .permission h1{ margin:0px; font:bold 16px Tahoma, Geneva, sans-serif; color:#ff6000;}
.regisBox .permission h2{ margin:0px; padding:20px 0 0 0; font:bold 12px Tahoma, Geneva, sans-serif;}
/*-- alert box --*/
#otpresult{ float:none; width:auto; height:30px; overflow:hidden; margin:0 auto; border:1px solid #FF0000; background:#F0F0F0; padding:10px 10px 10px 10px; text-align:center;  font:bold 14px Tahoma, Geneva, sans-serif; color:#FF0000;}
.requiredbox{ float:none; width:auto; height:auto; overflow:hidden; margin:0 auto; border:1px solid #FF0000; background:#F0F0F0; padding:10px 10px 10px 10px; text-align:center;  font:bold 14px Tahoma, Geneva, sans-serif; color:#FF0000;}
/*---------- inw Update ------------*/
.boxUpdate{ width:739px;}
.boxUpdate .pageCut{ width:739px; height:25px; border-bottom:1px solid #cccccc;}
.boxUpdate .pageCut .left{ float:left; width:550px; font:bold 18px Tahoma, Geneva, sans-serif; color:#92622d;}
.boxUpdate .pageCut ul{ float:right; width:170px; height:25px;  padding:5px 0 5px 0;}
.boxUpdate .pageCut ul li.num{ float:left; width:20px; height:20px; text-align:center;}
.boxUpdate .pageCut ul li.next{ float:left; width:50px; height:20px; text-align:center; font-weight:bold;}
.boxUpdate .pageCut ul li a{ width:100%; height:100%; padding:3% 2% 0% 2%; display:block;}
.boxUpdate .pageCut ul li a:hover{ background:#CCC; text-decoration:none;}
.boxUpdate .boxList{ width:739px; text-align:left;}
.boxUpdate .boxList li{ width:739px; height:20px; padding:5px 0 0 0; background:url(../images/line_dot_horizon.gif) left bottom repeat-x;}
.boxUpdate .boxList li a{ display:block; width:100%; height:100%; color:#555555;}
.boxUpdate .boxList li a:hover{ color:#aeaeae; text-decoration:none;}
.boxUpdate .boxList li h2{ float:left; width:585px; margin:0px; font:normal 12px Tahoma, Geneva, sans-serif;}
.boxUpdate .boxList li span{ float:right; width:100px;}
/*------ Update -------*/
.boxUpdate .head{ width:739px; height:26px; padding:10px 0 0 0; border-bottom:1px solid #cccccc; font:bold 18px Tahoma, Geneva, sans-serif; margin:0px; color:#92622d;}
.boxUpdate .head span{ font:normal 11px Tahoma, Geneva, sans-serif;}
.boxUpdate .boxShow{ width:739px;}
.boxUpdate .boxShow h1{ width:739px; margin:0px; font:bold 18px Tahoma, Geneva, sans-serif; color:#555555; padding:5px 0 5px 0;}
.boxUpdate .boxShow .date{ width:739px; height:37px;}
.boxUpdate .boxShow .date .left{ float:left; width:9px; height:37px; background:url(../images/corner_left.gif) no-repeat;}
.boxUpdate .boxShow .date .center{ float:left; width:711px; height:25px; padding:12px 0 0 10px; background:url(../images/corner_center.gif) repeat-x; font:bold 10px Tahoma, Geneva, sans-serif; color:#000;}
.boxUpdate .boxShow .date .right{ float:left; width:9px; height:37px; background:url(../images/corner_right.gif) no-repeat;}
.boxUpdate .boxShow .detail{ width:739px; padding:20px 0 20px 0;}
.boxUpdate .boxShow .author{ width:739px; height:20px; border-bottom:1px solid #cccccc; text-align:right; font:bold 12px Tahoma, Geneva, sans-serif; color:#555555;}
/*--------- boxArticle ---------*/
.boxArticle{ width:100%; padding:0 0 10px 0;}
.boxArticle .head{ width:100%; height:38px; border-bottom:1px solid #cccccc;}
.boxArticle .head h1{ font:bold 16px Tahoma,Verdana, Arial; color:#ff9400; margin:0px;}
.boxArticle .head h1 span{ display:block; font:normal 12px Tahoma,Verdana, Arial; color:#999999;}
.boxArticle .head img{ float:right; padding:12px 0 0 0;}
.boxArticle .detail{ width:100%; height:85px; padding:5px 0 0 0; overflow:hidden;}
.boxArticle .detail h2{ font:bold 12px Tahoma,Verdana, Arial; margin:0px;}
.boxArticle .detail h2 a{ color:#ff9400;}
.boxArticle .detail h3{ font:normal 11px Tahoma,Verdana, Arial; margin:0px;}
.boxArticle .detail img{ float:left; padding:0 5px 5px 5px;}
.boxArticle .list{ width:430px; font-size:11px;}
.boxArticle .list li{ margin:0px; width:430px; height:14px; overflow:hidden; border-top:1px solid #CCCCCC;}
.boxArticle .list li a{ float:left; width:346px; padding:0 0 0 10px; font:normal 11px Tahoma,Verdana, Arial; color:#999999; background:url(../images/icon_pluss.gif) 0 5px no-repeat;}
.boxArticle .list li span{ float:left; width:67px; text-align:right;}
/*---------- Ad ---------*/
.adCenter{ width:430px; padding:10px 0 10px 0; text-align:center;}
.adRight{width:300px; padding:0 0 10px 0;}
/*--------- Game Activity --------*/
.gActivity{ width:430px; padding:10px 0 10px 0; background:url(../images/corner_c_top.gif) no-repeat;}
.gActivity .body{ width:414px; border-left:3px solid #dddddd; border-right:3px solid #dddddd; background:#FFFFFF; padding:0 5px 0 5px}
.gActivity .body h1{ width:414px; height:25px; border-bottom:1px solid #cccccc; font-size:18px;  margin:0px;}
.gActivity .body h1 span{ font:normal 12px Tahoma,Verdana, Arial; }
.gActivity .body h1 img{ float:right; padding:5px 0 0 0;}
.gActivity .body .list{ width:414px; padding:10px 0 0 0;}
.gActivity .body .list h2{ width:414px; height:14px; margin:0px; font-size:11px; border-bottom:1px solid #dddddd; text-indent:10px}
.gActivity .body .list h2 a span{ font:normal 11px Tahoma,Verdana, Arial; padding:0 0 0 10px; color:#999999;}
.gActivity .bottom{ width:430px; height:10px; background:url(../images/corner_c_bottom.gif) no-repeat;}
/*------- Technic Guide ------*/
.technicBox{ float:left; width:430px; padding:0 0 10px 0;}
.technicBox h1{ width:430px; height:39px; margin:0px; font-size:18px; color:#ff9c00; border-bottom:1px solid #cccccc;}
.technicBox h1 span{ display:block; font:normal 11px Tahoma,Verdana, Arial; color:#999999;}
.technicBox ul{ width:430px; height:220px; padding:10px 0 0 0;}
.technicBox ul li{ float:left; width:96px; height:220px; text-align:center; padding:0 5px 0 5px; overflow:hidden;}
.technicBox ul li a{ display:block; width:100%; height:100%;}
.technicBox ul li a:hover{ text-decoration:none; color:#757575;}
.technicBox ul li img{ padding:0 0 5px 0;}
.technicBox ul li h2{ font:normal 11px Tahoma,Verdana, Arial; margin:0px;}
/*----------- VDO Guide -----------*/
.vdoBox{ float:left; width:430px; padding:0 0 10px 0;}
.vdoBox h1{ width:430px; height:39px; margin:0px; font-size:18px; color:#ff9c00; border-bottom:1px solid #cccccc;}
.vdoBox h1 span{ display:block; font:normal 11px Tahoma,Verdana, Arial; color:#999999;}
.vdoBox ul{ width:430px; padding:10px 0 0 0;}
.vdoBox ul li{ float:left; width:211px; height:70px; padding:0 2px 0 2px;}
.vdoBox ul li .vdo{ float:left; width:81px;}
.vdoBox ul li .descript{ float:left; width:120px; padding:0 5px 0 0;}
.vdoBox ul li .descript h2{ margin:0px; font-size:12px;}
.vdoBox ul li .descript h2 a{ color:#ff6600;}
.vdoBox ul li .descript p{font-size:10px; margin:0px; color:#333;}
/*-------- Menu JQUERY --------*/
/*-----Menu JQury----*/

ul.menu, ul.menu ul { list-style-type:none; margin:0px; padding:0px; width:183px;}
ul.menu div{ width:100%; padding:5px 0 5px 0;}
ul.menu a { display: block; text-decoration: none; text-indent:5px;}
ul.menu li { float:left; margin-bottom:1px; width:100%; font:bold 14px Tahoma, Geneva, sans-serif ; background:url(../images/line_dot_01.gif) left bottom repeat-x; color:#555555;}
ul.menu li span{color:#ff6000;}
ul.menu li h4{ display:block; font:bold 14px Tahoma, Geneva, sans-serif; padding:5px 0 5px 0; margin:0px;}
ul.menu li a{ padding:2px 0 2px 0px; color:#555555;}
ul.menu li a:hover,ul.menu li a:active{ background:#dadada;}
ul.menu li ul li a { font:normal 11px Tahoma, Geneva, sans-serif; padding:4px 0 2px 0px; height:18px; overflow:hidden; background-color:#f0f0f0; text-indent:5px;}
ul.menu li ul li.select a { font:normal 11px Tahoma, Geneva, sans-serif; padding:4px 0 2px 0px; height:18px; overflow:hidden;  background:url(../images/icon_select.gif) 160px 4px no-repeat; background-color:#f0f0f0; text-indent:5px;}
ul.menu li ul li.no a { font:normal 11px Tahoma, Geneva, sans-serif; padding:4px 0 2px 0px; height:18px; overflow:hidden;  background:url(../images/icon_no_select.gif) 160px 4px no-repeat; background-color:#f0f0f0; text-indent:5px;}
ul.menu li ul li a img{ vertical-align:middle; padding:1px 5px 0 0;}
ul.menu li ul li a span{ display:block; font:normal 11px Tahoma, Geneva, sans-serif; color:#FFF;}	
ul.menu li ul li a:hover { background-color: #e2e2e2;}

.boxWarning{float:none; margin:0 auto; width:449px; height:154px; padding:50px 0 0 0; background:url(../images/bg_permission2.gif) no-repeat; text-align:center;}
.boxWarning h1{ padding:35px 0 0 0; margin:0px; font:bold 16px Tahoma, Geneva, sans-serif; color:#ff6000;}

/*ul#menu, ul#menu ul { list-style-type:none; margin:0px; padding:0px; width:183px;}
ul#menu a { display: block; text-decoration: none;	}
ul#menu li { float:left; margin-bottom:1px; width:100%; font:bold 14px Tahoma, Geneva, sans-serif ; background:url(../images/line_dot_01.gif) left bottom repeat-x;}
ul#menu li a{ padding:2px 0 2px 5px; color:#555555;}
ul#menu li a:hover,ul#menu li a:active{ background:#dadada;}
ul#menu li ul li a { font:normal 11px Tahoma, Geneva, sans-serif; padding:4px 0 2px 0px; height:18px; overflow:hidden; background-color:#f0f0f0; text-indent:10px;}
ul#menu li ul li.select a { font:normal 11px Tahoma, Geneva, sans-serif; padding:4px 0 2px 0px; height:18px; overflow:hidden;  background:url(../images/icon_select.gif) right 4px no-repeat; background-color:#f0f0f0; text-indent:10px;}
ul#menu li ul li.no a { font:normal 11px Tahoma, Geneva, sans-serif; padding:4px 0 2px 0px; height:18px; overflow:hidden;  background:url(../images/icon_no_select.gif) right 4px no-repeat; background-color:#f0f0f0; text-indent:10px;}
ul#menu li ul li img{ float:left; vertical-align:middle; padding:0 5px 0 0;}
ul#menu li ul li a span{ display:block; font:normal 11px Tahoma, Geneva, sans-serif; color:#FFF;}	
ul#menu li ul li a:hover { background-color: #e2e2e2;}*/
/*--------- Focus ----------*/
.hi_gminw{ display:block; width:400px; height:180px; position:relative; overflow:hidden; /*border:1px solid #333333;*/ padding:0; margin:0; }
.nav { margin: 0 0; }
#nav { display: block; width:180px; height:26px; position: relative; left:120px; top:154px; bottom:0px; padding:0; margin:0; }
#nav a, #s7 strong { float:left; display:block; width:27px; height:26px; padding:0; margin:0; vertical-align:middle; background:url(../images/btn_hl_gminw.gif) no-repeat; background-position:0 0; text-decoration:none; color: #666666; font-weight:bold; font-size:11px; text-align:center; padding:5px 0 0 0; margin:0; overflow:hidden; }
#nav a.activeSlide {display:block; width:27px; height:26x; background:url(../images/btn_hl_gminw.gif) no-repeat; background-position:0 -25px; text-decoration: none; padding:5px 0 0 0; margin:0; color:#FF0000; overflow:hidden;}
#nav a:focus { outline: none; }
#output { text-align:left; }
.pics { clear:both; width: 400px; height:150px; padding:0; margin:0; position:absolute; top:0px; border:1px solid #5f5f5f; background:#000000;}
.pics a img {display:block; width:398px; height:149px; padding:0px; background-color: #eee; border:0px;  overflow:hidden;}
/*--------- Use All Page ----------*/
.hTopic{ width:199px; height:18px; background:url(../images/tab_h_01.gif) no-repeat; font:bold 12px Tahoma,Verdana, Arial; color:#ffd200; padding:2px 0 0 0; text-align:center;}
.lineV{ background:url(../images/line_dot_02.gif) right top repeat-y;}
.whiteB{ color:#FFFFFF; font-weight:bold;}
.clearAll{ clear:both; margin:0px; padding:0px; line-height:0px;}
.fieldPro{ width:200px; height:15px; margin:0px; padding:0px;}
.fieldLog{ width:108px; height:15px; margin:0px; padding:0px;}
.field200{ width:200px; height:18px; margin:0px; padding:0px;}
.field120{ width:120px; height:18px; margin:0px; padding:0px;}
.field150{ width:150px; height:18px; margin:0px; padding:0px;}
.redRemark{ font-size:12px; color:#C00;}
.textshow{ font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#000000;}
.video_inw {width:283px;height:236px;background:url(../video/image/bg.gif) no-repeat;padding:7px;}
.video {display:block;width:280px;height:226px;margin:0 auto;}	
.fBlack{ color:#303030;}
.remarkBlock{ float:left; width:80px; font-size:11px; color:#C00; overflow:hidden;}

.itemBox{ width:100%; padding:22px 0 0 0; margin:0 0 20px 0; position:relative;}
.item_vote{ width:100%; border-bottom:1px solid #333; }
.bg_ray{ background:url(../images/vote/vote_bgRay.gif) repeat-x;}
.bg_ray p img{ border:1px solid #666;}
.item_vote td{width:135px; padding:30px 0 10px 0;}
.item_vote td.line{ border-left:1px solid #333; border-right:1px solid #333;}
.item_vote td p{  color:#F60; font-size:11px; padding:0; margin:0;}
.item_vote td p span{ display:block; width:80px; height:18px; border:1px solid #FC0; font-size:14px; font-weight:bold; /*background-color: #FFC;*/ margin:5px 0 0 0;}
.item_vote td p a{ color: #999;}
.detail_item{ padding:10px 0 0 0; color:#999999;}
.detail_item .headV{ width:100%;}
.detail_item .headV b{ width:100%; text-align:center; background:#FF0}
.item_vote a{color:#999999; }
.itemBox .logo{ position:absolute; top:0; left:0;}
.agree{ width:100%; color:#555; padding:0 0 15px 0;}
.agree h1{ display:block; width:100%; background:url(../images/vote/line_top2.jpg) repeat-x; padding:0; margin:0 0 5px 0;}
.agree li ul{ margin:0 0 0 25px;}
.agreeList{ width:100%; margin:0px; list-style-type:none;}
.agreeList dd{ width:100%; margin:0px; padding:0 0 10px 0;}
.agreeList dd .subList{ margin:0px; width:100%; padding:2px 0 0px 0; text-indent:10px; font-size:11px;}
.rule_vote{ width:100%;}
.rule_vote h1{ width:100%; padding:0 0 5px 0; margin:0;}
.rule_vote .step{ width:100%; background: url(../images/vote/bgStep.jpg) top repeat-x; }