.body_index {
    background: #fff;
}
/*********  共用樣式  *********/
.w100 {
    width: 100%;
}
.text_gray {
    color: #888;
}
.text_white {
    color: #fff;
}
.text_red {
    color: #f00;
}
.text_pink {
    color: #ff79a9;
}
.text_green {
    color: #00e000;
}
.text_deepgreen {
    color: #009445;
}
.text_yellow {
    color: #ffca00;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #e6ec94;
    background-image: none;
    color: #000;
}
/*********** 共用元件(上下左右間距) ***********/
.m5 {
    margin: 5px;
}
.mt5 {
    margin-top: 5px;
}
.mb5 {
    margin-bottom: 5px;
}
.mr5 {
    margin-right: 5px;
}
.ml5 {
    margin-left: 5px;
}
.m10 {
    margin: 10px;
}
.mt10 {
    margin-top: 10px;
}
.mb10 {
    margin-bottom: 10px;
}
.mr10 {
    margin-right: 10px;
}
.ml10 {
    margin-left: 10px;
}
.m20 {
    margin: 20px;
}
.mt20 {
    margin-top: 20px;
}
.mb20 {
    margin-bottom: 20px;
}
.mr20 {
    margin-right: 20px;
}
.ml20 {
    margin-left: 20px;
}
.m30 {
    margin: 30px;
}
.mt30 {
    margin-top: 30px;
}
.mb30 {
    margin-bottom: 30px;
}
.mr30 {
    margin-right: 30px;
}
.ml30 {
    margin-left: 30px;
}
.p5 {
    padding: 5px;
}
.pt5 {
    padding-top: 5px;
}
.pb5 {
    padding-bottom: 5px;
}
.pr5 {
    padding-right: 5px;
}
.pl5 {
    padding-left: 5px;
}
.p10 {
    padding: 10px;
}
.pt10 {
    padding-top: 10px;
}
.pb10 {
    padding-bottom: 10px;
}
.pr10 {
    padding-right: 10px;
}
.pl10 {
    padding-left: 10px;
}
.p20 {
    padding: 20px;
}
.pt20 {
    padding-top: 20px;
}
.pb20 {
    padding-bottom: 20px;
}
.pr20 {
    padding-right: 20px;
}
.pl20 {
    padding-left: 20px;
}
.p30 {
    padding: 30px;
}
.pt30 {
    padding-top: 30px;
}
.pb30 {
    padding-bottom: 30px;
}
.pr30 {
    padding-right: 30px;
}
.pl30 {
    padding-left: 30px;
}
hr {
    height: 2px;
    padding: 0;
    margin: 10px 0;
    background: #e8e8e8;
    border: 0;
}
/*********** 共用樣式 ***********/
.col_1 {
    width: calc(100% - 10px);
    padding: 5px;
}
.col_flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% - 10px);
    padding: 5px;
    font: normal normal 1rem/1rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
