* {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: Microsoft JhengHei, Arial, PMingLiU !important;
    /* 微軟正黑, Arial, 新細明體 */
}

[v-cloak] {
    display: none;
}

a {
    border: 0;
    text-decoration: none;
    cursor: pointer;
}

.pointer-event-none {
    pointer-events: none;
}

img {
    border: 0;
    vertical-align: middle
}

a img {
    border: 0px;
}

body {
    background: #1b1b1b;
    color: #fff;
    font-size: 13px;
    line-height: 2;
}

.align-middle {
    vertical-align: middle !important;
}

select,
button,
.btn {
    cursor: pointer;
}

/*::-webkit-input-placeholder {  WebKit browsers
    color:    #A2793A;
}*/
/* check box */
input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0px;
    border: 0;
}

input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 22px;
    height: 17px;
    width: 17px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
    opacity: 1;
    margin: 3px 0 20px 30px
}

input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position: 0 -17px;
}

.css-label {
    background-image: url(/images/check.jpg);
}

/*驗證馬*/
.code {
    width: 145px;
    background: url(/images/bg-code.jpg);
    display: inline-block;
    height: 38px;
    margin-left: -12px;
    text-align: center;
    vertical-align: top;
    border-radius: 4px 0 0 4px
}


#Top {
    width: 100%;
    height: auto;
    background: none;
}

.TopCon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1080px;
    height: auto;
    margin: 0 auto;
}

.logo {
    display: block;
    width: auto;
    height: 72px;
    float: left;
    margin-bottom: 0;
    padding: 4px 0;
    overflow: hidden;
}

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

#Login {
    float: right;
    overflow: hidden;
    margin: 20px 0 2px 30px;
    height: 60px;
}

#Login .reg a:hover,
#Login .pas a:hover {
    color: #fff;
}

#Login .reg a {
    color: #ffdf1b;
    float: left
}

#Login .pas a {
    color: #e6c180;
    float: left;
    margin-left: 5px;
}

#Logined {
    float: right;
    background: #311f07;
    border-radius: 3px;
    -moz-border-radius: 3px;
    /* Firefox 3.6 and earlier */
    /*overflow: hidden;*/
    min-width: 305px;
    margin: 12px 5px 12px 30px;
    height: 58px;
    color: #dbb780;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

#Logined .id {
    padding-left: 8px;
    line-height: 24px;
    vertical-align: middle;
}

#Logined .logoutbtn a {
    color: #e3b142;
    text-decoration: none;
    line-height: 24px;
    vertical-align: middle;
    margin-right: 5px;
    padding-left: 10px;
}

#Logined .logoutbtn a:hover {
    color: #fff;
    text-decoration: none;
}

#Logined .letter {
    float: right;
    color: #dbb780;
    padding-left: 23px;
    line-height: 27px;
    background: url(/images/lettericon.jpg) no-repeat center left;
    padding-right: 6px;
}

#Logined * {
    box-sizing: border-box;
}

#Logined .letter a {
    text-decoration: none;
}

#Logined .letter a:hover {
    color: #fff;
    text-decoration: none;
}

#Logined .css-login-top {
    height: 28px;
}

#Logined .css-login-bottom {
    height: 28px;
    box-sizing: border-box;
    display: flex;
}

#Logined .css-login-top-balance-box {
    border-right: 1px solid #221605;
    width: 140px;
    padding-left: 2px;
    position: relative;
}

#Logined .normal-btn {
    border-radius: 2px;
    border: 1px solid #452d0c;
    background-image: linear-gradient(0deg, #211504 0%, #39250a 50%, #271905 100%);
    font-size: 12px;
    color: #dab780;
    height: 24px;
    line-height: 22px;
    text-align: center;
    display: inline-block;
}

#Logined .normal-btn:hover {
    border: 1px solid #a68755;
    background-image: linear-gradient(0deg, #c3a26d 0%, #9d7a40 50%, #c3a26d 100%);
    color: #ffffff;
}

#Logined .page-top-point-reload-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA4CAMAAADZ7miGAAAAeFBMVEVHcEzat4D////Zt4Hat3/////////at3/ctoL////at3/atn/////////////////at4Dat4D////////at3/////buIHfwJb////at4D////at4D////////Zt4D////////////atoH////////at3/at4D///9JfHNrAAAAJnRSTlMAUVEn8tK31BMRoF+eKPEav0LcQrNdHgxk5YOD+HV1I+uoODjIaC0X3RUAAAFUSURBVHhe1ZLbloIwDEWrFGi5iwKioHiZ5P//cAIdslbb0XnyYfYTsFdPgBPxaXaJBEImO08FFYn4cIjJV4HtNmRSJQiVkt9Y8gxnwVxcq5yclucFLPhstcq+Fy4x3I1LAb5YcHBipgGhXAvyJ4GILaM6ym2FolAJUkJq/RHZS+hlIlq1g0PXtVZoAjPBHGKH8iwTBuDJAKBaQzaeTdYPuP+Sq7i4Ci7iJa1Tg3LrvPj9/V22vybvFuy/s88KJIps76k8IhFGUUg+ym23JXPUgtAN+a0lT3gSzOja0snh++uVBZ99rrKehEuND+MaxCMLDr4tTiNRuhaHRYZI1JbRmp5eRUmhAw6FHZwXdYHTlIlS7zHS2s7NcCZfhob+25JrxMyAnStzxMhc3czfcoK1kQ+sPam5uCeO4iWlU0Pp1jla/XllN6bsI5f9dk38BZtowT7MN/jhIxF6fqYbAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
}

#Logined .normal-btn:hover .page-top-point-reload-icon {
    background-position-y: -14px;
}

#Logined .normal-btn.point-reload-btn {
    width: 100% !important;
}

#Logined .balance {
    width: 100%;
    cursor: pointer;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOBAMAAAA23ZrAAAAAJ1BMVEUAAADjsULjsULjsULjsULjsULjsULjsULjsULjsULjsULjsULjsUKzfHD1AAAADHRSTlMAm2KfevKOXRELS0hgq28ZAAAAWklEQVQI12PICWeAgNJjDQxnziiA2UxnzjgAOYfAHB0QRwYoBZE42MDACJSCSBgAKZAUSOIwkA2WgkpApFaDJaBSZ8ASUCmwBFQKIgGTAkkgpAQQHE6XCWAaAMzoLhHfinFWAAAAAElFTkSuQmCC');
    background-position: right 4px center;
    background-repeat: no-repeat;
    background-size: 10%;
    height: 100%;
    padding-left: 6px;
}

#Logined .balance .css-now-point {
    margin-left: 5px;
    vertical-align: middle;
    font-size: 12px;
}

#Logined .login-top-dropdown-menu {
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    border-top: 1px solid #4f3819;
    border-right: 1px solid #a7844d;
    border-bottom: 2px solid #dfbc85;
    border-left: 1px solid #a7844d;
    border-radius: 6px;
    border-radius: 0 0 6px 6px;
    position: absolute;
    z-index: 1101;
    /* because of AG */
    overflow: hidden;
    top: 28px;
    display: none;
}

#Logined .css-login-top-member-box:hover .member-dropdown-menu {
    width: 99%;
    left: 0;
}

#Logined .css-login-top-balance-box:hover .balance-dropdown-menu {
    display: block;
}

#Logined .css-login-top-member-box:hover .member-dropdown-menu {
    display: block;
}

#Logined .balance-dropdown-menu .reload-btn-box {
    padding: 9px 8px 9px;
    border-bottom: 1px solid #352612;
}

#Logined .balance-dropdown-menu .coin-box {
    padding: 11px;
    line-height: 1;
    font-size: 12px;
}

#Logined .balance-dropdown-menu .coin-box-title {
    color: #dab780;
    font-weight: bold;
}

#Logined .balance-dropdown-menu .coin-box-content {
    color: #8b7147;
}

#Logined .css-login-top-member-box {
    border-left: 1px solid #463114;
    flex: 1 0 auto;
    padding: 0 2px;
    position: relative;
}

#Logined a.css-login-top-account-btn,
#Logined a.css-login-top-deposit-btn {
    font-size: 12px;
    height: 22px;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    vertical-align: middle;
    text-align: center;
    justify-content: center;
    align-items: center;
}

#Logined a.css-login-top-account-btn {
    width: 89px;
    background-image: linear-gradient(0deg, #f77d6f 0%, #cb5847 25%, #9e331e 50%, #f77f6e 100%);
}

#Logined a.css-login-top-deposit-btn {
    width: 67px;
    background-image: linear-gradient(0deg, #eabb51 0%, #c79a36 25%, #a3791a 50%, #facd6a 100%);
}

#Logined a.css-login-top-account-btn:hover,
#Logined a.css-login-top-deposit-btn:hover {
    text-decoration: none;
    opacity: 0.85;
}

#Logined a.css-login-top-account-btn:after {
    content: '';
    width: 7px;
    height: 7px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAs0lEQVR4AaXBPwsBcRzA4Y/f3ZVD/mVRSriwERuRlUwW5Z1YLUajgcloNBi8ACl5A5isDMoovkqXuG7zPPxD1uJmD6Bf++LiNsIAH9Z5Iw63A1kCYGLl28+n/Oj0yOEDRYTibChfVlPKxNAAdOJUT1uxXY7USGBgM7GSrcdd3ppd8vjxYFOEKUwGIiLLMSWiKL7oxKls5rsFNRIYOJhkqNMgix8PDoogKdKEULjQ8OJF4+MFxQSEELtMV8IAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}

#Logined a.css-login-top-deposit-btn:before {
    content: '';
    width: 13px;
    height: 15px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAMAAAAFBf7qAAAAk1BMVEUAAAAEBAQBAQEBAQEUFBTu7u7d3d0EBAT8/PwAAAD8/PwGBgYAAADs7Oz////u7u7e3t7y8vKioqL5+fn4+Pj9/f36+vr////U1NT7+/v7+/vo6Oi5ubkAAAAAAADHx8f9/f24uLiUlJT///+tra3Gxsb5+flERESDg4Pi4uLh4eHy8vLi4uKkpKRPT0+VlZX////r24HoAAAAMHRSTlMADUowBt3DNtIq80EXtqino5GGUuzmyse8sqeEQyIfo5OGg3NrZmJSUEYR5M1SQy5OOEmIAAABAElEQVQoz6XS2YKCIBSAYQ/gGKLmvqVW095svP/TDQUewtv+G8/xu1HUe7tD0xxwsRVJ0kjVKkmKBVUSq1xha0tr5hBcfewKLnGCcZdYxAMTj9jiCeuVqS5c2cmXdq/S6XvlXl87K73UbcmXHvpZzkY+RUC+9XjWcjfSilNGSaiX+5MyQ3veyeHXUPYQFhpKo0GNppApuuE2jEGMdlO0kdiGii3O+syxmpLSnj+LJT67lH/cN1vMPEDKRZ5CFM4EHqQzlT9BAP28pYqOEjtNFc5HRdzHdZXh6HPw2HSxZuUyqXcGSvL2w6nNCYXnt6eCLBJU/wUMRk6d+AgP0eim4R8+BT/l1M1RYAAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}

