html {
    font-size: 75%;
}

body {
    font-family: Sans-Serif, "微軟正黑", "Microsoft JhengHei", Times New Roman;
    background-color: #000;
}

/* #open_new_window {
    display: none;
} */

select::-ms-expand {
    display: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    /* font-family: "Microsoft JhengHei", "微軟正黑", Times New Roman, Sans-Serif; */
    /* font-family: "Microsoft JhengHei" !important; */
}

a,
a:link {
    color: inherit;
    text-decoration: none;
    display: block;
}

.Mobile {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
ul,
li,
p {
    list-style: none;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    font-weight: 400;
}

.left {
    float: left;
}

.right {
    float: right;
}

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

.clearfix {
    display: inline-block;
}

.hidden {
    display: none;
}

.show {
    display: inherit;
}

* html .clearfix {
    height: 1%;
}



/* 跑馬燈，未初始化前隱藏 */

.marquee h3 {
    display: none;
}

.marquee h3.lslide {
    display: block !important;
}



/* 首頁banner, 未初始化前隱藏 */

.Background .item {
    display: none;
}

.Background .owl-item .item {
    display: block !important;
}



.clearfix {
    display: block;
}

.col-4 {
    float: left;
    width: 25%;
}

.col-3 {
    width: 33.3333%;
    float: left;
}

.col-2 {
    width: 50%;
    float: left;
}

.whiteButton {
    background: #ffffff;
    color: #000000;
}

.grayButton {
    background: #989898;
    ;
    color: #ffffff;
}

.yellowButton {
    background: #fbcc21;
    color: #000000;
}

.online-service-triangle {
    position: absolute;
    bottom: -15px;
    left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 15px 0 0;
    border-color: #fbcc21 transparent transparent transparent;
}

body>section.Menu {
    display: none;
    color: #ffffff;
    width: 100%;
    position: fixed;
    top: 60px;
    right: 0;
    height: calc(100vh - 110px);
    z-index: 2;
    background: rgba(255, 255, 255, 0);
}

body>section.Menu .content {
    width: 65%;
    float: right;
    background: #1a1a1a;
    height: calc(100vh - 110px);
    overflow-y: auto;
}

body>section.Menu .foot_login_info {
    padding-left: 20px;
    min-height: 50px;
    line-height: 50px;
    background: #1a1a1a;
    color: #fff;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #FBCC21;
    width: 65%;
    float: right;
}

body>section.Menu .foot_login_info + .content{
    height: calc(100vh - 160px);
}

body>section.Menu li {
    padding: 0 0 0 25px;
    background: #333333;
    min-height: 50px;
    line-height: 50px;
    display: none;
    cursor: pointer;
}

body>section.Menu ul li.title {
    display: block;
    position: relative;
    padding: 0 0 0 20px;
    min-height: 50px;
    background: url(../images/white_arrow_menu_down.png) no-repeat right 22.5px center;
    background-size: 25px;
    background-color: #1a1a1a;
}

body>section.Menu ul li.title:after {
    position: absolute;
    bottom: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: 1px;
    background: #ffffff;
    content: ' ';
}
body > section.Menu div.content ul:last-child li:last-child:after {
    display: none;
}

body>section.Menu ul.action li.title {
    background: url(../images/white_arrow_up.png) no-repeat right 22.5px center;
    background-size: 25px;
    background-color: #1a1a1a;
}

body>section.Menu ul.action li {
    display: block;
}

body>section.Menu ul li.special {
    background: #1A1A1A;
}

.online-service {
    position: fixed;
    background: #FBCC21;
    color: #000000;
    width: 75px;
    height: 150px;
    right: 0;
    top: 50%;
    padding: 2px;
    z-index: 4;
}

.online-service span {
    display: block;
}

.online-service span.text {
    writing-mode: tb-rl;
    margin-left: calc(50% - 14px);
    margin-top: 8px;
    font-size: 20px;
    letter-spacing: 4.5px;
}

.online-service span.img {
    margin-left: calc(50% - 17.5px);
}

.online-service img {
    width: 35px;
    height: 35px;
    display: block;
}

.online-service.slide_download {
    width: 75px;
    height: auto;
    right: 0;
    top: calc(50% - 230px);
    padding: 0;
    z-index: 4;
    background: transparent;
}
.online-service.slide_download img {
    width: auto;
    height: auto;
    display: block;
}

header {
    background: #000000;
    text-align: center;
}

header>section.TopHeader {
    width: 100%;
    max-width: 1280px;
    height: 35px;
    line-height: 35px;
    position: relative;
    margin: 0 auto !important;
}

header>section.TopHeader p {
    display: inline-block;
    color: #ffffff;
}

a.MobileLogo {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    z-index: 1;
    cursor: pointer;
    width: 120px;
    height: 57px;
}

a.MobileLogo>img {
    width: 100%;
}

header>section.TopHeader p>a {
    margin-left: 10px;
    display: inline-block;
    color: #FBCC21;
}

header>section.TopHeader p>a:hover {
    text-decoration: underline;
}

header>section.TopHeader>div.functionBlock {
    position: absolute;
    top: 0;
    right: 0;
}

header>section.TopHeader>div.functionBlock>span,
header>section.TopHeader>div.functionBlock>div {
    float: left;
    color: #000000;
    vertical-align: middle;
    padding: 0 10px;
}

header>section.TopHeader>div.functionBlock>span.deposit,
header>section.TopHeader>div.functionBlock>span.tied,
header>section.TopHeader>div.functionBlock>span.deposit1 {

    background: #ffffff;
    margin-right: 5px;
}

header>section.TopHeader>div.functionBlock>span.login {
    background: #FBCC21;
}
header>section.TopHeader>div.functionBlock>span.mobile_register {
    display: none;
    color: #fff;
}
header>section.TopHeader>div.functionBlock>div.language {
    color: #989898;
    position: relative;
}

.languageSelect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    opacity: 0;
}

header>section.TopHeader>div.functionBlock>div.language img {
    width: 45px;
    height: 45px;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: -10px;
}

header>section.Menu {
    display: block;
    width: 100%;
    height: 60px;
    background: #F1F1F1;
    color: #4D4D4D;
    text-align: center;
    position: relative;
}

header>section.Menu div.MobileMenu {
    display: none;
}

header>section.Menu>div {
    vertical-align: top;
}

header>section.Menu div.MenuList {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto !important;
    font-weight: 400;
    position: relative;
}

header .Logo {
    /* width: 100%; */
    width: auto;
    /* max-width: 1280px; */
    margin: 0 auto !important;
    display: inline-block;
}

header .Logo {
    position: absolute;
    margin-left: 150px;
}

header>section.Menu>div,
header>section.Menu div.MenuList li {
    display: inline-block;
}

header .MenuContent {
    position: absolute;
    z-index: 3;
    background: #f1f1f1;
    width: 100%;
    max-width: 1280px;
    /* padding: 5px 0px; */
    padding: 0px;
    display: none;
}

header .MenuContent>div {
    display: none;
}

header .MenuContent div.action {
    display: block;
}

header .MenuContent div ul {
    width: 100%;
    display: block;
}

header .MenuContent div ul:nth-child(2) {
    border-top: 1px solid #000000;
}

header .MenuContent div li {
    float: left;
    width: 16.666%;
    height: 45px;
    line-height: 45px;
    margin: 0 !important;
}

header .MenuContent div li.action a span {
    /*height: 35px;*/
    /*line-height: 35px;*/
    /*display: inline-block;*/
}

header .MenuContent div li:hover {
    border-bottom: 4px solid #4d4d4d;
}





/*--------------------  body.index --------------------*/

header>section.Menu a.Logo {
    position: absolute;
    bottom: 0px;
    z-index: 4;
    height: 60px;
    /* pointer-events: none; */
    display: inline-block;
}

header>section.Menu div.MenuList>ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

header>section.Menu div.MenuList>ul>li:nth-child(1) {
    margin-left: -30px;
}

header>section.Menu div.MenuList>ul>li:nth-child(2) {
    margin-right: 100px;
}

header>section.Menu div.MenuList>ul>li:nth-child(3) {
    margin-left: 100px;
}





/*-----------------------------------------------------*/

header>section.Menu a.Logo {
    height: 60px;
    top: 0;
    /* left: 0; */
    left: calc(50% - 52px);
}

header>section.Menu a.Logo img {
    height: 100%;
    display: block;
    margin: 0 auto !important;
}

header>section.Menu div.MenuList>ul>li {
    position: relative;
    padding: 0 10px;
    margin: 0 10px;
    height: 60px;
    line-height: 50px;
}

header>section.Menu div.MenuList>ul>li img {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    border: 0;
}

body.index header>section.indexNews {
    display: block;
    overflow: hidden;
}

header>section.indexNews {
    position: relative;
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
    /*height: 300px;*/
    display: none;
}

header>section.indexNews>div.Background {
    overflow: hidden;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto !important;
}

header>section.indexNews>div.Background li {
    float: left;
    overflow: hidden;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto !important;
}

header>section.indexNews>div.Background .owl-item {
    float: left;
}

header>section.indexNews>div.Background .owl-dots {
    display: none;
}

header>section.indexNews>div.Background img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

header>section.indexNews>div.NewsBlock {
    width: 420px;

    position: absolute;
    top: 0px;
    right: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1;
    color: #ffffff;
    padding: 5px 10px;
}

header>section.indexNews>div.NewsBlock>ul {
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 590px;
    overflow-x: hidden;
    overflow-y: auto;
}

header>section.indexNews>div.NewsBlock>ul>li {
    border-bottom: 1px solid #ffffff;
    position: relative;
    min-height: 70px;
    margin: 0;
    text-align: left;
    display: block;
    padding: 9px 2px;
}

header>section.indexNews>div.NewsBlock>ul>li.Mobile {
    display: none;
}

header>section.indexNews>div.NewsBlock>ul>li span {
    font-weight: 100 !important;
    /* margin-bottom: 2px; */
}