.col_title,
.col_item {
    display: inline-block;
    width: 30%;
    font: normal normal 1rem/1.2rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
    word-break: break-word;
    vertical-align: middle;
}
.col_title {
    padding: 0 .5%;
}
.col_item {
    width: calc(100% - 32%);
}
.col_tip {
    font: normal normal .85rem/1rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
.col_tip li {
    margin-bottom: 5px;
}
input.input20,
input.input33,
input.input50,
input.input100,
input.input_no_width,
select.select20,
select.select33,
select.select50,
select.select100 {
    display: flex;
    flex-direction: row;
    width: calc(100% - 12px);
    padding: 5px;
    color: #666;
    font: normal normal 1rem/1rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
    background-color: #fff;
    border: 1px solid #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    cursor: pointer;
}
input.input100 {
    width: calc(100% - 15px);
}
select.select100 {
    width: 100%;
}
input.input50,
select.select50 {
    width: calc(100% / 2 - 15px);
}
input.input33,
select.select33 {
    width: calc(100% / 3 - 15px);
}
input.input_no_width {
    display: inline-block;
    width: auto;
}
.item_title {
    margin: 1vw;
    font: normal bold 1rem/1rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
.col_inline,
.col_radio,
.col_checkbox {
    display: inline-block;
    margin-right: 15px;
    font: normal normal 1rem/1rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
.col_radio label,
.col_checkbox label {
    vertical-align: middle;
    cursor: pointer;
}
.btn_box {
    display: flex;
    width: 100%;
    margin: 10px 0;
    padding: 15px 0 0 0;
}
.item_title i,
.btn_box input {
    margin-right: 5px;
}
.item_title i:last-of-type,
.col_radio:last-of-type,
.col_checkbox:last-of-type,
.btn_box input:last-of-type {
    margin-right: 0;
}
.col_checkbox a {
    display: inline-block;
}
/*********** 共用flex ***********/
.flex {
    display: flex;
    align-items: center;
}
.jc_bt {
    justify-content: space-between;
}
.jc_ar {
    justify-content: space-around;
}
.jc_evenly {
    justify-content: space-evenly;
}
.jc_center {
    justify-content: center;
}
.jc_flex-start {
    justify-content: flex-start;
}
.jc_flex_end {
    justify-content: flex-end;
}
.jc_end {
    justify-content: end;
    align-items: stretch;
}
.ai_center {
    align-items: center;
}
.ai_stretch {
    align-items: stretch;
}
.flex_wrap {
    flex-wrap: wrap;
}
.flex_nowrap {
    flex-wrap: nowrap;
}
/*********** 共用元件(按鈕) ***********/
input.btn20,
a.btn20 {
    width: 20%;
}
input.btn33,
a.btn33 {
    width: 30%;
}
input.btn50,
a.btn50 {
    width: 48%;
}
input.btn100,
a.btn100 {
    width: 100%;
}
input.btn_superbig,
a.btn_superbig {
    padding: 0 1rem;
    margin: 0 .5rem;
    text-align: center;
    font: normal normal 1.2rem/2.6rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
input.btn_big,
a.btn_big {
    padding: 0 0.6rem;
    margin: 0 .3rem;
    text-align: center;
    font: normal normal 1rem/2.2rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
input.btn_small,
a.btn_small {
    padding: 0 0.3rem;
    margin: 0 .2rem;
    text-align: center;
    font: normal normal .9rem/1.5rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
/*********** 共用元件(圓角) ***********/
.br5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.br10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.br20 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.br30 {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}
.br40 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
}
.br50 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}
.br-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
/*********** 共用元件(陰影) ***********/
.shadow_s {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}
.shadow_m {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
}
.shadow_b {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
/*********** 共用元件(ul或 ol 列表) ***********/
/* ul或ol 前面是沒有任何樣式用 list_nostyle */
.list_nostyle,
.list_dot,
.list_number,
.list_roman,
.list_chinese {
    margin-left: 10px;
    padding-left: 15px;
    text-align: left;
    word-wrap: break-word;
    font: normal normal .95rem/1.2rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
.list_nostyle.mt10,
.list_dot.mt10,
.list_number.mt10,
.list_roman.mt10,
.list_chinese.mt10 {
    margin-top: 10px;
}
.list_nostyle {
    padding: 0;
    margin: 0;
}
.list_nostyle li {
    margin: 0 0 10px 0;
}
.list_nostyle div,
.list_nostyle span,
.list_nostyle a,
.list_dot li div,
.list_dot li span,
.list_dot li a,
.list_number div,
.list_number span,
.list_number a,
.list_roman div,
.list_roman span,
.list_roman a,
.list_chinese div,
.list_chinese span,
.list_chinese a {
    vertical-align: middle;
}
/* ul或ol 前面是 黑點，用 list_dot */
.list_dot {
    list-style: disc;
}
/* ul或ol 前面是 數字，用 list_number */
.list_number {
    list-style: decimal;
}
/* ul或ol 前面是 大寫羅馬數字，用 list_roman */
.list_roman {
    list-style: upper-roman;
}
/* ul或ol 前面是 中文數字，用 list_roman */
.list_chinese {
    /* list-style: trad-chinese-informal; */
    list-style: decimal-leading-zero;
}
.list_dot li,
.list_number li,
.list_roman li,
.list_chinese li {
    margin-bottom: 5px;
    padding-right: 5px;
    text-align:justify;
}
.list_dot li:last-of-type,
.list_number li:last-of-type,
.list_roman li:last-of-type,
.list_chinese :last-of-type {
    margin-bottom: 0;
}
.list_chinese li.share_title {
    margin: 0 0 10px 20px;
    padding: 0;
}
.list_roman li {
    margin: 0 0 10px 12px;
}
.list_number a,
.list_roman a,
.list_chinese a {
    text-decoration: underline;
}
/*回到頂端按鈕*/
.btn_go_top {
    display: none;
    position: fixed;
    right: 2%;
    bottom: 25%;
    background: url(../images/index_icon/go_top.png) no-repeat;
    width: 39px;
    height: 38px;
    cursor: pointer;
    z-index: 1000;
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter:alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

/*首頁_彈跳廣告*/
.big-link {
    display: block;
    margin-top: 100px;
    text-align: center;
    font-size: 70px;
    color: #06f;
}
.reveal-modal-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background: #000;*/
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
}
.reveal-modal {
    visibility: hidden;
    position: absolute;
    top: 100px;
    left: 28%;
    width: 830px;
    height: 434px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
    z-index: 12520;
}
.reveal-modal img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.reveal-modal.small {
    width: 200px;
    margin-left: -140px;
}
.reveal-modal.medium {
    width: 400px;
    margin-left: -240px;
}
.reveal-modal.large {
    width: 600px;
    margin-left: -340px;
}
.reveal-modal.xlarge {
    width: 800px;
    margin-left: -440px;
}
/*打X關閉按鈕*/
.popbtn_close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    background: url(../images/index_icon/btn_close_new.png) no-repeat;
    background-size: 100% auto;
    border: 0;
    cursor: pointer;
}

/*********  浮動視窗_24小時客服  *********/
.cm_bar_area {
    position: fixed;
    right: 15%;
    top: 20%;
    /*width: 115px;
    background: #3283ae;
    background: -moz-linear-gradient(top, #3283ae 0%, #1f3f6e 100%);
    background: -webkit-linear-gradient(top, #3283ae 0%, #1f3f6e 100%);
    background: linear-gradient(to bottom, #3283ae 0%, #1f3f6e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3283ae', endColorstr='#1f3f6e', GradientType=0 );
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    border-radius: 0.5em;
    -webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);*/
    width: 165px;
    height: 490px;
    background: url(../images/new_index/service_bar.png?2019060301) no-repeat;
    background-size: 100% auto;
    border: 0;
    z-index: 15;
}
.cm_bar_close {
    position: relative;
    top: 45px;
    right: -125px;
    display: block;
    width: 23px;
    height: 22px;
    background: url(../images/index_icon/btn_close.png) no-repeat;
    background-size: 100% auto;
    border: 0;
    cursor: pointer;
}
.cm_bar_area .service_call {
    display: block;
    width: 95px;
    height: 95px;
    margin: 10px;
    /*background: url(../images/index_icon/service_head.png) no-repeat;
    background-size: 100% auto;*/
}
.service_bg {
    /*border-bottom: 1px solid #153c52;
    border-top: 1px solid #4a7896;
    width: 115px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    text-shadow: 0 1px 5px #000;
    transition: all 0.3s ease-out;*/
    position: relative;
    top: -10px;
    left: 45px;
    width: 82px;
    height: 85px;
    line-height: 57px;
    color: #fff;
    font-size: 0.95em;
    font-weight: normal;
    text-align: center;
    /*background: url(../images/new_index/btn_sr.png?2019060301) no-repeat 0 0;*/
    border: 0;
    cursor: pointer;
}
.service_bg2 {
    display: none;
    background: #c36200;
    background: -moz-linear-gradient(top, #ffd400 0%, #c36200 100%);
    background: -webkit-linear-gradient(top, #ffd400 0%, #c36200 100%);
    background: linear-gradient(to bottom, #ffd400 0%, #c36200 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd400', endColorstr='#c36200', GradientType=0 );
    border-bottom: 1px solid #9a4e00;
    border-top: 1px solid #ffeba2;
    width: 115px;
    height: 45px;
    line-height: 45px;
    text-align: left;
    text-shadow: 0 1px 5px #000;
    transition: all 0.3s ease-out;
    -webkit-border-radius: 0 0 0.5em 0.5em;
    -moz-border-radius: 0 0 0.5em 0.5em;
    -ms-border-radius: 0 0 0.5em 0.5em;
    -o-border-radius: 0 0 0.5em 0.5em;
    border-radius: 0 0 0.5em 0.5em;
    cursor: pointer;
}
.service_bg2:hover {
    background: #8a0000; /* Old browsers */
    background: -moz-linear-gradient(top, #ff4040 0%, #8a0000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff4040 0%, #8a0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff4040 0%, #8a0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4040', endColorstr='#8a0000', GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #8a0000;
    border-top: 1px solid #ff6868;
}
.service_bg a {
    letter-spacing: -1px;
    padding: 50px 0 0 0;
}
.service_bg .btn_sr1, .service_bg .btn_sr2, .service_bg .btn_sr3, .service_bg .btn_sr4 {
    position: absolute;
    top: 0;
    left: 0;
}
.service_icon1, .service_icon2, .service_icon3,
.service_icon4, .service_icon5, .service_icon6 {
    /*display: inline-block;
    *display: inline;*/
    width: 30px;
    height: 30px;
    text-align: center;
    margin: 0 auto;
    /*margin: 0 2px 0 8px;*/
    vertical-align: middle;
}
/*.service_icon1 {
    background: url(../images/index_icon/service_icon1.png) no-repeat;
    background-size: 100% auto;
}
.service_icon2 {
    background: url(../images/index_icon/service_icon2g.png) no-repeat;
    background-size: 100% auto;
}
.service_icon3 {
    background: url(../images/index_icon/service_icon3g.png) no-repeat;
    background-size: 100% auto;
}
.service_icon4 {
    background: url(../images/index_icon/service_icon4.png) no-repeat;
    background-size: 100% auto;
}
.service_icon5 {
    background: url(../images/index_icon/service_icon5.png) no-repeat;
    background-size: 100% auto;
}
.service_icon6 {
    background: url(../images/index_icon/service_icon6.png) no-repeat;
    background-size: 100% auto;
}*/
.cm_bar_area .service_text {
    /*display: inline-block;
    *display: inline;*/
    position: relative;
    top: -50px;
    left: 0;
    color: #fff;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    z-index: 50;
}
.cm_bar_area .service_text:hover {
    color: #ffca00;
}
/*客服浮動視窗(line+微信客服)*/
.qr_code {
    position: fixed;
    top: 30%;
    left: 40%;
    text-align: center;
    background: #fff;
    border: 1px solid #BEBEBE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    z-index: 999991;
}
.qrcode_title {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #666;
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    background: #ddd;
    background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
    background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
    background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
    background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ddd',GradientType=0 );
    border-bottom: 1px solid #ccc;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.qrcode_closebtn {
    float: right;
    width: 17px;
    height: 17px;
    margin-top: 5px;
    background: url(../images/index_icon/close.gif) no-repeat;
    background-size: 100% auto;
    border: 0;
    cursor: pointer;
}
.qr_code img {
    padding: 10px;
}

/*********  首頁_上層  *********/
.header_login {
    display: table;
    width: 100%;
    height: 125px;
    margin: 0 auto;
    /*background: url(../images/index_icon/header_bg.gif) repeat-x bottom left #082f4c;
    background-size: auto 100%;*/
    background: #121621;
    background: -moz-linear-gradient(top, #344058 0%,#121621 95%);
    background: -webkit-linear-gradient(top, #344058 0%,#121621 95%);
    background: -o-linear-gradient(top, #344058 0%,#121621 95%);
    background: -ms-linear-gradient(top, #344058 0%,#121621 95%);
    background: linear-gradient(to bottom, #344058 0%,#121621 95%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#344058', endColorstr='#121621',GradientType=0 );
    border-top: 5px solid #b80000;
}
.top_set {
    width: 1024px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    z-index: 100;
}
/*.header_login .top_set {
    background: url(../images/index_icon/header_bg_center.jpg) repeat-x;
    background-size: 100% auto;
}*/
/*首頁_(上層)未登入*/
.header_logo {
    float: left;
    width: 235px;
    height: 75px;
    margin: 40px 20px 0;
    background: url(../images/index_icon/new_logo.png?11701) no-repeat;
    background-size:100% auto;
}
.new_logo {
    float: left;
    width: 30%;
    margin: -6px 0 0 0;
    text-align: left;
}
.game_logo {
    position: absolute;
    left: 2%;
    display: inline-block;
    width: 140px;
    height: 40px;
    margin: 4px 0 0;
    background: url(../images/index_icon/new_logo.png?11701) no-repeat;
    background-size: 100% auto;
}
.notlogin_box {
    float: right;
    width: 400px;
    padding: 10px 30px 0 30px;
    margin: 10px auto 0;
    text-align: center;
    background: #1e2331;
    background: -moz-linear-gradient(top, #696f7d 0%,#1e2331 100%);
    background: -webkit-linear-gradient(top, #696f7d 0%,#1e2331 100%);
    background: -o-linear-gradient(top, #696f7d 0%,#1e2331 100%);
    background: -ms-linear-gradient(top, #696f7d 0%,#1e2331 100%);
    background: linear-gradient(to bottom, #696f7d 0%,#1e2331 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696f7d', endColorstr='#1e2331',GradientType=0 );
    border-bottom: 1px solid #3b465f;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
}
.notlogin_box:after{
    content: '';
    display: block;
    clear: both;
}
.account_set {
    display: inline-block;
    *display: inline;
    width: 40%;
    margin-right: 3%;
    vertical-align: middle;
}
.verification_set {
    display: inline-block;
    /* *display: inline;
    width: 15%;
    margin-right: 3%; */
    vertical-align: middle;
}
.verification_set .check_code {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.RegNumber {
    width: 100px;
    height: 35px;
    padding-left: 3px;
}
.login_input {
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    font-size: 13px;
    color: #99b2c1;
    background: #063151;
    background: -moz-linear-gradient(top, #063151 0%, #065a86 100%);
    background: -webkit-linear-gradient(top, #063151 0%, #065a86 100%);
    background: linear-gradient(to bottom, #063151 0%, #065a86 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063151', endColorstr='#065a86', GradientType=0 );
    border: 1px solid #538cb3;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -ms-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    border-radius: 0.3em;
}
.header_login input[type="text"]:focus, .header_login input[type="password"]:focus {
    color: #fff;
}
.magin_b {
    margin: 0 0 7px 0;
    vertical-align: bottom;
}
.btn_login {
    display: inline-block;
    *display: inline;
    width: 73px;
    height: 67px;
    margin-right: 5px;
    background: url(../images/index_icon/btn_login.png) no-repeat;
    vertical-align: middle;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.btn_login:hover {
    width: 73px;
    height: 67px;
    background: url(../images/index_icon/btn_login_hover.png) no-repeat;
}
.btn_register {
    display: inline-block;
    *display: inline;
    width: 57px;
    height: 67px;
    background: url(../images/index_icon/btn_register.png) no-repeat;
    vertical-align: middle;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.btn_register:hover {
    width: 57px;
    height: 67px;
    background: url(../images/index_icon/btn_register_hover.png) no-repeat;
}
.tip_set {
    float: right;
    margin: 2.5% 0;
    color: #fff;
    font-size: 13px;
}
.tip_set .forgot_link {
    position: relative;
    color: #fff;
    padding: 0 5px;
}
.tip_set input {
    vertical-align: middle;
    margin: 0 0 0 10px;
}
.tip_set .terms_of_use, .tip_set .forgot_link:hover,
.list_set a:hover, .sport_list li a:hover {
    color: #fc0;
    text-decoration: underline;
}
/*首頁_(上層)已登入*/
/*.hd_loginbox {
    float: right;
    width: 423px;
    height: 103px;
    line-height: 32px;
    padding: 7px 20px;
    margin: 10px 10px 0 0;
    text-align: center;
    font-size: 15px;
    background: #1d3a52;
    border: 1px solid #122a3e;
    border-right: 1px solid #4b99cc;
    border-bottom: 1px solid #81bde4;
    -webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #1e2331;
    background: -moz-linear-gradient(top, #696f7d 0%,#1e2331 100%);
    background: -webkit-linear-gradient(top, #696f7d 0%,#1e2331 100%);
    background: -o-linear-gradient(top, #696f7d 0%,#1e2331 100%);
    background: -ms-linear-gradient(top, #696f7d 0%,#1e2331 100%);
    background: linear-gradient(to bottom, #696f7d 0%,#1e2331 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696f7d', endColorstr='#1e2331',GradientType=0 );
    border-bottom: 1px solid #3b465f;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
}*/
.hd_loginbox:after{
  content: '';
  display: block;
  clear: both;
}
.members_id, .main_account {
    display: inline-block;
    *display: inline;
    width: 195px;
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 10px;
    margin: 0 0 7px 0;
    color: #fff;
    font-size: 0.95em;
    text-align: left;
    background-color: #292b33;
    border-top: 1px solid #151515;
    border-bottom: 1px solid #5b7288;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}
.members_id {
    margin-right: 1px;
}
/*.hd_loginbox .line {
    width: 96%;
    border-top: 1px solid #0b1319;
    border-bottom: 1px solid #396488;
}*/
/*存款未開啟提示*/
.hd_loginbox .itemtips1 {
    position: relative;
    top: 18px;
    left: 0;
    width: 160px;
    line-height: 18px;
    margin: 0;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #af2020;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
}

.hd_loginbox .itemtips1::before {
    position: absolute;
    content: '';
    left: 7.5%;
    top: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 15px 7.5px;
    border-color: transparent transparent #af2020 transparent;
    line-height: 0;
    _border-color: #8e3535 #000 #000 #000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000');
}

.hd_loginbox .tips_close1 {
    position: absolute;
    top: -9px;
    right: -4%;
    width: 17px;
    height: 17px;
    background: url(../images/index_icon/btn_close.png) no-repeat;
    background-size: 100% auto;
    border: 0;
    cursor: pointer;
}

/*提款未開啟提示*/
.hd_loginbox .itemtips2 {
    position: relative;
    top: 18px;
    left: 0;
    width: 160px;
    line-height: 18px;
    margin: 0;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #af2020;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
}

.hd_loginbox .itemtips2::before {
    position: absolute;
    content: '';
    left: 7.5%;
    top: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 15px 7.5px;
    border-color: transparent transparent #af2020 transparent;
    line-height: 0;
    _border-color: #8e3535 #000 #000 #000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000');
}

.hd_loginbox .tips_close2 {
    position: absolute;
    top: -9px;
    right: -4%;
    width: 17px;
    height: 17px;
    background: url(../images/index_icon/btn_close.png) no-repeat;
    background-size: 100% auto;
    border: 0;
    cursor: pointer;
}
/*轉帳未開啟提示*/
.hd_loginbox .itemtips3 {
    position: relative;
    top: 18px;
    left: 0;
    width: 160px;
    line-height: 18px;
    margin: 0;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #af2020;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
}

.hd_loginbox .itemtips3::before {
    position: absolute;
    content: '';
    left: 7.5%;
    top: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 15px 7.5px;
    border-color: transparent transparent #af2020 transparent;
    line-height: 0;
    _border-color: #8e3535 #000 #000 #000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000');
}

.hd_loginbox .tips_close3 {
    position: absolute;
    top: -9px;
    right: -4%;
    width: 17px;
    height: 17px;
    background: url(../images/index_icon/btn_close.png) no-repeat;
    background-size: 100% auto;
    border: 0;
    cursor: pointer;
}
.members_itemlist .itemlink, .members_itemlist .itemlogout {
    display: inline-block;
    *display: inline;
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin: 0 10px 0 0;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    word-break: break-all;
    text-shadow: rgb(0, 0, 0) 1px 1px 3px;
    background: #556898;
    background: -moz-linear-gradient(top, #556898 0%,#222d46 100%);
    background: -webkit-linear-gradient(top, #556898 0%,#222d46 100%);
    background: -o-linear-gradient(top, #556898 0%,#222d46 100%);
    background: -ms-linear-gradient(top, #556898 0%,#222d46 100%);
    background: linear-gradient(to bottom, #556898 0%,#222d46 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556898', endColorstr='#222d46',GradientType=0 );
    border-top: 2px solid #7b8cb5;
    border-bottom: 1px solid #191919;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    cursor: pointer;
}
.members_itemlist .itemlink:hover, .members_itemlist .itemlogout:hover {
    background: #d273c6;
    background: -moz-linear-gradient(top, #d273c6 0%,#541a67 100%);
    background: -webkit-linear-gradient(top, #d273c6 0%,#541a67 100%);
    background: -o-linear-gradient(top, #d273c6 0%,#541a67 100%);
    background: -ms-linear-gradient(top, #d273c6 0%,#541a67 100%);
    background: linear-gradient(to bottom, #d273c6 0%,#541a67 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d273c6', endColorstr='#541a67',GradientType=0 );
    border-top: 2px solid #d5aed8;
}
.itemlink div {
    width: 30px;
    margin: 7px auto 0;
    line-height: 16px;
    word-break: break-all;
}
/*.members_itemlist .itemlink {
    color: #fff;
    margin-right: 11px;
    cursor: pointer;
}*/
.members_itemlist .itemlogout {
    color: #ff79a9;
    margin-right: 15px;
}
.members_itemlist .itemlink:hover, .members_itemlist .itemlogout:hover {
    color: #ffca00;
    /*text-decoration: underline;*/
}
.members_itemlist .icon_message {
    display: inline-block;
    *display: inline;
    width: 30px;
    height: 21px;
    background: url(../images/index_icon/icon_message.png) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}
.members_itemlist .msg_list {
    display: block;
    position: relative;
    top: -13px;
    right: -13px;
    width: 23px;
    height: 23px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    background: #F00;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
}
/*首頁_(上層)列表選單*/
.header_bar {
    display: table;
    width: 100%;
    height: 39px;
    /*background: url(../images/index_icon/topbar_bg.gif) repeat-x top left #000;
    background-size: auto 100%;*/
    background: #121621;
}
.gamelist_set {
    width: 1000px;
    height: 39px;
    line-height: 39px;
    margin: 0 auto;
    text-align: center;
    /*background: url(../images/index_icon/topbar_bg_center.png) repeat-x;
    background-size: 100% auto;*/
    overflow: hidden;
    z-index: 100;
}
.gamelist_set .submenu {
    display: inline-block;
    *display: inline;
    width: 10.5%;
    cursor: pointer;
}
.gamelist_set .submenu .title {
    font-size: 1em;
    color: #fff;
}
.gamelist_set .submenu .app_title {
    font-size: 1em;
    color: #ffd400;
}
.ul_box {
    position: absolute;
    width: 1000px;
    z-index: 17;
    left: 0;
    right: 0;
    top: 163px;
    margin: 0 auto;
}
.submenu li {
    display: inline-block;
    *display: inline;
    width: 25%;
    margin: 0 5px;
    text-align: center;
}
.gamelist_set li ul {
    display: none;
    position: absolute;
    top: 8px;
    z-index: 9999;
    left: 10.25% \9;
    width: 998px;
    padding: 10px 0 0 0;
    padding: 0 0 20px 0 \9;
    margin: 0;
    background: #0b1d2c;
    background: -moz-linear-gradient(top, #0b1d2c 0%, #0d6092 100%);
    background: -webkit-linear-gradient(top, #0b1d2c 0%, #0d6092 100%);
    background: linear-gradient(to bottom, #0b1d2c 0%, #0d6092 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b1d2c', endColorstr='#0d6092', GradientType=0 );
    border: 1px solid #295982;
    border-top: none;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 0 0 0.5em 0.5em;
    -moz-border-radius: 0 0 0.5em 0.5em;
    -ms-border-radius: 0 0 0.5em 0.5em;
    -o-border-radius: 0 0 0.5em 0.5em;
    border-radius: 0 0 0.5em 0.5em;
}
.gamelist_set .submenu:hover ul {
    display: block;
}
.gamelist_set .submenu:hover {
    height: 35px;
    color: #ffd600;
    border-bottom: 6px solid #f00;
    transition: all 0.2s ease-out;
}
/*上層_真人+電子遊藝_下拉選單列表(共用)*/
.width_set {
    display: table-cell;
    position: relative;
    width: 321px;
    height: 138px;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #578eaf;
    -webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
/*上層_體育+彩票_下拉選單列表(共用)*/
.height_set {
    display: table-cell;
    position: relative;
    width: 232px;
    height: 352px;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    /*border: 1px solid #578eaf;*/
    -webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
/*.sports_winner:hover, .sports_saba:hover, .sports_bbin:hover, .live_allbet:hover,
.live_sa:hover, .live_ebet:hover, .live_og:hover, .live_royal:hover, .slot_av:hover,
.slot_winner:hover, .slot_haba:hover, .slot_fishing:hover, .slot_sa:hover,
.slot_kuma:hover. .lottery_mk6:hover, .lottery_twlotto:hover, .lottery_tw539:hover,
.lottery_bingo:hover, .lottery_racing:hover, .lottery_winner:hover {
    border: 1px solid #fccd4d;
}*/
.game_maintain {
    position: relative;
    height: 138px;
    background: url(../images/game_icon/game_maintain.png) no-repeat -35px 0;
    background-size: auto 100%;
}
.game_comingsoon {
    position: relative;
    height: 138px;
    background: url(../images/game_icon/game_comingsoon.png) no-repeat -35px 0;
    background-size: auto 100%;
}
.game_notopen {
    position: relative;
    height: 138px;
    background: url(../images/game_icon/game_notopen.png) no-repeat -35px 0;
    background-size: auto 100%;
}
.long_maintain {
    position: relative;
    height: 352px;
    background: url(../images/game_icon/long_maintain.png) no-repeat 0 0;
    background-size: auto 100%;
}
.long_comingsoon {
    position: relative;
    height: 352px;
    background: url(../images/game_icon/long_comingsoon.png) no-repeat 0 0;
    background-size: auto 100%;
}
.long_notopen {
    position: relative;
    height: 352px;
    background: url(../images/game_icon/long_notopen.png) no-repeat 0 0;
    background-size: auto 100%;
}
/*新版_維護中+關閉*/
.game_maintain_new {
    position: relative;
    height: 138px;
    background: url(../images/game_icon/game_newmaintain.png?2019031101) no-repeat -35px 0;
    background-size: auto 100%;
}
.game_close_new {
    position: relative;
    height: 138px;
    background: url(../images/game_icon/game_newclose.png?2019031101) no-repeat -35px 0;
    background-size: auto 100%;
}
.long_maintain_new {
    position: relative;
    height: 352px;
    background: url(../images/game_icon/long_newmaintain.png?2019031101) no-repeat 0 0;
    background-size: auto 100%;
}
.long_close_new {
    position: relative;
    height: 352px;
    background: url(../images/game_icon/long_newclose.png?2019031101) no-repeat 0 0;
    background-size: auto 100%;
}
/**/
.tips_up {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    z-index: 15;
}
.gamelist_set .tips_up {
    position: absolute;
    bottom: 10px;
    left: 5px;
    width: 95%;
}
.depositweb_submain .tips_up, .withdrawal_submain .tips_up {
    position: relative;
    left: 23%;
    width: 60%;
    margin: 3px 0 0 0;
}
.tips_up .tips_bg {
    line-height: 18px;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    text-align: left;
    background-color: #de0000;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.tips_up .text {
    color: #ff6;
}
.tips_up .arrow_up {
    position: absolute;
    top: -6px;
    left: 5px;
    width: 0;
    height: 0;
    border: 8px dashed transparent;
    border-right-style: solid;
    border-right-color: #de0000;
}
/*新維護(小圖橫版)*/
.maintain_width {
    position: absolute;
    width: 100%;
    height: 138px;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: default;
}
.maintain_width .new_mt_set {
    width: 86%;
    height: auto;
    margin: 17px auto;
    padding: 10px 10px 5px 10px;
    background-color: rgba(185, 0, 0, 0.7);
    border: 1px solid #925757;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -ms-border-radius: 0.2em;
    -o-border-radius: 0.2em;
    border-radius: 0.2em;
    vertical-align: middle;
}
.mt_msg1 {
    line-height: 23px;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
}
.mt_msg2 {
    line-height: 15px;
    margin: 4px 0 0 0;
    font-size: 0.85em;
    text-align: left;
    color: #ff9090;
}
/*新維護(大圖直版)*/
.maintain_height {
    position: absolute;
    width: 100%;
    height: 352px;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: default;
}
.maintain_height .new_mt_set {
    width: 80%;
    height: auto;
    margin: 45% auto;
    padding: 10px 10px 5px 10px;
    background-color: rgba(185, 0, 0, 0.7);
    border: 1px solid #925757;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -ms-border-radius: 0.2em;
    -o-border-radius: 0.2em;
    border-radius: 0.2em;
    vertical-align: middle;
}
/*********  轉轉樂中獎名單頁面  *********/
.B1 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5%;
}
.Win-List {
    position: relative;
    width: 50rem;
    background: linear-gradient(270deg,#192028,#283340 50%,#192028);
    border: 3px solid #c3c1a5;
    border-radius: 15px;
    padding: 130px 5% 10px;
    margin: 5%;
}
.Win-List .title {
    position: absolute;
    width: 100%;
    top: 25px;
    left: 50%;
    font-family: 'MyriadProBold';
    font-size: 2em;
    color: #FFFFFF;
    text-align: center;
    transform: translate(-50%, -50%);
}
.Win-List .title img {
    width: 200px;
}
.marquee_Jackpot {
    width: 100%;
    height: 300px;
}
.marquee_Jackpot .set {
    display: grid;
    align-items: center;
    justify-items: center;
    grid-template-columns: 3fr 3fr;
    background: #252832;
    border: 1px solid #485c79;
    padding: 10px 0;
    margin: 10% 0;
}
.set div {
    color:#959595;
    font-size: 1em;
}
.set span {
    margin: 0 5px;
}
.set .left {
    margin: auto 0 auto auto;
}
.set .right {
    margin: auto auto auto 0;
}
.set .icon_set {
    width: 50px;
    height: 50px;
    margin: 0 20px;
}
.icon_set img {
    border-radius: 40px;
}
/*********  首頁_中間  *********/
.index_main {
    display: table;
    max-width: 1903px;
    max-width: 1895px \9;
    width: 100%;
    margin: 0 auto;
    background: url(../images/index_icon/index_bg.jpg) no-repeat top center #000;
    z-index: 1;
}
.index_main .top_set {
    width: 960px;
    padding: 10px 20px 15px 20px;
    /*background: url(../images/index_icon/index_middle.gif) no-repeat top center #1e3a52;
    background-size: auto 100%;
    border-left: 1px solid #2d597e;
    border-right: 1px solid #2d597e;*/
    background: #424b54;
    background: -moz-linear-gradient(top, #424b54 0%, #232527 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424b54), color-stop(100%,#232527));
    background: -webkit-linear-gradient(top, #424b54 0%,#232527 100%);
    background: -o-linear-gradient(top, #424b54 0%,#232527 100%);
    background: -ms-linear-gradient(top, #424b54 0%,#232527 100%);
    background: linear-gradient(to bottom, #424b54 0%,#232527 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424b54', endColorstr='#232527',GradientType=0 );
}
.marquee_set {
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin-bottom: 10px;
}
.marquee_set .time {
    float: left;
    width: 188px;
    height: 33px;
    color: #fc0;
    font-size: 15px;
    font-family: Arial;
    background: #021823;
    background: -moz-linear-gradient(top, #021823 0%, #063151 100%);
    background: -webkit-linear-gradient(top, #021823 0%, #063151 100%);
    background: linear-gradient(to bottom, #021823 0%, #063151 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#021823', endColorstr='#063151', GradientType=0 );
    border: 1px solid #1e6388;
}
.marquee_set .text {
    float: right;
    width: 750px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: left;
    background: url(../images/index_icon/title_bg_b.png) no-repeat;
    background-size: 100% auto;
}
.marquee_set .text .running {
    width: 100%;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
}
/*首頁_(中間)JS廣告輪播*/
.flexslider {
    position: relative;
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    z-index: 1;
}
.flexslider img, .ad_picSet img {
    width: 100%;
    height: 450px;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flex-control-nav {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px 0;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 10px;
    display: inline-block;
    zoom: 1;
}
.flex-control-paging li a {
    width: 36px;
    height: 10px;
    display: block;
    background: #FFF;
    background: rgba(255,255,255,.5);
    border: 1px solid #a5a5a596;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.flex-control-paging li a.flex-active {
    background: #FFF;
    background: rgba(255,255,255,.9);
    cursor: default;
}
.flex-control-paging li a:hover {
    background: #FFF;
    background: rgba(255,255,255,.7);
}
.ad_news_jp {
    display: inline-block;
    *display: inline;
    height: 305px;
    overflow: hidden;
}
.AD_Set {
    float: right;
    width: 680px;
    height: 305px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #0b1d2c;
    visibility: hidden;
}
.Loading_Set {
    position: relative;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
}
.Loading1 {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    filter:alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.Loading2 {
    position: absolute;
    display: block;
    background: url(../images/cm/loading.gif) no-repeat center center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ad_picSet {
    position: relative;
    top: 0;
    left: 0;
    width: 680px;
    height: 305px;
    overflow: hidden;
    cursor: default;
}
.pointSet {
    bottom: 16px;
    right: 16px;
}
.jssorb13 {
    position: absolute;
}
.jssorb13 div, .jssorb13 div:hover, .jssorb13 .av {
    position: absolute;
    background: url(../images/cm/b13.png) no-repeat;
    width: 21px;
    height: 21px;
    overflow: hidden;
    cursor: pointer;
}
.jssorb13 div {
    background-position: -5px -5px;
}
.jssorb13 div:hover, .jssorb13 .av:hover {
    background-position: -35px -5px;
}
.jssorb13 .av {
    background-position: -65px -5px;
}
.jssorb13 .dn, .jssorb13 .dn:hover {
    background-position: -95px -5px;
}
/*首頁_(中間)最新消息*/
.news_set, .jackpot {
    float: left;
    width: 270px;
    background-color: #fff;
}
.news_set {
    margin: 0 5px 10px 0;
}
.news_set .news_title, .jackpot .news_title {
    background: url(../images/index_icon/title_bg_s.png) top left no-repeat;
    background-size: 100% auto;
    height: 40px;
    line-height: 40px;
    text-align: left;
}
.news_set .text_set {
    display: inline-block;
    *display: inline;
    background: url(../images/index_icon/title_news.png) top left no-repeat;
    width: 97px;
    height: 23px;
    margin-left: 10px;
    vertical-align: middle;
}
.news_set .more, .jackpot .more, .sport_news .more {
    display: inline-block;
    *display: inline;
    float: right;
    height: 23px;
    margin: 8px 8px 0 0;
    background: #61c0ff;
    background: -moz-linear-gradient(top, #61c0ff 0%, #0c3652 50%, #075282 100%);
    background: -webkit-linear-gradient(top, #61c0ff 0%, #0c3652 50%, #075282 100%);
    background: linear-gradient(to bottom, #61c0ff 0%, #0c3652 50%, #075282 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c0ff', endColorstr='#0c3652', GradientType=0 );
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5) inset;
    -ms-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5) inset;
    color: #fff;
    text-align: center;
    transition: all 0.3s ease-out;
    text-shadow: rgb(0, 0, 0) 1px 1px 3px;
}
.news_set .more:hover, .jackpot .more:hover, .sport_news .more:hover {
    color: #ffe977;
    background: #ec6651;
    background: -moz-linear-gradient(top, #ec6651 0%, #500808 50%, #981414 100%);
    background: -webkit-linear-gradient(top, #ec6651 0%, #500808 50%, #981414 100%);
    background: linear-gradient(to bottom, #ec6651 0%, #500808 50%, #981414 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6651', endColorstr='#500808', GradientType=0 );
    -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5) inset;
    -ms-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5) inset;
}
.news_set .more, .sport_news .more {
    width: 55px;
    line-height: 22px;
    font-size: 16px;
}
.jackpot .more {
    width: 65px;
    line-height: 23px;
    font-size: 13px;
}
.news_list {
    color: #fff;
    text-align: left;
    height: 265px;
}
.list_set {
    height: 30px;
    line-height: 26px;
    padding: 3px 5px;
    border-bottom: 1px dotted #bbb;
}
.news_type {
    display: inline-block;
    *display: inline;
    width: 30px;
    padding: 4px;
    margin-right: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}
.news_list a {
    display: inline-block;
    *display: inline;
    width: 53%;
    color: #555;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.list_set:hover {
    background: #e8e8e8;
    transition: all 0.3s ease-out;
}
.news_list a:hover {
    color: #c10000;
}
.news_time {
    display: inline-block;
    *display: inline;
    width: 65px;
    color: #448cb9;
    font-weight: 600;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
}
.news_new { /*最新(桃紅)*/
    background-color: #d400b0;
    border: 1px solid #ff76d4;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
}
.news_announcement { /*公告(紫色)*/
    background-color: #7d00dc;
    border: 1px solid #c272ff;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
}
.news_marquee { /*跑馬燈(黃)*/
    background-color: #9c8900;
    border: 1px solid #e4cc00;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
}
.news_fix { /*維護(紅)*/
    background-color: #c10000;
    border: 1px solid #ff5959;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
}
.news_service { /*客服(綠)*/
    background-color: #00821b;
    border: 1px solid #4ece08;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
}
.news_active { /*活動(橘)*/
    background-color: #e47400;
    border: 1px solid #ffc38f;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
}
.news_win { /*得獎(淺藍)*/
    background-color: #007be4;
    border: 1px solid #7ec6ff;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
}
.news_sports { /*体育(深藍)*/
    background-color: #0045de;
    border: 1px solid #54a8ff;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
}
/*首頁_(中間)百家樂彩金*/
.jackpot .text_set {
    display: inline-block;
    *display: inline;
    background: url(../images/index_icon/title_jackpot.png) top left no-repeat;
    width: 150px;
    height: 21px;
    margin-left: 10px;
    vertical-align: middle;
}
.jackpot .jp_number {
    position: relative;
    padding: 8px 5px 7px 5px;
}
.jackpot .t_num {
    width: 100%;
    margin: 0 auto;
}
.t_num i {
    display: inline-block;
    *display: inline;
    width: 13px;
    height: 18px;
    background: url(../images/index_icon/number.png) no-repeat 0 0;
}
.t_num .jp_num0 {
    background: url(../images/index_icon/number.png) no-repeat 0 0;
    background-position: 0 0;
}
.t_num .jp_num1 {
    background: url(../images/index_icon/number.png) no-repeat 0 0;
    background-position: 0 -30px;
}
.t_num .jp_num2 {
    background: url(../images/index_icon/number.png) no-repeat 0 0;
    background-position: 0 -60px;
}
.t_num .jp_num3 {
    background: url(../images/index_icon/number.png) no-repeat 0 0;
    background-position: 0 -90px;
}
.t_num .jp_num4 {
    background: url(../images/index_icon/number.png) no-repeat 0 0;
    background-position: 0 -120px;
}
.t_num .jp_num5 {
    background: url(../images/index_icon/number.png) no-repeat 0 0;
    background-position: 0 -150px;
}
.t_num .jp_num6 {
    background: url(../images/index_icon/number.png) no-repeat 0 0;
    background-position: 0 -180px;
}
.t_num .jp_num7 {
    background: url(../images/index_icon/number.png) no-repeat 0 0;
    background-position: 0 -210px;
}
.t_num .jp_num8 {
    background: url(../images/index_icon/number.png) no-repeat 0 0;
    background-position: 0 -240px;
}
.t_num .jp_num9 {
    background: url(../images/index_icon/number.png) no-repeat 0 0;
    background-position: 0 -270px;
}
.t_num .jp_point { /*小數點*/
    background: url(../images/index_icon/number.png) no-repeat 0 0;
    background-position: 0 -300px;
    width: 8px;
}
.t_num .jp_comma { /*逗號*/
    background: url(../images/index_icon/number.png) no-repeat 0 0;
    background-position: 0 -330px;
    width: 8px;
}
/*首頁_(中間)列表選項*/
.icon_bar {
    width: 100%;
    margin: 6px auto;
    overflow: hidden;
}
.icon_bar a {
    display: inline-block;
    *display: inline;
    width: 185px;
    height: 185px;
    text-align: center;
    text-indent: -9999px;
}
.icon_discussion { /*論壇*/
    background: url(../images/index_icon/title_img1.jpg) 0 0;
    margin-right: 4px;
}
.icon_sports { /*首存*/
    background: url(../images/index_icon/title_img1.jpg) -185px 0;
    margin-right: 4px;
}
.icon_movies { /*影城*/
    background: url(../images/index_icon/title_img1.jpg) -370px 0;
    margin-right: 5px;
}
.icon_promotions { /*優惠*/
    background: url(../images/index_icon/title_img1.jpg) -555px 0;
    margin-right: 4px;
}
.icon_complain { /*投訴箱*/
    background: url(../images/index_icon/title_img1.jpg) -740px 0;
}
/*首頁_(中間)體育消息*/
.sport_news {
    width: 100%;
    overflow: hidden;
}
/*.sport_pic {
    float: left;
    background: url(../images/index_icon/sports_img.jpg) top left no-repeat;
    width: 380px;
    height: 155px;
    border: 1px solid #458aa6;
}*/
.sport_news_info {
    width: 100%;
    text-align: center;
    /*float: right;
    text-align: left;
    background: #0b1d2c;*/
}
.sport_news .news_title {
    background: url(../images/index_icon/title_bg_b.png) top left no-repeat;
    background-size: 100% 100%;
    height: 35px;
    line-height: 35px;
    text-align: left;
}
.sport_news .text_set {
    display: inline-block;
    *display: inline;
    background: url(../images/index_icon/title_support.png) top left no-repeat;
    width: 150px;
    height: 21px;
    margin-left: 10px;
    vertical-align: middle;
}
.sport_news_info .sport_list {
    padding: 10px 0 0 0;
    text-align: center;
    margin: 0 auto;
}
.sport_list .logo_support {
    /*background: url(../images/index_icon/logo_support.png?2019061401) top left no-repeat;
    background-size: 100% auto;
    width: 903px;
    height: 44px;*/
    background: url(../images/new_index/license_icon.png?2020100501) top left no-repeat;
    background-size: 100% auto;
    width: 620px;
    height: 82px;
    margin: 0 auto;
}
.sport_list .logo_line {
    /*width: 97%;
    height: 1px;
    background-color: #2f6790;
    margin: 5px auto;*/
}
.sport_list .logo_certifications {
    /*background: url(../images/index_icon/logo_certifications.png?2019061401) top left no-repeat;
    background-size: 100% auto;
    width: 689px;
    height: 40px;
    margin: 0 auto;
    display: block;
    cursor: pointer;*/
}

/*********  首頁_(下層)  *********/
/*列表選單*/
.footer_bar {
    display: table;
    width: 100%;
    height: 40px;
    /*background: url(../images/index_icon/footerbar_bg.gif) repeat-x;*/
    background: #fd154a;
    background: -moz-linear-gradient(top, #fd154a 0%, #b00927 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd154a), color-stop(100%,#b00927));
    background: -webkit-linear-gradient(top, #fd154a 0%,#b00927 100%);
    background: -o-linear-gradient(top, #fd154a 0%,#b00927 100%);
    background: -ms-linear-gradient(top, #fd154a 0%,#b00927 100%);
    background: linear-gradient(to bottom, #fd154a 0%,#b00927 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd154a', endColorstr='#b00927',GradientType=0 );
}
.footer_bar .list {
    float: left;
    width: 82%;
    vertical-align: middle;
}
.footer_bar .btn_footerbar {
    display: inline-block;
    *display: inline;
    margin: 6px 5px 0 5px;
    padding: 6px 20px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    letter-spacing: 3px;
    text-shadow: 0 1px 3px #000;
    /*background: #1d76a2;
    background: -moz-linear-gradient(top, #1d76a2 0%, #033e66 100%);
    background: -webkit-linear-gradient(top, #1d76a2 0%, #033e66 100%);
    background: linear-gradient(to bottom, #1d76a2 0%, #033e66 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d76a2', endColorstr='#033e66', GradientType=0 );
    border: 1px solid #115c8c;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -ms-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    border-radius: 0.3em;*/
    cursor: pointer;
}
.footer_bar .btn_footerbar:hover {
    color: #ffe977;
    /*background: #ef4e2a;
    background: -moz-linear-gradient(top, #ef4e2a 0%, #650f0f 100%);
    background: -webkit-linear-gradient(top, #ef4e2a 0%, #650f0f 100%);
    background: linear-gradient(to bottom, #ef4e2a 0%, #650f0f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4e2a', endColorstr='#650f0f', GradientType=0 );
    border: 1px solid #562222;*/
}
.footer_bar .line {
    border-right: 1px solid #bb6f7e;
    margin-right: 5px;
}
.footer_info {
    display: table;
    width: 100%;
    /*background: url(../images/index_icon/footer_bg.gif) repeat-x top center #000;
    background-size: auto 100%;*/
    background: #000;
}
.footer_bar .browser {
    float: right;
    width: 18%;
    vertical-align: middle;
}
.browser a {
    display: inline-block;
    *display: inline;
    width: 30px;
    height: 30px;
    margin: 7px 2px 0 2px;
}
.chrome {
    background: url(../images/index_icon/browser.png) no-repeat 0 -30px;
}
.firefox {
    background: url(../images/index_icon/browser.png) no-repeat -30px -30px;
}
.ie {
    background: url(../images/index_icon/browser.png) no-repeat -60px -30px;
}
.ie:hover {
    background: url(../images/index_icon/browser.png) no-repeat -60px 0px;
}
.chrome:hover {
    background: url(../images/index_icon/browser.png) no-repeat 0 0;
}
.firefox:hover {
    background: url(../images/index_icon/browser.png) no-repeat -30px 0px;
}
/*首頁_(下層)logo+版權宣告*/
.footer_info .top_set {
    margin: 25px auto;
}
.footer_logo {
    display: inline-block;
    *display: inline;
    width: 140px;
    height: 50px;
    background: url(../images/index_icon/footer_logo.png?04081) no-repeat;
    vertical-align: middle;
}
.footer_info .line {
    display: inline-block;
    *display: inline;
    width: 20px;
    height: 50px;
    margin-right: 20px;
    border-right: 1px solid #3b6988;
    vertical-align: middle;
}
.footer_icon_set {
    display: inline-block;
    *display: inline;
    width: 70%;
    text-align: left;
}
.footer_icon1, .footer_icon2 {
    display: inline-block;
    *display: inline;
    width: 52px;
    height: 50px;
    margin-right: 5px;
    vertical-align: middle;
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    filter:alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.footer_icon1 {
    background: url(../images/index_icon/footer_icon1.png) no-repeat;
}
.footer_icon2 {
    background: url(../images/index_icon/footer_icon2.png) no-repeat;
}
.footer_icon3 {
    display: inline-block;
    *display: inline;
    width: 187px;
    height: 50px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(../images/index_icon/footer_icon3.png) no-repeat;
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    filter:alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    cursor: pointer;
}
.footer_text {
    display: inline-block;
    *display: inline;
    width: 54%;
    margin-left: 10px;
    line-height: 20px;
    color: #aaa;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}

/*********  優惠活動  *********/
.ad_content {
    width: 52%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
.ad_set {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.ad_set .ad_title {
    width: 100%;
    height: auto;
    z-index: 13;
}
/*.ad_set .ad_title:hover {
    padding: 5px 0 0 0;
}*/
.ad_set .ad_title .ad_img {
    position: relative;
    width: 100%;
    margin: 6px 0;
    border: 1px solid #888;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    border-radius: 0.5em;
}
.ad_set .ad_pic {
    display: none;
    margin: 0;
    padding: 10px;
    text-align: center;
    /*background-color: #0d263c;
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5) inset;
    -ms-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5) inset;*/
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    border-radius: 0.5em;
    z-index: 490;
}
.ad_set .ad_pic img {
    width: 100%;
    border: 1px solid #888;
}
.ad_set .overtime {
    position: absolute;
    top: 0;
    z-index: 14;
    margin: 0 auto;
    width: 100.2%;
}
.ad_set .overtime_img {
    position: relative;
    top: 0;
    width: 100%;
    margin: 6px 0;
    text-align: center;
    border: none;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    border-radius: 0.5em;
    cursor: initial;
}
.ad2_btnset {
    display: block;
    width: 100%;
    height: 2.3em;
    line-height: 2.2em;
    margin: 0 auto 0.5em;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    background-color: #d40e00;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    -ms-border-radius: 50em;
    -o-border-radius: 50em;
    border-radius: 50em;
    cursor: pointer;
}
.ad2_btnset:hover, .ad2_btnset:active, .ad2_btnset:focus {
    color: #fff;
    text-decoration: none;
    background-color: #8e0900;
}
.icon_special_offer {
    display: inline-block;
    *display: inline;
    width: 1.5em;
    height: 1.5em;
    background: url(../images/cm/icon_special_offer.png?2022010701) no-repeat top center;
    background-size: 100% auto;
    vertical-align: middle;
}
.ad2_btnset .ad2btn {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
}
/*轉轉樂-跳框*/
.popup_luckyalert {
    /*background-color: rgba(255, 255, 255, 0.75);*/
    /*width: 500px;*/
    /*border-radius: 12px;*/
    position: absolute;
    left: 50%;
    top: 36%;
    overflow: hidden;
    z-index: 100020;
    -webkit-transform: translate(-50%,-36%);
    -ms-transform: translate(-50%,-36%);
    transform: translate(-50%,-36%);
}
.luckyalert_title {
    width: 100%;
    height: 5.5rem;
    line-height: 5.5rem;
}
.luckytitle_set {
    width: 100%;
    height: inherit;
    background: url(../images/cm/luckytitle.png?2022022201) top center no-repeat;
    background-size: 100% auto;
}
.luckyalert_btn {
    position: absolute;
    top: 8%;
    right: 2%;
    width: 2rem;
    height: 2rem;
    background: url(../images/index_icon/btn_close.png) no-repeat;
    background-size: 100% auto;
    border: 0;
    cursor: pointer;
}
.luckyalert_info {
    display: inline-flex;
    margin: 2% auto;
}
.luckybtn_set {
    width: 190px;
    height: 120px;
    cursor: pointer;
    padding: 3px 0;
    text-align: center;
}
.luckybtn_bg1 {
    background: url(../images/cm/enter.png?2022022201) no-repeat top center;
    background-size: auto 100%;
}
.luckybtn_bg2 {
    background: url(../images/cm/exit.png?2022022201) no-repeat top center;
    background-size: auto 100%;
}
.luckybtn_text_WRT {
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 25% 0 0 0;
}
/*WRUS、WRVN*/
.luckybtn_text_WRUS,.luckybtn_text_WRVN,.luckybtn_text_WRTH {
    color: #fff;
    display: table;
    padding: 25% 10% 0;
    font-size: 0.8em;
}
.luckybtn_text2 {
    display: flex;
    flex-direction: column;
}
/*********  電子遊藝  *********/
/*遊戲內大廳(大圖)*/
.bigicon_area, .mediumicon_area, .SmallIcon_area {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 20px;
    overflow: hidden;
}
.game_icon_w { /*背景大圖*/
    display: inline-block;
    *display: inline;
    background: url(../images/game_icon/game_icon_w.png) no-repeat;
    width: 427px;
    height: 230px;
    margin: 7px 8px;
    text-align: center;
}
.game_icon_w:hover {
    background: url(../images/game_icon/game_icon_w.png) -428px 0;
}
.game_icon_s { /*背景小圖*/
    display: inline-block;
    *display: inline;
    background: url(../images/game_icon/game_icon_s.png) no-repeat;
    width: 337px;
    height: 262px;
    margin: 7px 2px;
    text-align: center;
}
.game_icon_s:hover {
    background: url(../images/game_icon/game_icon_s.png) -337.4px 0;
}
.game_icon_s img { /*中圖*/
    width: 312px;
}
.game_icon_w h1, .game_icon h1, .game_icon_s h1 {
    padding: 15px 0 10px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 1em;
}
.game_icon_w h1 {
    height: 30px;
    line-height: 30px;
}
.game_icon_s h1 {
    height: 30px;
    line-height: 30px;
}
.game_icon h1 {
    height: 35px;
    line-height: 35px;
}
.game_icon_w a {
    text-decoration: none;
}
.game_icon { /*小圖*/
    display: inline-block;
    *display: inline;
    background: url(../images/game_icon/game_icon.png) no-repeat;
    width: 201px;
    height: 250px;
    margin: 7px 8px;
    text-align: center;
}
.game_icon:hover {
    background: url(../images/game_icon/game_icon.png) -201px 0;
}
/* 簽到送禮金 */
.popup_blackbg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    overflow: auto;
    z-index: 20;
}
.checkin_box {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    z-index: 105;
}
.check-in {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-around;
    width: 26.8vw;
    height: 96.1333vw;
    background: url(../images/index/float-btn-bg.png?0122702) center center no-repeat;
    background-size: contain;
}
.check-in .checkin-title {
    position: absolute;
    display: flex;
    justify-content: space-evenly;
    top: 39.7vw;
    width: 90%;
    color: #fff;
    text-align: center;
    font: normal bold 1.2rem/1.2rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
.ck_arrow_l,
.ck_arrow_r {
    color: #feffb5;
    text-shadow: -1px 0 #000, 0 1px #000, 2px 0 #000, 0 -1px #000, 2px 2px 5px #000;
    cursor: pointer;
}
.ck_arrow_l:hover,
.ck_arrow_r:hover {
    color: #ffb05d;
}
.ck_text {
    text-shadow: -1px 0 #000, 0 1px #000, 2px 0 #000, 0 -1px #000, 1px 1px 3px #000;
}
.ck_text .text1 {
    margin-right: 5px;
}
.check-in .checkin-title span,
.check-in .checkin-title div {
    display: inline-block;
    vertical-align: middle;
}
.check-in .checkin-title .money {
    color: #002aff;
    font: normal bold 4vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
.check-in .days {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 85%;
    padding: 1.5%;
    margin-top: 42vw;
    color: #333;
    text-align: center;
    font: normal bold 1.1vw/1.1vw "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
    background: rgba(255,255,255,.2);
    -webkit-border-radius: 1.5vw;
    -moz-border-radius: 1.5vw;
    -ms-border-radius: 1.5vw;
    -o-border-radius: 1.5vw;
    border-radius: 1.5vw;
}
.check-in .days img {
    width: 2.4vw;
}
/* 每日簽到 */
.day-status {
    position: relative;
    width: 13.3%;
    margin: 3px 0 0 2px;
}
.day-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0 0.1em #000;
}
.percentage {
    margin: 0 auto;
    color: #fff
}
.percentage .container {
    position: relative;
    height: 0.75vw;
    text-align: left;
    background: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 2.6667vw;
    -moz-border-radius: 2.6667vw;
    -ms-border-radius: 2.6667vw;
    -o-border-radius: 2.6667vw;
    border-radius: 2.6667vw;
}
.percentage .container span {
    position: absolute;
    top: -2px;
    left: -1px;
    height: 100%;
    background: #005fa2;
    border: 2px solid #fff;
    -webkit-border-radius: 2.6667vw;
    -moz-border-radius: 2.6667vw;
    -ms-border-radius: 2.6667vw;
    -o-border-radius: 2.6667vw;
    border-radius: 2.6667vw;
}
.percentage .container span:after,
.percentage .container span:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(50%,-50%);
    -moz-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    -o-transform: translate(50%,-50%);
    transform: translate(50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.percentage .container span:before {
    width: 2vw;
    height: 2vw;
    background: rgba(255, 255, 255, .3);
}
.percentage .container span:after {
    width: 1.4vw;
    height: 1.4vw;
    background: #fff;
}
.percentage .money {
    margin-top: 0.855vw;
    color: #fff;
    text-align: center;
    font: normal bold 1.2vw/1.2vw "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
.check-in .percentage {
    width: 80%;
}
.check-in .explain {
    min-height: 6vw;
    margin: 0.5vw 0 0 0;
    color: #fff;
    font: normal normal 1.1vw/1.3vw "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
.check-in .explain li {
    margin: 0 0 5px 0;
}
.check-in .percentage .btn_box {
    padding: 0;
    margin: 10px auto 0;
}
.check-in .percentage input[type="button"] {
    /* width: 75%; */
    color: #fff;
    padding: 3px 0;
    font-size: 1.3rem;
    text-shadow: 1px 0 2px #000;
    background: linear-gradient(180deg, #f9d27f 0, #c6993c 50%, #7b5d31 100%);
    border: 2px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 50px;
}
.check-in .percentage input[type="button"]:hover,
.check-in .percentage input[type="button"]:active,
.check-in .percentage input[type="button"]:focus {
    background: linear-gradient(180deg, #f4d697 0, #d5a747 50%, #937344 100%);
}
.check-in .close {
    position: absolute;
    left: 3vw;
    top: 26.5vw;
    -webkit-transform: translate(-50%, 2vw);
    -moz-transform: translate(-50%, 2vw);
    -ms-transform: translate(-50%, 2vw);
    -o-transform: translate(-50%, 2vw);
    transform: translate(-50%, 2vw);
    cursor: pointer;
}
.check-in .close i {
    position: relative;
    display: inline-block;
    width: 2.5vw;
    height: 2.5vw;
    line-height: 2.5vw;
    color: #000;
    font-size: 1.5vw;
    text-align: center;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
/********** ForgetAccount ************/
/********** 頁籤 ************/
.panel_wrap {
    padding: 1rem;
    margin: 0 auto;
    text-align: left;
    font: normal normal 1rem/1rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
/* 隱藏選取的radio(圓點) */
.panel_control {
    position: absolute;
    opacity: 0;
}
/* 頁籤分頁標題 */
.tab_wrap {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #bbbbbb;
}
.tab_label {
    position: relative;
    display: inline-block;
    width: 25%;
    padding: 7px 0;
    color: #aaa;
    text-align: center;
}
/* 隱藏頁籤內容 */
.reg_tab_content,
.foget_tab_content {
    display: none;
}
/* 選取頁籤標題的效果 */
#reg_tab_radio1:checked ~ .tab_wrap [for="reg_tab_radio1"],
#reg_tab_radio2:checked ~ .tab_wrap [for="reg_tab_radio2"],
#foget_tab_radio1:checked ~ .tab_wrap [for="foget_tab_radio1"],
#foget_tab_radio2:checked ~ .tab_wrap [for="foget_tab_radio2"] {
    color: #000000;
    font-weight: bold;
}
#reg_tab_radio1:checked ~ .tab_wrap [for="reg_tab_radio1"]:after,
#reg_tab_radio2:checked ~ .tab_wrap [for="reg_tab_radio2"]:after,
#foget_tab_radio1:checked ~ .tab_wrap [for="foget_tab_radio1"]:after,
#foget_tab_radio2:checked ~ .tab_wrap [for="foget_tab_radio2"]:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: 4px solid #af0028;
}
/* 頁籤標題-滑鼠效果 */
.tab_label:hover,
.tab_label:focus,
.tab_label:active {
    color: #85b4cb;
    cursor: pointer;
}
#reg_tab_radio1:checked ~ .tabs_container .tabs_panel1,
#reg_tab_radio2:checked ~ .tabs_container .tabs_panel2,
#foget_tab_radio1:checked ~ .tabs_container .tabs_panel1,
#foget_tab_radio2:checked ~ .tabs_container .tabs_panel2 {
    display: block;
    text-align: left;
}
.tabs_container .col_flex.text_red {
    font: normal normal .9rem/1rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
}
.btnset_forgotacc {
    display: flex;
    width: 100%;
    justify-content: center;
}
/*********  以下為 各不同寬度螢幕_設定  *********/
/* 寬度大於 1920px (電腦) */
@media screen and (min-width: 1920px) {
    .check-in .checkin-title {
        font: normal bold 1.2vw/1.2vw "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
    }
    .check-in .percentage input[type="button"] {
        padding: 0;
    }
    .check-in .explain {
        font: normal normal 0.95vw/1.2vw "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
    }
}
/* 寬度大於 2540px (電腦)*/
@media screen and (min-width: 2540px) {
    /* 首頁 */
    .check-in .percentage input[type="button"] {
        font: normal normal 1.8rem/2.5rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
    }
}
/* 寬度介於 1301px - 1900px (ipad pro,舊電腦) */
@media screen and (min-width: 1301px) and (max-width: 1900px) {
    .check-in .percentage input[type="button"] {
        font: normal normal 1.2rem/1.5rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
    }
}
/* 寬度介於 1024px - 1300px (ipad) */
@media screen and (min-width: 1024px) and (max-width: 1300px) {
    .check-in .percentage input[type="button"] {
        font: normal normal 1.2rem/1.5rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
    }
}
/* 寬度小於 1023px (平板+手機)*/
@media screen and (max-width: 1023px) {
    /* 每日簽到 */
    .check-in {
        width: 35.8vw;
        height: 60.1333vw;
        background: url(../images/index/float-btn-bg.png?0122702) center center no-repeat;
        background-size: contain;
    }
    .check-in .close {
        left: 4vw;
        top: 4.5vw;
    }
    .check-in .checkin-title {
        top: 20.6vw;
        font: normal bold 1rem/1rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
    }
    .check-in .days {
        margin-top: 23.5vw;
        font: normal bold 14px/14px "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
    }
    .check-in .days img {
        width: 3.4vw;
    }
    .day-status {
        width: 13%;
    }
    .check-in .explain {
        margin: 5px 0 0 0;
        font: normal normal .9rem/1rem "Century Gothic", Arial, "Microsoft JhengHei", "PMingLiU", sans-serif;
    }
    .check-in .percentage input[type="button"] {
        padding: 0;
        font-size: 1rem;
        line-height: 1.4rem;
    }
}
/* 寬度介於 1600px - 1900px (電腦) */
@media screen and (min-width: 1600px) and (max-width: 1900px) {
    /*24小時客服_浮動視窗*/
    .cm_bar_area {
        right: 7%;
        top: 25%;
    }
    /*存款功能未開啟*/
    .members_itemlist .itemtips {
        margin: 0 0 0 6.5%;
    }
    .members_itemlist .arrow_d {
        right: 31.5%;
        top: 8%;
    }
    .members_itemlist .tips_close {
        right: 26%;
    }
}

/* 寬度介於 1440px - 1599px (電腦) */
@media screen and (min-width: 1440px) and (max-width: 1599px) {
    /*24小時客服_浮動視窗*/
    .cm_bar_area {
        right: 4%;
        top: 25%;
    }
    /*存款功能未開啟*/
    .members_itemlist .itemtips {
        margin: 0 0 0 7.5%;
    }
    .members_itemlist .arrow_d {
        right: 29.5%;
        top: 8%;
    }
    .members_itemlist .tips_close {
        right: 23%;
    }
}

/* 寬度介於 1360px - 1439px (電腦) */
@media screen and (min-width: 1360px) and (max-width: 1439px) {
    /*24小時客服_浮動視窗*/
    .cm_bar_area {
        right: 2%;
        top: 27%;
    }
    /*存款功能未開啟*/
    .members_itemlist .itemtips {
        margin: 0 0 0 7.5%;
    }
    .members_itemlist .tips_close {
        right: 22%;
    }
    .members_itemlist .arrow_d {
        right: 28.5%;
        top: 9%;
    }
}

/* 寬度介於 1280px - 1359px (ipad) */
@media screen and (min-width: 1280px) and (max-width: 1359px) {
    /*24小時客服_浮動視窗*/
    .cm_bar_area {
        right: 0.5%;
        top: 26%;
    }
    /*存款功能未開啟*/
    .members_itemlist .itemtips {
        margin: 0 0 0 7.5%;
    }
    .members_itemlist .arrow_d {
        right: 27.5%;
        top: 9%;
    }
    .members_itemlist .tips_close {
        right: 20.5%;
    }
}

/* 寬度介於 1025px - 1279px (電腦) */
@media screen and (min-width: 1025px) and (max-width: 1279px) {
    /*24小時客服_浮動視窗*/
    .cm_bar_area {
        right: 0.5%;
        top: 32%;
    }
    /*存款功能未開啟*/
    .members_itemlist .itemtips {
        margin: 0 0 0 9.5%;
    }
    .members_itemlist .arrow_d {
        right: 24.5%;
        top: 8%;
    }
    .members_itemlist .tips_close {
        right: 16%;
    }
}
/* 寬度小於 1024px */
@media screen and (max-width: 1024px) {
    /*24小時客服_浮動視窗*/
    .cm_bar_area {
        right: 0.5%;
        top: 32%;
    }
    /*存款功能未開啟*/
    .members_itemlist .itemtips {
        margin: 0 0 0 9.5%;
    }
    .members_itemlist .arrow_d {
        right: 21.5%;
        top: 9%;
    }
    .members_itemlist .tips_close {
        right: 13%;
    }
}
/* 寬度介於 751px - 900px (iPad, 手機橫放) */
@media screen and (min-width: 751px) and (max-width: 900px) {
    input.btn_big, a.btn_big {
        padding: 0 .5rem;
    }
}