html, body { overflow:auto;}
#wrap{min-width:1800px;width: 100%;position:relative;}
body.auth #wrap {display:block;}
header{
    width: 100%;
    height: 100px;
    display: inline-block;
    background: #191919;
    border-bottom: 1px solid ;
}
header .headertop .logo{display: inline-block;}
header .headertop .logo a{background:url(img/gmlogo.png)no-repeat;margin-top: 19px; width:238px; height:57px; display:block; position:absolute; z-index:1111;}
header .headertop .noticeBox {display: inline-block; height:65px; overflow:hidden;}
header .headertop .rightmenu {
    position: absolute;
    right: 0;
    top: 33px;
}
header .headertop .rightmenu li {float: left;}
header .headertop .rightmenu li a {
    color: rgba(255,255,255,0.7);
    margin-left: 10px;
    font-size: 13px;
    padding: 5px 20px;
    border: 2px solid;
    border-radius: 30px;
    font-weight: 600; line-height:19px;
}
header .headertop .rightmenu li:nth-of-type(1) a {
    background: #c51b23;
    color: #fff;
    border-color: red;
}
header .headertop .rightmenu li:nth-of-type(2) a {
c
}

header .headertop .rightmenu li a:hover{}
header .headertop .rightmenu li a i{ display: inline-block; margin-right:5px; vertical-align: middle;}
header .headerbtm {width:100%; display: inline-block; background:#fff; border-bottom:1px solid #e4e4e4;}
header .gnbWrap{
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
}
header .gnb {text-align:center;}
header .gnb > li{display:inline-block;position: relative; box-sizing:border-box; }
header .gnb > li:before{
    content: '';
    position: absolute;
    top: 41px;
    right: 0;
    width: 1px;
    height: 15px;
    background-color: rgba(255,255,255,0.3);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
}
header .gnb > li:last-child:before {display:none;}
header .gnb > li:hover > a {color:#f1b120;}
header .gnb > li > a{
    text-align: center;
    display: block;
    position: relative;
    font-size: 17px;
    color: #fff;
    line-height: 100px;
    padding: 0 0px;
    overflow: hidden;
	width:135px;
	font-family:'GmarketSansMedium','Noto Sans KR','Lato','Rajdhani',sans-serif;
}
/*header .headerbtm .gnb > li:hover {background:#f3f3f5;}*/
header .gnb > li:hover > a:after{
    position: absolute;
    bottom: -8px;
    width: 16px;
    height: 16px;
    background: #f1b120;
    content: '';
    left: 50%;
    margin-left: -8px;
    transform: rotate(45deg);
}

.submenu {
    position: absolute;
    overflow: hidden;
    top: 98px;
    z-index: 99999999999999;
    transition: all 0.2s ease-out;
    width: 120%;
    border-radius: 5px;
    background: #f0b01e;
    opacity: 0;
    visibility: hidden;
    margin-left: -10%;
	border:2px solid #f1b120;
}
.submenu > li { width:100%; float:left;   }
.submenu > li > a {
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    /* color: #fff; */
    font-weight: 600;
    padding-left: 0;
    font-size: 14px;
    text-align: center !important;
    width: 100%;
    line-height: 45px;
    color: #222;
}
.submenu > li > a:hover{color:red; }
.submenu > li:last-child a{border:none;}

header .gnb li:hover .submenu {opacity: 1; visibility: visible;}
header .gnb li:hover .submenu li{}

.inner{ margin:auto; position: relative;  width:1800px;}
.inset{padding:20px 20px 50px;}


.infoWrap { margin:20px 0; display:inline-block;width:100%; clear:both; }
.infoWrap h1 { text-align:center; }
.infoWrap .infoCont { padding:50px; margin:20px; border:1px solid #ccc; }

.infoWrap .infoCont { color:#ccc; }
.infoWrap .infoCont h2 { border-bottom: 1px solid #666; color:#f4d628; font-size:40px; font-weight:700; }
.infoWrap .infoCont h3 { margin:20px 0 10px 0; color:white; }


.accordionWrap { margin:20px 0; display:inline-block;width:100%; clear:both; }

.accordionWrap h1 { margin:0 auto; padding:30px; }

.accordionWrap .accordionItem .accordionHead h2 { display:inline; color:white; }

.accordionWrap .accordionItem .accordionHead { padding:20px; font-size:18px; line-height:1.5; position:relative; cursor:pointer;}
.accordionWrap .accordionItem .accordionHead i {margin:4px 10px; color: #fbaf12;}
.accordionWrap .accordionItem .accordionHead i.fa-angle-down {position:absolute; right:20px; color:#fff;}
.accordionWrap .accordionItem .accordionCont { padding:20px 60px;; font-size:18px; background:#fff; color:#333; }
.accordionWrap .accordionItem .accordionCont p { padding:20px 0; font-size:18px; line-height:normal;max-width: 80%;word-break: keep-all; }
.accordionWrap .accordionItem .accordionHead {
	background-color: #555;
	border: 1px solid #444;
	margin-bottom: -1px;
}
.accordionWrap .accordionItem .accordionCont { display:none; }
.contents .boardTit {text-align:center;}
.contents .boardWrap {}
.contents .boardWrap .listTable{width:100%; }
.contents .boardWrap .listTable tr {border-bottom:1px solid #333;}
.contents .boardWrap .listTable tr th , .contents .boardWrap .listTable tr td{padding:15px 0; vertical-align:middle;}
.contents .boardWrap .listTable tr th {}
.contents .boardWrap .listTable tr td input, .contents .boardWrap .listTable tr td textarea {width:100%; padding:15px;  background: transparent; color: #fff; border:1px solid #333;}



/*contents*/
.contents {display: inline-block; width:100%;padding:20px 0 50px;; background:#212021;}
.contents .leftbox {float:left; margin-right:1%; width:18%;}
.contents .leftbox .loginbox{
    border: 1px solid #444;
   background: #333;
    position: relative;
	border-radius:5px 5px 0 0; border-bottom:none;
}
.contents .leftbox .loginbox .loginbtn {position: absolute; height:40px; line-height: 40px; bottom:0; width:100%;}
.contents .leftbox .loginbox .loginbtn ul li {float:left;  text-align: center;border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4;width:30%;}
.contents .leftbox .loginbox .loginbtn ul li a{display: block; font-size:13px; letter-spacing:-0.6px; color:#777;}
.contents .leftbox .loginbox .loginbtn ul li:nth-of-type(3) {width:40%;}
.contents .leftbox .loginbox .loginbtn ul li:first-child a {font-weight:500; background:#dc2c35; color:#fff;margin-top:-1px;}
.contents .leftbox .loginbox .loginbtn ul li:nth-of-type(1){border-left:none;}
.login input{border:1px solid #e4e4e4;height:30px;}
.contents .leftbox .chatbox{ min-height:520px; width:100%; position: relative;border:1px solid #555; background:#333; display: inline-block; box-sizing:border-box; overflow:hidden; border-radius:5px;}
.contents .leftbox .chatbox ul{}
.contents .leftbox .chatbox #innertab li.on{background:#747a88; color:#fff;}
.contents .leftbox .chatbox #innertab li{background:#fff; }
.contents .leftbox .chatbox .tab li:nth-child(3n){border-right:none;}
/*
.contents .leftbox .chatbox #pusherWrap .pusherWrapHead {padding:0 10px;}
.contents .leftbox .chatbox #pusherWrap .pusherWrapHead .pusherWrapInfoL {font-weight:600; color:#3498db}
.contents .leftbox .chatbox #pusherWrap .pusherWrapHead .pusherWrapInfoR {color:#999;}
.contents .leftbox .chatbox #pusherWrap .pusherWrapChat .pusherWrapChatCont{}
.contents .leftbox .chatbox #pusherWrap .pusherWrapChat .pusherWrapChatCont li {}
.contents .leftbox .chatbox #pusherWrap .pusherWrapChat {display:inline; overflow-y:scroll;    overflow-x: hidden;}
.contents .leftbox .chatbox #pusherWrap .pusherWrapChat .pusherWrapChatCont li.notice {}
*/

.contents .leftbox .loginbox .loginContents{padding:20px; color:#fff; display:inline-block; width:100%;}
.contents .leftbox .loginbox .loginContents .my_profileW {}
.contents .leftbox .loginbox .loginContents i.level{width:31px;height:31px; display:inline-block; }
.contents .leftbox .loginbox .loginContents i.lv1 {background:url(img/lvicon/lv_01.png)}
.contents .leftbox .loginbox .loginContents i.lv2 {background:url(img/lvicon/lv_02.png)}
.contents .leftbox .loginbox .loginContents i.lv3 {background:url(img/lvicon/lv_03.png)}
.contents .leftbox .loginbox .loginContents i.lv4 {background:url(img/lvicon/lv_04.png)}
.contents .leftbox .loginbox .loginContents i.lv5 {background:url(img/lvicon/lv_05.png)}
.contents .leftbox .loginbox .loginContents i.lv6 {background:url(img/lvicon/lv_06.png)}
.contents .leftbox .loginbox .loginContents i.lv7 {background:url(img/lvicon/lv_07.png)}
.contents .leftbox .loginbox .loginContents i.lv8 {background:url(img/lvicon/lv_08.png)}
.contents .leftbox .loginbox .loginContents i.lv9 {background:url(img/lvicon/lv_09.png)}
.contents .leftbox .loginbox .loginContents i.lv10 {background:url(img/lvicon/lv_10.png)}
.contents .leftbox .loginbox .loginContents i.lv11 {background:url(img/lvicon/lv_11.png)}
.contents .leftbox .loginbox .loginContents i.lv12 {background:url(img/lvicon/lv_12.png)}
.contents .leftbox .loginbox .loginContents i.lv13 {background:url(img/lvicon/lv_13.png)}
.contents .leftbox .loginbox .loginContents i.lv14 {background:url(img/lvicon/lv_14.png)}
.contents .leftbox .loginbox .loginContents i.lv15 {background:url(img/lvicon/lv_15.png)}
.contents .leftbox .loginbox .loginContents i.lv16 {background:url(img/lvicon/lv_16.png)}
.contents .leftbox .loginbox .loginContents i.lv17 {background:url(img/lvicon/lv_17.png)}
.contents .leftbox .loginbox .loginContents i.lv18 {background:url(img/lvicon/lv_18.png)}
.contents .leftbox .loginbox .loginContents i.lv10 {background:url(img/lvicon/lv_19.png)}

.contents .leftbox .loginbox .loginContents .my_p_icon {display:inline-block; margin-right:10px; margin-top:3px;}
.contents .leftbox .loginbox .loginContents .my_p_name {display:inline-block; text-align:left; max-width:150px; line-height:20px;}
.contents .leftbox .loginbox .loginContents .my_p_name em {margin-right:5px; color:red;}
.contents .leftbox .noticeBox{
    height: 45px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    background: #232323;
    padding: 12px 10px;
    border: 1px solid #555;
    border-top: none;
    margin-bottom: 20px;
    border-radius: 0 0 5px 5px; line-height:24px;
}

.contents .leftbox .loginbox .loginContents .my_profileBtn li {display:inline-block;text-align:center; margin-top:15px; font-size:13px; }
.contents .leftbox .loginbox .loginContents .my_profileBtn li a{text-align:center;padding:0 13px;display:block; margin:0 3px; line-height: 35px; border-radius:5px;}
.contents .leftbox .loginbox .loginContents .my_profileBtn li a i{display:inline-block; margin-right:5px; margin-top:11px;}
.contents .leftbox .loginbox .loginContents .my_profileBtn li:nth-of-type(1) a {background:#d12b26;}
.contents .leftbox .loginbox .loginContents .my_profileBtn li:nth-of-type(2) a {background:#999;}

.contents .rightbox { float:right; width:81%; }
.contents .rightbox .tapmenuleft {position: relative;float:left; width:652px; background:#fff;height:228px; margin:0 12px 0 0;border:1px solid #e4e4e4; color:#333;}
.contents .rightbox .tabmenuright {float:right;background:#fff; height:228px; width:454px;border:1px solid #e4e4e4; color:#333;}
.conboxWrap {}
.conbox{margin-top:12px; background:#fff;width:100%; display:inline-block; border:1px solid #e4e4e4;}
.conbox .subtit{padding:10px 0; text-align:center; font-weight:500; font-size:15px;border-top:1px solid #000; border-bottom:1px solid #e4e4e4;}
/*table*/
.gametable{font-size:14px;}
.gametable thead{border-bottom:1px solid #e4e4e4; border-top:1px solid #000;}
.gametable thead tr{}
.gametable thead tr th{ padding:10px 0; font-weight:500;}
.gametable tbody{}
.gametable tbody tr{}
.gametable tbody tr:nth-of-type(odd){background:#f4f4f4;}
.gametable tbody tr td{padding:5px 0; text-align:center; color:#666;}
.gametable tbody tr td span{display: inline-block; width: 29px;  height: 29px; line-height: 29px; box-sizing: border-box;border-radius: 16px; font-size:13px;}
.gametable tbody tr td.rank span{color:#fff;}
.gametable tbody tr td.rank .snail1{background:#3498db}
.gametable tbody tr td.rank .snail2{background:#e74c3c}
.gametable tbody tr td.rank .snail3{background:#c0392b}
.gametable tbody tr td span.odd, .gametable tbody tr td span.under{border: 1px solid #3498db; color: #3498db;}
.gametable tbody tr td span.even, .gametable tbody tr td span.over{border: 1px solid #e74c3c; color: #e74c3c;}
/*table*/
.tab{}
.tab li{
    float: left;
    color: #666;
    text-align: center;
    font-size: 17px;
    line-height: 50px;
    cursor: pointer;
    background: #f3f3f5;
}

/* .tab.col3 li { background:#fff; box-sizing: border-box; height:42px; color:#6c7280; } */

.tab li:first-child{border-left:none;}
.col > li { width:100%; }
.col2 > li { width:50%;float:left; }
.col3 > li { width:33.333%;float:left; }
.col4 > li { width:25%;float:left; }
.col5 > li { width:20%;float:left; }
.col6 > li { width:16.666%; }

.col1 > li .boxStyle { width:50%;float:left; }

.tab li.on {background: #f1b120; font-weight:500; color:#000;}
.tab_con { clear:both; max-height:800px; overflow-y:auto; color:#333;   }
#tab_con > div {display:none; overflow:hidden;}
#innertab_con > div {display:none; width:100%; float:left;}
#gametab_con > div {display:none; width:100%; float:left; color:#333; overflow: hidden;}
#videotab_con .videotab {display:none; float:left; width:100%; margin-top:1%;}
#topBoxtab_con > div {display:none;}
#topComtab_con > div {display:none;}
#resulttab_con > div {display:none; color:#fff;}


.tab_list, .tab_list2 {width:100%;  }
.tab_list2 li{ float: left; padding:0px 0 0px 35px; font-size:15px; box-sizing: border-box; margin-left:-1px; text-align: center;}
.tab_list li{ float: left; font-size:18px; box-sizing: border-box;text-align: center;}

.tab_list li a, .tab_list2 li a{ display:inline-block; color:#fff; width: 100%; padding:18px 0 13px; border-bottom:1px solid #1a72cf; border-left:1px solid #777; line-height:30px; background:#555;}
.tab_list li:first-child a{border-left:none;}
.tab_list li.active a, .tab_list2 li.active a{font-weight:500;color:#333; padding-bottom:13px;}
/* .tab_list li.on a, .tab_list2 li.on a */
.tab_list li.active a, .tab_list2 li.active a {
    color: #fff;
	background: #1a72cf;
    font-weight: 600;
}

.tab_list:after, .tab_list2:after{ content: ''; display:block; clear: both;}


/*footer*/
footer{background:#333; width:100%; display: inline-block; border-top:1px solid #444;}
.footTop{ display: inline-block; width:100%; }
.footTop ul li {float:left;}
.footTop ul li a { color:#d5d7db; line-height:55px;margin-right: 20px; font-size: 13px;}
.footTop ul li a:hover{color:#fff;}
.footBottom h1.logo{
    background: url(img/footlogo.png)no-repeat;
    width: 213px;
    height: 63px;
    display: block;
    margin-bottom: 10px;
}
.footBottom .inner{width:900px; min-width:auto;}
.footBottom {padding:50px 0;}
.footBottom .footbleft { float:left;}
.footBottom .footbright{
	width: 600px;
    float: left;
    margin-left: 60px;
}
.footBottom ul li{font-size:13px; float:left; margin-right:15px; color:rgba(255,255,255,0.5); line-height: 24px;}
.footBottom ul li span{margin-right: 5px; color:#fff;}
.footBottom .copy{
	display: inline-block;
    width: 100%;
    opacity: 0.5;
    color: #fff;
    padding-top: 40px;
}
.banner{background:#dc2c35; height:75px; width:100%; margin-top:12px; color:#fff; text-align: center; font-size:40px;}


.swiper-news {width:100%; overflow: hidden; position: relative; }
.swiper-news ul li a{ color:#cecfd2;font-size: 13px; padding-left:45px; height:23px; overflow:hidden;}
.swiper-news ul li a span{font-weight:600; color:#fff; margin-right:7px;}
.swiper-news:before{
	content: '';
	display: inline-block;
	color:#999;
	background:url(img/noticetxt.png)no-repeat ;
	position: absolute;
	left: 10px;
	 top:4px;width:25px;height:14px;
}

/*btn_style*/
.btn-style01{
    overflow:hidden; position:relative; display:inline-block; letter-spacing:-0.5px;color:#333;
}
.btn-style01 span{position:relative;z-index: 9999;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
.btn-style01 b{position:absolute; top:-1px; right:10px;}
.btn-style01:before{
    display:block;
    position:absolute;
    left: -100%;
    top:0;
    content:"";
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.btn-style01:hover span{}
.btn-style01:hover b{}
.btn-style01:hover:before{left:0; opacity:1.0;filter:Alpha(opacity=100);}

.pick_list a i.rate{padding:0 5px; border-radius: 3px; font-size:12px;vertical-align: middle;display: inline-block; height:18px; line-height:18px;}
.pick_list a i.nomal{background:#dc2c35; color:#fff;}

.pick_list a span{vertical-align: middle;}
.pick_list a span.sub{margin:0 15px 0 10px; width:445px;  display: inline-block; position:relative; font-weight:500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pick_list a span.sub:after{
    position: absolute;
    top: 3px;
    content: '';
    right: 0;
    width: 1px;
    height: 18px;
    background: #e4e4e4;
}
.pick_list a span.rate{}
.pick_list a span.round{margin:0 7px; font-weight:500; font-size: 13px;}
.pick_list a span.result{text-align: right; width:52px; display: inline-block;}

.pick_list, .board_list{padding:10px 25px; display:inline-block; width:100%; overflow:hidden;}
.board_list li, .pick_list li{float:left; width:100%;}
.board_list a, .pick_list a{ font-size:14px; line-height:24px; color:#666;}
.board_list li:hover a span, .pick_list li:hover a span{font-weight:600;}
.board_list a i.board_ico{padding:0 5px; border-radius: 3px;width:15px; height:15px; font-size:13px;vertical-align: middle;display: inline-block; text-indent: -9999px; position: relative;}
.board_list a i.board_ico:after{position: absolute;right:0; top:-2px;; background: red; content: '';width:5px; height:5px; border-radius: 50%;}
.board_list a i.img_ico{background: url(img/boardico01.png)no-repeat;}
.board_list a i.txt_ico{background: url(img/boardico02.png)no-repeat;}
.board_list a span{vertical-align: middle;}
.board_list a span.sub{margin:0 5px 0 7px; width:370px;display: inline-block;font-weight:400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.leftbanner {position: absolute; width:50px;  left:50%;margin-left:-875px; top:330px; }
.leftbanner .ltbanner{height:96px;border:1px solid #e4e4e4; background:#fff; display: block;text-align: center;font-size: 14px;  background:#fff;  }
.leftbanner .ltbanner p{width:100%; height:40px; background: url(img/guideico.png)no-repeat center #aaa; }
.leftbanner .ltbanner span{margin-top:10px; display: block;color:#aaa; line-height:16px; font-size:13px;}
.leftbanner .lbbanner{margin-top:12px;border:1px solid #4a505e; background:#fff; display:block;text-align: center;font-size: 14px; color:#333;box-sizing: border-box;}
.leftbanner .lbbanner .rank_box{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 50px;
    border-bottom:1px solid #000;
}
.leftbanner .lbbanner .rank_box:last-child{border:none;}
.leftbanner .lbbanner .rank_box:hover{}
.leftbanner .lbbanner .rank_box:hover dl{}
.leftbanner .lbbanner .rank_box dl.info{
    padding: 0 20px;
    position: absolute;
    top: -1px;
    left: 48px;
    width: 300px;
    height: 51px;
    line-height: 51px;
    border: 1px solid #b0b5b9;
    background-color: #bdc3c7;
    font-size: 12px;
    z-index: 200;
    color: #fff;
    display: none;
}
.leftbanner .lbbanner .rank_box dl.info dt{float:left;}
.leftbanner .lbbanner .rank_box dl.info dd{float:left; margin-left:5px;}

.leftbanner .lbbanner span{background:#4a505e; color:#fff; display: block;padding:5px; font-size:13px; line-height:16px;}
.rightbanner {position: absolute; border:1px solid #4a505e; width:50px; height:500px; right:50%;margin-right:-765px; top:384px;background:#fff;}
.login_box {
padding: 20px 20px 15px;
border-bottom: 1px solid #d6d6d6;
background-color: #fff;
color:#333;
}
.login_cont{padding:20px;}
.btn_list_more {
    margin-top: -1px;
    width: 100%;
    height: 43px;
    line-height: 41px;
    text-align: center;
    background-color: #fff;
    color: #484e5a;
    font-size: 14px;
    border: 1px solid #484e5a;
    font-weight: 500;
}
.fs15{font-size:15px !important;}
.pickboxWrap {}
.pickboxWrap p{font-size:15px; text-align: center; margin:20px 0;}
.pattern-box {width:100%; display: inline-block; color:#333; border-top:1px solid #e4e4e4; position: relative;}
    .patternboxwrap{width:953px;}
.pattern-box dl{
    white-space: nowrap;
    overflow: hidden;
    background: url(img/bg_cell.png) repeat;
    min-height:339px;
    float:left;
    }
    .game_con ul.info li.even .ic, .pattern-box dl dd .even{background:#3498db}
    .game_con ul.info li.odd .ic, .pattern-box dl dd .odd{background:#e74c3c;}
    .game_con ul.info li span, .pattern-box dd span{
    position: relative;
    display: inline-block;
    margin-top: 3px;
    width: 27px;
    height: 27px;
    line-height: 27px;
    border-radius: 16px;
    font-size: 13px;
    color: #fff;
    }
    .game_con ul.info li span{ text-align: center; margin-right: 5px; }

.pattern-box dd {
    width: 34px;
    height: 33px;
    line-height: 33px;
    padding: 0 1px 1px 0;
    text-align: center;
    font-size: 12px;
    color:#333;
}
.pattern-box dt {font-size:14px; font-weight:500; text-align: center; color:#333; background:#f1f1f1; height:33px; line-height: 33px;}
#gametab_con ul.info li{float:left; line-height: 45px; margin-left:10px; font-size: 14px;}
.game_con ul.info li span{margin-top:10px;}
#gametab_con ul.info li p.tx{display: inline-block;}
#gametab_con ul.info li.etc{float: right;margin-right:10px; }
.pattern-box dd.length{position: absolute; bottom:33px;}
.pattern-box dd.times{position: absolute; bottom:0;}
/*main_contents*/




/*account*/
.mypage{}
.mypage .mypage_list{ margin-top:20px;}
.mypage .tab {}

/* .mypage .tab .mypage_list li:nth-child(4n) a{border-right:1px solid rgba(255,255,255,0.2);} */
.mypage .tab .mypage_list li { width:33.33%; float:left; }
.mypage .tab .mypage_list li a{ width:100%; }
.mypage .tab .mypage_list::after { content: ''; clear: both }
.mypage .tab_content {}
.mypage .tab_content.on{display:block;}
.txtWrap { background:rgba(0,0,0,0.3); padding:20px; margin-top:10px; margin-top:10px; display:inline-block; width:100%;}
.txtWrap h2 { font-weight:500; font-size:19px; margin-bottom:10px; color:#fff; }
.txtWrap p { font-size:15px; letter-spacing:-0.5px; line-height:30px; padding-left:12px; position:relative; color:#FFF;}
.txtWrap p:before{content:""; width:4px; height:4px; background-color:#ee2642; display: inline-block; position:absolute; left:0; top:13px; border-radius:50px;}
.money_account {margin:10px 0;}
.money_account li{float:left; width:50%;}
.money_account li h2{ color:#fff; margin-bottom:5px;}
.money_account li input{ height:35px; width:75%; }
.money_account li p{ color:#e4e4e4; font-size:13px; margin-bottom:15px; }
.money_account li button{ width:24%; height:35px; background:#fedc00; }
.margin20{ margin-bottom:20px;}

.money_wrap { margin-top:10px;}
.money_wrap ul{ border:1px solid #222; display:inline-block;}
.money_wrap ul li {height:50px; border-bottom:1px solid #222; line-height:50px; padding:0 10px;}
.money_wrap ul li:nth-last-child(1),.money_wrap ul li:nth-last-child(2){border-bottom:none;}
.money_wrap ul li.left_tit{float:left; width:18%; background:#333; color:#fff; text-align:center; border-right:1px solid #222; font-size:16px;}
.money_wrap ul li.right_con{width:82%; background:rgba(0,0,0,0.8); color:#ccc; float:right;}
.money_wrap ul li.right_con input{height:25px; border-radius:3px; text-indent:5px;}
.money_wrap ul li.right_con .pw_btn {margin-left:5px; margin-right:5px;}
.marginl5 {margin-left:10px;}
.pw_input{width:90px;}
.money_btn a, .money_btn button {background:linear-gradient(to bottom,#ffe400,#f9a900); padding:10px; font-size:18px; margin:15px auto; width:200px; height:50px; text-align:center; font-weight:600; border-radius:5px; display:block;}
.money_wrap ul li.right_con p{font-size:15px;}
.money_wrap ul li.right_con span{font-size:13px;}
.money_wrap ul li.right_con button{margin:14px 3px 14px 0; height:25px; padding: 0 10px; background:linear-gradient(to bottom,#ffe400,#f9a900); color:#000; }
.money_table {}
.money_table thead{background:linear-gradient(to bottom,#454545,#000); color:#fff;}
.money_table thead tr{}
.money_table thead tr th{ padding:10px; font-size:16px;}
.money_table tbody{ background:rgb(0,0,0,0.4); color:#FFF; text-align:center;}
.money_table tbody tr{}
.money_table tbody tr td{ padding:10px; font-size:15px; }

/*pagenation*/
.pagenationWrap {}
.pagenation {
    width: 100%;
    text-align: center;
	margin-top:20px;
	display:inline-block;
}
.pagenation .btn {
    background: #fff;
    color: #999;
    margin-right: 6px;
    font-weight: 400;
    padding: 0px 12px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
	border-radius:3px;
}
.pagenation button.active {background:#e71f19;  color:#fff;}
.pagenation button.last-btn{margin-right:0;  background:url(img/page_last.png)no-repeat center #fff; width:19px;height:35px; text-indent:9999; color:transparent;  }
.pagenation button.first-btn{ background:url(img/page_first.png)no-repeat center #fff; width:19px;height:35px; text-indent:9999; color:transparent; }
.pagenation .page_next {
    margin-right: 5px;
	margin-left:5px;
    background: url(img/page_next.png)no-repeat center #fff;
    width: 13px;
    height: 35px;
    color: transparent;
}

.pagenation .page_prev {
    margin-right: 10px;
    background: url(img/page_prev.png)no-repeat center #fff;
    width: 13px;
    height: 35px;
    color: transparent;
}
.comment_box {display:inline-block; width:100%; padding: 0 10px;}
.comment_box input[type='text'] {float:left;}
.comment_box .an_tit {font-size:13px; margin-bottom:5px; text-align:left;}
.cm_wrap  {display:inline-block; width:100%;padding:10px 0; background:#0b2137; color:#fff; margin-bottom:1px;}
.comment_box .nick_name {
float: left;
    width: 10%;
    text-align: center;
	font-weight:500;
	padding:0 10px;
	color:#3088e4;
}
.comment_box .cm_txt {margin-bottom:10px;}
.comment_box .cm_txt button{
    background: #04af76;
    color: #fff;
    padding: 29px 34px;
    margin-top: 10px;
    font-size: 15px;
}
.comment_box .comment_con {width:80%; float:left; color:#fff; text-align:left;}
.comment_box .cm_right {float:right; width:10%;text-align:center; color:#777; font-size:13px; line-height:32px;}
.comment_box textarea {border:1px solid #ccc; width:85%; height:80px; margin-top:10px;}



/*topBanner*/
.topBanner {
   width:81%; float:right;
}
.topBanner ul { margin:-5px 0 0 -5px; }
.topBanner ul li { float:left; width:25%; }
.topBanner ul li a { display:block; color:#aaa; background:#333; border:1px solid #444; height:120px; overflow: hidden; margin:5px; }
.topBanner ul li a img {width:100%;}
.topBanner ul li a .txtBox {padding:10px;}
.topBanner ul li a .txtBox2 {
    display: table;
    width: 100%;
    height: 100%;
}
.topBanner ul li a .txtBox2 h2{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}
.topBanner ul li a h1.tit {

    font-size: 16px;
    font-weight: 500;
}
.topBanner ul li a p.subtit{

    font-size: 13px;
}

.topGameWrap { display:inline-block; width:100%; }
.topGameWrap ul { float:left; border:1px solid silver; }
.topGameWrap ul h1.topGameTit {
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 10px 3px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.topGameWrap ul .sports_bet365vSoccer h1.topGameTit { background:#f8e51c; color:#000; /* border-right:1px solid #747a88; border-bottom:1px solid #c6b71a; */ }
.topGameWrap ul .sports_bet365vGreyhounds h1.topGameTit { background:#dc2c35; /* border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); */ }
.topGameWrap ul .sports_bet365vHorse h1.topGameTit { background:#3498db; /* border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); */ }

/* .topGameWrap ul li:first-child h1.topGameTit.tit01 {border-left:1px solid #747a88;} */
.topGameWrap ul li { width:124px;float:left; border-right:1px solid rgb(0,0,0,0.3); }
.topGameWrap ul li:last-child { border-right:0; }

/*
.topGameWrap ul.leftGame
,.topGameWrap ul.sports_bet365vSoccer { width:496px; }

.topGameWrap ul.leftGame
,.topGameWrap ul.sports_bet365vSoccer li:first-child table tbody { border-left:1px solid #747a88; }

.topGameWrap ul.centerGame
,.topGameWrap ul.sports_bet365vGreyhounds { width:248px; }

.topGameWrap ul.rightGame
,.topGameWrap ul.sports_bet365vHorse { width:372px; }
*/

.topGameWrap ul li table tr td { border-right:1px dashed #ccc; border-bottom:1px dashed #ccc; text-align: center; padding: 5px 0; background: #fff; font-size:12px; font-weight: 500; }
.topGameWrap ul li table tr:last-child td { border-bottom:0; }
.topGameWrap ul li table tr td:last-child { border-right:0; }
.topGameWrap ul li table tr td.tit {}