header>section.indexNews>div.NewsBlock>ul>li h3 {
    font-weight: 400 !important;
    margin-top: 3px;
    font-size: 1.1em;
}

header>section.indexNews>div.NewsBlock>ul>li>.tag {
    /* 
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center; 
    */
    color: #ffffff;
    padding: 0px 3px;
    display: inline-block;
    float: right;
}

header>section.indexNews>div.NewsBlock>ul>li>.tag.news {
    background: #EC1C24;
}

header>section.indexNews>div.NewsBlock>ul>li>.tag.system {
    background: #EA5412;
}

header>section.indexNews>div.NewsBlock>span.More {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    height: 30px;
    vertical-align: middle;
}

header>section.indexNews>div.NewsBlock>span.More img {
    width: 30px;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -5px;
}

header>section.AD {
    background: #000000;
    width: 100%;
    line-height: 135%;
    position: relative;
    margin: 0 auto !important;
    color: #FFFFFF;
    font-size: 14px;
    padding: 7.5px 0;
    height: 33px;
    overflow: hidden;
}

header>section.AD h3 {
    font-weight: 300 !important;
}

body.index header>section.GameSlider {
    /* display: none; */
}

header>section.GameSlider {
    display: block;
    background: #1A1A1A;
    width: 100%;
    line-height: 100px;
    margin: 0 auto !important;
}

header>section.GameSlider>div.GameSliderBlock {
    width: 100%;
    height: 100%;
    max-width: 1280px;
    margin: 0 auto !important;
    position: relative;
    padding: 10px 30px 10px;
}

header>section.GameSlider span.LeftArrow {
    left: 0;
    background: url("../images/white_arrow_left.png") no-repeat 0 0;
    background-size: 30px;
}

header>section.GameSlider span.RightArrow {
    right: 0;
    background: url("../images/white_arrow_right.png") no-repeat 0 0;
    background-size: 30px;
}

header>section.GameSlider span.LeftArrow,
header>section.GameSlider span.RightArrow {
    margin-top: -15px;
    width: 30px;
    height: 30px;
    top: 50%;
    position: absolute;
    cursor: pointer;
}
header>section.GameSlider>div.GameSliderBlock .owl-carousel a.item {
    display: block;
    width: 155px;
    height: 75px;
    background-repeat: no-repeat;
    margin: 0 auto !important;
}
header>section.GameSlider>div.GameSliderBlock>ul {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto !important;
}

header>section.GameSlider>div.GameSliderBlock>ul li {
    float: left;
    /*width: calc(14.28% - 10px);*/
    /*margin: 0 5px;*/
}

header>section.GameSlider>div.GameSliderBlock>ul li img {
    width: 100%;
    display: block;
}

body.index footer>section.indexFooterTop {
    display: block;
}

footer>section.indexFooterTop {
    color: #ffffff;
    width: 100%;
    text-align: center;
    position: relative;
    display: none;
}

.indexFooterTopBlock h1 {
    font-size: 2.55em;
}

footer>section.indexFooterTop>div.indexFooterTopBlock {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto !important;
    padding: 10% 0 50px 0;
    background: url("../images/footer_bg.png");
    /* background-color: #000000; */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}


footer>section.indexFooterTop>div.indexFooterTopBlock>div {
    top: -25%;
}

footer>section.indexFooterTop>div.indexFooterTopBlock .downloadBlock {
    padding: 8% 5% 0;
}

.iphoneBlock {
    position: relative;
}

.iphoneBlock img.phoneBackground {
    width: 90%;
    margin: auto;
}

.iphoneBlock ul {
    width: 68.5%;
    position: absolute;
    top: 14.5%;
    left: 15.5%;
    overflow: hidden;
}

.iphoneBlock ul li {
    overflow: hidden;
    width: 100%;
    float: left;
}

.iphoneBlock ul li img {
    width: 100%;
}

footer>section.indexFooterTop>div.indexFooterTopBlock .downloadChannel {
    padding-top: 2.5%;
}

footer>section.indexFooterTop>div.indexFooterTopBlock .downloadChannel a {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}

footer>section.indexFooterTop>div.indexFooterTopBlock .downloadChannel a img {
    width: 78%;
    margin: 0 auto;
    display: block;
}

.iphoneBlock .sliderControl {
    position: absolute;
    width: 120px;
    bottom: -20px;
    left: 50%;
    margin-left: -60px;
    line-height: 30px;
    font-size: 20px;
}

.iphoneBlock .sliderControl span {
    font-size: 28px;
}

.iphoneBlock .sliderControl>a:first-child {
    float: left;
}

.iphoneBlock .sliderControl>a:last-child {
    float: right;
}

.iphoneBlock .sliderControl>a img {
    width: 30px;
    height: 30px;
}

footer>section.indexFooterTop>div.indexFooterTopBlock .messageBlock {
    padding: 90px 5%;
    min-height: 300px;
}

footer>section.indexFooterTop>div.indexFooterTopBlock .socialBlock {
    /*height: 300px;*/
    padding: 50px 20px;
}

footer>section.indexFooterTop>div.indexFooterTopBlock .socialBlock>img {
    width: 70px;
    display: block;
    margin: 0 auto;
}

footer>section.indexFooterTop>div.indexFooterTopBlock .socialBlock>div.img {
    width: 50%;
    margin: 40px auto;
    padding: 50px 0;
    text-align: center;
}

footer>section.indexFooterTop>div.indexFooterTopBlock .socialBlock>div.img>a {
    /* float: left; */
    width: 25%;
    display: inline-block;
}

footer>section.indexFooterTop>div.indexFooterTopBlock .socialBlock>div.img>a>img {
    width: 100%;
    padding: 10%;
}

footer>section.Footer {
    background: #1A1A1A;
    color: #808080;
    position: relative;
}

footer>section.Footer>div.FooterBlock {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
}

body.index footer>section.Footer>div.FooterBlock>div.indexMessage {
    display: block;
}

footer>section.Footer>div.FooterBlock>div.indexMessage {
    text-align: center;
    border-bottom: 1px solid #808080;
    display: none;
    padding-bottom: 35px;
}

footer>section.Footer>div.FooterBlock>div.indexMessage h4 {
    height: 30px;
    line-height: 30px;
}

footer>section.Footer>div.FooterBlock>div.indexMessage img {
    height: 120px;
}

footer>section.Footer>a.PageReturnTop {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -40px;
    left: 50%;
    margin-left: -20px;
    background: #ffffff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

footer>section.Footer>a.PageReturnTop img {
    display: block;
    width: 80%;
    margin: 10% auto;
}

footer>section.Footer div.information {
    padding: 35px 15px 20px;
}

body.index footer>section.Footer div.information>div {
    /* 首頁下方改成與一般頁面一樣，無聯絡我們表單 */
    /* width: 50%; */
    /* float: left; */
}

body.index footer>section.Footer div.information div.contactUs {
    /* 首頁下方改成與一般頁面一樣，無聯絡我們表單 */
    /* display: block; */
}

div.contactUs h1 {
    font-size: 2em;
}

footer>section.Footer div.information div.contactUs {
    display: none;
}

footer>section.Footer div.information div.contactUs input[type="text"] {
    height: 50px;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin-bottom: 5px;
    padding: 10px;
    width: calc(50% - 2.5px);
    float: left;
    background: #4D4D4D;
    border: 0;
    color: #ffffff;
}

footer>section.Footer div.information div.contactUs input[type="text"]:nth-child(2) {
    margin-right: 2.5px;
    margin-left: 0;
}

footer>section.Footer div.information div.contactUs input[type="text"]:nth-child(3) {
    margin-right: 0px;
    margin-left: 2.5px;
}

footer>section.Footer div.information div.contactUs textarea {
    height: 100px;
    width: 100%;
    max-height: 100px;
    max-width: 100%;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: 0;
    padding: 10px;
    background: #4D4D4D;
    color: #ffffff;
}

footer>section.Footer div.information div.contactUs input[type="submit"] {
    width: 45%;
    float: right;
    background: #EA5412;
    color: #ffffff;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: 0;
    height: 50px;
    line-height: 50px;
}

footer>section.Footer div.information div.contactUs h1 {
    color: #ffffff;
    height: 30px;
    line-height: 30px;
}

footer>section.Footer div.information div.contactUs p {
    line-height: 35px;
}

footer>section.Footer div.information>div {
    width: 100%;
}

body.index footer>section.Footer div.information>div.informationBlock {
    padding-left: 30px;
    /* 首頁下方改成與一般頁面一樣，無聯絡我們表單 */
    /* padding-top: 40px; */
}

footer>section.Footer div.information>div.informationBlock {
    color: #ffffff;
}

footer>section.Footer div.information>div.informationBlock > .footer_top {
    display: flex;
    align-items: flex-end;
}



footer>section.Footer div.information>div.informationBlock>img.TanWaLogo {
    display: block;
    margin: 10px 0;
}

footer>section.Footer .servicePhone,
footer>section.Footer .copyright {
    width: 50%;
    /* float: left; */
}

body.index footer>section.Footer .servicePhone,
body.index footer>section.Footer .copyright {
    /* 首頁下方改成與一般頁面一樣，無聯絡我們表單 */
    /* width: inherit; */
    /* float: inherit; */
}

footer>section.Footer div.information>div.informationBlock .servicePhone>span {
    display: block;
    margin: 2.5px 0;
    font-size: 1.1667rem;
}

footer>section.Footer .copyright>span {
    font-size: 1.2rem;
    line-height: 1.2rem;
    /* margin: 20px 0; */
    margin: 8px 0;
    margin-top: 0;
}

body.index footer>section.Footer .copyright>ul {
    /* 首頁下方改成與一般頁面一樣，無聯絡我們表單 */
    /* margin: 20px 0; */
}

footer>section.Footer div.information>div.informationBlock .copyright>ul>li {
    float: left;
    font-size: 0.8em;
    list-style: none;
    padding: 0;
    margin: 0;
}

footer>section.Footer div.information>div.informationBlock .copyright>ul>li>a {
    display: inline-block;
}

footer>section.Footer div.information>div.informationBlock .copyright>ul>li>a:hover {
    /*border-bottom: 1px solid #ffffff;*/
    text-decoration: underline;
}

footer>section.Footer div.information>div.informationBlock .copyright>ul>li::after {
    content: '｜';
    display: inline-block;
    margin: 0 5px;
}

footer>section.Footer div.information>div.informationBlock .copyright>ul>li:last-child::after {
    display: none;
}

footer>section.Footer div.information>div.informationBlock .copyright>p {
    display: block;
    font-size: 0.8em;
}
footer>section.Footer div.information>div.informationBlock .copyright>p.L12 {
    vertical-align: middle;
    margin: 0 0 10px 0;
}
footer>section.Footer div.information>div.informationBlock .copyright>p.L12 img{
    width: 35px;
    /* vertical-align: middle; */
    margin-bottom: 5px;
    display: block;
}
section.Footer>div.footerHr {
    width: 100%;
    height: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ea5412+68 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(234, 84, 18, 1) 68%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(234, 84, 18, 1) 68%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(234, 84, 18, 1) 68%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ea5412', GradientType=1);
    /* IE6-9 */
}

section.Footer>div.FooterBottom {
    width: 100%;
    height: 60px;
    color: #ffffff
}

section.Footer div.FooterBottomBlock {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    /* padding-top: 2.5px; */
    height: 100%;
}

section.Footer div.FooterBottomBlock>ul.Desktop li {
    float: left;
    height: 55px;
    vertical-align: middle;
    line-height: 55px;
    margin-left: 5px;
    width: 16.6666%;
    border-right: 1px solid #ffffff;
    text-align: center;
    font-size: 18px;
    list-style: none;
}

section.Footer div.FooterBottomBlock>ul.Desktop li span {
    display: inline-block;
    vertical-align: middle;
}

section.Footer div.FooterBottomBlock>ul.Desktop li img {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    /* margin-left: 5px; */
    /* margin-top: -2px; */
}

section.Footer div.FooterBottomBlock>ul.Desktop li:nth-child(2) img {
    /* margin-left: 0px; */
}

section.Footer div.FooterBottomBlock>ul.Desktop li:last-child {
    width: 25%;
    float: right;
    text-align: right;
    border-right: 0;
    position: relative;
}

section.Footer div.FooterBottomBlock>ul.Desktop li:last-child select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 70%;
    border: 2px solid #ffffff;
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
    font-size: 18px;
    background: #000000;
    border-radius: 0;
    color: #ffffff;
    margin-top: 10px !important;
}