#Logined .member-link-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 9px 11px 8px;
}

#Logined .member-link-box a.normal-btn {
    width: calc((100% - 3px) / 2);
    margin-bottom: 3px;
}

#Logined .member-link-box a.normal-btn:nth-child(2n+1) {
    margin-right: 3px;
}

.hr1 {
    border-top: 1px solid #0d0d0d;
    border-bottom: 1px solid #2b2b2b;
    width: 740px;
    float: right;
    margin: 20px 0;
    height: 0px;
}

.hr2 {
    border-top: 1px solid #221605;
    border-bottom: 1px solid #463114;
    height: 0px;
}

.hr3 {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #222222;
    width: 100%;
    height: 0px;
}

.loginuser {
    height: 26px;
    border: 0;
    background: url(/images/loginbarbg.jpg) no-repeat;
    width: 90px;
    padding: 0 5px;
    color: #c69e5e;
}

.loginpw {
    height: 26px;
    border: 0;
    background: url(/images/loginbarbg.jpg) -200px 0 no-repeat;
    width: 90px;
    padding: 0 5px;
    color: #c69e5e;
    margin-left: 5px;
}

/*170807START*/
.loginpw.blur {
    height: 26px;
    border: 0;
    background: url(/images/loginbarbg.jpg) 0 0 no-repeat;
    width: 90px;
    padding: 0 5px;
    color: #c69e5e;
}

.loginbtn {
    width: 50px;
    height: 26px;
    text-indent: -9999px;
    background: url(/images/loginbtn.jpg) 0 0 no-repeat;
    float: right;
    border: 0;
}

/*END*/
.loginbtn:hover {
    background: url(/images/loginbtn.jpg) -50px 0 no-repeat;
}


/* 上方公告跑馬燈&服務&語系選單 START　*/

/*跑馬燈*/
.Marquee {
    color: #fff;
    height: 28px;
    width: 600px;
    overflow: hidden;
    display: block;
}

.tickercontainer {
    /* the outer div with the black border */
    width: auto;
    height: 27px;
    margin: 0;
    padding: 0;
}

.tickercontainer .mask {
    /* that serves as a mask. so you get a sort of padding both left and right */
    width: auto;
    position: relative;
    left: 0px;
    top: 5px;
    overflow: hidden;
}

ul.newsticker {
    /* that's your list */
    position: relative;
    left: 750px;
    font: 13px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.newsticker li {
    margin: 0;
    padding: 0;
    margin-right: 50px;
    list-style: none;
    float: left;
    /* important: display inline gives incorrect results when you check for elem's width */
}

ul.newsticker li a {
    color: #ffe9c7 !important;
}

ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    font: 13px Verdana;
    margin: 0;
}

.time {
    display: block;
    width: 120px;
    font-size: 14px;
    line-height: 28px;
    color: #311f07;
    text-align: center;
    margin-left: 10px;
}

/*在線客服*/
.onlineservicebtn {
    width: 83px;
    height: 28px;
    font: 13px/28px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: url(/images/onlineservice_btn.png) center center no-repeat;
    background-size: auto 28px;
    border-left: 1px solid #b7935a;
    float: left;
    position: relative;
    padding: 0px 4px;
    cursor: pointer;
}

.onlineservicebtn:hover {
    background-image: url(/images/onlineservice_btn_m.png);
    background-size: auto 28px;
}


/*服務*/
.selectservice {
    width: auto;
    height: 28px;
    font: 13px/28px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #322008;
    background: none;
    border-left: 1px solid #b7935a;
    border-right: none;
    float: left;
    position: relative;
    padding: 0 10px;
    cursor: pointer;
}

.selectservice:hover {
    background: none;
    color: #ffe9c7;
}


/*語言*/
.lang {
    font: 13px/28px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #322008;
    border-left: 1px solid #b7935a;
    float: left;
    position: relative;
    padding: 0 10px;
    cursor: pointer;
}

.lang span {
    color: #ffe9c7;
}

.lang:hover {
    background: #876327
}

.lang:hover span {
    color: #ffdf1c;
}

.lang ul.sub-nav,
.selectservice ul.sub-nav {
    width: 100%;
    display: none;
    position: absolute;
    z-index: 999;
    list-style: none;
    padding-top: 5px;
    margin-left: -10px;
    background: url(/images/subnavulbg.gif) no-repeat top right
}

.lang ul.sub-nav li,
.selectservice ul.sub-nav li {
    background: #bbbbbb;
    border-bottom: 1px #828282 solid;
    border-top: 1px #cfcfcf solid;
    padding-left: 10px;
    color: #515151;
}

.lang ul.sub-nav li:nth-child(1),
.selectservice ul.sub-nav li:nth-child(1) {
    border-top: 0;
}

.lang ul.sub-nav li.active {
    background: url(/images/tick.png) #bbbbbb no-repeat 115px center;
}

.lang ul.sub-nav li a,
.selectservice ul.sub-nav li a {
    color: #515151;
    display: block;
    margin-left: -10px;
    padding-left: 10px
}

.lang ul.sub-nav li a:hover,
.selectservice ul.sub-nav li a:hover {
    background: #dfdfdf;
    color: #292929;
}

.selectservice span::after,
.lang span::after {
    content: " ";
    display: inline-block;
    width: 11px;
    height: 9px;
    background: url(/images/dropdown-asrrow.png);
    background-size: 11px auto;
    vertical-align: middle;
    margin-left: 3px;
    position: relative;
    top: -1px;
}

.selectservice ul.sub-nav {
    width: 80px;
}

.onlineservicebtn:before,
.selectservice:before,
.lang:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #835f2a;
    position: absolute;
    left: 0;
    top: 0;
}

/* 右上方服務&語系選單 END */


/* 滑動廣告bannerer */

#Banner {
    width: 100%;
    overflow: visible;
    background: #000;
}

.BannerCon {
    width: 100%;
    margin: 0 auto;
}

#new_slides2020 a {
    display: block;
    background-size: 1920px 400px;
    background-position: center center;
    height: 400px;
}

#new_slides2020 .owl-dots {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2%;
}

.owl-theme .owl-dots .owl-dot span {
    background: none;
    border: 1px solid #f3e8c1;
    width: 35px;
    height: 3px;
    border-radius: 0;
    margin: 5px 3px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #f3e8c1;
    box-shadow: 0 0 5px 2px #ffde80;
}

/* 滑動廣告bannerer END */

.txt_star {
    color: #d90000;
}


.moneytable {
    border-bottom: 1px #343434 solid;
    border-right: 1px #343434 solid;
    background: #191919;
    color: #969696;
    width: 100%;
    margin: 20px auto;
}

.moneytable td,
.moneytable th {
    border-top: 1px #343434 solid;
    border-left: 1px #343434 solid;
    text-align: center;
    line-height: 2;
}

.moneytable th {
    color: #ae894a;
    font-weight: normal;
}

.moneytable a {
    color: #969696;
}

.moneytable a:hover {
    color: #fff;
}

.nortable {
    margin: 20px auto;
    width: 100%;
}

.nortable th {
    width: 130px;
    text-align: right;
    font-weight: normal;
}

.nortable td {
    padding-left: 5px;
}

.nortable select,
.nortable input {
    width: 184px;
    margin-top: 5px;
    padding: 0 8px;
    height: 20px;
    color: #404040;
    border: 0;
}

.nortable textarea {
    margin-top: 5px;
    padding: 0 8px;
    color: #404040;
    border: 0;
    height: 350px;
    font-size: 13px;
}

.nortable select {
    width: 200px;
    margin-top: 5px;
    padding: 0 0 0 5px;
    height: 20px;
}

.messegetable {
    border-bottom: 1px #343434 solid;
    border-right: 1px #343434 solid;
    background: #191919;
    color: #969696;
    width: 100%;
    margin: 20px auto;
}

.messegetable td,
.messegetable th {
    border-top: 1px #343434 solid;
    border-left: 1px #343434 solid;
    text-align: center;
    line-height: 2.5;
}

.messegetable th {
    color: #ae894a;
}

.messegetable td.title {
    color: #ae894a
}

.messegetable td.content,
.messegetable td.reply {
    background: #101010;
    line-height: 2;
    padding: 10px 20px;
    text-align: left;
    word-break: break-all;
}

.messegetable td.reply h1 {
    border-bottom: 1px #313131 solid;
    margin: -10px -20px 10px -20px;
    color: #d38306;
    text-align: center;
}

.shortbtn a {
    background: #1d160c;
    border-radius: 2px;
    -moz-border-radius: 2px;
    /* Firefox 3.6 and earlier */
    border: #584528 1px solid;
    color: #ae894a;
    display: inline-block;
    padding: 0 7px;
    line-height: 1.5
}

.pagenav {
    text-align: right;
    margin: 15px 0 30px;
}

.pagenav a {
    color: #969696;
}

.pagenav a:hover {
    color: #fff;
}

.reportbtn a {
    margin-bottom: 10px;
    width: 200px;
    height: 100px;
    display: block;
    text-indent: -9999px;
    background: url(/images/report_btn.png)
}

.reportbtn a:hover {
    background: url(/images/report_btn_hover.png)
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


img.vcode {
    vertical-align: middle;
    margin-bottom: 2px;
    border: 1px solid #a9a9a9;
}


.GameName {
    color: #9c7735;
}

/*主要區塊共通 START*/
#Center {
    border-bottom: 1px solid #0d0d0d;
    width: 100%;
    overflow: hidden;
    padding-bottom: 15px;
}

.CenterCon {
    width: 1000px;
    margin: 50px auto;
}

.CenterConLeftMod {
    float: left;
    height: 100%;
    width: 200px;
}

.CenterConRighttMod {
    float: left;
    width: 760px;
    /*overflow: hidden;*/
    height: 100%;
    min-height: 1000px;
    margin-left: 30px;
    margin-bottom: 50px;
}

/*主要物件共通 END */


/*左下方亞洲城 客戶服務 */
.Ls_section_row {
    position: relative;
    display: block;
    padding-left: 30px;
    margin-top: 10px;
    color: #B18F53;
}

.Ls_section_row:hover {
    color: #FFFFFF;
}

