@charset "utf-8";
html{ overflow-y:scroll; width:100%; height:100%;}
body{ -webkit-text-size-adjust:none; background:#f5f5f5;}
body.off .wrapper{ padding:100px 0 0 260px;}
body.off .betslit{ right:-300px;}
body.off .betslit .onoff_btn i{ transform: rotateY(180deg);}
body.off .scroll_top{ right:50px;}


.wrapper{ position:relative; z-index:2; padding:100px 300px 0 260px; min-width:1300px;}
.container{ margin:0 auto; width:820px;}


.background{ position:fixed; z-index:1; top:0; right:0; bottom:0; left:0; background:url(/images/background_img30.jpg) center top no-repeat; background-size:1920px 1280px;}
	.background .bg{ position:absolute; z-index:2; top:0; right:0; bottom:0; left:0; background:url(/images/background_bg.png);}
	.background .black{ position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; background:url(/images/background_black.png);}
@media(min-width:1921px){
	.background{ background-size:100% auto;}
}


.scroll_top{ display:none; position:fixed; z-index:10000; right:350px; bottom:100px; width:50px; height:50px; border-radius:50%; background:#fae301; text-align:center; line-height:50px; font-size:25px; cursor:pointer; transition:transform 0.5s, background 0.5s:}
	.scroll_top i{ color:#000;}
	.scroll_top:hover{ transform:translate(0,-10px); background:#e60012;}
	.scroll_top:hover i{ transform:translate(0,-5px); color:#FFF;}
	
	
header{ position:fixed; z-index:100; top:0; bottom:0; left:0; width:260px; background:#fae301;}
	header *{ transition:none;}
	header .center{ position:absolute; z-index:10; top:0; right:20px; bottom:0; left:0; background:#FFF; box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);}
	header .center .mCSB_container{ margin:0;}
	header .center .mCSB_scrollTools{ right:-16px;}
	header .center .box{ overflow:hidden; padding:0 30px; min-height:620px;}
	header .center .box *{ transition:all .5s;}
	header .center .logo{ display:block; margin:40px auto 0 auto; width:180px;}
	header .center .name{ margin:20px 0; text-align:center; height:20px;}
	header .center .name *{ display:inline-block; vertical-align:top; line-height:20px; font-size:17px; font-weight:bold;}
	header .center .name p{ letter-spacing:-1px; color:#333;}
	header .center .name img{ margin:2px 0;}
	header .center .menu{ overflow:hidden; padding:0 0 0 1px; background:#f5f5f5;}
	header .center .menu li{ float:left; width:50%;}
	header .center .menu li a{ position:relative; height:30px;}
	header .center .menu li a p{ position:absolute; top:0; right:0; bottom:0; left:-1px; border-radius:0 3px 3px 0; border:1px solid #CCC; background:#f5f5f5; text-align:center; line-height:28px; font-size:12px; color:#333;}
	header .center .menu li:first-child a p{ border-radius:3px 0 0 3px;}
	header .center .menu li a p:hover{ background:#DDD;}
	header .center .menu li.on a p{ z-index:10; border-color:#e60012; background:#e60012; color:#FFF;}
	header .center .info{ overflow:hidden; margin:20px 0;}
	header .center .info li{ position:relative; float:left; width:33.33%;}
	header .center .info li *{ text-align:center; line-height:20px; font-size:12px;}
	header .center .info li p{ color:#999;}
	header .center .info li font{ display:block; font-weight:bold; color:#333;}
	header .center .info li span{ display:block; position:absolute; top:10px; right:0; width:1px; height:20px; background:#DDD;}
	header .center .btn{ text-align:center; height:50px; border-radius:3px; border:1px solid #edd701; background:#fae301;}
	header .center .btn *{ display:inline-block; vertical-align:top; line-height:48px; font-size:17px; font-weight:bold;}
	header .center .btn img{ margin:9px 0;}
	header .center .btn p{ letter-spacing:-1px; color:#333;}
	header .center .btn:hover{ background:#edd701;}
	header .center .gnb{ margin:20px 0 0 0;}
	header .center .gnb li{}
	header .center .gnb li a{ height:50px; border-bottom:1px solid #e5e5e5; background:url(/images/h_icon_off.png) right center no-repeat; line-height:50px; font-size:16px; font-weight:bold; color:#333;}
	header .center .gnb li a:hover{ color:#e60012;}
	header .center .gnb li.on a{ border-color:#e60012; background:url(/images/h_icon_on.png) right center no-repeat; color:#e60012}
	header .logout{ border-radius:15px; background:#333; text-align:center; line-height:30px; font-size:13px; font-weight:bold; color:#FFF; cursor:pointer;}
	header .logout:hover{ color:#e60012;}
	header .logout01{ display:none; margin:30px 0 0 0;}
	header .logout02{ position:absolute; z-index:20; right:50px; bottom:50px; left:30px;}
@media(max-height:640px){
	header .logout{ display:block; position:static;}
	header .logout02{ display:none;}
}


footer{ margin:50px 0 0 0;}
	footer .top{ padding:15px 0; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.2);}
	footer .top img{ display:block; margin:0 auto; width:820px;}
	footer .bottom{ padding:50px 0; background:rgba(0,0,0,0.5);}
	footer .bottom .logo{ margin:0 auto 20px auto; width:180px;}
	footer .bottom .copy{ text-align:center;}
	footer .bottom .copy *{ display:inline-block; vertical-align:top;}
	footer .bottom .copy p{ line-height:32px; font-size:12px; color:rgba(255,255,255,0.5);}
	footer .bottom .copy img{}
	
	
.betslit{ position:fixed; z-index:100; top:0; right:0; bottom:0; width:300px; background:rgba(51,51,51,0.9);}
	.betslit *{ transition:none;}
	.betslit .mCSB_container{ margin:0 !important;}
	.betslit .mCSB_scrollTools{ right:-16px;}
	.betslit .onoff_btn{ position:absolute; top:50px; right:300px; width:30px; height:110px; background:url(/images/betslit_btn.png); cursor:pointer;}
	.betslit .onoff_btn i{ display:block; margin:75px 0 0 0; width:30px; text-align:center; line-height:30px; font-size:25px; color:#333; transition:all .5s;}
	.betslit .center{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; padding:0 30px;}
	.betslit .box{ padding:0 0 50px 0;}
	.betslit .box *{ transition:all .5s;}
	.betslit ul{}
	.betslit ul li{ padding:30px 0; border-top:1px solid #525452;}
	.betslit ul li:first-child{ border:0;}
	.betslit ul li .tit{ position:relative; padding:0 50px 0 0; line-height:20px; font-size:16px; font-weight:bold; color:#FFF; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.betslit ul li .tit font{ display:block; float:left; margin:0 5px 0 0; color:#e60012;}
	.betslit ul li .tit span{ display:block; position:absolute; top:0; right:0; text-align:right; font-weight:normal; color:#fae301;}
	.betslit ul li .txt{ margin:5px 0 0 0; line-height:20px; font-size:13px; color:rgba(255,255,255,0.5); text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.betslit ul li .vs{ position:relative; padding:0 20px 0 0; line-height:20px; font-size:12px; color:rgba(255,255,255,0.7); text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.betslit ul li .vs i{ display:block; position:absolute; top:0; right:0; text-align:right; font-size:20px; color:rgba(255,255,255,0.8); cursor:pointer;}
	.betslit ul li .vs i:hover{ color:#e60012;}
	.betslit .close{ height:30px; border-radius:2px; background:#525452; text-align:center; line-height:30px; font-size:12px; cursor:pointer;}
	.betslit .close *{ display:inline-block; vertical-align:top;}
	.betslit .close p{ color:rgba(255,255,255,0.5);}
	.betslit .close i{ margin:0 0 0 5px; line-height:30px; font-size:16px; color:rgba(255,255,255,0.5);}
	.betslit .close:hover{ background:#e60012;}
	.betslit .close:hover p{ color:#FFF;}
	.betslit .close:hover i{ color:#FFF;}
	.betslit .info{ position:relative; margin:20px 0; padding:0 80px 0 0;}
	.betslit .info p{ line-height:30px; font-size:14px; color:rgba(255,255,255,0.2);}
	.betslit .info p font{ margin:0 5px 0 0; color:#fae301;}
	.betslit .info p span{ margin:0 1px; color:#e60012;}
	.betslit .info input{ display:block; position:absolute; top:0; right:0; padding:0 5px; width:80px; height:30px; border:0; border-radius:2px; background:#FFF; text-align:center; line-height:30px; font-size:13px; color:#333; outline:none; -webkit-appearance:none;}
	.betslit .btn{ border-radius:3px; background:#e60012; text-align:center; line-height:50px; font-size:17px; font-weight:bold; color:#FFF; cursor:pointer;}
	.betslit .btn:hover{ background:#fae301; color:#333;}
	
	
.betting_menu{ position:fixed; z-index:100; top:0; bottom:0; left:260px; padding:30px 0 0 0; width:100px; background:url(/images/betting_menu_bg.png) top repeat-x;}
	.betting_menu li{}
	.betting_menu li a{ padding:0 0 0 20px; line-height:40px; font-size:14px; color:#999;}
	.betting_menu li a:hover{ color:#FFF;}
	.betting_menu li.on a{ font-weight:bold; color:#fae301; text-decoration:underline !important; transition:none;}
	
	
.main_menu{ overflow:hidden;}
	.main_menu li{ float:left;}
	.main_menu li p, .main_menu li a{ height:60px; border-bottom:3px solid #e60012; background:rgba(0,0,0,0.5); text-align:center; line-height:60px; font-size:14px; color:#FFF; cursor:pointer;}
	.main_menu li p:hover, .main_menu li a:hover{ color:#fae301; text-decoration:underline !important;}
	.main_menu li.on p, .main_menu li.on a{ background:#e60012; color:#FFF;}
	
	
.member_login{ position:fixed; z-index:100; top:50%; left:50%; margin:-220px 0 0 -225px; padding:40px; width:450px; border-radius:3px; background:rgba(0,0,0,0.5);}
	.member_login .logo{ margin:0 auto 30px auto; width:180px;}
	.member_login input{ display:block; margin:0 0 10px 0; padding:0 15px; width:100%; height:50px; border:0; border-radius:3px; background:rgba(255,255,255,0.2); line-height:50px; font-size:16px; color:#FFF; outline:none; -webkit-appearance:none;}
	.member_login .btn_login{ margin:20px 0 0 0; border-radius:3px; background:#fae301; text-align:center; line-height:50px; font-size:17px; font-weight:bold; color:#333; cursor:pointer;}
	.member_login .btn_login:hover{ background:#e60012; color:#FFF;}
	.member_login .btn_join{ float:right; margin:15px 0 0 0; text-align:right; line-height:20px; font-size:16px; color:#fae301;}
	.member_login .btn_join font{ color:#e60012;}
	.member_login .btn_join i{ display:block; float:right; line-height:20px; font-size:12px;}
	.member_login .btn_join:hover{ opacity:0.5;}
	.member_login .btn_join2{ float:right; margin:20px 0 0 0; text-align:right; line-height:20px; font-size:16px; color:#999999;}
	
	
.member_join{ margin:0 auto 200px auto; padding:40px; width:450px; border-radius:3px; background:rgba(0,0,0,0.5);}
	.member_join .logo{ margin:0 auto 30px auto; width:180px;}
	.member_join input{ display:block; padding:0 15px; width:100%; height:50px; border:0; border-radius:3px; background:rgba(255,255,255,0.2); line-height:50px; font-size:16px; color:#FFF; outline:none; -webkit-appearance:none;}
	.member_join .txt{ margin:5px 0 0 0; text-align:right; line-height:15px; font-size:13px; color:rgba(255,255,255,0.5);}
	.member_join .line{ margin:30px 0; border-top:1px solid rgba(255,255,255,0.2);}
	.member_join .box{ position:relative; padding:0 110px 0 0;}
	.member_join .box .btn{ position:absolute; top:0; right:0; width:100px; height:50px; border-radius:2px; background:#fae301; text-align:center; line-height:50px; font-size:15px; font-weight:bold; color:#333; cursor:pointer;}
	.member_join .box .btn.red{ background:#e60012; color:#FFF;}
	.member_join .btn_login{ margin:20px 0 0 0; border-radius:3px; background:#fae301; text-align:center; line-height:50px; font-size:17px; font-weight:bold; color:#333; cursor:pointer;}
	.member_join .btn_login:hover{ background:#e60012; color:#FFF;}
	
	.member_join .select{ position:relative; border-radius:3px; height:50px; background:rgba(255,255,255,0.2);}
	
	.member_join_select{ position:absolute !important; top:0; right:0; left:0; height:50px; border-radius:3px; background:none; transition:none;}
	.member_join_select *{ transition:none;}
	.member_join_select .dk_toggle{ padding:0 10px; width:100% !important; height:50px; border:none; line-height:50px; font-size:15px; color:#a9a9a9;}
	.member_join_select .dk_toggle:after{ right:15px; border-top-color:#FFF;}
	.member_join_select .dk_toggle:hover{ color:#FFF;}
	.member_join_select .dk_toggle:hover:after{ border-top-color:#FFF; color:#FFF;}
	.member_join_select.dk_open .dk_toggle{ background:none; color:#FFF !important;}
	.member_join_select.dk_open .dk_toggle:after{ border-top-color:#FFF;}
	.member_join_select .dk_options{ top:41px; right:0; left:0; margin:0; width:auto;}
	.member_join_select .dk_options .dk_options_inner{ border-color:#fae301;}
	.member_join_select .dk_options .dk_options_inner a{ padding:10px 15px; line-height:14px; font-size:14px; color:#666;}
	.member_join_select .dk_options .dk_options_inner .dk_option_current a{ background:#fae301; color:#333 !important;}
	
	
.betting_list{}
	.betting_list dl{}
	.betting_list dl:first-child{ border:0;}
	.betting_list dl dt{ overflow:hidden; position:relative; padding:15px 30px; background:#FFF; cursor:pointer;}
	.betting_list dl dt:hover{ background:#f5f5f5;}
	.betting_list dl dt img{ display:block; float:left; margin:0 15px 0 0;}
	.betting_list dl dt .tit{ float:left; line-height:50px; font-size:20px; font-weight:bold; color:#333;}
	.betting_list dl dt .date{ float:right; margin:0 40px 0 0; line-height:50px; font-size:16px; color:#999;}
	.betting_list dl dt i{ display:block; position:absolute; top:15px; right:30px; text-align:center; line-height:50px; font-size:20px; color:#999;}
	.betting_list dl dd{ padding:2.5px; background:rgba(0,0,0,0.5); transition:none;}
	.betting_list dl dd .list{ padding:0 0 0 105px;}
	.betting_list dl dd .list .time{ float:left; margin:0 0 0 -105px; width:105px; text-align:center; line-height:40px; font-size:13px; color:rgba(255,255,255,0.5);}
	.betting_list dl dd .list ul{ overflow:hidden;}
	.betting_list dl dd .list ul li{ float:left;}
	.betting_list dl dd .list ul li div{ margin:2.5px; padding:0 10px; border-radius:2px; height:40px; background:rgba(255,255,255,0.1); line-height:40px; font-size:13px; color:rgba(255,255,255,0.8);}
	.betting_list dl dd .list ul li div .lt{ float:left;}
	.betting_list dl dd .list ul li div .ct{ text-align:center;}
	.betting_list dl dd .list ul li div .rt{ float:right;}
	.betting_list dl dd .list ul li.click div{ background:rgba(255,255,255,0.2); cursor:pointer;}
	.betting_list dl dd .list ul li.click div:hover{ background:rgba(255,255,255,0.5);}
	.betting_list dl dd .list ul li.head div{ background:rgba(255,255,255,0.5); height:20px; line-height:20px;}
	.betting_list dl dd .list ul li.btn div{ background:rgba(255,255,255,0.2); cursor:pointer;}
	.betting_list dl dd .list .open{ display:none; transition:none;}
	
	.betting_list dl dd .list ul li.on.click div{ background:#fae301 !important;}
	.betting_list dl dd .list ul li.on.click div .lt{ font-weight:bold; color:#333;}
	.betting_list dl dd .list ul li.on.click div .ct{ font-weight:bold; color:#333;}
	.betting_list dl dd .list ul li.on.click div .rt{ font-weight:bold; color:#333;}
	
	.betting_list dl.off{ border-bottom:1px solid #DDD;}
	.betting_list dl.off dt i{ transform: rotateX(180deg);}
	
	
.rule_list{ border-top:1px solid rgba(255,255,255,0.2);}
	.rule_list dl{ border-bottom:1px solid rgba(255,255,255,0.2);}
	.rule_list dl dt{ overflow:hidden; position:relative; padding:0 30px; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.1); cursor:pointer;}
	.rule_list dl dt .tit{ float:left; line-height:48px; font-size:16px; color:rgba(255,255,255,0.8);}
	.rule_list dl dt i{ display:block; position:absolute; top:0; right:30px; text-align:center; line-height:48px; font-size:20px; color:#DDD;}
	.rule_list dl dt:hover{ background:rgba(0,0,0,0.5);}
	.rule_list dl dt:hover .tit{ color:#;}
	.rule_list dl dt:hover i{ color:#;}
	.rule_list dl dd{ display:none; padding:30px; background:rgba(0,0,0,0.5); transition:none;}
	.rule_list dl:first-child dd{ display:block;}
	.rule_list dl dd .head{ padding:0 20px; border-radius:2px; background:rgba(255,255,255,0.2); line-height:30px; font-size:13px; color:#FFF;}
	.rule_list dl dd .txt{ padding:20px; line-height:20px; font-size:13px; color:rgba(255,255,255,0.5);}

	.rule_list dl dd .blue { color:#C0C69E; }
	.rule_list dl dd .one1 { color:#879FA0; }
	.rule_list dl dd .one2 { color:#BA8B8B; }
	.rule_list dl dd .one3 { color:#8B99BA; }
	
	.rule_list dl.open dt{ border-color:#FFF; background:#FFF;}
	.rule_list dl.open dt .tit{ font-weight:bold; color:#333;}
	.rule_list dl.open dt i{ color:#999; transform: rotateX(180deg);}
		
	
.free_list{}
	.free_list dl{}
	.free_list dl dt{ overflow:hidden; position:relative; padding:15px 30px; background:#FFF; cursor:pointer;}
	.free_list dl dt img{ display:block; float:left; margin:0 15px 0 0;}
	.free_list dl dt .tit{ margin:5px 0 0 0; line-height:20px; font-size:20px; font-weight:bold; color:#333;}
	.free_list dl dt .txt{ line-height:20px; font-size:13px; color:#999;}
	.free_list dl dd{ padding:2.5px; background:rgba(0,0,0,0.5); transition:none;}
	.free_list dl dd .list{ padding:0 0 0 105px;}
	.free_list dl dd .list .time{ float:left; margin:0 0 0 -105px; width:105px; text-align:center; line-height:40px; font-size:13px; color:rgba(255,255,255,0.5);}
	.free_list dl dd .list ul{ overflow:hidden;}
	.free_list dl dd .list ul li{ float:left;}
	.free_list dl dd .list ul li div{ margin:2.5px; padding:0 10px; border-radius:2px; height:40px; background:rgba(255,255,255,0.1); line-height:40px; font-size:13px; color:rgba(255,255,255,0.8);}
	.free_list dl dd .list ul li div .lt{ float:left;}
	.free_list dl dd .list ul li div .ct{ text-align:center;}
	.free_list dl dd .list ul li div .rt{ float:right;}
	.free_list dl dd .list ul li.click div{ background:rgba(255,255,255,0.2); cursor:pointer;}
	.free_list dl dd .list ul li.click div:hover{ background:rgba(255,255,255,0.5);}
	
	.free_list dl dd .list ul li.on.click div{ background:#A9B388;}
	.free_list dl dd .list ul li.on.click div .lt{ font-weight:bold; color:#333;}
	.free_list dl dd .list ul li.on.click div .ct{ font-weight:bold; color:#333;}
	.free_list dl dd .list ul li.on.click div .rt{ font-weight:bold; color:#333;}
	
	.free_list .btn{ overflow:hidden; margin:10px -5px 0 -5px;}
	.free_list .btn li{ float:left; width:50%;}
	.free_list .btn li p{ margin:0 5px; border-radius:3px; background:#fae301; text-align:center; line-height:50px; font-size:17px; font-weight:bold; color:#333; cursor:pointer;}
	.free_list .btn li p:hover{ background:#e60012; color:#FFF;}
	.free_list .btn li:first-child{}
	.free_list .btn li:first-child p{ background:#999; color:#FFF;}
	.free_list .btn li:first-child p:hover{ background:#666;}
	
	
.free_result{}
	.free_result dl{ border-bottom:1px solid rgba(255,255,255,0.2);}
	.free_result dl dt{ overflow:hidden; position:relative; padding:0 30px; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.1); cursor:pointer;}
	.free_result dl dt:hover{ background:rgba(0,0,0,0.5);}
	.free_result dl dt .tit{ float:left; line-height:48px; font-size:17px; font-weight:bold; color:rgba(255,255,255,0.8);}
	.free_result dl dt .date{ float:left; margin:0 0 0 20px; line-height:48px; font-size:14px; color:#999;}
	.free_result dl dt i{ display:block; position:absolute; top:0; right:30px; text-align:center; line-height:48px; font-size:20px; color:#999;}
	.free_result dl dd{ display:none; padding:2.5px; background:rgba(0,0,0,0.5); transition:none;}
	.free_result dl:first-child dd{ display:block;}
	.free_result dl dd .list{ padding:0 0 0 105px;}
	.free_result dl dd .list .time{ float:left; margin:0 0 0 -105px; width:105px; text-align:center; line-height:40px; font-size:13px; color:rgba(255,255,255,0.5);}
	.free_result dl dd .list ul{ overflow:hidden;}
	.free_result dl dd .list ul li{ float:left;}
	.free_result dl dd .list ul li div{ margin:2.5px; padding:0 10px; border-radius:2px; height:40px; background:rgba(255,255,255,0.1); line-height:40px; font-size:13px; color:rgba(255,255,255,0.8);}
	.free_result dl dd .list ul li div .lt{ float:left;}
	.free_result dl dd .list ul li div .ct{ text-align:center;}
	.free_result dl dd .list ul li div .rt{ float:right;}
	.free_result dl dd .list ul li.click div{ background:rgba(255,255,255,0.2); cursor:pointer;}
	.free_result dl dd .list ul li.click div:hover{ background:rgba(255,255,255,0.5);}
	
	.free_result dl dd .list ul li.on div{ background:#A9B388;}
	.free_result dl dd .list ul li.on div .lt{ font-weight:bold; color:#333;}
	.free_result dl dd .list ul li.on div .ct{ font-weight:bold; color:#333;}
	.free_result dl dd .list ul li.on div .rt{ font-weight:bold; color:#333;}
	
	.free_result dl.open dt{ border-color:#FFF; background:#FFF;}
	.free_result dl.open dt .tit{ font-weight:bold; color:#333;}
	.free_result dl.open dt i{ color:#999; transform: rotateX(180deg);}
	
	
.free_explain{ padding:40px 50px 50px 250px; background:url(/images/free_bg.png) top center no-repeat;}
	.free_explain .tit{ line-height:20px; font-size:16px; font-weight:bold; color:#e60012;}
	.free_explain .txt{ margin:20px 0 0 0; line-height:20px; font-size:14px; color:#666;}
	
	
	
.livegame{}
	.livegame .play{ display:block; width:100%; height:auto; transition:none;}
	.livegame .head{ overflow:hidden; padding:20px 30px; border-radius:2px; background:#FFF;}
	.livegame .head .date{ float:left; line-height:40px; font-size:20px; font-weight:bold; color:#333;}
	.livegame .head .date font{ color:#00a0e9;}
	.livegame .head .time{ float:left; margin:0 0 0 15px; line-height:40px; font-size:14px; color:#ff0000;}
	.livegame .head .btn{ float:right; padding:0 0 0 1px;}
	.livegame .head .btn li{ float:left;}
	.livegame .head .btn li p{ margin:0 0 0 -1px; padding:0 20px; height:40px; border-radius:0 2px 2px 0; border:1px solid #d8d8d8; background:#f0f0f0; line-height:38px; font-size:14px; color:#333; cursor:pointer;}
	.livegame .head .btn li:first-child p{ border-radius:2px 0 0 2px;}
	.livegame .head .btn li.on p{ position:relative; z-index:10; border-color:#edd701; background:#fae301; font-weight:bold;}
	.livegame .body{ padding:30px; background:rgba(0,0,0,0.5);}
	.livegame .body .money{ overflow:hidden; padding:0 0 30px 0; border-bottom:1px solid rgba(255,255,255,0.2);}
	.livegame .body .money .left{ float:left; width:180px; height:40px; border-radius:2px; background:rgba(255,255,255,0.3);}
	.livegame .body .money .left p{ float:left; margin:0 0 0 10px; width:60px; line-height:40px; font-size:13px; color:#FFF;}
	.livegame .body .money .left input{ display:block; float:left; padding:0 10px 0 0; width:110px; height:40px; border:0; border-radius:3px; background:none; line-height:40px; font-size:13px; color:#FFF; outline:none; -webkit-appearance:none;}
	.livegame .body .money ul{ float:right;}
	.livegame .body .money ul li{ float:left; margin:0 0 0 5px; padding:0 10px; border-radius:2px; background:rgba(255,255,255,0.3); line-height:40px; font-size:13px; font-weight:bold; color:#FFF; cursor:pointer;}
	.livegame .body .money ul li.on{ background:#fae301; color:#333;}
	.livegame .body .btn_01{ padding:10px 0 0 0;}
	.livegame .body .btn_01 .top{ position:relative; margin:0 -5px;}
	.livegame .body .btn_01 .top ul{ overflow:hidden; padding:20px 0 0 0;}
	.livegame .body .btn_01 .top ul.left{ position:absolute; top:0; left:0;}
	.livegame .body .btn_01 .top ul.center{ margin:0 auto; width:220px;}
	.livegame .body .btn_01 .top ul.right{ position:absolute; top:0; right:0;}
	.livegame .body .btn_01 .top ul li{ float:left; margin:0 5px; padding:10px 0; width:100px; height:60px; border-radius:2px; background:#e74c3c; text-align:center; line-height:20px; color:#FFF; cursor:pointer;}
	.livegame .body .btn_01 .top ul li.skyblue{ background:#3498db;}
	.livegame .body .btn_01 .top ul li p{ font-size:18px; font-weight:bold;}
	.livegame .body .btn_01 .top ul li font{ display:block; font-size:14px;}
	.livegame .body .btn_01 .top ul li:hover{ transform:translate(0,-5px);}
	.livegame .body .btn_01 .bottom{ overflow:hidden; margin:0 -5px; padding:20px 0 0 0;}
	.livegame .body .btn_01 .bottom li{ float:left; width:25%;}
	.livegame .body .btn_01 .bottom li div{ margin:0 5px; padding:10px 0; height:60px; border-radius:2px; background:#e74c3c; text-align:center; line-height:20px; color:#FFF; cursor:pointer;}
	.livegame .body .btn_01 .bottom li div.skyblue{ background:#3498db;}
	.livegame .body .btn_01 .bottom li div p{ font-size:18px; font-weight:bold;}
	.livegame .body .btn_01 .bottom li div p font{ display:block; font-size:14px;}
	.livegame .body .btn_01 .bottom li div:hover{ transform:translate(0,-5px);}
	
	.livegame .body .btn_02{ padding:30px 0 0 0;}
	.livegame .body .btn_02 .top{ overflow:hidden; margin:0 -10px;}
	.livegame .body .btn_02 .top .box{ float:left; padding:0 10px; width:25%;}
	.livegame .body .btn_02 .top .box > p{ border-radius:2px; background:rgba(255,255,255,0.2); text-align:center; line-height:40px; font-size:13px; color:rgba(255,255,255,0.8);}
	.livegame .body .btn_02 .top .box ul{ overflow:hidden; margin:-5px -2.5px 0 -2.5px; padding:10px 0 0 0;}
	.livegame .body .btn_02 .top .box ul li{ float:left; width:50%;}
	.livegame .body .btn_02 .top .box ul li div{ overflow:hidden; margin:0 2.5px; padding:10px 0; height:60px; border-radius:2px; background:#e74c3c; text-align:center; line-height:20px; color:#FFF; cursor:pointer;}
	.livegame .body .btn_02 .top .box ul li.skyblue div{ background:#3498db;}
	.livegame .body .btn_02 .top .box ul li div span{ display:block; line-height:40px; font-size:18px; font-weight:bold;}
	.livegame .body .btn_02 .top .box ul li div p{ font-size:18px; font-weight:bold;}
	.livegame .body .btn_02 .top .box ul li div font{ display:block; font-size:14px;}
	.livegame .body .btn_02 .top .box ul li:hover{ transform:translate(0,-5px);}
	.livegame .body .btn_02 .bottom{ margin:20px 0 0 0; text-align:center;}
	.livegame .body .btn_02 .bottom .box{ display:inline-block; vertical-align:top; margin:0 10px;}
	.livegame .body .btn_02 .bottom .box > p{ border-radius:2px; background:rgba(255,255,255,0.2); text-align:center; line-height:40px; font-size:13px; color:rgba(255,255,255,0.8);}
	.livegame .body .btn_02 .bottom .box ul{ overflow:hidden; margin:-5px -2.5px 0 -2.5px; padding:10px 0 0 0;}
	.livegame .body .btn_02 .bottom .box ul li{ float:left; width:90px;}
	.livegame .body .btn_02 .bottom .box ul li div{ overflow:hidden; margin:0 2.5px; padding:10px 0; height:60px; border-radius:2px; background:#e74c3c; text-align:center; line-height:20px; color:#FFF; cursor:pointer;}
	.livegame .body .btn_02 .bottom .box.left ul li div{ background:#db7734;}
	.livegame .body .btn_02 .bottom .box.right ul li div{ background:#27ae60;}
	.livegame .body .btn_02 .bottom .box ul li div p{ font-size:18px; font-weight:bold;}
	.livegame .body .btn_02 .bottom .box ul li div font{ display:block; font-size:14px;}
	.livegame .body .btn_02 .bottom .box ul li:hover{ transform:translate(0,-5px);}
	.livegame .body .btn_02 .topp{ margin:0 0 20px 0; text-align:center;}
	.livegame .body .btn_02 .topp .box{ display:inline-block; vertical-align:top; margin:0 10px;}
	.livegame .body .btn_02 .topp .box > p{ border-radius:2px; background:rgba(255,255,255,0.2); text-align:center; line-height:40px; font-size:13px; color:rgba(255,255,255,0.8);}
	.livegame .body .btn_02 .topp .box ul{ overflow:hidden; margin:-5px -2.5px 0 -2.5px; padding:10px 0 0 0;}
	.livegame .body .btn_02 .topp .box ul li{ float:left; width:150px;}
	.livegame .body .btn_02 .topp .box ul li div{ overflow:hidden; margin:0 2.5px; padding:10px 0; height:60px; border-radius:2px; background:#e74c3c; text-align:center; line-height:20px; color:#FFF; cursor:pointer;}
	.livegame .body .btn_02 .topp .box ul li.skyblue div{ background:#3498db;}
	.livegame .body .btn_02 .topp .box ul li div span{ display:block; line-height:40px; font-size:18px; font-weight:bold;}
	.livegame .body .btn_02 .topp .box ul li div p{ font-size:18px; font-weight:bold;}
	.livegame .body .btn_02 .topp .box ul li div font{ display:block; font-size:14px;}
	.livegame .body .btn_02 .topp .box ul li:hover{ transform:translate(0,-5px);}
	
	.livegame .body .btn_03{ padding:30px 0 0 0;}
	.livegame .body .btn_03 .top{ overflow:hidden; margin:0 -10px; text-align:center;}
	.livegame .body .btn_03 .top .box{ display:inline-block; vertical-align:top; padding:0 10px; width:30%;}
	.livegame .body .btn_03 .top .box > p{ border-radius:2px; background:rgba(255,255,255,0.2); text-align:center; line-height:40px; font-size:13px; color:rgba(255,255,255,0.8);}
	.livegame .body .btn_03 .top .box ul{ overflow:hidden; margin:-5px -2.5px 0 -2.5px; padding:10px 0 0 0;}
	.livegame .body .btn_03 .top .box ul li{ float:left; width:50%;}
	.livegame .body .btn_03 .top .box ul li div{ overflow:hidden; margin:0 2.5px; padding:10px 0; height:60px; border-radius:2px; background:#e74c3c; text-align:center; line-height:20px; color:#FFF; cursor:pointer;}
	.livegame .body .btn_03 .top .box ul li.skyblue div{ background:#3498db;}
	.livegame .body .btn_03 .top .box ul li div span{ display:block; line-height:40px; font-size:18px; font-weight:bold;}
	.livegame .body .btn_03 .top .box ul li div p{ font-size:18px; font-weight:bold;}
	.livegame .body .btn_03 .top .box ul li div font{ display:block; font-size:14px;}
	.livegame .body .btn_03 .top .box ul li:hover{ transform:translate(0,-5px);}
	
	.livegame .body .table{ margin:30px 0 0 0;}
	.livegame .body .table .table_head{ overflow:hidden; height:40px; border-radius:2px; background:#FFF;}
	.livegame .body .table .table_head li{ float:left;}
	.livegame .body .table .table_head li p{ text-align:center; line-height:40px; font-size:13px; color:#333;}
	.livegame .body .table .table_body{ overflow:hidden; margin:5px -2.5px 0 -2.5px;}
	.livegame .body .table .table_body li{ float:left;}
	.livegame .body .table .table_body li div{ overflow:hidden; margin:0 2.5px; height:40px; border-radius:2px; background:rgba(255,255,255,0.2); text-align:center; line-height:40px; font-size:13px; color:rgba(255,255,255,0.8);}
	.livegame .body .table .table_body li div .ball{ position:relative; margin:5px auto; width:30px; height:30px; border-radius:50%; background:#e74c3c; text-align:center; line-height:30px; font-size:13px; color:#FFF;}
	.livegame .body .table .table_body li div .ball.skyblue{ background:#3498db;}
	.livegame .body .table .table_body li div .ball font{ display:block; position:absolute; top:-5px; right:-5px; width:15px; height:15px; border-radius:50%; background:#000; text-align:center; line-height:14px; font-size:12px; color:#FFF;}
	.livegame .body .table .table_body li div .ball.left font{ left:-5px;}
	.livegame .body .table .table_body li div .ball2{ display:block; text-align:center;}
	.livegame .body .table .table_body li div .ball2 *{ display:inline-block; vertical-align:top;}
	.livegame .body .table .table_body li div .ball2 span{ margin:5px 0; width:30px; height:30px; border-radius:50%; background:#e74c3c; text-align:center; line-height:30px; font-size:13px; color:#FFF;}
	.livegame .body .table .table_body li div .ball2.skyblue span{ background:#3498db;}
	.livegame .body .table .table_body li div .ball2 font{ margin:0 0 0 2px; line-height:40px; font-size:12px; color:#FFF;}
	.livegame .body .table .btn{ margin:5px 0 0 0; height:40px; border-radius:2px; background:rgba(255,255,255,0.2); text-align:center; line-height:40px; font-size:13px; color:rgba(255,255,255,0.8); cursor:pointer;}
	.livegame .body .table .btn:hover{ background:#e60012; color:#FFF;}
	.livegame .explain{ margin:30px 0 0 0;}
	.livegame .explain .tit{ line-height:20px; font-size:15px; font-weight:bold; color:#FFF;}
	.livegame .explain .txt{ margin:10px 0 0 0; line-height:20px; font-size:13px; color:rgba(255,255,255,0.8);}
	
	
.customer{}
	.customer .head{ padding:20px 30px; background:#FFF;}
	.customer .head .tit{ line-height:20px; font-size:20px; font-weight:bold; color:#333;}
	.customer .head .txt{ line-height:20px; font-size:14px; color:#999;}
	.customer .body{ overflow:hidden; padding:30px; background:rgba(0,0,0,0.5);}
	.customer .body textarea{ display:block; padding:15px; width:100%; height:110px; border:0; border-radius:2px; background:rgba(255,255,255,0.2); line-height:20px; font-size:13px; color:#FFF; outline:none; -webkit-appearance:none; transition:none;}
	.customer .body .btn{ float:right; margin:10px 0 0 0; padding:0 20px; height:40px; border-radius:2px; background:#fae301; line-height:40px; font-size:14px; font-weight:bold; color:#333; cursor:pointer;}
	.customer .body .btn:hover{ background:#e60012; color:#FFF;}
	.customer .list{ margin:30px 0 0 0; border-top:1px solid rgba(255,255,255,0.2);}
	.customer .list li{}
	.customer .list li .top{ position:relative; padding:0 80px 0 110px; height:50px; border-right:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.1); cursor:pointer;}
	.customer .list li .top:hover{ background:rgba(0,0,0,0.5);}
	.customer .list li .top .answer{ position:absolute; z-index:10; top:-1px; left:0; bottom:-1px; width:110px; background:rgba(255,255,255,0.4); text-align:center; line-height:48px; font-size:14px; font-weight:bold; color:#FFF;}
	.customer .list li .top .answer.ok{ border-top:1px solid #e2cd03 !important; background:#fae301 !important; color:#333 !important;}
	.customer .list li .top .tit{ float:left; margin:0 0 0 20px; line-height:48px; font-size:14px; color:rgba(255,255,255,0.8);}
	.customer .list li .top .tit font{ display:block; float:left; margin:0 10px 0 0; font-weight:bold; color:#FFF;}
	.customer .list li .top .date{ float:right; line-height:48px; font-size:14px; color:#999;}
	.customer .list li .top i{ display:block; position:absolute; top:0; right:30px; text-align:center; line-height:48px; font-size:20px; color:#999;}
	.customer .list li .bottom{ display:none; padding:10px 30px 30px 0; border-bottom:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.5); transition:none;}
	.customer .list li:first-child .bottom{ display:block;}
	.customer .list li .bottom .box{ overflow:hidden; margin:10px 0 0 0; padding:0 0 0 110px;}
	.customer .list li .bottom .box .tit{ float:left; margin:0 0 0 -110px; width:110px; text-align:center; line-height:40px; font-size:13px; color:rgba(255,255,255,0.5);}
	.customer .list li .bottom .box .txt{ padding:10px 15px; border-radius:2px; background:rgba(255,255,255,0.2); line-height:20px; font-size:13px; color:rgba(255,255,255,0.8);}
	
	.customer .list li.open .top{ background:#FFF;}
	.customer .list li.open .top .answer{ top:0; bottom:-1px; border-top:1px solid #DDD; background:#f0f0f0; color:#333;}
	.customer .list li.open .top .tit{ color:#666;}
	.customer .list li.open .top .tit font{ color:#333;}
	
	
.charge{}
	.charge .head{ overflow:hidden; position:relative; padding:15px 30px 15px 95px; background:#FFF;}
	.charge .head img{ display:block; float:left; margin:0 0 0 -65px;}
	.charge .head .tit{ margin:5px 0 5px 0; line-height:20px; font-size:20px; font-weight:bold; color:#333;}
	.charge .head .txt{ line-height:20px; font-size:13px; color:#999;}
	.charge .body{ padding:30px; background:rgba(0,0,0,0.5);}
	.charge .body .box{ overflow:hidden; padding:0 0 0 100px;}
	.charge .body .box .tit{ float:left; margin:0 0 0 -100px; line-height:40px; font-size:14px; color:#FFF;}
	.charge .body .box .txt{ float:left; margin:0 0 0 10px; line-height:40px; font-size:13px; color:rgba(255,255,255,0.6);}
	.charge .body .box input{ display:block; float:left; padding:0 15px; width:200px; height:40px; border:0; border-radius:2px; background:rgba(255,255,255,0.2); line-height:40px; font-size:14px; color:#FFF; outline:none; -webkit-appearance:none;}
	.charge .body .box .btn{ float:left; margin:0 0 0 5px; width:80px; border-radius:2px; background:#e60012; text-align:center; line-height:40px; font-size:14px; font-weight:bold; color:#FFF; cursor:pointer;}
	.charge .body .box ul{ overflow:hidden; float:left;}
	.charge .body .box ul li{ float:left; margin:0 0 0 5px; padding:0 15px; border-radius:2px; background:rgba(255,255,255,0.5); line-height:40px; font-size:14px; color:#FFF; cursor:pointer;}
	.charge .body .box ul li:hover{ background:#FFF; color:#333;}
	.charge .body .box ul li.on{}
	.charge .body .box2{ overflow:hidden; padding:0 0 0 300px;}
	.charge .body .box2 p{ float:left; margin:0 0 0 -300px; line-height:40px; font-size:14px; color:#09F;}
	.charge .body .box2 a{ float:left; margin:0 0 0 5px; padding:0 20px; border-radius:2px; background:#e60012; text-align:center; line-height:40px; font-size:14px; font-weight:bold; color:#FFF; cursor:pointer;}
	
	.charge .body .box3{ overflow:hidden; position:relative; margin-top:30px; background:rgba(255,255,255,0.2);}

	.charge .body .line{ margin:30px 0; border-top:1px solid rgba(255,255,255,0.2);}
	.charge .body > .btn{ margin:30px 0 0 0; border-radius:2px; background:#fae301; text-align:center; line-height:50px; font-size:16px; font-weight:bold; color:#333; cursor:pointer;}
	.charge .body > .btn:hover{ background:#e60012; color:#FFF;}
	
	
.profile{}
	.profile .head{ padding:0 30px; background:#FFF;}
	.profile .head .txt{ line-height:80px; font-size:14px; color:#F00;}
	.profile .body{ padding:25px 30px; background:rgba(0,0,0,0.5);}
	.profile .body .box{ overflow:hidden; margin:5px 0; padding:0 0 0 150px;}
	.profile .body .box .tit{ float:left; margin:0 0 0 -150px; line-height:40px; font-size:14px; color:#FFF;}
	.profile .body .box .txt{ width:100%; height:40px; padding:0 15px; border-radius:2px; background:rgba(255,255,255,0.2); line-height:40px; font-size:13px; color:rgba(255,255,255,0.6);}
	.profile .body .box .txt img{ display:block; float:left; margin:12px 5px 12px 0;}
	
	
	
	
.table2{}
	.table2 .table_head{ overflow:hidden; height:40px; border-radius:2px; background:#FFF;}
	.table2 .table_head li{ float:left;}
	.table2 .table_head li p{ text-align:center; line-height:40px; font-size:13px; color:#333;}
	.table2 .table_body{ overflow:hidden; margin:5px -2.5px 0 -2.5px;}
	.table2 .table_body li{ float:left;}
	.table2 .table_body li div{ overflow:hidden; margin:0 2.5px; height:40px; border-radius:2px; background:rgba(255,255,255,0.2); text-align:center; line-height:40px; font-size:13px; color:rgba(255,255,255,0.8);}
	.table2 .table_body li div .ball{ position:relative; margin:5px auto; width:30px; height:30px; border-radius:50%; background:#e74c3c; text-align:center; line-height:30px; font-size:13px; color:#FFF;}
	.table2 .table_body li div .ball.skyblue{ background:#3498db;}
	.table2 .table_body li div .ball font{ display:block; position:absolute; top:-5px; right:-5px; width:15px; height:15px; border-radius:50%; background:#000; text-align:center; line-height:14px; font-size:12px; color:#FFF;}
	.table2 .table_body li div .ball.left font{ left:-5px;}
	.table2 .table_body li div .ball2{ display:block; text-align:center;}
	.table2 .table_body li div .ball2 *{ display:inline-block; vertical-align:top;}
	.table2 .table_body li div .ball2 span{ margin:5px 0; width:30px; height:30px; border-radius:50%; background:#e74c3c; text-align:center; line-height:30px; font-size:13px; color:#FFF;}
	.table2 .table_body li div .ball2.skyblue span{ background:#3498db;}
	.table2 .table_body li div .ball2 font{ margin:0 0 0 2px; line-height:40px; font-size:12px; color:#FFF;}
	.table2 .btn{ margin:5px 0 0 0; height:40px; border-radius:2px; background:rgba(255,255,255,0.2); text-align:center; line-height:40px; font-size:13px; color:rgba(255,255,255,0.8); cursor:pointer;}
	.table2 .btn:hover{ background:#e60012; color:#FFF;}
	
	
	
	
.mybetting{}
	.mybetting .head{ padding:20px 30px; background:#FFF; line-height:20px; font-size:14px; color:#333;}
	.mybetting .body{ overflow:hidden; padding:0 30px 30px 30px; background:rgba(0,0,0,0.5);}
	
	.mybetting .item{ margin:30px 0 0 0;}
	.mybetting .item .top{ overflow:hidden; border-radius:3px; background:rgba(0,204,255,0.8);}
	.mybetting .item .top li{ float:left;}
	.mybetting .item .top li p{ text-align:center; line-height:40px; font-size:12px; color:#FFF;}
	.mybetting .item .top2{ overflow:hidden; border-radius:3px; background:#6282B7;}
	.mybetting .item .top2 li{ float:left;}
	.mybetting .item .top2 li p{ text-align:center; line-height:40px; font-size:12px; color:#FFF;}
	.mybetting .item .bottom{ position:relative; margin:0 -2.5px; padding:2.5px 0;}
	.mybetting .item .bottom ul{ overflow:hidden;}
	.mybetting .item .bottom ul li{ float:left;}
	.mybetting .item .bottom ul li div{ overflow:hidden; margin:2.5px; padding:0 5px; height:40px; border-radius:2px; background:rgba(255,255,255,0.2);}
	.mybetting .item .bottom ul li div.click{ background:rgba(0,255,0,0.3);}
	.mybetting .item .bottom ul li div p{ line-height:40px; font-size:12px; color:rgba(255,255,255,0.8);}
	.mybetting .item .bottom ul li div p.lt{ float:left;}
	.mybetting .item .bottom ul li div p.lt img{ display:block; float:left; margin:16px 5px 0 0; width:10px;}
	.mybetting .item .bottom ul li div p.ct{ text-align:center;}
	.mybetting .item .bottom ul li div p.ct.line2{ margin:5px 0; line-height:15px;}
	.mybetting .item .bottom ul li div p.rt{ float:right;}
	.mybetting .item .info{ position:relative; height:40px; border-radius:2px; background:rgba(255,255,255,0.2); text-align:center;}
	.mybetting .item .info *{ display:inline-block; vertical-align:top;}
	.mybetting .item .info p{ margin:0 2.5px; line-height:40px; font-size:13px; color:rgba(0,204,255,0.8);}
	.mybetting .item .info p font{ color:rgba(255,255,255,0.8);}
	.mybetting .item .info .btn{ position:absolute; top:5px; right:5px; padding:0 10px; border-radius:2px; background:#999; line-height:30px; font-size:12px; font-weight:bold; color:#333; cursor:pointer;}
	.mybetting .item .info .btn:hover{ background:#e60012; color:#FFF;}
	
	.mybetting .body .list{}
	.mybetting .body .list ul{ overflow:hidden;}
	.mybetting .body .list ul li{ float:left;}
	.mybetting .body .list ul li div{ margin:2.5px; padding:0 10px; border-radius:2px; height:40px; background:rgba(255,255,255,0.1); line-height:40px; font-size:13px; color:rgba(255,255,255,0.8);}
	.mybetting .body .list ul li div .lt{ float:left;}
	.mybetting .body .list ul li div .lt img{ display:block; float:left; margin:11.5px 10px 0 0;}
	.mybetting .body .list ul li div .ct{ text-align:center;}
	.mybetting .body .list ul li div .rt{ float:right;}
	.mybetting .body .list ul li.on div{ background:#fae301;}
	.mybetting .body .list ul li.on div .lt{ font-weight:bold; color:#333;}
	.mybetting .body .list ul li.on div .ct{ font-weight:bold; color:#333;}
	.mybetting .body .list ul li.on div .rt{ font-weight:bold; color:#333;}
	.mybetting .body .list .line{ margin:2.5px; border-top:1px solid rgba(255,255,255,0.4);}
	
	
	
.board_page{ margin:30px 0 0 0; height:40px; text-align:center;}
	.board_page ul{ display:inline-block; height:40px;}
	.board_page ul li{ position:relative; float:left; margin:0 2.5px; width:40px; height:40px; cursor:pointer;}
	.board_page ul li p{ position:absolute; border-radius:2px; background:rgba(255,255,255,0.3); line-height:40px; text-align:center; font-size:15px; color:#FFF;}
	.board_page ul li p.btn_L{ top:0; right:0; bottom:0; left:0;}
	.board_page ul li p.btn_R{ top:0; right:0; bottom:0; left:0;}
	.board_page ul li p:hover{ color:#000;}
	.board_page ul li span{ position:absolute; top:0; right:0; left:0; height:40px; border-radius:2px; background:rgba(255,255,255,0.3); line-height:38px; font-size:14px; color:#FFF;}
	.board_page ul li span:hover{ background:#DDD; color:#3d3f42;}
	.board_page ul li span.on{ z-index:50; right:0; left:-1px; height:40px; border:0; background:#fae301 !important; line-height:40px; color:#333;}
	
.fixde_open{ position:fixed; z-index:999999; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.7); transition:none;}
	.fixde_open .box{ overflow:hidden; position:absolute; top:120px; left:50%; margin:0 0 0 -250px; width:500px; border-radius:3px; background:#FFF;}
	.fixde_open .box .head{ overflow:hidden; padding:0 20px; height:50px; background:#fae301;}
	.fixde_open .box .head p{ float:left; line-height:50px; font-size:16px; font-weight:bold; color:#333;}
	.fixde_open .box .head i{ display:block; position:absolute; top:10px; right:20px; line-height:30px; font-size:20px; color:#333; cursor:pointer;}
	.fixde_open .box .body{ padding:30px;} 
	.fixde_open .box .body .txt{ line-height:20px; font-size:13px; color:#666;}
	.fixde_open .box .body a{ margin:20px 0 0 0; border-radius:3px; background:#e60012; text-align:center; line-height:50px; font-size:16px; font-weight:bold; color:#FFF;}
	.fixde_open .box .body a:hover{}

.page{margin:30px 0 0 0; height:40px; text-align:center;}
.page a{border-radius:2px;color:#fff;background:rgba(255,255,255,0.3);line-height:40px;display:inline-block;vertical-align:top;font-size:15px;margin:0;position:relative; width:40px; height:40px; cursor:pointer;}
.page a:hover{
    height: 40px;
    background: #DDD;
    line-height: 40px;
	
	color: #3d3f42;
}
.page a.on{	height: 40px;
	background: #fae301 !important;
    line-height: 40px;
    color: #333;	
}
.page a.next{
	margin-left:3px;
}
/*	
.board_page{ margin:30px 0 0 0; height:40px; text-align:center;}
.board_page ul{ display:inline-block; height:40px;}
.board_page ul li{ position:relative; float:left; margin:0 2.5px; width:40px; height:40px; cursor:pointer;}
.board_page ul li p{ position:absolute; border-radius:2px; background:rgba(255,255,255,0.3); line-height:40px; text-align:center; font-size:15px; color:#FFF;}
.board_page ul li p.btn_L{ top:0; right:0; bottom:0; left:0;}
.board_page ul li p.btn_R{ top:0; right:0; bottom:0; left:0;}
.board_page ul li p:hover{ color:#000;}
.board_page ul li span{ position:absolute; top:0; right:0; left:0; height:40px; border-radius:2px; background:rgba(255,255,255,0.3); line-height:38px; font-size:14px; color:#FFF;}
.board_page ul li span:hover{ background:#DDD; color:#3d3f42;}
.board_page ul li span.on{ z-index:50; right:0; left:-1px; height:40px; border:0; background:#fae301 !important; line-height:40px; color:#333;}
*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	