section.Footer div.FooterBottomBlock>ul.Desktop li:last-child span.downArrow {
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -10px;
    width: 25px;
    height: 25px;
    background: url("../images/white_arrow_down.png") no-repeat center #4D4D4D;
    background-size: 70%;
    content: '';
    pointer-events: none;
}

footer ul.MobileFooterMenu {
    display: none;
    /* padding: 4.5px 5px; */
}

footer ul.MobileFooterMenu li {
    /* float: left; */
    /* width: 25%; */
    width: 50px;
    height: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
    /* border-right: 1px solid #ffffff; */
}
footer ul.MobileFooterMenu li.line {
    width: 0;
    padding: 0;
    margin: 0;
    border: none;
    border-left: 1px solid #fff;
}

footer ul.MobileFooterMenu li.app_download_link {
    width: 30%;
}   

footer ul.MobileFooterMenu li:last-child {
    border-right: 0;
}

footer ul.MobileFooterMenu li:nth-child(1) a {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0;
    /* margin-top: -2.5px; */
}

footer ul.MobileFooterMenu li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0;
    /* background-image: url(http://newslot.win777.com.tw/images/yellow_star.png); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}



footer ul.MobileFooterMenu li img {
    width: 100%;
    margin: 0 auto;
    display: block;
}





/*-------------------------*/

body.index section.MainContent {
    background: #FFFFFF;
    color: #000000;
}
.GameTitle {
    width: 100%;
    position: relative;
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
}
section.MainContent {
    min-height: calc(100vh - 489px);
    background: #000000;
    color: #ffffff;
    width: 100%;
    padding-bottom: 50px;
}

body.index section.MainContent .MainContentBlock {
    /* 首頁下方改成與一般頁面一樣，無聯絡我們表單 */
    /* padding: 10px 5px 30px; */
}

section.MainContent .MainContentBlock {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    /* padding: 50px 15px 30px; */
    padding: 25px 15px 30px;
}

section.MainContent div.indexGameMenu {
    border-top: 1px solid #000000;
    background: #1A1A1A;
    color: #989898;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 1.2em;
}

body.index .MainContentBlock h1 {
    font-size: 2.55em;
    text-align: center;
}

section.MainContent div.indexGameMenuBlock {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto !important;
}

section.MainContent div.indexGameMenuBlock.Desktop li:hover {
    color: #Ffffff;
}

div.indexGameMenuBlock ul {
    float: left;
    width: 50%;
    text-align: center;
}

div.indexGameMenuBlock ul:first-child li {
    width: 20%;
    text-align: center;
    float: left;
}

div.indexGameMenuBlock ul:last-child li {
    float: right;
    width: 70%;
    margin-right: 10px;
}

div.indexGameMenuBlock ul:last-child li input[type="text"] {
    padding: 0;
    width: 100%;
    height: 40px;
    font-size: 1em;
    line-height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: 1px solid #ffffff;
    background: url("../images/search.png") no-repeat 0 #1A1A1A;
    background-size: 35px;
    color: #FFFFFF;
    padding-left: 35px;
    padding-top: 1px;
}

div.indexGameMenuBlock ul:last-child li input[type="text"]::-webkit-input-placeholder {
    color: #ffffff;
}

div.indexGameMenuBlock ul:last-child li input[type="text"]:-moz-placeholder {
    color: #ffffff;
}

div.indexGameMenuBlock ul:last-child li input[type="text"]:-ms-input-placeholder {
    color: #ffffff;
}

section.MainContent .NewGame {
    padding: 0 5px;
}

section.MainContent .NewGame li {
    float: left;
    width: 100%;
    position: relative;
}

section.MainContent .NewGame li span,
section.MainContent .TopSaleGame li span:not(.star) {
    position: absolute;
    bottom: 30px;
    left: 0;
    /* background: #EC1C24; */
    color: #ffffff;
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 0 10px;
    height: 1.5em;
}

section.MainContent .NewGame li span.try_to_play,
section.MainContent .TopSaleGame li span.try_to_play {
    background-color: rgba(236, 28, 36, 1);
}

section.MainContent .NewGame li span.unlogin,
section.MainContent .TopSaleGame li span.unlogin {
    background-color: rgba(67, 139, 202, 1);
}

section.MainContent .NewGame li span.play_now,
section.MainContent .TopSaleGame li span.play_now {
    background-color: rgba(0, 145, 69, 1);
}

section.MainContent .NewGame li span.maintenance,
section.MainContent .TopSaleGame li span.maintenance {
    background-color: rgba(0, 0, 0, 0.8);
    color: #FBCC21;
    width: 100%;
    text-align: center;
}


section.MainContent .NewGame li span:after,
section.MainContent .TopSaleGame li span:not(.star):after {
    position: absolute;
    right: -1.5em;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.5em 0 0 1.5em;
    /* border-color: transparent transparent transparent #EC1C24; */
    border-color: transparent transparent transparent transparent;
    content: '';
}

section.MainContent .NewGame li span.try_to_play:after,
section.MainContent .TopSaleGame li span.try_to_play:after {
    border-left-color: rgba(236, 28, 36, 1);
}

section.MainContent .NewGame li span.unlogin:after,
section.MainContent .TopSaleGame li span.unlogin:after {
    border-left-color: rgba(67, 139, 202, 1);
}

section.MainContent .NewGame li span.play_now:after,
section.MainContent .TopSaleGame li span.play_now:after {
    border-left-color: rgba(0, 145, 69, 1);
}

section.MainContent .NewGame li img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.GameContent li {
    width: 25%;
    float: left;
    text-align: left;
    padding: 0 7.5px;
    margin: 7.5px 0;
    position: relative;
}