.Ls_sv {
    background: url(/images/ico_service.png) left top no-repeat;
    position: absolute;
    left: 25px;
    top: 25px;
    cursor: pointer;
}

.Ls_sv:hover {
    background: url(/images/ico_serviceh.png) left top no-repeat;
}

.Ls_ml {
    background: url(/images/ico_mail.png);
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    left: 25px;
    top: 63px;
    line-height: 20px;
}

.Ls_ml:hover {
    background: url(/images/ico_mailh.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.Ls_tel {
    background: url(/images/ico_sertel.png) left top no-repeat;
    position: absolute;
    left: 25px;
    top: 105px;
}

.Ls_tel:hover {
    background: url(/images/ico_sertelh.png) left top no-repeat;
}

.Ls_qq {
    background: url(/images/ico_qq.png) left top no-repeat;
    position: absolute;
    left: 25px;
    top: 140px;
    line-height: 20px;
}

.Ls_qq:hover {
    background: url(/images/ico_qqh.png) left top no-repeat;
}

.Ls_help {
    background: url(/images/ico_help.png) left top no-repeat;
    position: absolute;
    left: 25px;
    top: 117px;
    height: 26px;
}

.Ls_help:hover {
    background: url(/images/ico_helph.png) left top no-repeat;
}

.Ls_tm {
    background: url(/images/ico_maint.png) left top no-repeat;
    position: absolute;
    left: 25px;
    top: 220px;
    line-height: 20px;
}

.Ls_tm:hover {
    background: url(/images/ico_mainth.png) left top no-repeat;
}

.Ls_rp {
    background: url(/images/ico_report.png) left top no-repeat;
    position: absolute;
    left: 25px;
    top: 155px;
    height: 26px;
}

.Ls_rp:hover {
    background: url(/images/ico_reporth.png) left top no-repeat;
}

.Ls_qr {
    text-align: center;
    position: absolute;
    left: -10px;
    top: 230px;
    display: inline-block;
    width: 150px;
    height: 250px;
}

.Ls_qr img {
    margin-top: 5px;
}

/*左下方亞洲城 客戶服務 END */

.Leftservice {
    display: block;
    border: 1px solid #2a2a2a;
    width: 198px;
    height: 175px;
    background: url(/images/rankboard/servicebgPT.jpg);
    margin-bottom: 10px;
}

.Leftservice table {
    margin: 40px 30px 20px 52px;
    color: #b99557;
    line-height: 32px;
}

.Leftservice a {
    color: #b99557;
    text-decoration: none;
}

.Leftservice a:hover {
    color: #fff;
    text-decoration: none;
}

.Leftservice:hover {
    display: block;
    border: 1px solid #9c7735;
}

/* 公告中心 table */
.announcetable {
    background: #101010;
    color: #666666;
    border-bottom: 1px #2d2d2d solid;
    border-left: 1px #2d2d2d solid;
}

.announcetable th {
    background: #a27c3b;
    color: #362b1b;
    border-top: 1px #c8a568 solid;
    border-right: 1px #2d2d2d solid;
    font-weight: normal;
    font-size: 15px;
}

.announcetable td {
    border-top: 1px #2d2d2d solid;
    border-right: 1px #2d2d2d solid;
    font-size: 13px;
    text-align: center;
    line-height: 2.5;
    cursor: pointer
}

.announcetable td.title {
    color: #ae894a;
    padding: 0 10px;
    text-align: left;
}

.announcetable td.detail {
    color: #999999;
    text-align: left;
    padding: 20px 25px;
    line-height: 1.5;
    display: none;
    word-break: break-all;
}

.announcetable td.detail:hover {
    color: #999999;
}

.announcetable tr:hover,
.announcetable td:hover {
    color: #fff;
}

/* 公告中心 table END */
/* 下方fixed 選單 */
#game_marketing_interface * {
    box-sizing: border-box;
}

.tools-fast-box {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 300;
    font-size: 14px;
    -webkit-transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s;
    -moz-transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s;
    -o-transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s;
    transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s;
    overflow: hidden;
    line-height: 1;
    transform: translateY(calc(100% - 40px));
    -webkit-transform: translateY(calc(100% - 40px));
    -moz-transform: translateY(calc(100% - 40px));
    -ms-transform: translateY(calc(100% - 40px));
    -o-transform: translateY(calc(100% - 40px));
}

.tools-fast-box-show {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.tools-fast-top-box {
    width: 100%;
    height: 40px;
    background-image: linear-gradient(0deg, #000000 0%, #161616 100%);
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

/* tools-fast-tabs start */
.tools-fast-tabs {
    position: relative;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.tools-fast-tabs li {
    color: #897354;
    font-size: 1em;
    padding: 0 30px;
    list-style-type: none;
    border-bottom: 1px solid transparent;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #2d2d2d;
    height: 100%;
    cursor: pointer;
    white-space: nowrap;
}

.tools-fast-tabs li.search-tab {
    padding: 6px 7px;
}

.tools-fast-tabs li:last-of-type {
    border-right: 1px solid #2d2d2d;
}

.tools-fast-tabs li:hover,
.tools-fast-tabs li.active {
    color: #2f1f0b;
    background-image: linear-gradient(0deg,
            #9d773c 0%,
            #e9b971 100%),
        linear-gradient(#f1f1f1, #f1f1f1);
}

.tools-fast-tabs i {
    display: block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    background-size: auto 200%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/images/new_page_2020/bottom_game_bar/icon_bottombar.png);
}

.tools-fast-tabs i.tools-fast-icons-history {
    background-position: 0 0;
}

.tools-fast-tabs i.tools-fast-icons-favorite {
    background-position: -20px 0;
}

.tools-fast-tabs i.tools-fast-icons-hot {
    background-position: -39px 0;
}

.tools-fast-tabs i.tools-fast-icons-recommend {
    background-position: -56px 0;
}

.tools-fast-tabs i.tools-fast-icons-refer {
    background-position: -73px 0;
}

.tools-fast-tabs i.tools-fast-icons-search {
    background-position: -93px 0;
}

.tools-fast-tabs li:hover i,
.tools-fast-tabs li.active i {
    background-position-y: 100%;
}

.tools-fast-tabs span {
    display: block;
}

.tools-fast-tabs li.search-tab .search-input {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0e0e0e;
    border-radius: 1px;
    height: 100%;
}

.tools-fast-tabs li.search-tab .search-input input,
.tools-fast-tabs li.search-tab .search-input .btn-search,
.tools-fast-tabs li.search-tab .search-input .btn-search-text-clear {
    background-color: transparent;
    border: none;
}

.tools-fast-tabs li.search-tab .search-input input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #3e362a;
    opacity: 1;
    /* Firefox */
}

.tools-fast-tabs li.search-tab .search-input input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #3e362a;
}

.tools-fast-tabs li.search-tab .search-input input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #3e362a;
}

.tools-fast-tabs li.search-tab .search-input input {
    color: #897354;
    font-size: 14px;
    padding-left: 5px;
}

.tools-fast-tabs li.search-tab .search-input .btn-search i {
    background-position: 100% 0 !important;
}

.tools-fast-tabs li.search-tab .search-input .btn-search:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.tools-fast-tabs li.search-tab .search-input i.icon-search-text-clear {
    width: 15px;
    height: 15px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/images/new_page_2020/bottom_game_bar/icon_delete.png);
}

.btn-tools-fast-show {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    height: 100%;
    border-left: 1px solid #2d2d2d;
    border-right: 1px solid #2d2d2d;
    color: #897354;
    white-space: nowrap;
}

.btn-tools-fast-show:after {
    content: '展开';
}

.tools-fast-box-show .btn-tools-fast-show:after {
    content: '收合';
}

.btn-tools-fast-show:hover {
    color: #2f1f0b;
    background-image: linear-gradient(0deg,
            #9d773c 0%,
            #e9b971 100%),
        linear-gradient(#f1f1f1, #f1f1f1);
}

.btn-tools-fast-show i {
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background-size: auto 200%;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-image: url(/images/new_page_2020/bottom_game_bar/icon_arrow.png);
}

.tools-fast-box-show .btn-tools-fast-show i {
    background-position-x: 0;
}

.btn-tools-fast-show:hover i {
    background-position-y: 100%;
}

.btn-tools-fast-show span {
    display: block;
}

/* tools-fast-tabs end */
.tools-fast-content-box {
    width: 100%;
    height: 190px;
    position: relative;
    background: url(/images/new_page_2020/bottom_game_bar/bg_bottombar.png) no-repeat center top / 1920px auto,
        linear-gradient(0deg, #37250a 0%, #191208 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width:1921px) {
    .tools-fast-content-box {
        background: url(/images/new_page_2020/bottom_game_bar/bg_bottombar.png) no-repeat center top / 100% auto,
            linear-gradient(0deg, #37250a 0%, #191208 100%);
    }
}

.tools-fast-gamelist {
    width: 1222px;
    padding: 0 50px;
}

.tools-fast-gamelist .VueCarousel--arrow--left,
.tools-fast-gamelist .VueCarousel--arrow--right {
    width: 50px;
    height: 150px;
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
}

.tools-fast-gamelist .VueCarousel--arrow--left {
    background-image: url(/images/new_page_2020/bottom_game_bar/icon_arrow-left.png);

}

.tools-fast-gamelist .VueCarousel--arrow--right {
    background-image: url(/images/new_page_2020/bottom_game_bar/icon_arrow-right.png);
}

.tools-fast-gamelist .VueCarousel--arrow--left:hover,
.tools-fast-gamelist .VueCarousel--arrow--right:hover {
    background-size: 75%;
}

.tools-fast-content {
    position: relative;
}

.tools-fast-content .tools-fast-gamelist .VueCarousel-wrapper {
    background-image: linear-gradient(0deg,
            #ad8647 0%,
            #c9a265 26%,
            #e5be82 53%,
            #b08849 100%),
        linear-gradient(#d3a762, #d3a762);
    border-radius: 10px;
    border: solid 2px #e2bb7f;
    padding: 7px 6px;
    overflow: hidden;
    width: calc(100% - 2px * 2 - 6px * 2);
    height: calc(150px - 2px * 2 - 7px * 2);
    box-sizing: content-box !important;
}

.tools-fast-content .tools-fast-gamelist .VueCarousel-navigation-button:focus {
    outline: none;
}

.tools-fast-content .tools-fast-gamelist .VueCarousel-navigation--disabled {
    visibility: hidden;
}

.tools-fast-gamelist-item {
    width: 138px;
    height: 132px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/new_page_2020/bottom_game_bar/bg_game.png);
    font-size: 12px;
    position: relative;
    margin: 0 auto;
}

.tools-fast-gamelist-item .game-box {
    display: flex;
    flex-direction: column;
}

.tools-fast-gamelist-item .game-img {
    width: 128px;
    height: 94px;
    margin: 5px auto 3px;
    position: relative;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.tools-fast-gamelist-item .game-box .game-play-btn-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s;
    -moz-transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s;
    -o-transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s;
    transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s;
}

.tools-fast-gamelist-item .game-box .game-img:hover .game-play-btn-box {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.tools-fast-gamelist-item .game-box .game-play-btn-box .btn-play {
    border-radius: 5px;
    color: #c19147;
    display: block;
    width: 90px;
    text-align: center;
    font-weight: normal;
    border: 1px solid #c19147;
    background-color: #000000;
    padding: 2px;
    margin-bottom: 7px;
}

.tools-fast-gamelist-item .game-box .game-play-btn-box .btn-play:last-of-type {
    margin-bottom: 0;
}

.tools-fast-gamelist-item .game-box .game-play-btn-box .btn-play:hover,
.tools-fast-gamelist-item .game-box .game-play-btn-box .btn-play:active,
.tools-fast-gamelist-item .game-box .game-play-btn-box .btn-play:focus,
.tools-fast-gamelist-item .game-box .game-play-btn-box .btn-play.active {
    color: #ecc383;
    border: 1px solid #ecc383;
}

.tools-fast-gamelist-item .game-title {
    width: 132px;
    height: 26px;
    margin: 0px auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tools-fast-gamelist-item .game-name {
    width: calc(100% - 30px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    padding-left: 8px;
}

.tools-fast-gamelist-item .game-box .collect-btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tools-fast-gamelist-item .game-box .icon-collect {
    width: 30px;
    height: 100%;
    background-repeat: no-repeat;
    display: block;
    background-size: auto 200%;
    background-image: url(/images/new_page_2020/bottom_game_bar/icon_favorite.png);
    background-position: center top;
}

.tools-fast-gamelist-item .game-box .icon-collect.not-collect {
    background-position: center bottom;
}

/*----------------列表無資料時 & 搜尋中-----------------*/
.tools-fast-content .get-no-game-box,
.tools-fast-content .searching-game-box {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    font-size: 14px;
    color: #c2ad90;
    text-align: center;
}

.tools-fast-content .get-no-game-box .icon,
.tools-fast-content .searching-game-box .icon {
    margin: 0 auto 4px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 64px;
    padding-bottom: 64px;
}

.tools-fast-content .get-no-game-box .icon.class-no-game-icon {
    background-image: url('/images/new_page_2020/bottom_game_bar/icon_nothing.png');
}

.tools-fast-content .get-no-game-box .icon.search-no-game-icon {
    background-image: url('/images/new_page_2020/bottom_game_bar/icon_notfound.png');
}

.tools-fast-content .searching-game-box .icon.searching-game-icon {
    background-image: url('/images/new_page_2020/bottom_game_bar/icon_notfound.png');
}

/*---------------- icon lobby -----------------*/
.tools-fast-gamelist-item .for-all-common-icon-lobby {
    width: 42px;
    padding-bottom: 20px;
    display: block;
    position: absolute;
    z-index: 1;
    background-size: 100% 100%;
    right: -3px;
    top: 8px;
}

.for-all-common-icon-lobby.PGG, 
.for-all-common-icon-lobby.PGS {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_pgs.png');
}

.for-all-common-icon-lobby.AG,
.for-all-common-icon-lobby.AG2 {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_ag.png');
}

.for-all-common-icon-lobby.BBIN2 {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_bbin.png');
}

.for-all-common-icon-lobby.CQ9 {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_cq9.png');
}

.for-all-common-icon-lobby.FG2 {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_fg.png');
}

.for-all-common-icon-lobby.MGPLUS {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_mg.png');
}

.for-all-common-icon-lobby.PNG {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_png.png');
}

.for-all-common-icon-lobby.RELAX {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_rg.png');
}

.for-all-common-icon-lobby.PT {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_pt.png');
}

.for-all-common-icon-lobby.PTS {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_pts.png');
}

.for-all-common-icon-lobby.PTN {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_sw.png');
}

.for-all-common-icon-lobby.TTG2 {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_ttg.png');
}

.for-all-common-icon-lobby.PGG,
.for-all-common-icon-lobby.PGS {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_pgs.png');
}

.for-all-common-icon-lobby.CG {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_cg.png');
}

.for-all-common-icon-lobby.MT {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_mt.png');
}

.for-all-common-icon-lobby.PMP {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_pp.png');
}

.for-all-common-icon-lobby.BP {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_bp.png');
}

.for-all-common-icon-lobby.BNNW {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_banana.png');
}

.for-all-common-icon-lobby.RSG {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_rsg.png');
}

.for-all-common-icon-lobby.UPG {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_upg.png');
}

.for-all-common-icon-lobby.FIVEG {
    background-image: url('/images/new_page_2020/game_hall_badge/badge_fiveg.png');
}
/* 下方選單 end */

#gamehall_maintenance_notice {
    display: none;
    color: #000000;
    background: #A47E3D;
}

#gamehall_maintenance_notice .hr {
    padding: 0;
    margin: 0;
    height: 1px;
    border: 0px;
    background: #7B581E;
    color: #7B581E;
}

#gamehall_maintenance_notice .css-maintenance_topic {
    font-size: 18px;
    font-weight: bold;
}

#gamehall_maintenance_notice .css-maintenance_date {
    float: right;
    color: #2F2F30;
}


.featherlight .featherlight-content {
    max-height: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: none transparent !important;
}

.featherlight iframe.featherlight-inner {
    width: 1920px !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

/* 右側客服浮動式窗&app 下載  */
.css-fixedmenu {
    position: fixed;
    right: 10px;
    top: 200px;
    z-index: 300;
    line-height: 1.4;
}

.css-fixedmenu .css-fixedmenu_box {
    background-image: linear-gradient(0deg,
            #bc954f 0%,
            #d6ab67 99%);
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 2px 0;
    border-radius: 4px 4px 0px 0px;
    box-shadow: inset 0px -1px 0px 0px rgba(87, 60, 13, 0.57),
        inset 0px 1px 0px 0px #f0cb92,
        inset 1px 0px 1px 0px #f8dbad;
    position: relative;
}

.css-fixedmenu .css-fixedmenu_option {
    padding: 3px 5px;
    position: relative;
}

.css-fixedmenu .css-fixedmenu_option:after {
    content: '';
    display: block;
    width: 95%;
    height: 1px;
    margin: auto;
    background-color: #ab8b57;
    position: relative;
    bottom: -3px;
}

.css-fixedmenu .css-fixedmenu_option:last-of-type:after {
    display: none;
}

.css-fixedmenu .css-fixedmenu_option .css-fixedmenu_control {
    display: block;
    width: 55px;
    height: 60px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.css-fixedmenu .css-fixedmenu_option:hover .css-fixedmenu_control {
    background-color: #aa8345;
    cursor: pointer;
}

.css-fixedmenu .css-fixedmenu_option .css-fixedmenu_control img {
    width: 100%;
}

.css-fixedmenu .css-fixedmenu_option_gotop .css-fixedmenu_control {
    height: 33px;
}

.css-fixedmenu .css-fixedmenu_close {
    background-image: linear-gradient(0deg,
            #231707 0%,
            #372610 99%);
    box-shadow: inset 0px -1px 0px 0px rgba(7, 4, 1, 0.57),
        inset 0px 1px 0px 0px #473417,
        inset 1px 0px 1px 0px #473417;
    border-radius: 0px 0px 4px 4px;
    display: block;
    width: 100%;
    height: 28px;
    position: relative;
    cursor: pointer;
}

.css-fixedmenu .css-fixedmenu_close:before {
    content: '';
    display: block;
    background-image: url('/images/cs/btn_close.png');
    background-size: 8px auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.css-fixedmenu .css-fixedmenu_close:hover {
    background-image: linear-gradient(0deg,
            #281a08 0%,
            #36250f 50%,
            #433016 99%)
}

.css-fixedmenu .css-fixedmenu_content {
    position: absolute;
    opacity: 0;
    right: -999px;
    top: 2px;
    z-index: -1;
    background-image: linear-gradient(0deg,
            #251605 0%,
            #362610 99%);
    border-radius: 4px 0px 0px 4px;
    border: solid 1px #685434;
    border-right: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 15px 20px 18px 15px;
    color: #edc990;
    font-size: 12px;
    width: 154px;
    text-align: center;
}

.css-fixedmenu .css-fixedmenu_content a {
    color: #edc990;
    text-decoration: none;
}

.css-fixedmenu .css-fixedmenu_content a:hover {
    color: #ffe6be;
    text-decoration: none;
}

.css-fixedmenu .css-fixedmenu_option:hover .css-fixedmenu_content {
    right: 60px;
    opacity: 1;
}

.css-fixedmenu_content .css-fixedmenu_hr {
    background: url('/images/cs/img_hr.png') no-repeat center center / 100% 100%;
    width: 100%;
    height: 11px;
    margin: 10px 0;
}

.css-fixedmenu_content .css-fixedmenu_head {
    display: flex;
}

.css-fixedmenu_content .css-fixedmenu_icon {
    width: auto;
    height: 35px;
    margin-right: 7px;
}

.css-fixedmenu_content .css-fixedmenu_text {
    text-align: left;
}

.css-fixedmenu_content .css-fixedmenu_title {
    color: #d3a350;
    font-size: 13px;
}

.css-fixedmenu_content .css-fixedmenu_sub {
    color: #edc990;
    font-size: 12px;
}

.css-fixedmenu_option_url .css-fixedmenu_content {
    width: 215px;
}

.css-fixedmenu_content .css-spare_domain_content_r {
    position: relative;
}

.css-fixedmenu_content .css-spare_domain_link_r {
    background-image: linear-gradient(0deg,
            #1a1104 0%,
            #1c1103 100%);
    border-radius: 30px;
    border: solid 1px #141009;
    padding: 5px 15px;
    text-align: left;
}

.css-fixedmenu_content .css-spare_domain_btn_r {
    position: absolute;
    right: 4px;
    width: 50px;
    height: 20px;
    background: url(/images/cs/btn_go.gif) no-repeat;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.css-fixedmenu_content .css-spare_domain_btn_r:hover {
    transform: translateY(-50%) scale(1.05);
}

.css-fixedmenu .css-fixedmenu_btn {
    background-image: linear-gradient(0deg,
            #d6a228 0%,
            #a57c1c 51%,
            #f7cb67 100%);
    box-shadow: 0px 2px 0px 0px rgb(33 23 5 / 65%);
    border-radius: 3px;
    border: solid 1px #cea057;
    text-align: center;
    color: #ffffff;
    height: 27px;
    line-height: 27px;
    margin-bottom: 7px;
}

.css-fixedmenu .css-fixedmenu_btn:hover {
    background-image: linear-gradient(0deg,
            #dbb35d 0%,
            #997732 22%,
            #7f5d17 51%,
            #997832 74%,
            #dfb75f 100%);
    color: #e5d2aa;
    cursor: pointer;
}

.css-fixedmenu .css-fixedmenu_btn.disable,
.css-fixedmenu .css-fixedmenu_btn.disable:hover {
    cursor: default;
    background-image: linear-gradient(0deg,
            #7b7b7b 0%,
            #626262 52%,
            #adadad 100%);
    border: solid 1px #929292;
    color: #fff;
    pointer-events: none;
}

.css-fixedmenu .css-fixedmenu_btn:last-of-type {
    margin: 0;
}

.css-fixedmenu_icon_live {
    background: url('/images/cs/icon_live.png') no-repeat center center / 100% auto;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.css-fixedmenu_icon_call {
    background: url('/images/cs/icon_call.png') no-repeat center center / 100% auto;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.css-fixedmenu_mailtitle {
    color: #d3a350;
    font-size: 13px;
    text-align: center;
    margin-block: 3px;
}

.css-fixedmenu_mailtitle:before {
    background: url('/images/cs/icon_mail.png') no-repeat center center / 100% auto;
    display: inline-block;
    content: '';
    width: 15px;
    height: 10px;
    margin-right: 5px;
}

.css-fixedmenu_status {
    display: inline-block;
    border-radius: 3px;
    padding: 2px 3px;
    font-size: 12px;
    line-height: 1;
    transform: scale(0.9);
    position: relative;
    top: -1px;
}

.css-fixedmenu_status.off {
    background-color: #514638;
    color: #beae9b;
}

.css-fixedmenu_status.on {
    background-color: #378503;
    color: #c8f1ad;
}

.css-fixedmenu .css-fixedmenu_control .img-icon {
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

/* 右側客服浮動式窗&app 下載  END  */

/* 頁尾Footer */

#Footer {
    background: #2c2c2c;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #414141;
}

.FooterCon {
    width: 1160px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
}

.FooterNav {
    border-top: 1px solid #414141;
    text-align: center;
    padding: 0px 0 80px 0;
    color: #585858;
    font-size: 12px;
}

.FooterNav ul {
    display: table;
    list-style: none;
    font-size: 13px;
    margin: 15px auto 20px auto;
    overflow: hidden;
}

.FooterNav li {
    float: left;
    margin: 0px 15px;
}

.FooterNav li a {
    color: #585858;
    text-decoration: none;
}

.FooterNav li a:hover {
    color: #FFF;
    text-decoration: none;
}

.FooterLogo {
    border-bottom: 1px solid #0d0d0d;
    padding: 25px 10px;
    text-align: center;
    color: #585858;
}

.FooterLogo a {
    color: #999999;
    text-decoration: none;
}

.FooterLogo a:hover {
    color: #999999;
    text-decoration: underline;
}

/* 頁尾Footer END */



/*會員中心區塊*/
#Membermod {
    width: 100%;
    background: #1b1b1b;
}

#Membermod .Topnav {
    width: 100%;
    background: #252525;
    padding-top: 10px;
}

#Membermod .Topnav ul {
    width: 800px;
    margin: 0 auto;
    list-style: none;
    height: 50px;
    text-indent: -9999px;
}

#Membermod .Topnav li {
    float: left;
    background: url(/images/mebermodtopnavbg202011.png) no-repeat;
    background-size: 798px 200%;
    display: block;
    height: 50px;
    text-indent: -9999px;
    cursor: pointer;
    width: 100px;
    position: relative;
}

#Membermod .Topnav li.mine:hover,
#Membermod .Topnav li.mine.curret,
#Membermod .Topnav li.turnin:hover,
#Membermod .Topnav li.turnin.curret,
#Membermod .Topnav li.turnout:hover,
#Membermod .Topnav li.turnout.curret,
#Membermod .Topnav li.points:hover,
#Membermod .Topnav li.points.curret,
#Membermod .Topnav li.bank:hover,
#Membermod .Topnav li.bank.curret,
#Membermod .Topnav li.special:hover,
#Membermod .Topnav li.special.curret,
#Membermod .Topnav li.messege:hover,
#Membermod .Topnav li.messege.curret,
#Membermod .Topnav li.dailytask:hover,
#Membermod .Topnav li.dailytask.curret {
    background-position-y: -50px;
}

#Membermod .Topnav li.mine {
    background-position: calc(100px * 0) 0;
}

#Membermod .Topnav li.turnin {
    background-position: calc(100px * -1) 0;
}

#Membermod .Topnav li.turnout {
    background-position: calc(100px * -2) 0;
}

#Membermod .Topnav li.points {
    background-position: calc(100px * -3) 0;
}

#Membermod .Topnav li.bank {
    background-position: calc(100px * -4) 0;
}

#Membermod .Topnav li.special {
    background-position: calc(100px * -5) 0;
}

#Membermod .Topnav li.messege {
    background-position: calc(100px * -6) 0;
}

#Membermod .Topnav li.dailytask {
    background-position: calc(100px * -7) 0;
}

#Membermod .Topnav li.special .css-un_fetch_prize_count {
    font-size: 12px;
    font-family: Helvetica;
    line-height: 16px;
    text-align: center;
    color: #fff;
    text-indent: 0px;
    background-color: #f70027;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    padding: 0 4px;
    position: absolute;
    top: 10%;
    left: 60%;
}

.CenterCon .Membercon {
    width: 798px;
    margin: -30px auto 0 auto;
    border: 1px #9c7735 solid;
    background: #101010;
    color: #969696;
    height: 100%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    /* Firefox 3.6 and earlier */
    /*display: flex;*/
    display: none;
}

.CenterCon .Membercon .leftmod {
    width: 126px;
    border-right: 1px #000000 solid;
    background: #0b0b0b;
    height: auto;
    overflow: hidden;
    padding: 30px 20px;
}

.CenterCon .Membercon .leftmod a,
.CenterCon .Membercon .leftmod a:hover {
    text-decoration: none;
    display: block;
    width: 100%;
}

.CenterCon .Membercon .leftmod a {
    color: #595959;
}

.CenterCon .Membercon .leftmod a:hover {
    color: #fff;
}

.CenterCon .Membercon .leftmod .leftsubnav ul {
    list-style: none;
    clear: both;
}

.CenterCon .Membercon .leftmod .leftsubnav ul li {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
    color: #776a53;
    background: #373021;
    border-radius: 2px;
    -moz-border-radius: 2px;
    /* Firefox 3.6 and earlier */
    cursor: pointer;
    line-height: 30px;
    width: 126px;
    height: 30px;
}

.CenterCon .Membercon .leftmod .leftsubnav ul li:hover,
.CenterCon .Membercon .leftmod .leftsubnav ul li.curret {
    color: #fff;
    background: #9c7735;
    border-radius: 2px;
    -moz-border-radius: 2px;
    /* Firefox 3.6 and earlier */
    border-top: 1px solid #c09952;
    border-left: 1px solid #c09952;
    height: 29px;
    line-height: 28px;
    width: 124px;
    padding-right: 1px;
}

.CenterCon .Membercon .rightmod {
    width: 590px;
    border-left: 1px #222 solid;
    height: auto;
    padding: 15px 20px 40px;
}

.CenterCon .Membercon .rightmod p {
    line-height: 3;
}

.CenterCon .Membercon h1 {
    color: #ae894a;
    font-size: 13px;
    line-height: 40px;
}

.collectgamebtn {
    width: 111px;
    height: 30px;
    padding-left: 69px;
    margin: 0 auto 5px auto;
    display: block;
    font-size: 15px;
    line-height: 30px;
    background: url(/images/collectgamebtn.jpg);
    cursor: pointer;
}

.collectgamebtn:hover {
    background: url(/images/collectgamebtn.jpg) 0 -30px;
}


/*遊戲視窗內的會員中心*/
#gamewindow_Center .CenterCon {
    width: 800px;
    margin: 0px;
}

#gamewindow_Center .CenterCon .Membercon {
    margin: 0px;
    border: 2px #9c7735 solid;
    border-radius: 0px 0px 3px 3px;
}

#gamewindow_Center .CenterCon .Membercon .rightmod {
    width: 610px;
    height: 565px;
    overflow: auto;
}

#gamewindow_Center .CenterCon .Membercon {
    width: 818px;
}

/*會員中心區塊 END */



/* #dialog_modal */
#dialog_modal .alrtmod {
    overflow-y: auto;
    max-height: 85%;
    width: 80%;
    border-radius: 4px;
    position: absolute;
    z-index: 10;
    top: 5%;
    left: 10%;
    box-sizing: border-box;
    color: gray;
}

#member_modify_modal .css-member_modify_all_page,
.attachment-modal .css-attachment-all-page {
    font-family: Microsoft JhengHei;
    overflow-y: auto;
    border-radius: 3px;
    position: relative;
    z-index: 10;
    top: 25%;
    margin: 0 auto;
    box-sizing: border-box;
    color: #9d9d9d;
    border: 1px solid #c79f56;
    font-size: 14px;
    background-color: #111111;
    width: 502px;
    max-height: 600px;
}

#member_modify_modal .css-member_modify_all_page .css-member_title,
.attachment-modal .css-attachment-all-page .css-member_title {
    width: 446px;
    margin: 0 auto;
    margin-top: 24px;
    height: 38px;
    text-align: left;
}

#member_modify_modal .css-member_modify_all_page .css-member_title .css-service_icon_text {
    float: right;
    height: 38px;
    line-height: 38px;
}

