@charset "utf-8";
/* CSS Document */

body{ font-family:"starwolf2"; font-size: 16px; background: #1b1d1b; color: #eee}
.header,.banner,.container,.go-pc,.footer{ float: left;}
.header{ width: 100%; position: fixed; z-index: 9999; top: 0; left: 0; height: 50px;
    background: linear-gradient(top, #222,#111);        /* IE 10 */
    background:-moz-linear-gradient(top,#222,#111);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#222), to(#111));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#111));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #222, #111);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #222, #111);  /*Opera 11.10+*/
    box-shadow: rgba(0,0,0,.5) 0 -5px 5px -5px;
}

.onlineList li p{width: 50%;}
.footer{ width: 100%; position: fixed; bottom: 0; left: 0; height: 55px; z-index: 9999;
    box-sizing: border-box; border-top: 1px solid #333; padding-top: 4px;
    background: linear-gradient(top, #222,#111);        /* IE 10 */
    background:-moz-linear-gradient(top,#222,#111);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#222), to(#111));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#111));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #222, #111);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #222, #111);  /*Opera 11.10+*/
    box-shadow: rgba(0,0,0,.5) 0 -5px 5px -5px;

}
.header > div{ text-align: center; line-height: 50px;}
.header .top-right{ top: 0; right: 10px; position: absolute; z-index: 99;}
.header .top-left{
    position: absolute; z-index: 99; left: 10px; float: left; color:white; letter-spacing: 1px;
}
.header .logo{
    position: relative; width: 100%; top: 0; text-align: center; color: #f6d038; font-size: 1.2em;
}
.header .top-right a{
    color: white; text-decoration: none; letter-spacing: 1px;
}

.footer .nav{
    list-style: none; width: 100%; float: left; height: 100%; padding: 0; margin: 0;
    display: flex;
}
.footer .nav li{
    height: 100%; box-sizing: border-box; text-align: center;
}
.nav li i{font-family: "iconfont"; font-style: normal; display: block; width: 100%; float: left;text-align: center;}
.nav li i,.nav li font{ color: #fff; display: block; width: 100%; float: left; text-align: center; text-shadow: 1px 1px 1px #000;}
.nav li.act i{ text-shadow: none;}
.nav li i{ font-size: 1.8em; margin-top: 2px;}
.nav li font{ font-size: .8em; letter-spacing: 0; line-height: 1em; margin-top: 0;}
.nav .home i:after{ content: "\e646";}
.nav .news i:after{ content: "\e65c";}
.nav .service i:after{ content: "\e70d";}
.nav .member i:after{ content: "\e63f"; position: relative; top: -2px;}
.nav .act i:after{ content: "\e629";}
.nav .rank i:after{ content: "\e6f2";}

.nav li.current font{ color: #f6d038;}

/***** banner ****/
.banner,.sub-container{ margin-top: 50px;}
.banner:after,.container:after,.go-pc:after,.login-form:after,.login-form > div:after,
.member-top:after,.member-con:after,.news-module:after,.news-lists:after,.banner:after,.banner > div:after
{ content: ""; display: block; clear: both;}

.banner img{ width: 100%; height: auto;}

/*******container****/
.container{ padding: 0 4px; box-sizing: border-box; width: 100%;}
.sub-container{ padding: 15px 10px;}
.container > h2,.container > div{ width: 100%; float: left;color:#888;}
.container > h2{ box-sizing: border-box; padding: 0 4px; margin: 15px auto 4px;}
.container > h2 span{
    display: block;; width: 100%;
    box-sizing: border-box;
    font-size: 15px; background: #222; border-radius:0 10px 10px 0; line-height: 15px;
    border-left: 5px solid #222; padding:10px 10px 6px 10px; font-weight: 100;
    color: #eee;
}

.container > div ul{ list-style: none; padding: 0; margin: 0; width: 100%; float: left;}
.container > div ul li{ list-style: none; position: relative; padding: 0; margin: 0; float: left; box-sizing: border-box; padding: 4px 4px 0px;}
.container .lottery-list ul li,
.container .sports-list ul li,
.container .fish-list ul li
{ width: 100%;}

.container > div li:after{ content: ""; display: block; clear: both;}

.container .casino-list li div,
.container .fish-list li div,
.container .live-casino-list li div{ width: 100%; box-sizing: border-box;}

.container li div.live-img img{ width: 100%; height: auto;}

.container  li span.the-title{ position: absolute; left: 0; top: 0; z-index: 99; font-size: 1em; color: white; padding: 10px;}

.container  li div.live-btn{ text-align: center;}
.container  li div.live-btn a{ display: inline-block; text-decoration: none; letter-spacing: 0; height: 26px; font-size: .9em; line-height: 26px; padding: 0; border-radius: 3px; color: #FFF;}

.container  li div.live-btn a.free-play{ background-color: rgba(10,86,199,.9); width: 47%;}
.container  li div.live-btn a.real-money{ background-color: rgba(219,47,47,.9); width: 47%;}

.sub-page-container{ position: absolute; left: 0; top: 50px; right: 0; bottom: 45px;}
.sub-page-container > div{ width: 100%; height: 100%; background-size: cover; position: relative;}
.sub-page-container .sub-ecasino-booongo{ background-image: url("/images/lobby/sub-page-booongo.jpg");}
.sub-page-container .sub-ecasino-hb{ background-image: url("/images/lobby/sub-page-hb.jpg");}
.sub-page-container .sub-ecasino-ttg{ background-image: url("/images/lobby/sub-page-ttg.jpg");}
.sub-page-container .sub-ecasino-qt{ background-image: url("/images/lobby/sub-page-qt.jpg");}
.sub-page-container .sub-ecasino-lx{ background-image: url("/images/lobby/sub-page-lx.jpg");}
.sub-page-container .sub-ecasino-cq9{ background-image: url("/images/lobby/sub-page-cq9.jpg");}
.sub-page-container .sub-sports-i-sports{ background-image: url("/images/lobby/sub-page-sport.jpg");}
.sub-page-container .sub-fish-gg{ background-image: url("/images/lobby/sub-page-gg.jpg");}
.sub-page-container .sub-fish-cq9{ background-image: url("/images/lobby/sub-page-cq9-fish.jpg");}
.sub-page-container .sub-fish-sa{ background-image: url("/images/lobby/sub-page-sa-fish.jpg");}
.sub-page-container .sub-keno-pn{ background-image: url("/images/lobby/sub-page-pn.jpg");}
.sub-page-container .sub-live-hg{ background-image: url("/images/lobby/sub-page-hg.jpg");}
.sub-page-container .sub-live-allbet{ background-image: url("/images/lobby/sub-page-allbet.jpg");}
.sub-page-container .sub-live-sa{ background-image: url("/images/lobby/sub-page-sa.jpg");}
.sub-page-container .sub-live-ebet{ background-image: url("/images/lobby/sub-page-ebet.jpg");}

.sub-page-container .link-btns{ position: absolute; width: 100%; box-sizing: border-box; padding: 20px; bottom: 10%;}
.sub-page-container .link-btns a{ display: inline-block; width: 100%;line-height: 40px; border-radius: 3px;
    text-align: center; color:white; text-decoration: none; font-size: 1em; font-weight: bolder;;
}
.sub-page-container .link-btns .try-play{
    background: -ms-linear-gradient(top, #01a2d4,#128adc);        /* IE 10 */
    background:-moz-linear-gradient(top,#01a2d4,#128adc);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#01a2d4), to(#128adc));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#01a2d4), to(#128adc));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #01a2d4, #128adc);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #01a2d4, #128adc);  /*Opera 11.10+*/
    box-shadow: #000 0 5px 5px -5px;
    margin-bottom: 20px;
}
.sub-page-container .link-btns .real-money{
    background: -ms-linear-gradient(top, #c62a03,#b40408);        /* IE 10 */
    background:-moz-linear-gradient(top,#c62a03,#b40408);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#c62a03), to(#b40408));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c62a03), to(#b40408));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #c62a03, #b40408);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #c62a03, #b40408);  /*Opera 11.10+*/
    box-shadow: #000 0 5px 5px -5px;
}
/*
.container .casino-list li div a,
.container .fish-list li div a,
.container .live-casino-list li div a{ display: block; font-weight: 600; border-radius: 10px; width: 100%; color: #FFF; padding: 9% 0; margin-top: 5px; text-align: center; text-decoration: none;}
.container .live-casino-list li div a{ margin-top: 10px;}
.container .fish-list li div a{ padding: 6% 0;}

.container .casino-list li div a.free-play,
.container .fish-list li div a.free-play,
.container .live-casino-list li div a.free-play{ background-color: rgba(10,86,199,.5);}

.container .casino-list li div a.real-money,
.container .fish-list li div a.real-money,
.container .live-casino-list li div a.real-money{ background-color: rgba(219,47,47,.5);}
*/


/******go pc****/
.go-pc{ width: 100%; padding: 10px; text-align:center; line-height: 28px; box-sizing: border-box; font-size: .8em;}
.go-pc a{ text-decoration: none; position: relative; color: #6c92d3}
.go-pc span{ color: #777;}
.area-logo{ width: 100%; text-align: center;}
.area-logo a img{ height: 1.6rem;}
.blank-padding{ width: 100%; height: 1px; margin-bottom: 70px;}

/********登入**********/
.login-form,.login-form li{ list-style: none; padding: 0; margin: 0;}
.login-form{ background: #FFF; box-sizing: border-box; padding: 10px; border-radius: 10px;}
.login-form > div,.login-form li{ width: 100%; float: left; padding: 0; margin: 0;}
.login-form > div{ margin-bottom: 20px;}
.login-form > div h4,.login-form > div span{ display: block; width: 100%; float: left; padding: 0; margin: 0;}
.login-form > div h4{ font-size: 1.5em; color: #444;}
.login-form > div span{ font-size: .7em; font-weight: 100; color: #666;}
.login-form li{ padding-top: 8px; color: #666;}
.login-form li input[type="text"],
.login-form li input[type="password"]
{ display: block; width: 100%; height: 40px; line-height: 40px; background: #FFF; border: 1px solid #aaa; outline: none; text-indent: 5px; border-radius: 8px; box-sizing: border-box;}
.login-form li i{ color: red;}
.login-form .forget-reg{ text-align: center;}
.forget-reg a,.forget-reg span{ display: inline-block; text-decoration: none;}
.forget-reg span{ margin:0 20px; color: rgba(0,0,230,1);}
.login-form .login-submit{ width: 100%; line-height: 50px; height: 50px; font-size: 1.2em; line-height: 2px;}
.login-form .agree-rules{ text-align: center; padding: 10px 0; color: #777;}
.agree-rules input[type="checkbox"]{ width: 16px; height: 16px;}
.agree-rules span{ color: #087cc8 !important; cursor: pointer;}

/*****彈出層***/
.layer-tip{ position:fixed; box-sizing: border-box; padding: 20px; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; background-color: rgba(0,0,0,.8); display: none;}
.layer-tip .rules_list{ display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 98.5%; background: #F8F8F8; box-sizing: border-box; padding: 8px 12px; border-radius: 5px; position: relative; left: 1%; max-height: 85%; overflow-y: auto;}
.layer-tip:after{ content: ''; display: inline-block; height: 100%; width: 0%; background: red; vertical-align: middle;}
.rules_list h5,.rules_list h6{ padding: 0; margin: 0; position: relative;}
.rules_list h5{ font-size: 1.1em;}
.rules_list h6{ color: red; font-size: .9em; padding: 10px 0;}
.rules_list li{ list-style: decimal-leading-zero; font-size: .9em; list-style-position: outside; box-sizing: border-box;left: 25px; color: #222; margin-top: 5px; margin-left: 24px;}
.rules_list .close-layer{ cursor: pointer; position: absolute; width: 50px; border-radius: 50px; top: 0px; right: 1px; height: 50px; z-index: 10; text-align: center; line-height: 46px; color: #999; text-shadow: 1px 1px 1px #FFF; font-size: 3em;font-weight: 100;}

/********會員中心************/
.member-container{ margin-top: 40px;}
.member-top,.member-con{ width: 100%;  float: left; background: #FFF; margin: 3px 0; box-sizing: border-box; padding: 8px; border-radius: 5px;}
.member-container div p,.member-container div span,.member-container div a,.member-container div ul,.member-container div li
{ text-decoration: none; font-size: 1em; padding: 0; margin: 0;}
.member-container div .user-info-edit{ font-size: .9em;}
.member-top .user-info{ position: relative;}
.user-info .head-portrait{ position: absolute; left: 0; top: 0; z-index: 1; width: 60px; height: 60px; border-radius: 5px;}
.user-info .user-basic{ position: relative;  margin-left: 68px; height: 60px; color:black;}
.user-basic p{ width: 100%; height: 50%; line-height: 30px;}
.user-basic .user-account{ font-size: 1.4em; letter-spacing: 1px;}
.user-basic .user-info-edit a{ color: #888; display: block; width: 100%; height: 100%; line-height: 30px; padding: 0; margin: 0; position: relative;}
.user-info-edit span{ position: absolute; top: 0; right: 0; color: #aaa;}
.basic-func div{ height: 40px; margin-top: 10px;}
.basic-func div a{ display: block; width: 33.3333%; float: left; color: #333; font-family: "iconfont"; position: relative; box-sizing: border-box;}
.basic-func div a i,.basic-func div a span{ display: block; width: 100%;}
.basic-func div a i{ font-size: 2em;}
.basic-func div a span,.other-func li span{ font-size: 12px !important;}

.member-top .member-msg{ background-color: #FFFFEA; color: red; line-height: 1em; box-sizing: border-box; padding: 5px;}
.member-top .member-msg:after{ content: ''; display: block; clear: both;}

.member-con .user-balance{ height: 40px; line-height: 40px; border-bottom: 1px solid #CFCFCF; margin-bottom: 10px; position: relative;}
.member-con .user-balance:after{ content: ""; display: block; width: 100%; height: 1px; background: #f8f8f8; position: absolute; left: 0; top: 41px;}
.user-balance p,.user-balance a{ display: block; height: 100%; line-height: 40px; float: left; color: #888; font-size: 1em !important; }
.user-balance p span{ font-size: 1.5em !important; color: #cc0000;}
.user-balance a{ float: right;}
.member-container a i{ font-style: normal; margin: 0px 2px; font-size: 1.2em; font-family: "iconfont";}
.other-func-list li{ height: 100px; width: 33.333333% !important;  box-sizing: border-box; border-bottom: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF;}
.other-func-list li a{ display: block; width: 100%; height: 100%;}
.other-func-list li:nth-child(3n){ border-right: none;}
.other-func-list li:last-child{ }
.other-func-list li:nth-child(2n){ background: #F8F8F8;}
.other-func-list i,.other-func-list span{ display: block; width: 100%; float: left; font-style: normal; text-decoration: none; text-align: center; color: #333;}
.other-func-list i{ height: 55px; line-height: 55px; font-size: 2.2em !important;}
.other-func-list span{ line-height: 1.2em; padding-top: 5px;}

.member-container .m_mission i:before{ content:'\e629'; color: #FFC51E;}
.member-container .m_point i:before{ content:'\e64a'; color: #1B82D2;}
.member-container .m_payment i:before{ content:'\e640'; color: #29ab91;}
.member-container .m_pwd i:before{ content:'\e655'; color: #F15B4B;}
.member-container .m_messages i:before{ content:'\e62d'; color: #F39826;}
.member-container .m_cash_record i:before{ content:'\e606'; color: #29AB91;}
.member-container .m_point_record i:before{ content:'\e65c'; color: #29AB91;}
.member-container .m_cash_reback i:before{ content:'\e629'; color: #1D8FE1;}
.member-container .m_collect i:before{ content:'\e74c'; color: #1D8FE1;}
.member-container .m_collect_divst i:before{ content:'\e634'; color: #29AB91;}
.member-container .m_report i:before{ content:'\e6f2'; color: #29AB91;}
.member-container .m_service i:before{ content:'\e638'; color: #F39826;}
.member-container .m_logout i:before{ content:'\e66d'; margin-left:7px; color: #F15B4B;}

/********會員中心********/
.sub-container .istable{ background: #aaa; font-size: .9em; color:black;}
.sub-container .istable thead th{ background: #F6F6F6; padding: 5px;}
.sub-container .istable tbody td{ background: #FFF; padding: 5px;}
.sub-container .istable tbody th{background: #F6F6F6; width: 80px; padding: 5px;  font-weight: 100; text-align: right;}
.sub-container .istable tfoot td{ background: #FFF; padding: 5px;}
.sub-container .istable p{ padding:2px 0; margin:0;}
.sub-container .istable span.red{ color: red;}
.sub-container .istable input[type="text"]{ width: 90%; height: 22px; border: 1px solid #aaa; line-height: 22px; border-radius: 6px; text-indent: .5em;}
.sub-container .istable select{ height: 26px; line-height: 26px; width: 90%;}
.sub-container .istable tfoot .basic_con{ position: relative; left: 50%; margin-left: -113px;}
.table-mission thead tr td{ text-align: center; background: #F3F3F3;}

.sub-container .member-edit-form tbody th{ width: 70px;}

/*********提領點數****/
.sub-point-container > div{ width: 100%; float: left; box-sizing: border-box;}
.sub-point-container .point-head span{ display: block; width: 50%; cursor: pointer; box-sizing: border-box; float: left; text-align: center; cursor: pointer; height: 40px; line-height: 40px; background-color: #ECECEC; font-size: 1em; letter-spacing: 1px; color: #333;}
.sub-point-container .point-head span:first-child{ border-right: 1px solid #FFF;}
.sub-point-container .point-head span.active{ background-color: #4ABAE1; color: #FFF;}
.withdraw-con{ display: none;}
.sub-point-container .istable caption{ padding: 10px 0;}
.sub-point-container .istable caption a{ text-decoration: none;}
.sub-point-container .istable tbody tr td{ padding: 15px 5px;}
.sub-point-container .istable tbody tr th{ width: 140px;}
.sub-point-container .istable tbody input[type="text"]{ height: 30px; width: 100px !important; line-height: 30px; padding: 0;}
.sub-point-container .istable tbody select{ line-height: 30px !important; height: 30px !important;}
.sub-point-container .istable tfoot .waringTip{ color: red;}
.sub-point-container .istable tfoot .submitBtn input{ margin: auto; padding: 3px 15px;}

/***手機轉點頁面字體顏色***/
.point-con {
    color:black;
}

/***儲值點數****/
.payment_con{ width: 100%; float: left;}
.payment_con ul,.payment_con li{ list-style: none; margin: 0; padding: 0;}
.payment_con:after, .way_con:after
{ content:''; display:block; clear:both;}
.pay_head,.pay_list{ width:100%; float:left;}
#select_way,#way_con{ width:100%; float:left;}
#select_way{ height:34px;}
#select_way li{ width: 22.22222%; float:left; text-align:center; height: 34px; line-height:34px; box-sizing:border-box; background:#FFF; border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8; letter-spacing:0; color:#333; cursor:pointer;}
#select_way #alipay_way,#select_way #tenpay_way{ width: 16.66666%;}

#select_way li:hover{ background:#ececec;}
#select_way li:last-child{ border-right:2px solid #e8e8e8; }
#way_con{ box-sizing:border-box; border:4px solid #4abae1; background-color: #FFF; min-height:100px; padding-bottom:20px;color:black;}
#select_way .cur_way{ background:#4abae1 !important; border:none !important; color:#FFF; border-top:2px solid #4abae1 !important; }
.onlineList{ display:block; width:100%; padding:10px; float:left;}
.onlineList li{ width:100%; float:left; padding:5px 0; position:relativpae; min-height:24px;}
.onlineList .tip{ display:block; width:100%; float:left; padding-bottom:5px; color:red;}
.onlineList li h4{ width:100%; float:left; padding-bottom:5px;}

.onlineList .s_bank{ text-align: center;}
.onlineList .s_bank p{ display: inline-block; margin: 0; box-sizing: border-box; padding: 10px;width: 50%;}
.onlineList .s_bank p input,
.onlineList .s_bank p label
{ display: inline-block; vertical-align: middle; margin: 0 2px;}
.onlineList .s_bank p label img{ width: 100%; height: auto; outline: 1px solid #FFF; border: 1px solid #ddd;}


li.numli{ margin-top: 10px;}
li.numli > div{ width: 100%; text-align: center; padding: 3px 0;}
li.numli span h4{ margin: 0; padding: 0;}
li.numli > span,
li.numli > input[type="text"],
li.numli > input[type="checkbox"],
li.numli > select{
    display:block; float:left; line-height:24px;
}
li.numli > span:first-child{ min-width:110px; padding-right:5px; text-align:right; line-height:24px;}
li.numli > span:last-child{ padding-left:5px; color:#666;}
li.numli > input[type="text"]
{
    min-width:145px; line-height:18px; -webkit-appearance:textfield;

}
li.numli > select{
    min-width:180px;height:22px; line-height:22px;
}

.numli .user_ag{ float:none; margin:auto; position:absolute; margin-left:-155px; left:50%;}
.user_ag input[type="checkbox"],
.user_ag span,
.user_ag a{ display:block; float:left; line-height:20px;}
.user_ag a{ color:#565cce;}
.user_ag input[type="checkbox"]{ width:12px; height:12px; margin:4px;}

.bankList > li > div{ display:block; float:left; min-width:110px; line-height:24px;}
#province,#city{ line-height:24px;}
.bankList > li > div:first-child{ text-align:right;}
.bankList > li > div > select:first-child{ margin-left:5px;}
.bankList > li > div > label{ display:block; float:left; margin-left:5px; line-height:22px;}
.bankList #manual_receiveBank{min-width:180px;height:22px; line-height:22px;}

.alipayList li span{ color:#333 !important; padding-left:0 !important;}
#alipay_pay{ position:relative;}
.bank_note{ position:absolute; right:10px; top:10px; width:280px; background:#fff8dc; border:1px solid #eee; padding:15px;}
.bank_note h3,.bank_note dl{ display:block; width:100%; float:left;}
.bank_note h3{ padding-bottom:5px;}
.bank_note dl dd{ line-height:18px;}
.bank_note dl .red{ color:red;}

.submit_btn{ text-align:center; padding-top:10px;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;}
.btn{ border-radius:4px; line-height:34px; letter-spacing:1px; background:#00aaee; color:#FFF; padding:0px 20px; border:none; outline:none;}
.btn:hover{ background:#089bd6;}


/********新聞列表********/
.news-module,.news-module ol,.news-module li{ width: 100%; margin: 0; padding: 0; list-style: none; font-size: 1em;}
.news-module .news-page{ text-align: center; padding: 10px;}
.news-module li a{ text-decoration: none; color: #eee}
.news-module li{ position: relative; height: 30px; overflow: hidden; border-bottom: 1px dashed #ccc;}
.news-module div.span{ position: absolute; top: 0; right: 0; width: 90px; line-height: 30px;    margin-right: 10px;}
.news-module div.a{ position: relative; left: 0; margin-right: 100px; line-height: 30px;}
.news-module div.a a{ display: block; width: 100%; line-height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news-module div.span span{ color: #eee;}

.news-detail-module h2{ font-size: 1em; text-align: center;}
.news-detail-module .detail-date{ text-align: center; color: #666; padding-bottom: 10px; border-bottom: 1px solid #CFCFCF;}
.news-detail-module .detail-container p{ font-size: 1em; line-height: 1.4em;}
.news-detail-module .back{ text-align: right; padding: 15px 0;}


/***代理合作***/
.subjoin-container{ width: 100%; float: left; padding:0; box-sizing: border-box;}
.subjoin-container:after{ content: ""; display: block; clear: both;}
.subjoin-container > div{ display: block; width: 100%; float: left;}
.subjoin-header > div{ display: block; width: 33.333333%; float: left; color: #444; box-sizing: border-box; line-height: 1.5em; text-align: center; border-bottom: 4px solid #C9C9C9; cursor: pointer; letter-spacing: 0px; font-size: 1em; font-weight: 600;}
.subjoin-header > div.cur{ border-bottom: 4px solid #AD4648; color: #901518;}
.level-con h4,.level-con h3,.level-con span,.level-con p{ display: block; font-size: 1em; line-height: 150%; width: 100%; float: left;}
.level-con h4{ text-align: center; line-height: 150%; color: red; padding-top: 10px; font-weight: 100;}
.level-con span img{ display: block; margin: auto; width: 100%; height: auto;}
.level-con span{ padding: 10px 0;}
.level-con p{ padding: 3px 0;}
.level-con h3{ padding-top: 10px;}
.brokerage-con{ display: none;}
.brokerage-con{ padding-top: 15px;}
.brokerage-con h3,.brokerage-con p,.brokerage-con table,.brokerage-con div,.brokerage-con ol{ line-height: 1.5em; font-size: 1em; display: block; width: 100%; float: left;}
.brokerage-con h3{ padding-top: 10px;}
.brokerage-con p{ padding: 5px 0;}
.brokerage-con table{ width: 100%; background: #aaa;}
.brokerage-con table tr td{ background: #F3F3F3; text-align: center; padding: 5px 0;}
.brokerage-con table tr.tit td{ background:#E1E1E1;}
.brokerage-con ol{ padding-left:0;}
.brokerage-con ol li{ font-size: 1em; line-height: 1.5em; padding: 3px 0; letter-spacing: 0; box-sizing: border-box; list-style: decimal; list-style-position: inside;}
.brokerage-con .hs{ text-align: right; padding: 100px 0 50px 0; color: #2D6987;}


/*******重設密碼********/
.reset-module .istable{ width: 100%;}
.reset-module .istable th,.reset-psd .istable td{ padding: 10px 5px !important;}
.reset-module .istable input[type="password"]{ border-radius: 5px; width: 100%; height: 26px; border: 1px solid #aaa; outline: none; line-height: 26px; text-indent: .5em; padding:4px 0; margin: 0;}
.reset-module .istable input[type="submit"]{ padding: 4px 12px;}

/*******儲值記錄*******/
.payment-module table{ width: 100%;}
.payment-module table th,
.payment-module table td,
.payment-module table span
{ font-size: 1em;}

.payment-module .cash_search_tab{ margin-bottom: 10px;color:black;}
.payment-module .cash_search_tab span,.payment-module .cash_search_tab input{ font-size: .95em; margin: 0; margin-right: 2px !important; display: block; float: left; }
.payment-module .cash_search_tab span{ line-height: 24px;}
.payment-module .cash_search_tab input[type="text"]{ width: 100px !important; padding: 0 2px !important;}

.sub-container table caption{ font-size: 1em; line-height: 1.4em;  padding: 10px 0; margin-bottom: 15px; font-weight: bolder; border-bottom: 1px solid #CECECE; background-color: #F3F3F3;}


.record-module tr .search-date div{ display: block; width: 100%; float: left;color:#888;}
.record-module tr .search-date .click_find_btn{ padding: 0 8px; height: 22px; line-height: 20px; letter-spacing: 0;}

/*****提領點數*****/
.collect-module table{ width: 100%;}
.collect-module h4{ text-align: center; color: red; background-color: #FAFD9B; border-radius: 10px; margin: 0; padding:0; line-height: 1.5em; margin-bottom: 10px;}
.collect-module .istable input[type="submit"]{ padding: 4px 12px; margin: 10px 0;}
.collect-module .collect-waring{ color: red; line-height: 1.2em;}

/****get point***********/
.other-point-module > div{ width: 100%; padding: 0; margin: 0; box-sizing: border-box; padding: 10px !important; background: #FEFEFE;color:black;}
.other-point-module > div:after{ content: ""; display: block; clear: both;}
.other-point-module > div *{ font-size: 1em !important;}
.other-point-module > div p{ padding: 0; margin: 0;}
.other-point-module ol,.other-point-module li{ list-style: none; margin: 0; padding: 0;}
.other-point-module .pList li .get-point-load{ background-image: url("/images2/loading-img.gif"); background-position: right; background-repeat: no-repeat; padding-right: 12px; color: #888 !important;}
.other-point-module .pList div{ display: block; width: 100%; float: left;}
.other-point-module .pList div span{ display: block; float: left;}
.other-point-module .pList div span.get-point{ float: right; cursor: pointer; color: #e55200;}
.other-point-module .pList div.c-g-type{ color: #999; letter-spacing: 1px;}
.other-point-module .pList li p,.other-point-module .pList li p span,.pList div span.get-point span{ color:#e55200 !important;}

.other-point-module .userName{ padding: 10px 0; border-bottom: 1px  solid #CFCFCF;}
.other-point-module h4{ margin: 5px 0;}
.other-point-module .pList li{ width: 100%; padding: 5px 0;}
.other-point-module .pList li div{ padding: 1px 0;}
.other-point-module .pList li:nth-child(odd){ background-color: #F0FAFC;}
.other-point-module .pList .game_point p{ float: left; line-height: 42px;}
.other-point-module .pList .game_point p:last-child{ float: right;}
.other-point-module .pList .game_point p:first-child span{ color: #333 !important;}
.other-point-module .point-title{ position: relative;}
.point-title .refresh-point{ display: block; width: 32px; height: 32px; position: absolute; top: 10px; right: 10px; }
.point-title .refresh-loading{
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/**banner**/
.banner{ position: relative; float: left;}
.banner .banner-list{width:20000px; height: 100%; margin:0; padding: 0; list-style:none;}
.banner .banner-list li{float:left; background-color: #E8E8E8; margin: 0; padding: 0; list-style: none;}
.banner .banner-list li a{ display: block; width: 100%; height: 100%; position:relative; overflow: hidden;}
.banner .banner-list li a img{ width: 100%; height: 100%;}
.banner .to-pre,.banner .to-next{
    position: absolute; z-index: 19; width:60px;height:60px;cursor:pointer;
    /*opacity:.5;filter:alpha(opacity=50); */
    top: 50%; margin-top: -30px;
}
.banner .to-pre{background:url(/images/banner/banner_btn_l_24.png) no-repeat; left: 0}
.banner .to-next{background:url(/images/banner/banner_btn_r_24.png) no-repeat; right: 0;}
.banner .control{width:100%; text-align: center; position:absolute; z-index: 19; margin:0; padding: 0; bottom: 5px;}
.banner .control li{
    display: inline-block; width:14px; margin: 0 2px; height:14px; border-radius:50%; cursor:pointer; background:#fff;
    box-shadow:2px 2px 2px rgba(0,0,0,.2) inset;
}
.banner .control li a{display:none}
.banner .control li.current{ background-color:darkorange}

/*******活動列表*****/
.act-module .act-list,
.act-list > div,
.act-list > div.act-img img{ width: 100%; height: auto;}

.act-module .act-list{ margin-bottom: 5px; }

/*********電子遊戲*******/
.casino-main{ min-height: 500px; margin-bottom:0px; box-sizing: border-box;}
.casino-main ol,.casino-main li{ list-style: none; margin: 0; padding: 0;}
.casino-main:after,{ content: ""; display: block; clear: both;}
.casino-type-nav,.casino-type-container{ display: block; width: 100%; float: left;}
.casino-type-nav{ position: relative; height: 40px; border-top: 4px solid #CD271E; border-bottom: 1px solid #FFF; box-sizing: border-box;}
.casino-type-nav:after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #C4C4C4;}
.casino-type-nav li,.casino-type-nav li a{ display: block; float: left; height: 100%; line-height: 36px; text-decoration: none;}
.casino-type-nav li{ width: 20%;}
.casino-type-nav li a{ color: #333; font-size: .9em; width: 100%; text-align: center;}
.casino-type-nav li.cur,
.casino-type-nav li.cur:hover
{ background-color: #CD271E; cursor: pointer; }
.casino-type-nav li:hover{ background-color: #CCC; cursor: pointer; }

.casino-type-nav li.cur a,
.casino-type-nav li.cur:hover a
{
    color: #FFF; text-decoration: none;
}
.casino-type-nav li:hover a
{
    text-decoration: none;
}
.casino-type-container{ margin-top: 10px;}
.casino-type-container .waring-msg{ width: 100%; margin-bottom: 8px;  box-sizing: border-box; padding: 20px; background: #FCF8E3; border: 1px solid #FFBC70;}
.waring-msg ul{ display: block; box-sizing: border-box; width: 50%; float: left;}
.waring-msg ul li{ font-size: 14px; line-height: 22px; color: #434343; font-weight: 100;}
.waring-msg:after{ content: ""; display: block; clear: both;}
.casino-type-container:after{ content: ""; display: block; clear: both;}
.casino-type-container .casino-list{ position: relative; display: block; width: 278px; float: left;  overflow: hidden; margin:12px 0 0 12px; }

.casino-list div,.casino-list h4{ display: block; width: 100%; float: left;}
.casino-list > div span,.casino-list > div a{ display: block; width: 278px; height: 107px; border-radius: 10px; overflow: hidden;}

/** MG **/
.casino-type-container .casino-mg-list{ width: 144px; height: 156px; margin-left: 21px; margin-top: 16px;}
.casino-mg-list > div span,.casino-mg-list > div a{ display: block; width: 144px; height: 136px; border-radius: 10px; overflow: hidden;}

/** TTG **/
.casino-type-container .casino-ttg-list{ width: 206px; height: 226px;}
.casino-ttg-list > div span,.casino-ttg-list > div a{ display: block; width: 206px; height: 206px; border-radius: 10px; overflow: hidden;}

/** bbin **/
.casino-type-container .casino-bbin-list{ width: 206px; height: 123px;}
.casino-bbin-list > div span,.casino-bbin-list > div a{ display: block; width: 206px; height: 103px; border-radius: 10px; overflow: hidden;}

/** QTech **/
.casino-type-container .casino-qt-list{ width: 206px; height: 123px;}
.casino-qt-list > div span,.casino-qt-list > div a{ display: block; width: 206px; height: 103px; border-radius: 10px; overflow: hidden;}


.casino-list > div:hover .casino-game-list{
    -webkit-filter: blur(6px); /* Chrome, Opera */
    -moz-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px);
}
.casino-list > div:hover a{ display: block;}
.casino-list > div a{position: absolute; background-color: rgba(0,0,0,.6); display: none;
    background-image: url("/images2/game-btn-play.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 3;
}
.casino-list h4{ text-align: center; line-height: 20px; font-weight: 100; letter-spacing: 1px;}
.act-module .act-list .act-con{ display: none;}
.act-module .act-list{ background: transparent;}

/********service*******/
.sub-container .table-service-list{ font-size: 1em; margin-top: 10px;}
.sub-container .table-service-list td { line-height: 1.5em;}
.sub-container .table-service-list a{ font-weight: 100;}
.table-service-list .to-faq{ background-color: #FDFAD5 !important; font-size: .9em !important;}
.sub-container .service-send{ text-align: center; width: 100%; margin-top: 15px;}
.sub-container .service-send a{ background:#089bd6; font-size: .9em; margin: auto; color: #FFF; padding: 8px 15px; text-decoration: none; border-radius: 5px;}
.sub-container .table-service-form thead th{ font-weight: 100; line-height: 1.4em; text-align: left;}
.sub-container .table-service-form textarea{ width: 100%; height: 200px; box-sizing: border-box;}

.sub-container .table-service-form textarea::-webkit-input-placeholder { text-align: center; line-height: 200px; font-size: 2em;}
.sub-container .table-service-form textarea:-moz-placeholder { text-align: center; line-height: 200px; font-size: 2em;}
.sub-container .table-service-form textarea::-moz-placeholder { text-align: center; line-height: 200px; font-size: 2em;}
.sub-container .table-service-form textarea:-ms-input-placeholder { text-align: center; line-height: 200px; font-size: 2em;}
.sub-container .table-service-form .basic_re{ padding: 8px 20px;}

/***報表****/
.report-module > div ,.report-module > table{ width: 100%; margin: 5px 0;}
.report-module > div:after{ content: ""; display: block; clear: both;}
.report-module .report_intr{ box-sizing: border-box; padding: 5px; background-color: #FDFAD5; border: 1px solid #aaa; line-height: 1.5em; font-size: 1em;color: black;}
.report-module .report_date{ box-sizing: border-box; height:32px;
    background: #eee;
    background: -webkit-linear-gradient(#fff, #eee);
    background: -o-linear-gradient(#fff, #eee);
    background: -moz-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee);
    border: 1px solid #aaa;
    margin-bottom: 0;
    border-bottom: 0;
}
.report-module > table{ margin-top: 0;}
.report-module .report_date span{ display: block; box-sizing: border-box;  height: 100%; line-height: 30px; text-align: center; float: left; padding: 0 3px;}
.report-module .report_date span.current{ background: #FFF; color: red;}
.report-module .report_tab th,
.report-module .report_tab td{ text-align: right; padding: 8px 5px !important;}
.report-module .report_tab tbody tr:nth-child(even) td{ background: #F4FFF2;}
.report-module .report_tab tfoot tr td{ background-color: #FFF4F2;}
.report-module .report_tab tbody tr td a{ text-decoration: none;}
.report-module .report_tab thead th{ background-color: #eee; font-weight: normal;}

/*****文字陰影****/
.home-container h2,.go-pc a,.go-pc span{
    /*text-shadow: 1px 1px 1px #000;*/
}

/*******faq**/
.faq_list{ display: block;  width: 98%; margin-left: 1%; margin-top: 15px; float: left; list-style: none; padding: 0; margin: 0;}
.faq_list li{ list-style: none; padding: 0; margin: 0; display: block; width: 100%; float: left; box-sizing: border-box; padding: 5px; border-bottom: 1px dashed #AAA;}
.faq_list li:after{ content: ""; display: block; clear: both;}
.faq_list li div{ letter-spacing: 2px;}
.faq_list li .faq-a{ line-height: 2.4em; letter-spacing: 0; font-size: 1em; cursor: pointer; background: url("/images2/fag_list_bg.png") 50% 50% no-repeat; padding-left: 0;}
.faq_list li .faq-q{ text-indent: 2em; font-size: 1em; line-height: 1.5em; color: blue; display: none;}
.faq_list li:hover{ background-color: #EDF9FA;}

/*****discount end****/
.discount-end div img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.discount-end .to-winning-list{ text-decoration: none; display:block; border-radius: 20px; width: 100px; text-align: center; padding: 4px 5px; margin: auto; background-color: firebrick; color: #FFF;}

/******* KG 電子館 *******/
.casino-type-container .casino-kuma-container ul{ width: 100%;}
.casino-kuma-container li{ display: block; box-sizing: border-box; padding:10px; width: 16.666666% !important;; float:left;}
.casino-kuma-container li img{ width:100%; height:auto;}
.casino-type-container .waring-kuma-msg ul{ width:100%;}

/********* 小屏手機適配 ****/
@media screen and (max-width: 768px) {
    .casino-kuma-container ul li{ width: 20% !important;}
}
@media screen and (max-width: 480px) {
    .casino-kuma-container ul li{ width: 33.33333% !important;}
}

/******** HB 電子館*******/
.casino-type-container .casino-haba-container ul{ width: 100%;}
.casino-haba-container li{ display: block; position: relative; box-sizing: border-box; padding:10px; width: 16.666666%; float:left;}
.casino-haba-container li > div{ display: block; width: 100%; text-align: center;}
.casino-haba-container li .haba-name{ height: 22px; line-height: 22px;}
.casino-haba-container li .haba-icon img{ width:100%; height:auto;}
.casino-type-container .waring-haba-msg ul{ width:100%;}
.casino-haba-container li .haba-link{ position: absolute; left: 0; top: 0; z-index: 9; visibility: hidden; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}
.casino-haba-container li .haba-link a{ display: inline-block; margin-top: 28%; border-radius: 15px; padding: 5px 15px; color: #FFF;}
.casino-haba-container li .haba-link .haba-fun{
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0B9FDD', endColorstr='#0389C1');
    background-image: -ms-linear-gradient(top,#0B9FDD 0%,#0389C1 100%);
    background-image: -moz-linear-gradient(top,#0B9FDD 0%,#0389C1 100%);
    background-image: -o-linear-gradient(top,#0B9FDD 0%,#0389C1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,#0B9FDD), color-stop(1,#0389C1));
    background-image: -webkit-linear-gradient(top,#0B9FDD 0%,#0389C1 100%);
    background-image: linear-gradient(to bottom,#0B9FDD 0%,#0389C1 100%);
    background-color: #0389C1; margin-right: 5px;
}
.casino-haba-container li .haba-link .haba-real{
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#C64445', endColorstr='#AC2F30');
    background-image: -ms-linear-gradient(top,#C64445 0%,#AC2F30 100%);
    background-image: -moz-linear-gradient(top,#C64445 0%,#AC2F30 100%);
    background-image: -o-linear-gradient(top,#C64445 0%,#AC2F30 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,#C64445), color-stop(1,#AC2F30));
    background-image: -webkit-linear-gradient(top,#C64445 0%,#AC2F30 100%);
    background-image: linear-gradient(to bottom,#C64445 0%,#AC2F30 100%);
    background-color: #AC2F30;
}
.casino-haba-container li .haba-link a:hover{ text-decoration: none;}
.casino-haba-container li:hover .haba-link{ visibility: visible;}


/**********遊戲關閉*****/
.game-off img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.game-off .off-gray,.game-off .off-gray:hover{ background: #666 !important; cursor: default; color: #FFF !important;}


/***** 返点 ******/
.cash-rebate-module > table{ width:100%; border-collapse: collapse; border: 1px solid #aaa; outline: none;}
.cash-rebate-module .cash-rebate-per td{ text-align: center; width:20%; padding: 1px; color: #333; background-color: #F8F8F8;}
.cash-rebate-module .cash-rebate-per td i,
.cash-rebate-module .cash-rebate-per td span{ display: inline-block; font-style: normal; font-size: 0.8em; width: 100%;}
.cash-rebate-module .cash-rebate-form td{ text-align: center; padding: 5px; color: #333;}
.cash-rebate-module .cash-rebate-form thead td{ background-color: #e0eefd;}
.cash-rebate-module .cash-rebate-form tbody tr td{ background-color: #FFF;}
.cash-rebate-module .cash-rebate-form tbody tr:nth-child(odd) td{ background-color: #F9F9F9;}
.cash-rebate-module .cash-rebate-form tfoot tr td{ background-color: #fcfce2;}

/* 优惠活动 */

.act-con h4,.act-con p,.act-con li{ font-size: 1.2rem; margin: 0; line-height: 1.5rem;}
.act-con h4,.act-con p{ margin: 10px 0;}
.act-con li{ margin: 3px 0;}
.act-con ol{ padding-left: 1.8rem;}
.act-con table{ background-color: #BBB;}
.act-con th,.act-con td{ padding: .5rem 0; text-align: center;}
.act-con thead th,
.act-con tbody th
{ background-color: #1D4AA6; color: #FFF;}
.act-con tbody td{ background-color: #F8F8F8; color: #333;}