.GameContent li a.imgBlock {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

.otherGame {
    text-align: center;
}

.GameContent li span.star,
.otherGame li span.star {
    width: 45px;
    height: 45px;
    background: url(../images/star.png) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 7.5px;
    pointer-events: auto;
    cursor: pointer;
    z-index: 1;
}

.GameContent li span.star.action,
.otherGame li span.star.action,
.GameContent li span.star.action,
.otherGame li span.star:hover {
    background: url(../images/yellow_star.png) no-repeat 0 0;
    background-size: 100%;
}

.GameContent li>a.imgBlock img {
    width: 100%;
    display: block;
    opacity: 0;
}

.GameContent li.col-2 {
    width: 50%;
}

.GameContent li.col-2 .imgBlock {
    padding-bottom: calc(50% - 7.5px);
    height: 0;
}

.GameContent li.col-2 .imgBlock .coverInfo {
    padding-bottom: calc(50% - 7.5px);
    height: 0;
}

.GameContent li .imgBlock .coverInfo {
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    vertical-align: bottom;
    font-size: 30px;
    line-height: 50px;
    display: none;
    pointer-events: none;
}

.GameContent li .imgBlock .coverInfo a {
    text-align: left;
    margin-top: calc(50% - 25px);
    margin-left: 20%;
    height: 50px;
    pointer-events: auto;
}

.GameContent li.col-2 .imgBlock .coverInfo a {
    margin-top: calc(25% - 25px);
    margin-left: 40%;
}

.GameContent li .imgBlock .coverInfo img {
    display: inline-block;
    width: 50px;
    vertical-align: bottom;
    margin-left: 15px;
}





/*body.index .MainContentBlock > div{*/


/*margin-bottom: 25px;*/


/*}*/

.GameContent h3 {
    color: #ffffff;
}

.TopSaleGame {
    margin-top: 15px;
}

.TopSaleGame h3 {
    color: #000000;
}
.TopSaleGame h3.subtitle {
    font-size: 0.96em;
}

.TopSaleGame .moreGame {
    text-align: center;
    margin: 10px;
    font-size: 0.8em;
}

.TopSaleGame .moreGame img {
    width: 25px;
}

.otherGame {
    position: relative;
    /*padding:0 60px;*/
}

.otherGame span.Control {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -40px;
    z-index: 1;
}

.otherGame span.Left {
    left: -60px;
}

.otherGame span.Right {
    right: -60px;
}

.otherGame span img {
    width: 100%;
    display: block;
}

.otherGame li {
    width: 100%;
    float: left;
    padding: 0 5px;
}

.otherGame li img {
    width: 100%;
}

.otherGame li .imgBlock {
    position: relative;
}

.GameContent p,
.otherGame p {
    color: #989898;
}

.PageBlock {
    position: relative;
    color: #ffffff;
    text-align: center;
    display: block;
    /* width: 150px; */
    margin: 15px auto;
}

.PageBlock li {
    width: 15px;
    height: 15px;
    display: inline-block;
    color: #989898;
}

.PageBlock li a {
    display: block;
    width: 100%;
}

.PageBlock li.action a {
    color: #fbcc21;
    text-decoration: underline;
}

.PageBlock span.Control {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
}

.PageBlock span.Control img {
    width: 100%;
}

.PageBlock span.Left {
    left: 0;
}

.PageBlock span.Right {
    right: 0;
}

.PageBlock .Mobile {
    display: none;
}


.PageTitle {
    color: #ffffff;
    margin-bottom: 15px;
    line-height: 35px;
}

.PageTitle h1 {
    display: inline-block;
    font-size: 2.2rem;
    white-space: nowrap;
    font-weight: 300 !important;
}

.PageTitle .TitleContent {
    /* width: 300px; */
    float: left;
}

.PageTitle .TitleContent span {
    color: #989898;
    margin-left: 15px;
    font-size: 1em;
}

.PageTitle .RightContent {
    float: right;
}

.PageTitle .RightContent>div {
    width: calc(50% - 5px);
    float: left;
    line-height: 40px;
}

.PageTitle .RightContent>div:nth-child(1) {
    margin-right: 10px;
}

.PageTitle .RightContent.underline {
    border-bottom: 1px solid #FFFFFF;
    text-align: right;
    width: calc(100% - 300px);
}

.PageTitle .RightContent ul.rightMenu li {
    display: inline-block;
    color: #989898;
    height: 40px;
    text-align: center;
    font-size: 1.333rem;
    width: 120px;
}

.PageTitle .RightContent ul.rightMenu li.action {
    border-bottom: 3px solid #fbcc21;
    box-sizing: border-box;
    color: #fbcc21;
}

.Type1 .PageTitle .RightContent,
.rank .PageTitle .RightContent {
    width: 50%;
}

.PageTitle .selectBlock,
.otherMenu .selectBlock {
    position: relative;
}

.PageTitle .selectBlock select,
.otherMenu .selectBlock select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 100%;
    border: 1px solid #ffffff;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 18px;
    background: #000000;
    border-radius: 0;
    color: #ffffff;
}

.PageTitle .selectBlock::after,
.otherMenu .selectBlock::after {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12.5px;
    width: 25px;
    height: 25px;
    background: url(../images/white_arrow_down.png) no-repeat center #4D4D4D;
    background-size: 70%;
    content: ' ';
    pointer-events: none;
}

.PageTitle .inputBlock {
    float: left;
}

.NewsSearch.inputBlock {
    width: 350px;
    margin-bottom: 15px;
}

.PageTitle .inputBlock input[type="text"],
.NewsSearch.inputBlock input[type="text"] {
    font-size: 18px;
    width: 100%;
    height: 40px;
    padding-left: 15px;
    line-height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: 1px solid #ffffff;
    background: url(../images/search.png) no-repeat right #000000;
    background-size: 35px;
    color: #FFFFFF;
}


Section.NewsList .PageTitle>div:nth-child(1) {
    width: 250px;
    float: left;
}

Section.NewsList .PageTitle>div:nth-child(2) {
    width: calc(100% - 250px);
    float: right;
    border-bottom: 1px solid #ffffff;
    text-align: right;
}

.PageContent {
    padding-top: 35px;
}

.register .PageContent {
    padding-top: 0;
}

div.NewsListContent {
    width: 100%;
}

div.NewsListContent li::before {
    position: absolute;
    height: 100%;
    width: 5px;
    background: #fbcc21;
    left: 0;
    top: 0;
    content: '';
}

div.NewsListContent li {
    position: relative;
    border-bottom: 1px solid #B2B2B2;
    height: 50px;
    background: #FFFFFF;

    padding: 1%;
    padding-left: 15px;
}

div.NewsListContent li>div {
    position: absolute;
    right: 20px;
    top: 6.5%;
    z-index: 1;
    font-size: 1rem;
}

div.NewsListContent a {
    font-size: 1.1em;
    color: #000000;
    width: 80%;
    height: 30px;
    overflow: hidden;
}

div.NewsListContent span {
    display: inline-block;
    float: left;
    color: #000000;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
}

div.NewsListContent span.tag {
    color: #fff;
    font-size: 0.9em;
}

div.NewsListContent span.new {
    background: #EC1C24;
    color: #ffffff;
}

div.NewsListContent span.system {
    background: #FBCC21;
}

section.NewsContent .NewsContentHtml {
    color: #ffffff;
    line-height: 150%;
    font-weight: 300;
}


.PageControl {
    color: #ffffff;
    float: right;
}

.PageControl span {
    display: inline-block;
    position: relative;
    width: 100px;
}

.PageControl span.LeftControl {
    text-align: left;
    padding-left: 30px;
}

.PageControl span.RightControl {
    text-align: right;
    padding-right: 30px;
}

section.NewsContent .PageControl span img {
    position: absolute;
    width: 25px;
    top: 50%;
    margin-top: -12.5px;
}

section.NewsContent .PageControl span.LeftControl img {

    left: 0;
}

section.NewsContent .PageControl span.RightControl img {
    right: 0;
}


.PageBlock a {
    display: inline-block;
    color: #989898;
    padding: 0 5px;
    /* margin: 0 5px; */
}

.PageBlock a.number {

    text-align: center;
}

.PageBlock a.number.current {
    color: #fbcc21;
    text-decoration: underline;
}



section.NewsContent .PageTitle span {
    color: #989898;
    margin: 15px;
}

section.NewsContent div.PageContent h1 {
    color: #ffffff;
    margin-bottom: -20px;
    font-size: 1.5rem;
    font-weight: 300;
}

section.NewsContent .hr {
    margin: 30px 0;
    height: 1px;
    background: #ffffff;
}

section.NewsContent .returnNewsList {
    float: left;
    background: #fbcc21;
    width: 35%;
    text-align: center;
    max-width: 300px;
    line-height: 35px;
    font-size: 1.2em;
    color: #000000;
}

section.contract h2 {
    color: #ffffff;
    margin-bottom: -20px;
}

section.contract .hr {
    background: #ffffff;
    margin: 30px 0;
    width: 100%;
    height: 1px;
}

section.user-contract .contract-content p {
    margin: 15px 0;
}

section.user-contract .contract-content {
    color: #ffffff;
    line-height: 150%;
    font-size: 0.8em;
    padding: 0 5px
}

section.user-contract .hr {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    background: #FFFFFF;
}

.leftContent,
.rightContent {
    float: left;
}

section.register .leftContent {
    width: 30%;
    float: left;
}

section.register .leftContent img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

section.register .rightContent {
    width: 70%;
    float: left;
    color: #ffffff;
    padding: 0 25px;
}

section.register .rightContent>div.title {
    position: relative;
}

section.register .rightContent>div.title .hr {
    position: absolute;
    top: 50%;
    width: calc(100% - 50px);
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 25px;
}

section.register .rightContent>div.title ul.top li {
    float: left;
    width: 19.5%;
    margin: 0 2.75%;
    padding: 0 5px 18.5%;
    text-align: center;
    position: relative;
    height: 0;
    background: url(../images/member_circle_unable.png) no-repeat center #000000;
    background-size: 90%;
}

section.register .rightContent>div.title ul.bottom {
    /*position: absolute;*/
    /*bottom: -30px;*/
    left: 0;
    width: 100%;
}

section.register .rightContent>div.title ul.bottom li {
    float: left;
    width: 25%;
    text-align: center;
}

section.register .rightContent>div.title ul.bottom li br {
    display: none;
}

section.register .rightContent>div.title ul li.action {
    background: url(../images/member_circle_able.png) no-repeat center #000000;
    background-size: 90%;
    color: #fbcc21;
}

section.register .rightContent>div.title ul.bottom li.action {
    background: inherit;
}

section.register .rightContent>div.title li p {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    line-height: 30px;
    font-size: 16px;
}

section.register .rightContent>div.content {
    width: 100%;
    position: relative;
}

section.register .rightContent>div.content>div {
    margin: 5% 0;
}