#member_modify_modal .css-member_modify_all_page .css-member_title .css-service_icon_text img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

#member_modify_modal .css-member_modify_all_page .css-member_title .css-service_icon_text u {
    color: #c9b081;
    margin-right: 10px;
}

#member_modify_modal .css-member_modify_all_page .css-member_title .css-service_icon_text u:hover {
    color: #eed7ad;
}

#member_modify_modal .css-member_modify_all_page .css-member_title .css-member_span,
.attachment-modal .css-attachment-all-page .css-member_title .css-attachment-span {
    color: #d59f57;
    font-size: 16px;
    padding-top: 0px;
    padding-left: 12px;
    display: inline-block;
    font-weight: bold;
    line-height: 38px;
}

#member_modify_modal .css-member_modify_all_page .css-body div {
    width: 426px;
    margin: 20px auto 30px;
    font-size: 14px;
    line-height: 14px;
    color: #c9b081;
    text-align: left;
}

#member_modify_modal .css-member_modify_all_page .button-size1,
.attachment-modal .css-attachment-all-page .button-size1 {
    width: 100%;
    height: 34px;
}

#member_modify_modal .css-member_modify_all_page .m_footer,
.attachment-modal .css-attachment-all-page .attachment-footer {
    width: 260px;
    margin: 0 auto;
    margin-bottom: 16px;
}