section.register .rightContent>div.content .step1>div>a {
    width: 70%;
    margin: 10px auto;
    height: 120px;
    border: 1px solid #fbcc21;
    text-align: center;
    /* line-height: 120px; */
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.register .step1>div>a.action,
section.register .step1>div>a:hover {
    background: #fbcc21;
    color: #000000 !important;
}

section.register .step1>div span {
    vertical-align: middle;
    font-size: 1.4em;
}

section.register .step1>div img {
    /* height: 100%; */
    /* padding: 4% 0; */
    vertical-align: middle;
}

section.register .step1>div img.fb {
    height: auto;
    width: 65px;
    margin-right: 10px;
}

section.register form {
    width: 100%;
    margin: 0 auto;
}

span.VerificationCode {
    display: inline-block;
    background: #989898;
    color: #ffffff;
    line-height: 50px;
    font-size: 1.4em;
    width: 90px;
    box-sizing: border-box;
    text-align: center;
}

section.register .step2 div.inline.read_rule {
    /*height: 50px;*/
    line-height: 50px;
}

section.register .step2 div.inline.read_rule input[type="checkbox"] {
    display: none;
}

section.register .step2 div.inline.read_rule label {
    position: relative;
    padding-left: 35px;
}

section.register .step2 div.inline.read_rule label::after {
    width: 25px;
    height: 25px;
    content: '';
    border: 2px solid #ffffff;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12.5px;
}

section.register .step2 div.inline.read_rule a {
    display: inline-block;
    margin-left: 5px;
    text-decoration: underline;
    color: #fbcc21;
}

section.register .step2 div.inline.read_rule input[type="checkbox"]:checked+label::after {
    background: url(../images/btn_check.png)no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}

section.register .step3 p {
    margin: 20px 0;
}

section.register .step3 .seconds {
    font-size: 2em;
}

section.register .step4>div {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

section.register .step4>div img {
    width: 50%;
    margin: 0 auto;
    display: block;
}

section.register .step4>div a {
    height: 50px;
    line-height: 50px;
    color: #000000;
    background: #fbcc21;
    margin-bottom: 5px;
    font-size: 2rem;
}

section.forgetPassword .PageContent {
    width: calc(100% - 20px);
    margin: 0 auto;
    /*margin-top: 50px;*/
}

section.forgetPassword input[type="submit"] {
    float: right;
    width: 50%;
}

section.forgetPasswordType .leftContent {
    width: 35%;
}

section.forgetPasswordType .rightContent {
    width: 65%;
    color: #ffffff;
    padding-left: 40px;
}

section.forgetPasswordType .rightContent input.forcus_err,
section.forgetPasswordType .rightContent select.forcus_err,
section.forgetPassword input.forcus_err,
section.register input.forcus_err,
section.register select.forcus_err {
    /* border: 2px solid #e62f2f; */
    outline: none;
    color: #000;
}

section.forgetPasswordType .rightContent select.forcus_err,
section.register .rightContent select.forcus_err,
section.service-return select.forcus_err {
    color: #fff;
}

section.forgetPasswordType .rightContent input:focus,
section.forgetPassword input:focus,
section.register input:focus {
    outline: none;
}

section.forgetPasswordType .rightContent .forcus_err,
section.forgetPassword .forcus_err,
section.register .forcus_err,
section.register .errMsg,
section.service-return .forcus_err {
    color: #e62f2f;
    font-style: italic;
}

section.forgetPasswordType .leftContent div {
    position: relative;
    float: left;
    width: calc(50% - 20px);
    border: 1px solid #fbcc21;
    height: 350px;
    font-size: 0.8em;
}

section.forgetPasswordType .leftContent div.action {
    background: #fbcc21;
}

section.forgetPasswordType .leftContent div:nth-child(1) {
    margin-right: 20px;
}

section.forgetPasswordType .leftContent div:nth-child(2) {
    margin-left: 20px;
}

section.forgetPasswordType .leftContent div a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

section.forgetPasswordType .leftContent div img {
    position: absolute;
    display: block;
    width: 125px;
    margin: 0 auto;
    top: calc(50% - 65px);
    left: calc(50% - 65px);
}

section.forgetPasswordType .leftContent div span {
    position: absolute;
    width: 100%;
    color: #ffffff;
    height: 80px;
    line-height: 80px;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 1.8em;
}

section.forgetPasswordType .leftContent div.action span {
    color: #000000;
}

form .inline {
    margin-bottom: 10px;
}

form .inline.double div {
    float: left;
    width: calc(50% - 5px);
    margin-left: 5px;
}

form .inline.double div:first-child {
    margin-right: 5px;
    margin-left: 0;
}

form .inline.double span:last-child {
    margin-left: 5px;
}

form .inline input[type="text"],
form .inline input[type="password"] {
    width: 100%;
    height: 50px;
    border: 1px solid #ffffff;

    border-radius: 0;
    padding-left: 15px;
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

form .inline input[type="submit"],
form .inline input[type="button"],
form .inline input[type="reset"],
form .inline a.btn,
form .inline button {
    border-radius: 0;
    font-size: 1.3em;
    width: 100%;
    height: 50px;
    background: #fbcc21;
    color: #000000;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
}

form .inline textarea {
    font-size: 1.4rem;
    height: 100px;
    width: 100%;
    max-height: 100px;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: 0;
    padding: 10px;
}

form .inline select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    font-size: 1em;
    position: relative;
    width: 100%;
    height: 50px;
    background: #000000;
    border-radius: 0;
    border: 2px solid #ffffff;
    color: #ffffff;
    padding-left: 15px;
}

form .inline>.selectBlock {
    position: relative;
    display: inline-block;
}

form .inline>.selectBlock::after {
    pointer-events: none;
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0;
    top: 0;
    content: '';
    background: url("../images/header_down_arrow.png") no-repeat center #ffffff;
    background-size: 120%;
}

form .inline>div {
    float: left;
    width: calc(50% - 5px);
}

form .inline>div.errMsg {
    width: 100%;
}

form div.inline>div:first-child {
    margin-right: 5px;
}

form div.inline>div:last-child {
    margin-left: 5px;
}

section.forgetPasswordType form .inline input[type="submit"] {
    float: left;
    width: 60%;
}

table {
    border-collapse: collapse;
    table-layout: fixed;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
}

table td {
    word-wrap: break-word;
}





/*memberDetail*/

section.memberDetail table {
    color: #000000;
    width: 100%;
    text-align: center;
    background: #ffffff;
    font-size: 1.333rem;
}

section.memberDetail table tr {
    height: 45px;
    border-bottom: 1px solid #B2B2B2;
}

section.memberDetail table tr.memberLevel,
section.memberDetail table tr td:first-child {
    background: #cbcbcb;
}

section.memberDetail table .VIP {
    background: #fbcc21 !important;
}

section.memberDetail table tr td:first-child {
    min-width: 200px;
    width: 200px;
}

section.memberDetail table td.VIP,
section.memberDetail table tr.memberLevel td:first-child {
    font-size: 1.6667rem;
    font-weight: 500;
}


.redCancel {
    color: #EC1C24;
}

.greenCircle {
    color: #009145;
}

.contentBlock {
    background: #ffffff;
    color: #000000;
    width: 100%;
    font-size: 1.333rem;
    padding: 20px;
}

.contentBlock li {
    margin-bottom: 15px;
}

.contentBlock li:last-child {
    margin-bottom: 0;
}

.yellowCircle {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fbcc21;
    content: ' ';
    display: inline-block;
    margin-right: 5px;
}

section.memberDetail .block {
    margin-bottom: 35px;
}

section.memberDetail .block:last-child {
    margin-bottom: 0;
}

span.yellowTagTitle {
    min-width: 175px;
    text-align: center;
    background: #fbcc21;
    color: #000000;
    font-size: 2.33rem;
    display: inline-block;
    padding: 0 5px;
}

section.memberDetail table.Mobile {
    margin-bottom: 20px;
    table-layout: fixed;
}

section.memberDetail table.Mobile:last-child,
section.memberDetail table.Mobile.TableTitle {
    margin-bottom: 0;
}

section.memberDetail table.Mobile tr.VIP td:first-child {
    background: #fbcc21 !important;
    text-align: left;
    padding-left: 10px;
    font-size: 2.45rem;
    line-height: 60px;
    font-weight: 500;
    height: 60px;
}

section.memberDetail table.Mobile tr td:first-child {
    text-align: left;
    padding-left: 20px;
    width: 200px;
}

section.memberDetail table.Mobile tr.VIP td>img {
    width: 60px;
    padding: 4px;
    margin-right: 10px;
    vertical-align: top;
}





/*!*-------------------------*!*/


/*.marquee {*/


/*overflow: hidden;*/


/*height:40px;*/


/*position: relative;*/


/*}*/


/*.marquee h3 {*/


/*position: absolute;*/


/*!*line-height:40px;*!*/


/*width: 100%;*/


/*margin: 0;*/


/*text-align: center;*/


/*!* Starting position *!*/


/*-moz-transform:translateX(100%);*/


/*-webkit-transform:translateX(100%);*/


/*transform:translateX(100%);*/


/*!* Apply animation to this element *!*/


/*-moz-animation: marquee 4s linear infinite;*/


/*-webkit-animation: marquee 4s linear infinite;*/


/*animation: marquee 4s linear infinite;*/


/*}*/


/*!* Move it (define the animation) *!*/


/*@-moz-keyframes marquee {*/


/*0%   { -moz-transform: translateX(100%); }*/


/*40%   { -moz-transform: translateX(0%); }*/


/*60%   { -moz-transform: translateX(0%); }*/


/*100% { -moz-transform: translateX(-100%); }*/


/*}*/


/*@-webkit-keyframes marquee {*/


/*0%   { -webkit-transform: translateX(100%); }*/


/*40%   { -webkit-transform: translateX(0%); }*/


/*60%   { -webkit-transform: translateX(0%); }*/


/*100% { -webkit-transform: translateX(-100%); }*/


/*}*/


/*@keyframes marquee {*/


/*0%   {*/


/*-moz-transform: translateX(100%); !* Firefox bug fix *!*/


/*-webkit-transform: translateX(100%); !* Firefox bug fix *!*/


/*transform: translateX(100%);*/


/*}*/


/*40%   {*/


/*-moz-transform: translateX(0%); !* Firefox bug fix *!*/


/*-webkit-transform: translateX(0%); !* Firefox bug fix *!*/


/*transform: translateX(0%);*/


/*}*/


/*60%   {*/


/*-moz-transform: translateX(0%); !* Firefox bug fix *!*/


/*-webkit-transform: translateX(0%); !* Firefox bug fix *!*/


/*transform: translateX(0%);*/


/*}*/


/*100% {*/


/*-moz-transform: translateX(-100%); !* Firefox bug fix *!*/


/*-webkit-transform: translateX(-100%); !* Firefox bug fix *!*/


/*transform: translateX(-100%);*/


/*}*/


/*}*/

.MainContent.type2 {
    background: #FFFFFF;
}

.MainContent.type2 .PageTitle h1 {
    color: #000000;
}

.MainContent.type2 .PageTitle .inputBlock input[type="text"],
.NewsSearch.inputBlock input[type="text"] {
    background: url(../images/black_search.png) no-repeat right #ffffff;
    background-size: 35px;
    border: 1px solid #000000;
    color: #000000;
}

.MainContent.type2 .PageTitle .selectBlock select,
.otherMenu .selectBlock select {
    background: #ffffff;
    color: #000000;
    border: 1px solid #000000;
}

.MainContent.type2 .GameContent h3,
.MainContent.type2 .PageBlock {
    color: #000000;
}

.MainContent.type2+footer>section.Footer>a.PageReturnTop {
    background: #000000;
}

.QrCode {
    display: none;
    position: fixed;
    z-index: 5;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}

.QrCode>div {
    position: absolute;
    width: 500px;
    height: 260px;
    left: calc(50% - 250px);
    top: calc(50% - 130px);
}

.QrCode>div>img.bg {
    width: 100%;
}

.qrCancel {
    position: absolute;
    right: 0;
    top: -45px;
    width: 45px;
    height: 45px;
    background: url("../images/qr_cancel.png")no-repeat center / cover;
    cursor: pointer;
}





/* rank */

.rank .OtherMenu {
    position: relative;
    text-align: center;
    width: 100%;
    color: #989898;
}

.rank .OtherMenu>ul {
    width: 560px;
    float: right;
    border-bottom: 1px solid #ffffff;
}

.rank .OtherMenu li {
    float: left;
    width: 140px;
    line-height: 45px;
}

.rank .OtherMenu li.action span {
    border-bottom: 3px solid #fbcc21;
    color: #fbcc21;
    display: inline-block;
    padding: 0 10px;
}

.rank .OtherMenu li img {
    width: 30px;
    vertical-align: middle;
}

.rank .OtherMenu .RankMore {
    position: absolute;
    right: 0;
    width: 140px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
    margin-top: 45px;
}

.rank .OtherMenu .RankMore li {
    text-align: center;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
}

.rank .OtherMenu .RankMore li:last-child {
    border-bottom: 0;
}

.rank table {
    width: 100%;
    font-size: 1.35rem;
}

.rank table tr {
    background: #ffffff;
    color: #000000;
    border-bottom: 1px solid #B2B2B2;
    height: 45px;
    border-left: 5px solid #fbcc21;
}

.rank table tr:last-child {
    border-bottom: 0;
}

.rank table tr.Title {
    background: #000000;
    border-left: 0;
    color: #ffffff;
}

.rank .Top3 {
    margin: 50px 0 36px;
}
.rank .Top3 ul{
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.rank .Top3 li {
    position: relative;
    float: left;
    width: calc(33.33% - 20px);
    margin-right: 30px;
    background: #ffffff;
    color: #000000;
    padding: 10px 10px 0;
}

.rank .Top3 li:last-child {
    margin-right: 0;
}

.rank .Top3 li span {
    display: block;
    width: 100%;
    text-align: center;
}

.rank .Top3 li p.number {
    font-weight: 800;
    position: absolute;
    top: -5rem;
    font-size: 6rem;
    left: 20px;
}

.rank .Top3 li .imgBlock {
    margin: -5.5rem auto 0;
    width: 50%;
}

.rank .Top3 li .imgBlock img {
    display: block;
    width: 100%;
}

.rank .Top3 li span.name {
    font-size: 1.7rem;
}

.rank .Top3 li span.score {
    font-size: 3.16rem;
    font-weight: 800;
}

.rank .Top3 li.NO-1 p.number,
.rank .Top3 li.NO-1 span.score {
    color: #ecc440;
}

.rank .Top3 li.NO-2 p.number,
.rank .Top3 li.NO-2 span.score {
    color: #989898;
}

.rank .Top3 li.NO-3 p.number,
.rank .Top3 li.NO-3 span.score {
    color: #dd811f;
}

.rank .Top3 li table tr,
.rank .Top3 li table td {
    border: 0;
}

.rank .Top3 li table tr {
    background: #F1F1F1;
}

.rank .Top3 li table td:first-child {
    font-size: 1.1666rem;
    width: 25%;
    color: #808080;
    padding-left: 7.5px;
}

.rank .Top3 li table td:last-child {
    font-size: 1.667rem;
}

.rank .RankContentMore {
    display: block;
    margin: 20px auto;
    width: 100%;
    text-align: center;
}

.rank .RankContentMore>span {
    display: block;
    font-size: 1.1667rem;
}

.rank .RankContentMore img {
    width: 30px;
}





/*service*/

.service-question .contentBlock {
    border-left: 4px solid #fbcc21;
    padding: 0;
}

.service-question .contentBlock li ul.qa_ul li {
    list-style: inside;
    list-style-type: decimal;
    line-height: 1em !important;
    min-height: auto;
}

.service-question .contentBlock li {
    min-height: 50px;
    line-height: 150%;
    margin: 0;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
}

.service-question .contentBlock li .question {
    min-height: 50px;
    vertical-align: middle;
    padding: 2%;
    padding-left: 15px;
}

.service-question .contentBlock li.action .question {

    background: #fbcc21;
}

.service-question .contentBlock li .answer {
    display: none;
    padding: 15px 0 15px 30px;
    line-height: 1.6rem;
    background: #cbcbcb;
}

.service-question .contentBlock li.action .answer {
    display: block;
}

.service-stop-list table {
    width: 100%;
}

.service-stop-list table tr {
    background: #ffffff;
    color: #000000;
    border-bottom: 1px solid #B2B2B2;
    height: 45px;
    border-left: 5px solid #fbcc21;
}

.service-stop-list table tr:last-child {
    border-bottom: 0;
}

.service-stop-list table tr.Title {
    background: #000000;
    border-left: 0;
    color: #ffffff;
}

.service-stop-list table td:nth-child(1) {
    padding-left: 15px;
}


.owl-carousel {
    z-index: inherit !important;
}

.product-list .owl-theme .owl-dots .owl-dot span {
    background: #989898 !important;
}

.product-list .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fbcc21 !important;
    ;
}





/*baml-record*/

.bank-record .Mobile.Arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 8px;
    border-color: transparent transparent transparent #fbcc21;
}

.bank-record .action .Mobile.Arrow {
    border-color: transparent transparent transparent #ffffff;
}

.bank-record.action .outTag {
    background: url(../images/yellow_tag_black_line@2x.png)no-repeat center;
    background-size: 90%;
}

.bank-record .outTag {
    vertical-align: top;
    font-size: 1.2rem;
    width: 50px;
    height: 22.2px;
    padding: 0 20px 0 10px;
    background: url(../images/yellow_tag_tri@2x.png) no-repeat center;
    background-size: 50px 22px;
}

.bank-record table {
    width: 100%;
    font-size: 1.35rem;
}

.bank-record table tr {
    background: #ffffff;
    color: #000000;
    border-bottom: 1px solid #B2B2B2;
    height: 45px;
    border-left: 5px solid #fbcc21;
}

.bank-record table tr.Title {
    background: #000000 !important;
    border-left: 0;
    color: #ffffff;
}

.bank-record table tr:last-child {
    border-bottom: 0;
}

.bank-record table td:nth-child(1) {
    padding-left: 5px;
    width: 85px;
}

.bank-record table td:nth-child(3) {
    width: 65px;
}

.bank-record table td:nth-child(7) {
    width: 35px;
}

.bank-record table tr:nth-child(2) td:nth-child(1) {
    width: 100% !important;
    border-bottom: 1px solid #989898;
}

.bank-record table tr:nth-child(2) {
    background: #cbcbcb;
    font-size: 1.2rem;
    display: none;
}

.bank-record table.action tr:nth-child(1) {
    background: #fbcc21;
}

.bank-record .detail>td {
    padding: 20px 0 20px 15px !important;
}

.bank-record .detail>td>span {
    float: left;
    position: relative;
}

.bank-record .detail>td>span:nth-child(1) {
    width: 20%;
    margin-right: 15%;
}

.bank-record .detail>td>span:nth-child(2) {

    padding-left: 75px;
}

.bank-record .detail>td>span:nth-child(2)>p {
    position: absolute;
    left: 0;
    top: 0;
}

.bank-record .success {
    background: #009145;
    padding: 0 5px;
    /* line-height: 30px; */
    color: #FFFFFF;
    font-size: 1.2rem;
    display: inline-block;
}

.bank-record .fail {
    background: #EC1C24;
    padding: 0 5px;
    /* line-height: 30px; */
    color: #FFFFFF;
    font-size: 1.2rem;
    display: inline-block;
}

.bank-record table.action tr:nth-child(2) {
    display: table-row;
}

.mobile {
    display: none;
}

.bank-record .detail p.DetailTitle {
    display: inline-block;
}





/* bank-action*/

.deal-action .Block {
    margin: 0px 0 20px;
}

.deal-action .Block:first-child {
    margin-top: 20px;
}

.deal-action .Block ul {
    background: #FFFFFF;
    border-left: 5px solid #fbcc21;
    color: #000000;
    font-size: 1.5rem;
}

.deal-action .Block li {
    min-height: 40px;
    vertical-align: middle;
}

.deal-action .Block li:nth-child(1) {
    border-bottom: 1px solid #989898;
    line-height: 40px;
    padding: 10px
}

.deal-action .Block li.detail {
    padding: 10px;
    font-size: 1.4rem;
}

.deal-action table {
    width: 100%;
}

.deal-action .Block li.detail td {
    padding: 5px;
}

.deal-action .Block li.detail td:nth-child(1) {
    width: 80px;
}

.deal-action form .button.inline {
    float: right;
    width: 30%;
    margin: 10px 0;
}

.deal-action form .button.inline input {
    font-size: 1.4rem;
    height: 30px;
}

.deal-action .outTag {
    vertical-align: top;
    font-size: 1.2rem;
    width: 50px;
    height: 22.2px;
    padding: 0 20px 0 15px;
    background: url(../images/yellow_tag_tri@2x.png) no-repeat center;
    background-size: 50px 22px;
}

.deal-action .Mobile.Arrow {
    display: none;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 8px;
    border-color: transparent transparent transparent #fbcc21;
}

.deal-action .action .Mobile.Arrow {
    border-color: transparent transparent transparent #ffffff;
}





/*game-detail*/

.game-detail .yellowCircle.number {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

.game-detail .contentBlock {
    border-left: 4px solid #fbcc21;
    padding: 15px 20px;
}

.game-detail .contentBlock p {
    font-size: 1.4rem;
    line-height: 30px;
}

.game-detail .contentBlock span.title {
    font-size: 2rem;
    margin: 10px 0;
    display: inline-block;
}

.game-detail .PageContent div.block {
    margin-bottom: 35px;
}

.game-detail .PageContent div.block:last-child {
    margin-bottom: 0;
}

.game-detail .GameTitle .info {
    color: #ffffff;
    width: 35%;
    height: 100%;
    min-height: 500px;
    padding: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+18,000000+100&1+0,1+18,0+100 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
}

.game-detail .GameTitle .info h1 {
    margin-bottom: 10px;
    font-size: 2.45rem;
}

.game-detail .GameTitle .info p {
    margin-bottom: 10px;
    font-size: 1.6rem;
}

.game-detail .GameTitle .info .try_to_play,
.game-detail .GameTitle .info .unlogin,
.game-detail .GameTitle .info .maintenance,
.game-detail .GameTitle .info .play_now {
    background: url(../images/game/right_arrow.png) no-repeat right 10px center rgba(236, 28, 36, 1);
    background-size: 30px;
    font-size: 2.5rem;
    padding: 5px 20px;
    padding-right: 60px;
    margin: 10px 0;
    display: block;
}

.game-detail .GameTitle .info .unlogin {
    background-color: rgba(67, 139, 202, 1);
}

.game-detail .GameTitle .info .play_now {
    background-color: rgba(0, 145, 69, 1);
}

.game-detail .GameTitle .info .maintenance {
    color: #FBCC21;
    background-image: none;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
}

.game-detail .GameTitle .socialBlock {
    position: absolute;
    bottom: 0;
    right: 0;
}

.game-detail .GameTitle .socialBlock li {
    float: left;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.4);
    margin-right: 5px;
}

.game-detail .GameTitle .socialBlock li:last-child {
    margin-right: 0;
}

.game-detail .GameTitle .socialBlock li img {
    width: 100%;
    display: block;
}

.game-detail h1.title {
    text-align: center;
    margin: 20px 0;
    font-size: 2.55rem;
}

.game-detail .viewSlider {
    margin-bottom: 30px;
}

.game-detail .viewSlider .owl-carousel div.item {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto !important;
}
.game-detail .viewSlider div.game_screen div.item img {
    width: 100%;
}


.game-detail .viewSlider li{
    /* float: left; */
    margin-right: 20px;
}

.game-detail .viewSlider li img{
    width: 100%;
    display: block;
}

.game-detail .owl-theme .owl-dots .owl-dot span {
    background: #333333;
}

.game-detail .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff;
}

.game-detail .owl-carousel {
    z-index: inherit;
}

.game-detail div.type1_div {
    position: relative;
    padding-left: 180px;
    margin-bottom: 20px;
    min-height: 120px;
    margin-bottom: 20px;
}

.game-detail div.type2_div {
    position: relative;
    margin-bottom: 20px;
}

.halloween.game-detail div.type2_div {
    padding: 0 15px;
}

.game-detail div.type2_div span.title {
    margin-top: 0;
}

.game-detail div.type1_div>div.clearfix>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    min-height: 100px;
}

.game-detail div.type1_div>li,
.game-detail div.type2_div>li {
    margin-top: 10px;
    padding-left: 15px;
    position: relative;
}

.halloween.game-detail .img01 {
    width: 80%;
    margin: 5% auto;
    display: block;
}

.game-detail div.type1_div>li span.yellowCircle,
.game-detail div.type2_div>li span.yellowCircle {
    position: absolute;
    top: 5px;
    left: 0;
}

section.MainContent.game-detail .MainContentBlock,
section.MainContent.game-detail .PageContent {
    padding-top: 0;
}





/*member buy record*/

.member_buy_record .selectBlock {
    width: 200px;
    display: inline-block;
    position: relative;
}

.member_buy_record select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 100%;
    border: 1px solid #ffffff;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 18px;
    background: #000000;
    border-radius: 0;
    color: #ffffff;
}