#member_modify_modal .css-member_modify_all_page .button-style2,
.attachment-modal .css-attachment-all-page .button-style2 {
    line-height: 34px;
    margin-bottom: 14px;
    color: #311f07;
    background: -webkit-linear-gradient(#dab77f, #a07a3a);
    background: -o-linear-gradient(#dab77f, #a07a3a);
    background: -moz-linear-gradient(#dab77f, #a07a3a);
    background: linear-gradient(#dab77f, #a07a3a);
}

#member_modify_modal .css-member_modify_all_page .button-style2:hover,
.attachment-modal .css-attachment-all-page .button-style2:hover {
    background: -webkit-linear-gradient(#a07a3a, #dab77f);
    background: -o-linear-gradient(#a07a3a, #dab77f);
    background: -moz-linear-gradient(#a07a3a, #dab77f);
    background: linear-gradient(#a07a3a, #dab77f);
}

#member_modify_modal .css-member_modify_all_page_close_btn,
.attachment-modal .css-attachment-all-page-close-btn {
    width: 502px;
    position: relative;
    z-index: 11;
    top: 25%;
    margin: 0 auto;
    font-size: 14px;
}

#member_modify_modal .css-member_modify_all_page_close_btn .css-close_btn,
.attachment-modal .css-attachment-all-page-close-btn .css-close_btn {
    height: 24px;
    width: 24px;
    background: url(/images/member/updata/btn_close.png) no-repeat;
    background-size: 24px 24px;
    border: 0px;
    cursor: pointer;
    position: absolute;
    right: -30px;
}

#member_modify_modal .css-member_modify_all_page button div.left-img,
.attachment-modal .css-attachment-all-page button div.left-img {
    line-height: 32px !important;
}

div#dialog_blank_modal.dialog_overlay {
    background-color: rgba(0, 0, 0, 0.9);
}

div.dialog_overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 555555;
}

.common-page-style2018 .button-size1 {
    font-family: Microsoft JhengHei;
    font-size: 14px;
    width: 100%;
    height: 30px;
}

.common-page-style2018 .button-size1-half {
    width: calc(50% - 5px);
    height: 40px;
}

.common-page-style2018 .button-size1-half:first-child {
    margin-right: 3px;
}

.common-page-style2018 .button-size1-half:last-child {
    margin-left: 3px;
}

.common-page-style2018 .button-size2 {
    width: 70px;
    height: 24px;
    line-height: 24px;
}

.button-style1,
.button-style2,
.button-style3 {
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all 0.20s ease-in-out;
    -moz-transition: all 0.20s ease-in-out;
    -ms-transition: all 0.20s ease-in-out;
    -o-transition: all 0.20s ease-in-out;
    outline: none;
}

.button-style1 {
    color: #979797;
    border: 1px solid #979797;
    background-color: transparent;
}

.button-style2 {
    color: #ffffff;
    border: 1px solid #c19147;
    background-color: #c19147;
}

.button-style2:hover {
    background-color: #9b7431;
    border-color: #9b7431;
}

.button-style3 {
    color: #ffffff;
    border: 1px solid #005981;
    background-color: #005981;
}

.button-style1.error {
    color: #c79f56;
    border: 1px solid #9e0000;
}

.button-style2.error {
    border: 1px solid #9e0000;
}

.button-style1.active {
    color: #c79f56;
    border: 1px solid #c19147;
}

.button-style2.active {
    border: 1px solid #c19147;
}

/*---ID example---*/
#ID_card_example_modal {
    position: relative;
    z-index: 10;
    top: 25%;
    margin: 0 auto;
}

#ID_card_example_modal .css-bg {
    position: relative;
    width: 232px;
    margin: 0 auto;
}

#ID_card_example_modal .css-ok-btn1 {
    position: absolute;
    bottom: 130px;
    right: 140px;
    width: 215px;
    height: 60px;
    cursor: pointer;
}

#ID_card_example_modal .css-title {
    background-color: #9b7635;
    color: #ffffff;
    font-size: 15px;
    height: 36px;
    font-family: Microsoft JhengHei;
    text-align: center;
    line-height: 36px;
    border-radius: 3px 3px 0px 0px;
}

#ID_card_example_modal .css-content {
    background-color: #f3dab8;
    color: #9b7535;
    font-size: 11px;
    font-family: Microsoft JhengHei;
    border-radius: 0px 0px 3px 3px;
    text-align: left;
}

#ID_card_example_modal .css-img img {
    width: 210px;
    /* height:191px; */
}