.member_buy_record .selectBlock::after {
    pointer-events: none;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    content: '';
    background: url("../images/header_down_arrow.png") no-repeat center #ffffff;
    background-size: 120%;
}

.member_buy_record input[type="button"].submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    display: inline-block;
    background: #fbcc21;
    color: #000000;
    font-size: 18px;
    line-height: 40px;
    height: 40px;
}

.member_buy_record .filterBlock {
    margin-bottom: 20px;
}

.member_buy_record .filterBlock>div:first-child {
    width: 40%;
    float: left;
}

.member_buy_record .filterBlock>div:last-child {
    width: 60%;
    float: right;
    text-align: right;
}

.member_buy_record table {
    width: 100%;
}

.member_buy_record table tr {
    background: #ffffff;
    color: #000000;
    border-bottom: 1px solid #B2B2B2;
    height: 45px;
    border-left: 5px solid #fbcc21;
}

.member_buy_record table .member_buy_record table tr:last-child {
    border-bottom: 0;
}

.member_buy_record table tr.Title {
    background: #000000;
    border-left: 0;
    color: #ffffff;
}

.member_buy_record table td:first-child {
    padding-left: 15px;
}

.member_buy_record table td:nth-child(5) {
    display: none;
}

.member_buy_record table td:nth-child(5) {
    display: none;
    width: 50px;
    background: url(../images/gray_more@3x.png) no-repeat center;
    background-size: 25px;
}

.member_buy_record table tr.action td:nth-child(5) {
    background: url(../images/gray_more@3x.png) no-repeat top 5px center;
    background-size: 25px;
}

.member_buy_record table span {
    display: none;
}

.member_buy_record table tr.action span {
    display: none;
}

.member_buy_record table span.title {
    font-size: 1.1666rem;
    color: #808080;
}

.member_buy_record table span.content {
    white-space: nowrap;
}

.member_buy_record table tr.Title td:nth-child(5) {
    background: inherit;
}





/*rank*/

.rank .Top3 table span {
    display: none;
}

.rank .Top3 li span.name br {
    display: none;
}

.rank table.type2 td:nth-child(1) {
    width: 40px;
    text-align: center;
    padding-left: 0;
}

.rank table.type2 td:last-child {
    display: none;
    width: 50px;
    background: url(../images/gray_more@3x.png) no-repeat center;
    background-size: 25px;
}

.rank table.type2 tr.action td:last-child {
    background: url(../images/gray_more@3x.png) no-repeat top 5px center;
    background-size: 25px;
}

.rank table.type2 span {
    display: none;
}

.rank table.type2 tr.action span {
    display: none;
}

.rank table.type2 span.title {
    font-size: 1.1666rem;
    color: #808080;
}

.rank table span.content {
    white-space: nowrap;
    margin-top: 0 !important;
}

.rank table.type2 tr.Title td:last-child {
    background: inherit;
}

.rank .PageTitle .RightContent>span {
    width: 50%;
    float: left;
}





/*apk-pc*/

.apk-pc .block .stepTitle {
    background: #fbcc21;
    text-align: center;
    font-size: 1.4rem;
    display: inline-block;
    width: 100px;
    padding: 2.5px 5px;
    margin: 10px 0;
}

.apk-pc .block .stepTitle.red {
    color: #ffffff;
    background: #EC1C24;
}

.apk-pc .block p {
    padding: 10px;
}

.apk-pc .block ul {
    margin: 50px 0;
}





/*apk-teach*/

.apk-teach .block .stepTitle {
    background: #fbcc21;
    text-align: center;
    font-size: 1.4rem;
    display: inline-block;
    width: 100px;
    padding: 2.5px 5px;
    margin: 10px 0;
}

.apk-teach .block .stepTitle.red {
    color: #ffffff;
    background: #EC1C24;
}

.apk-teach .block li img {
    width: 80%;
    margin: 0 auto;
    display: block;
}

.apk-teach .block li>div {
    width: 100%;
    display: inline-block;
    padding: 20px;
}

.apk-teach .block .stepTitle.orange {
    color: #ffffff;
    background: #EC5C24;
}

.apk-teach .block p {
    padding: 10px;
}

.apk-teach .block ul {
    margin: 0px 0 25px;
}





/* bank-deal */

.bank-deal li.in {
    overflow: hidden;
}

.bank-deal li.in div.showData {
    display: none;
    height: 80px;
    padding: 10px 0;
}

.bank-deal li.in.action {
    background: #ffffff !important;
}

.bank-deal li.in.action div.showData {
    display: block;
}

.bank-deal li.in.action .bank-deal-select {
    opacity: 0;
}

.bank-deal .bank-deal-select {
    position: absolute;
    z-index: 1;
    width: calc(100% + 30px);
    height: 100%;
    font-size: 1.5rem;
    border: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, 0);
}

.bank-deal .content ul.character span.Arrow {
    z-index: 10;
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 25px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 10px;
    border-color: transparent transparent transparent #fbcc21;
}





/*.chat*/

.chat .contentBlock {
    border-left: 4px solid #fbcc21;
    padding: 15px;
}

.chat .PageContent div.block {
    margin-bottom: 35px;
}

.chat .PageContent div.block:last-child {
    margin-bottom: 0;
}

.chat .contentBlock p,
.chat .contentBlock div.p {
    padding: 10px;
    width: 50%;
    overflow-y: scroll;
    float: left;
}

.chat .contentBlock .iphoneBlock {
    width: 50%;
    float: right;
    margin-top: -10%;
}

.chat .contentBlock .iphoneBlock .owl-carousel {
    left: 11%
}