#ID_card_example_modal .closeBtn {
    position: absolute;
    background: url(/images/member/updata/btn_close.png) no-repeat;
    background-size: 20px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    right: 6px;
    top: 6px;
}

/*---ID example end---*/

/*---固定金额弹窗相关---*/
#fix_amount_modal {
    overflow-y: auto;
    max-height: 360px;
    width: 340px;
    border-radius: 3px;
    position: relative;
    z-index: 10;
    top: 25%;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    color: #9d9d9d;
    border: 1px solid #68532e;
    font-size: 14px;
    background-color: #1b1b1b;
    padding-top: 0px;
    padding-bottom: 10px;
}

#fix_amount_modal .body {
    padding-top: 10px;
    word-wrap: break-word;
}

#fix_amount_modal hr {
    width: 100%;
    height: 20px;
    border: 0px solid #000000;
    border-bottom: 1px solid #292929;
    margin-bottom: 10px;
}

#fix_amount_modal .foot {
    width: 58px;
    height: 33px;
    margin: 0 auto;
}

.css-arrow_copier {
    position: relative;
}

.css-arrow_copier input {
    cursor: pointer;
}

.css-arrow_copier::before {
    content: '▾';
    position: absolute;
    top: 0px;
    right: 200px;
    pointer-events: none;
    font-size: 19px;
    color: #cba460;
}

.button-style5 {
    position: relative;
    outline: none;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #68532e;
    color: #c9b081;
    background-color: transparent;
    cursor: pointer;
}

.button-style5.disabled {
    border: 1px solid #313131;
    color: #313131;
}

.button-style5.active {
    background: #9e7837;
    color: #fff;
}

.common-page-style2018 .button-size3 {
    width: 21%;
    float: left;
    text-align: center;
    padding: 5px 0;
    display: inline-block;
    margin: 5px 2%;
}

/*---固定金额弹窗相关---*/

.common-page-style2018 .button-style6 {
    color: #ffffff;
    border: 1px solid #c19147;
    background-color: #c19147;
    width: 80%;
    margin: 16px 10%;
    border-radius: 3px;
}

/*---共用弹窗---*/

.css_ad_modal {
    top: 25% !important;
    margin-top: 0 !important;
}

.btn-info {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    margin-top: 15px;
}

.css-emma-hall-icon {
    background-image: url(/images/new_game_icon_1114.png);
    background-size: cover;
    width: 40px;
    height: 16px;
    display: block;
    position: absolute;
    /* top: 20px; */
    z-index: 300;
}

.css-emma-game-icon {
    background-image: url(/images/new_game_icon_1114.png);
    background-size: cover;
    width: 35%;
    height: 20%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 300;
}


/*-----新优惠-----*/
.css-all_2018_eventNp .event-wrapper {
    width: 970px;
    height: auto;
    margin: 0 auto;
}

.css-all_2018_eventNp .event-main-nav {
    width: 970px;
    height: 40px;
    margin-top: 40px;
    margin-bottom: 24px;
    background-image: url(/images/event_list/bg-event-mainNavBg01.jpg);
}

.css-all_2018_eventNp .event-main-nav ul {
    list-style: none;
}

.css-all_2018_eventNp .clearfix {
    clear: left;
}

.css-all_2018_eventNp .nav {
    width: 161.666666666667px;
    height: 34px;
    float: left;
    cursor: pointer;
    padding-top: 6px;
    text-align: center;
}

.css-all_2018_eventNp .nav:hover {
    background-color: #9E7837;
}

.css-all_2018_eventNp .current {
    background-color: #9E7837 !important;
}

.css-all_2018_eventNp .current span {
    color: #FFFFFF !important;
}

.css-all_2018_eventNp .current span.all {
    background-position: 0 0 !important;
}

.css-all_2018_eventNp .current span.slot {
    background-position: -26px 0 !important;
}

.css-all_2018_eventNp .current span.live {
    background-position: -52px 0 !important;
}

.css-all_2018_eventNp .current span.sprot {
    background-position: -74px 0 !important;
}

.css-all_2018_eventNp .current span.time_limit {
    background-position: -130px 0 !important;
}

.css-all_2018_eventNp .current span.only_newbie {
    background-position: -104px 0 !important;
}


.css-all_2018_eventNp .nav span.event-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 4px;
    background-image: url('/images/event_list/bg-event-navSprites01.png');
}

.css-all_2018_eventNp .nav span.all {
    background-position: 0 -26px;
}

.css-all_2018_eventNp .nav:hover span.all {
    background-position: 0 0;
}

.css-all_2018_eventNp .nav span.slot {
    background-position: -26px -26px;
}

.css-all_2018_eventNp .nav:hover span.slot {
    background-position: -26px 0;
}

.css-all_2018_eventNp .nav span.live {
    background-position: -52px -26px;
}

.css-all_2018_eventNp .nav:hover span.live {
    background-position: -52px 0;
}

.css-all_2018_eventNp .nav span.sport {
    background-position: -74px -26px;
}

.css-all_2018_eventNp .nav:hover span.sport {
    background-position: -74px 0;
}

.css-all_2018_eventNp .nav span.time_limit {
    background-position: -130px -26px;
}

.css-all_2018_eventNp .nav:hover span.time_limit {
    background-position: -130px 0;
}

.css-all_2018_eventNp .nav span.only_newbie {
    background-position: -104px -26px;
}

.css-all_2018_eventNp .nav:hover span.only_newbie {
    background-position: -104px 0;
}

.css-all_2018_eventNp .nav span {
    font-family: "Microsoft Yahei";
    font-size: 14px;
    color: #B99455;
    line-height: 100%;
    vertical-align: middle;
}

.css-all_2018_eventNp .nav:hover span {
    color: #FFFFFF;
}

.css-all_2018_eventNp .eventlist-wrapper {
    width: 970px;
    height: auto;
    margin: 0 auto;
}

.css-all_2018_eventNp .eventlist-row {
    width: 970px;
    height: 350px;
    margin: 0 auto 12px auto;
    clear: left;
}

.css-all_2018_eventNp .col01 {
    width: 315px;
    height: auto;
    margin-right: 12px;
    float: left;
    margin-bottom: 12px;
}

.css-all_2018_eventNp .col02 {
    width: 315px;
    height: auto;
    margin-right: 12px;
    float: left;
    margin-bottom: 12px;
}

.css-all_2018_eventNp .col00 {
    width: 315px;
    height: auto;
    float: left;
    margin-bottom: 12px;
}

.css-all_2018_eventNp .detail-wrapper {
    width: 970px;
    height: auto;
    margin: 0 auto;
    background-color: #111111;
}

.css-all_2018_eventNp .detail-header {
    width: 100%;
    height: 50px;
    background-color: #9E7837;
    position: relative;
}

.css-all_2018_eventNp .detail-header p {
    font-size: 17px;
    font-family: "Microsoft Yahei";
    color: #ffffff;
    line-height: 300%;
    text-align: center;
}

.css-all_2018_eventNp .detail-minimize {
    width: 35px;
    height: 35px;
    background-image: url(/images/event_list/btn-event-minimizeBTN01.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
}

.css-all_2018_eventNp .detail {
    background: #121212;
    padding: 20px 30px;
    overflow: hidden;
}

.css-all_2018_eventNp .eventinner {
    color: #727272;
}

.css-all_2018_eventNp .detail h1 {
    color: #b99557;
    font-size: 15px;
    font-weight: normal
}

.css-all_2018_eventNp .eventinner table {
    border-top: 1px #595959 solid;
    border-right: 1px #595959 solid;
    color: #727272;
}

.css-all_2018_eventNp .eventinner table td {
    border-bottom: 1px #595959 solid;
    border-left: 1px #595959 solid;
    color: #727272;
    text-align: center;
    padding: 5px 10px;
}

.css-all_2018_eventNp .eventinner table th {
    border-bottom: 1px #595959 solid;
    border-left: 1px #595959 solid;
    color: #b99557;
    background: #000000;
    text-align: center;
    padding: 5px;
    font-weight: normal
}

.css-all_2018_eventNp .eventinner ol {
    margin-left: 25px;
}

.css-all_2018_eventNp .morerule a {
    width: 186px;
    height: 41px;
    background-color: #9E7837;
    font-size: 12px;
    margin: 30px auto 0 auto;
    color: #fff;
    cursor: pointer;
    display: block;
    text-align: center;
    line-height: 320%;
}

.css-all_2018_eventNp .banner-image {
    cursor: pointer;
    position: relative;
}

.css-all_2018_eventNp .time-indicator {
    width: auto;
    padding: 0 8px;
    height: 25px;
    background-color: #C1272D;
    border-radius: 32px;
    position: absolute;
    text-align: center;
    font-family: "Microsoft Yahei";
    color: #ffffff;
    font-size: 12px;
    right: 10px;
    top: 10px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.4);
}

.css-all_2018_eventNp .banner-title-link {
    width: 100%;
    height: 47px;
    background-image: url(/images/event_list/bg-event-bannerBGLink.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
}

.css-all_2018_eventNp .banner-title-link p.text {
    font-family: "Microsoft Yahei";
    font-size: 15px;
    color: #9E7837;
    margin-top: 8px;
    text-align: center;
}

.css-all_2018_eventNp .banner-image:hover .banner-title-link {
    width: 100%;
    height: 250px;
    background-color: #000000;
    opacity: 0.97;
    position: absolute;
    bottom: 0px;
    transition: 0.5s;
}

.css-all_2018_eventNp .banner-image .banner-title-link {
    width: 100%;
    height: 47px;
    background-color: #000000;
    opacity: 0.97;
    position: absolute;
    bottom: 0px;
    transition: 0.5s;
}


.css-all_2018_eventNp .banner-title-wdetail {
    width: 100%;
    height: 47px;
    background-image: url(/images/event_list/bg-event-bannerBGDetails.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
}

.css-all_2018_eventNp .banner-title-wdetail p.text {
    font-family: "Microsoft Yahei";
    font-size: 15px;
    color: #9E7837;
    margin-top: 8px;
    text-align: center;
}

.css-all_2018_eventNp .banner-image:hover .banner-title-wdetail {
    width: 100%;
    height: 250px;
    background-color: #000000;
    opacity: 0.97;
    position: absolute;
    bottom: 0px;
    transition: 0.5s;
}

.css-all_2018_eventNp .circle-rotate {
    width: 105px;
    height: 105px;
    position: absolute;
    background-image: url(/images/event_list/bg-event-cursorRotate.png);
    background-repeat: no-repeat;
    opacity: 0;
    top: 75px;
    left: 105px;
}

.css-all_2018_eventNp .banner-image:hover .circle-rotate {
    width: 105px;
    height: 105px;
    position: absolute;
    background-image: url(/images/event_list/bg-event-cursorRotate.png);
    background-repeat: no-repeat;
    opacity: 1;
    transition: 5s;
    top: 75px;
    left: 105px;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s 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);
    }
}


.css-all_2018_eventNp .banner-image .banner-title-wdetail {
    width: 100%;
    height: 47px;
    background-color: #000000;
    opacity: 0.97;
    position: absolute;
    bottom: 0px;
    transition: 0.5s;
}



.css-all_2018_eventNp .event-info {
    width: 315px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #111111;
    border-top: 1px solid #5F5F5F;
}

.css-all_2018_eventNp .event-info-row1 {
    width: 315px;
    height: 50px;
    border-bottom: 1px solid #1A1A1A;
}

.css-all_2018_eventNp .event-info-row2 {
    width: 315px;
    height: 50px;
    background-image: url(/images/event_list/bg-event-infoBorderMiddle01.png);
    background-repeat: no-repeat;
    background-position: center;
}

.css-all_2018_eventNp .info {
    width: 300px;
    height: 38px;
    padding-top: 12px;
    padding-left: 15px;
}

.css-all_2018_eventNp .info span.span01 {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 15px;
    background-image: url(/images/event_list/bg-event-infoSprites01.png);
    background-position: 0 0;
}

.css-all_2018_eventNp .info span.span02 {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 4px;
    background-image: url(/images/event_list/bg-event-infoSprites01.png);
    background-position: 0 -26px;
}

.css-all_2018_eventNp .info span {
    font-family: "Microsoft Yahei";
    font-size: 12px;
    color: #ffffff;
    line-height: 100%;
    vertical-align: middle;
}

.css-all_2018_eventNp .info2 {
    width: 142px;
    height: 38px;
    float: left;
    padding-top: 12px;
    padding-left: 15px;
}

.css-all_2018_eventNp .info2 span.span01 {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 4px;
    background-image: url(/images/event_list/bg-event-infoSprites01.png);
    background-position: 0 0;
}

.css-all_2018_eventNp .info2 span.span02 {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 15px;
    background-image: url(/images/event_list/bg-event-infoSprites01.png);
    background-position: 0 -26px;
}

.css-all_2018_eventNp .info2 span {
    font-family: "Microsoft Yahei";
    font-size: 12px;
    color: #ffffff;
    line-height: 100%;
    vertical-align: middle;
}

.css-all_2018_eventNp .terms-btn-wrapper {
    width: 157px;
    height: 38px;
    float: left;
}

.css-all_2018_eventNp .btn-terms {
    width: 134px;
    height: 27px;
    background-color: #9E7837;
    display: block;
    text-align: center;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    color: #ffffff;
    line-height: 220%;
    margin: 12px;
}

.css-all_2018_eventNp .btn-terms:hover {
    background-color: #724C16;
    transition: 1s;
}

.css-all_event_div {
    width: 982px;
}

/*---新优惠end---*/

.modal-recall-style {
    display: none;
    width: 400px;
    background: #fff;
    /* padding: 15px 30px; */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    width: 340px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -103px;
    margin-left: -170px;
    z-index: 10001;
    display: block;
}

.css-next_page_btn {
    font-family: Microsoft JhengHei !important;
    font-size: 14px;
    cursor: pointer;
}

#Login .input_content,
#Login .btn_content {
    display: inline-block;
    vertical-align: middle;
}

#Login .input_content .account_content,
#Login .input_content .password_content {
    position: relative;
    display: inline-block;
    font-family: "Microsoft JhengHei";
}

#Login .input_content .login_input {
    width: 177px;
    height: 39px;
    font-size: 13px;
    color: #dbb780;
    background-color: #301f07;
    border: 1px solid #5f3d0e;
    border-radius: 5px;
    padding-left: 31px;
    box-sizing: border-box;
}

#Login .input_content .icon_account::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('/images/icon_account.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
}

#Login .input_content .icon_password::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('/images/icon_password.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
}

#Login .input_content .login_forget_password {
    font-size: 12px;
    color: #dbb780;
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translateY(-50%);
}

#Login .input_content .login_forget_password:hover {
    color: #ffe8c6;
    text-decoration: underline;
}

#Login .input_content .login_forget_password::before {
    content: '';
    width: 1px;
    height: 25px;
    background-color: #dbb880;
    position: absolute;
    right: 56px;
}

#Login .btn_content .login_btn {
    display: inline-block;
    vertical-align: middle;
    width: 86px;
    height: 49px;
    border: 0;
    background-image: url('/images/btn_login.png');
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: cover;
}

#Login .btn_content .login_btn:hover {
    background-position: center 50%;
}

#Login .btn_content .newplayer_btn {
    display: inline-block;
    vertical-align: middle;
    width: 103px;
    height: 50px;
    border: 0;
    background-image: url('/images/btn_free.png');
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: cover;
    margin-left: -8px;
    margin-bottom: -1px;
}

#Login .btn_content .newplayer_btn:hover {
    background-position: center 100%;
}

#Login .btn_content .register_btn {
    display: inline-block;
    vertical-align: middle;
    width: 103px;
    height: 50px;
    border: 0;
    background-image: url('/images/btn_register.png');
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: cover;
    margin-left: -8px;
    margin-bottom: -1px;
}

#Login .btn_content .register_btn:hover {
    background-position: center 100%;
}

#Login .btn_content .logging_btn {
    display: inline-block;
    vertical-align: middle;
    width: 86px;
    height: 49px;
    border: 0;
    background-image: url('/images/btn_login.png');
    background-repeat: no-repeat;
    background-position: center 100%;
    background-size: cover;
}


/* New Vip icon */