.chat .iphoneBlock img.phoneBackground {
    margin: 0 auto;
}

.chat ul.Mobile li {
    width: 100%;
}

.chat ul.Mobile li img {
    width: 100%;
}





/*materials-teach*/

.materials-teach .contentBlock {
    border-left: 4px solid #fbcc21;
    padding: 15px;
}

.materials-teach .PageContent div.block {
    margin-bottom: 35px;
}

.materials-teach .PageContent div.block:last-child {
    margin-bottom: 0;
}

.materials-teach ul.CardList li {
    position: relative;
    width: calc(50% - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
    min-height: 50px;
}

.materials-teach ul.CardList li h3 {
    font-size: 2rem;
    line-height: 40px;
}

.materials-teach ul.CardList li p {
    font-size: 1.333rem;
}

.materials-teach ul.CardList li>img {
    float: left;
    width: 40%;
    margin-right: 15px;
}

.materials-teach ul.CardList li:nth-child(2n-1) {
    margin-right: 0;
}

.materials-teach .yellowTagTitle.red {
    color: #FFFFFF;
    background: #EC1C24;
}

.materials-teach .contentBlock.red {
    border-left: 4px solid #EC1C24;
}

.materials-teach .CardList.Mobile li {
    width: 100% !important;
    margin: 0 !important;
}

.materials-teach ul.Mobile li {
    width: 100%;
}

.materials-teach ul.Mobile li img {
    width: 100%;
}

.materials-teach .CardListSlider {
    overflow: hidden;
    width: calc(100% - 40px);
    margin: 0 auto;
    display: none;
}

.materials-teach .CardListSlider li {
    /*float: left;*/
    width: 100%;
    text-align: center;
    display: block;
}

.materials-teach .CardListSlider li img {
    width: 100%;
}

.materials-teach .owl-dots,
.owl-nav {
    display: none!important;
}

.materials-teach .owl-item {
    float: left !important;
}





/*product-detail*/

.product-detail .hr {
    margin: 20px 0;
    background: #ffffff;
    height: 1px;
    width: 100%;
}

.product-detail .title.Desktop {
    min-height: 300px;
    position: relative;
    padding: 0px 20px 0 350px
}

.product-detail .title.Desktop .imgBlock {
    width: 300px;
    position: absolute;
    left: 0;
    top: 0;
}

.product-detail .title.Desktop .imgBlock img {
    display: block;
    width: 100%;
}

.product-detail .title.Desktop p {
    color: #989898;
    width: 70%;
}

.product-detail .title.Desktop .buy_location h3 {
    font-size: 1.3rem;
    margin: 66px 0 5px;
}

.product-detail .title.Desktop .buy_location h3 img {
    margin-top: -5px;
    width: 20px;
    vertical-align: middle;
}

.product-detail .title.Desktop span.priceTag {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fbcc21;
    font-weight: 800;
    font-size: 2.6667rem;
}

.product-detail .content li {
    margin: 5px 10px;
}

.product-detail .detail li {
    float: left;
    width: calc(33.33% - 10px);
    margin-right: 15px;
    position: relative;
    height: 100px;
    margin-bottom: 15px;
    padding-left: 110px;
}

.product-detail .detail li:nth-child(3n+1) {
    margin-right: 0;
}

.product-detail .detail li span {
    padding-left: 5px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
}

.product-detail .detail li img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.product-detail table {
    width: 100%;
}

.product-detail .hr {
    margin: 20px 0;
    background: #ffffff;
    height: 1px;
    width: 100%;
}

.product-detail .title.Mobile {
    min-height: 300px;
    position: relative;
}

.product-detail .title.Mobile .imgBlock {
    width: calc(50% - 15px);
    margin-right: 15px;
    float: left;
}

.product-detail .title.Mobile .imgBlock img {
    display: block;
    width: 100%;
}

.product-detail .title.Mobile p {
    color: #989898;
}

.product-detail .title.Mobile .buy_location td:first-child {
    width: 100px;
}

.product-detail .title.Mobile .buy_location td:last-child {
    width: calc(100% - 100px);
}

.product-detail .title.Mobile .buy_location td:first-child img {
    margin-top: -5px;
    width: 20px;
    vertical-align: middle;
}

.product-detail .title.Mobile .buy_location td:last-child img {
    float: left;
    width: calc(50% - 15px);
    margin: 0 7.5px;
}

.product-detail .title.Mobile span.priceTag {
    color: #fbcc21;
    font-weight: 800;
    font-size: 2.6667rem;
    margin-left: 7.5px;
}

.product-list h1.title {
    text-align: center;
    margin: 20px 0;
}

.product-list ul.productSlider li {
    width: 100%;
    padding: 0;
    margin: 0;
}





/*service-download*/

.service-download a.yellowTag {
    display: inline-block;
    background: #fbcc21;
    color: #000000;
    font-size: 1.4rem;
    line-height: 30px;
    padding: 0 10px;
}

.service-download table {
    width: 100%;
}

.service-download table tr {
    background: #ffffff;
    color: #000000;
    border-bottom: 1px solid #B2B2B2;
    height: 45px;
    border-left: 5px solid #fbcc21;
}

.service-download table tr:last-child {
    border-bottom: 0;
}

.service-download table tr.Title {
    background: #000000;
    border-left: 0;
    color: #ffffff;
}

.service-download table td:nth-child(1) {
    padding-left: 15px;
    width: 5%;
    max-width: 60px;
    text-align: center;
}

.service-download table td:nth-child(2) {
    padding-left: 10px;
    width: 60%;
}

.service-download table td:nth-child(3) {
    width: 20%;
}

.service-download table td:nth-child(4) {
    width: 15%;
}





/*service-return*/

.service-return form .inline textarea {
    max-height: inherit;
    min-height: 250px;
}

.service-return .inline {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /* flex-direction: column; */
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
}

.service-return .inline>div .service-return .inline>div.selectBlock.input-or {
    display: inline-block;
    width: calc(50% - 25px);
}

.service-return .inline>div.selectBlock {
    display: inline-block;
    width: 50%;
}

.service-return .inline>div:first-child {
    /* margin-right: 25px; */
}

.service-return .inline>div:last-child {
    /*
    margin-left: 25px; 
    vertical-align: top; 
    */
}

.service-return .inline span.orText {
    text-align: center;
    display: inline-block;
    /*     position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px); */
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.service-return .inline input {
    width: 100%;
}




/*service-stop-list*/

.service-stop-list table td.More {
    display: none;
    width: 50px;
    background: url(../images/gray_more@3x.png) no-repeat center;
    background-size: 25px;
}

.service-stop-list table tr.action td.More {
    background: url(../images/gray_more@3x.png) no-repeat top center;
    background-size: 25px;
}

.service-stop-list table tr.Title td:nth-child(6) {
    background: inherit;
}

.service-stop-list table td:nth-child(5) {
    display: none;
}

.service-stop-list table td span {
    display: none;
}

.service-stop-list table span.show {
    display: inline !important;
}

.service-stop-list table. tr.action span {
    display: none;
}

.service-stop-list table span.title {
    font-size: 1.1666rem;
    color: #808080;
}

.service-stop-list table span.content {
    white-space: nowrap;
}






/*
// 1    系統公告
// 2    活動公告
// 3    其他公告
// 4    贈點活動
// 5    遊戲公告
// 6    平台公告
*/

.system,
.nt1 {
    font-color: #FFFFFF;
    background: #8e059e;
    font-color: #FFFFFF;
}

.activity,
.nt2 {
    background: #9e0529;
    font-color: #FFFFFF;
}

.other,
.nt3 {
    font-color: #FFFFFF;
    background: #2F2F2D;
}

.handsel,
.nt4 {
    font-color: #FFFFFF;
    background: #C9590A;
}

.game,
.nt5 {
    font-color: #FFFFFF;
    background: #15808A;
}

.platform,
.nt6 {
    font-color: #FFFFFF;
    background: #062C85;
}

.tag div {
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 2px 1px;
    border-radius: 3px;
    display: inline-block;
}





/* Game Launcher */

.game_launcher_box {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
}

.game_launcher_box.active {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}

.game_launcher_box .launcher_btn_box {
    width: 300px;
    padding: 30px 50px;
    position: relative;
    top: 50px;
    opacity: 0;
    color: #fff;
    transition: all 0.1s ease-in-out 0.3s;
}

.game_launcher_box.active .launcher_btn_box {
    top: 0;
    opacity: 1;
    transition: all 0.1s ease-in-out 0.3s;
}

.game_launcher_box .launcher_btn_box .close_launcher {
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.85);
    width: 30px;
    height: 36px;
    position: absolute;
    top: -20px;
    right: 10px;
    z-index: 9;
    text-align: center;
    display: inline-block;
    padding: 0;
    margin: 0;
    line-height: 3rem;
}

.game_launcher_box .launcher_btn_box .close_launcher:hover {
    color: rgba(255, 255, 255, 1);
}

.game_launcher_box .launcher_btn_box .btn {
    padding: 7px 10px;
    margin-bottom: 15px;
    background-color: rgba(67, 139, 202, 1);
    color: #fff;
    display: block;
    text-align: center;
    letter-spacing: 1rem;
}

.game_launcher_box .launcher_btn_box .btn.try_to_play {
    background-color: rgba(236, 28, 36, 0.8);
}

.game_launcher_box .launcher_btn_box .btn.unlogin {
    background-color: rgba(67, 139, 202, 0.8);
}

.game_launcher_box .launcher_btn_box .btn.play_now {
    background-color: rgba(0, 145, 69, 0.8);
}

.game_launcher_box .launcher_btn_box .btn.try_to_play:hover {
    background-color: rgba(236, 28, 36, 1);
}

.game_launcher_box .launcher_btn_box .btn.unlogin:hover {
    background-color: rgba(67, 139, 202, 1);
}

.game_launcher_box .launcher_btn_box .btn.play_now:hover {
    background-color: rgba(0, 145, 69, 1);
}



/* .game-detail ul,
.game-detail ol,
.game-detail li {
    list-style: inside decimal !important;
} */