.css-vip-level {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.css-inline-middle {
    display: inline-block;
    vertical-align: middle;
}

.css-icon-vip {
    font-size: 17px;
    vertical-align: middle;
    margin-right: -2px;
}

.css-text-vip {
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 5px;
}

.mlevel.css-text-vip {
    font-size: 12px;
}

.css-vip1-color {
    color: #d86c31;
}

.css-vip2-color {
    color: #34ad56;
}

.css-vip3-color {
    color: #4472da;
}

.css-vip4-color {
    color: #d1325e;
}

.css-vip5-color {
    color: #47a1c6;
}

.css-vip6-color {
    color: #d3b354;
}

.css-vip7-color {
    color: #b565c1;
}

/* New Vip icon end */

.css-phone-recall-modal {
    display: none;
}

.css-phone-recall-modal .css-phone-recall-bottom {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 10px 40px;
}

.css-phone-recall-modal .css-phone-recall-text {
    font-size: 14px;
    color: #eed4a4;
    line-height: 1.5;
    margin-bottom: 30px;
}

.css-phone-recall-modal .css-bottom-title {
    font-size: 14px;
    color: #cba460;
}

.css-phone-recall-modal .css-bottom-select,
.css-phone-recall-modal .css-bottom-input {
    width: 250px;
    height: 36px;
    font-size: 14px;
    color: #cba460;
    background-color: #232323;
    border: 1px solid #404040;
    border-radius: 3px;
    padding-left: 10px;
}

.css-phone-recall-modal .css-bottom-select {
    padding-right: 20px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #232323 url(/images/member/icon_selectarrowdown.png) no-repeat right 8px center;
    background-size: 7px auto;
}

.css-phone-recall-modal .css-bottom-input.head {
    width: 34px;
    border-right: none;
    border-radius: 3px 0 0 3px;
    margin-right: -14px;
}

.css-phone-recall-modal .css-bottom-input.phone {
    width: 216px;
    border-radius: 0 3px 3px 0;
}

.css-vip-progress-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 25px 15px;
}

.css-vip-progress-content .level-name {
    font-size: 13px;
    color: #d2b184;
    flex-grow: 1;
}

.css-vip-progress-content .level-name.next-level-name {
    text-align: right;
}

.css-vip-progress-content .level-name.max-vip::before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 21px;
    background-image: url('/images/member/icon_maxvip6_web.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.css-vip-progress-content .vip-progress-hint {
    flex-basis: 100%;
}

.css-vip-progress-content .vip-progress-bar {
    text-align: center;
    flex-grow: 10;
}

.css-vip-progress-content .vip-progress-bar .bar-container {
    background-color: #313131;
    border: 1px solid #9b773a;
    border-radius: 8px;
    position: relative;
    box-shadow: inset 0px 0px 0px 3.5px #1C1C1C;
    margin: 5px 0;
}

.css-vip-progress-content .vip-progress-bar .bar-container .bar-top {
    max-width: 98%;
    height: 4px;
    background-color: #eeb06c;
    border-radius: 4px 4px 0 0;
    margin: 4px 4px 0;
}

.css-vip-progress-content .vip-progress-bar .bar-container .bar-bottom {
    max-width: 98%;
    height: 4px;
    background-color: #f09533;
    border-radius: 0 0 4px 4px;
    margin: 0 4px 4px;
}

.css-vip-progress-content .vip-progress-bar .bets {
    display: inline-block;
    font-size: 13px;
    color: #eeb06c;
}


/* New Header start */
#TopGameTab2020 {
    display: block;
}

.TopVersionNew .Marquee {
    width: 90%;
}

.TopAbove {
    height: 80px;
    background-image: -webkit-linear-gradient(270deg, #e9b971 0%, #9d773c 100%);
    background-image: -moz-linear-gradient(270deg, #e9b971 0%, #9d773c 100%);
    background-image: linear-gradient(180deg, #e9b971 0%, #9d773c 100%);
    border-bottom: 1px solid #835f2a;
}

.TopBelow {
    background-color: #9e7a40;
    border-top: 1px solid #b7935a;
}

#TopGameTab2020 {
    background-image: -webkit-linear-gradient(270deg, #2f200a 0%, #130d03 100%);
    background-image: -moz-linear-gradient(270deg, #2f200a 0%, #130d03 100%);
    background-image: linear-gradient(180deg, #2f200a 0%, #130d03 100%);
    border-top: 2px solid #835f2a;
    box-shadow: inset 3px 0 3px #000;
    border-bottom: 1px solid #ffe9c7;
    position: relative;
}

.subnav2020 .subnavCon {
    width: 1080px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.subnav2020 .subnavCon:after {
    content: '';
    display: block;
    clear: both;
}

/*大選單*/
.subnavitem-lg-wrap {
    display: flex;
    justify-content: center;
    align-items: stretch;
    list-style-type: none;
    width: 70%;
}

.subnavitem-lg-wrap .subnavitem {
    width: 20%;
    padding: 7px 0;
}

.subnavitem-lg-wrap .subnavitem:nth-of-type(1) {
    border-left: 1px solid #3e2a0e;
}

.subnavitem-lg-wrap .subnavitem>a {
    line-height: 35px;
    padding: 0 10px;
    color: #af8d57;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    display: block;
    border-left: 1px solid #170f05;
    border-right: 1px solid #3e2a0e;
}

.subnavitem-lg-wrap a {
    text-decoration: none;
}

.subnavitem-lg-wrap .subnavitem span {
    display: inline-block;
    vertical-align: middle;
}

.subnavitem-lg-wrap .subnavitem i {
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 21px;
    background-image: url(/images/icon_header-subnav.png);
    background-repeat: no-repeat;
    background-size: auto 42px;
    margin-right: 3px;
}

.subnavitem-lg-wrap .subnavitem-slot i {
    background-position-x: 0;
}

.subnavitem-lg-wrap .subnavitem-baccarat i {
    background-position-x: -21px;
}

.subnavitem-lg-wrap .subnavitem-poker i {
    background-position-x: -42px;
}

.subnavitem-lg-wrap .subnavitem-fish i {
    background-position-x: -63px;
}

.subnavitem-lg-wrap .subnavitem-sport i {
    background-position-x: -84px;
}

.subnavitem-lg-wrap .subnavitem:hover>a span {
    color: #f5e5cc;
    background: -webkit-linear-gradient(#faebd3, #d1bb9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.subnavitem-lg-wrap .subnavitem:hover i {
    background-position-y: -21px;
}

/*小選單*/
.subnavitem-sm-wrap {
    width: 30%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: stretch;
    position: relative;
}

.subnavitem-sm-wrap:after {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #170f05;
    border-right: 1px solid #3e2a0e;
}

.subnavitem-sm-wrap .subnavitem-sm {
    display: inline-block;
    vertical-align: middle;
    width: 33.33%;
    position: relative;
    padding: 10px 0;
}

.subnavitem-sm-wrap .subnavitem-sm>a {
    color: #d3bd9b;
    font-size: 14px;
    line-height: 18px;
    padding: 0 10px;
    text-align: center;
    display: block;
    border-left: 1px solid #170f05;
    border-right: 1px solid #3e2a0e;
    text-decoration: none;
}

.subnavitem-sm-wrap .subnavitem-sm:last-of-type>a {
    border-right: none;
}

.subnavitem-sm-wrap .subnavitem-sm:hover>a {
    color: #f5e5cc;
    background: -webkit-linear-gradient(#faebd3, #d1bb9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*大選單下拉*/
#dropdown-baccarat {
    text-align: center;
}

.subnav-dropdown-lg {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.9);
    border-bottom: 1px solid #a7844d;
    transition: max-height .15s ease-out;
}

.gamehall-list {
    width: 1080px;
    margin: auto;
    z-index: 4;
    padding: 2.2% 0;
}

.gamehall-list .gamehall-btn {
    display: inline-block;
    vertical-align: middle;
    width: 12%;
    padding: 0 1% 1%;
}

.gamehall-list .gamehall-btn a {
    display: block;
    width: 100%;
    position: relative;
}

.gamehall-list .gamehall-btn .img-gamehall-normal {
    display: block;
    width: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 1;
}

.gamehall-list .gamehall-btn .img-gamehall-hover {
    /*display: none;*/
    width: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    transform: scale(0);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
}

.gamehall-list .gamehall-btn:hover .img-gamehall-normal,
.gamehall-list .gamehall-btn.active .img-gamehall-normal {
    opacity: 0;
}

.gamehall-list .gamehall-btn:hover .img-gamehall-hover,
.gamehall-list .gamehall-btn.active .img-gamehall-hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    opacity: 1;
}

.gamehall-list:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    background-image: linear-gradient(0deg, #ba8f64 0%, #6a3e12 54%, #604326 100%);
}

/*小選單下拉*/
.subnav-dropdown-sm {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding-top: 5px;
    z-index: 6;
    transition: max-height .15s ease-out;
}

.subnav-dropdown-sm ul {
    background-color: rgba(0, 0, 0, 0.9);
    border-bottom: 1px solid #a7844d;
    list-style-type: none;
    padding: 7px 0;
}

.subnav-dropdown-sm a {
    display: block;
    padding: 7px 15px;
    text-decoration: none;
    color: #d9b783;
}

.subnav-dropdown-sm a:hover {
    color: #e8d8bf;
}


.subnavitem:hover .subnav-dropdown-lg,
.subnavitem-sm:hover .subnav-dropdown-sm {
    max-height: 500px;
    transition: max-height .25s ease-in;
    z-index: 1100;
    /* because AG */
}

/* New Header end */

/* 整站共用 基本Loading圖 */
.base-loading-logo {
    position: relative;
    width: 70px;
    height: 70px;
    margin: auto;
    background-image: url('/images/new_page_2020/icon_loading-ca-logo.png');
    background-size: 50% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.base-loading-logo .spinner {
    position: absolute;
    top: -0px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border: 1px solid #3c3526;
    border-top-color: #e3c899;
    border-radius: 50%;
    animation: loader-rotate 1s linear infinite;
}

.base-loading-logo img {
    width: 100%;
}

@keyframes loader-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 整站共用 基本Loading圖 end */

/* 彈窗共用 style */
.common-webEvent-popup-container .popup-content {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    z-index: 3;
    padding: 0;
    margin: 30px auto;
}

.common-webEvent-popup-container .popup-content .pop-bg {
    max-width: 100%;
    display: block;
    margin: auto;
}

.common-webEvent-popup-container .pop-close {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(/images/webEvent_popup_image/pop-close.png);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.common-webEvent-popup-container .pop-close:hover {
    transform: scale(1.05);
}
/* 彈窗共用 style end*/