@media only screen and (min-width: 769px) {
    body>section.Menu {
        display: none !important;
    }
    .News-Switch {
        display: none !important;
    }
    .rank .PageTitle .RightContent .inputBlock {
        float: right;
    }
}




/* ============= RWD Setting ============= */

@media only screen and (max-width: 1280px) {
    body.index>header>section.Menu div.MenuList>li:nth-child(4) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1024px) {
    header .Logo {
        margin-left: 30px;
    }
    header>section.TopHeader p {
        /* margin-left: -160px; */
    }
}

@media only screen and (max-width: 980px) {
    header>section.TopHeader p {
        /* margin-left: -240px; */
    }
}

@media only screen and (max-width: 768px) {
    .Desktop {
        display: none;
    }
    .indexGameMenuBlock.Desktop.action {
        position: absolute;
        top: 42.5px;
        left: 0;
        display: block !important;
        height: 40px;
        background: #1A1A1A;
    }
    .showSearch {
        height: 80px !important;
    }
    .indexGameMenuBlock.Desktop.action ul:first-child {
        display: none !important;
    }
    .indexGameMenuBlock.Desktop.action ul:nth-child(2) {
        width: 100%;
    }
    .indexGameMenuBlock.Desktop.action ul:nth-child(2) li:first-child {
        width: calc(100% - 30px);
        margin: -10px 15px 0;
    }
    div.indexGameMenuBlock ul:last-child li input[type="text"] {
        height: 35px;
        line-height: 35px;
        font-size: 1.2rem;
    }

    header>section.indexNews>div.NewsBlock>li.Mobile {
        display: block;
    }
    section.MainContent div.indexGameMenu {
        height: 40px;
        position: relative;
    }
    .game-detail .contentBlock span.title {
        display: block;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
    }
    .game-detail h1.title {
        font-size: 24px;
    }
    span.yellowTagTitle {
        font-size: 22px;
        min-width: 140px;
        font-weight: 500;
    }
    section.MainContent .NewGame {
        font-size: 65%;
    }
    .PageTitle .TitleContent span {
        font-size: 1.2rem;
    }
    section.MainContent .MainContentBlock {
        padding-top: 10px;
    }
    header>section.TopHeader>div.functionBlock>span.deposit1 {
        float: left;
        background: inherit;
        color: #ffffff;
    }
    header>section.indexNews {
        height: initial;
        margin-top: 60px;
    }
    header>section.indexNews>div.Background {
        margin-top: 60px;
    }
    /* */
    .PageBlock {
        width: 100%;
    }

    .PageBlock .Mobile {
        display: inline-block !important;
    }
    .PageBlock .PageNumber {
        display: none;
    }
    .PageContent {
        padding-top: 0;
    }
    .PageBlock span.Control {
        width: 150px;
    }
    .PageBlock span.Control img {
        display: none;
    }
    .MainContent.type2 .PageBlock span.Left a {
        background: url(../images/page_mobile_left_arrow_1_black.png) no-repeat center left;
        background-size: 45px;
    }
    .PageBlock span.Left a {
        background: url(../images/page_mobile_left_arrow_1.png) no-repeat center left;
        background-size: 45px;
    }
    .MainContent.type2 .PageBlock span.Right a {
        background: url(../images/page_mobile_right_arrow_1_black.png) no-repeat center right;
        background-size: 45px;
    }
    .PageBlock span.Right a {
        background: url(../images/page_mobile_right_arrow_1.png) no-repeat center right;
        background-size: 45px;
    }
    /*news*/
    section.NewsContent .NewsContentHtml {
        font-size: 1.3rem;
    }
    section.NewsContent .returnNewsList {
        max-width: inherit;
        width: 100%;
        margin: 0;
        float: none;
    }

    section.NewsContent .PageControl {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    section.NewsContent .PageControl span.LeftControl {
        float: left;
    }
    section.NewsContent .PageControl span.RightControl {
        float: right;
    }

    div.NewsListContent li {
        height: 80px;
    }

    div.NewsListContent li>div {
        position: absolute;
        right: 5px;
        margin-top: 43px;
    }
    div.NewsListContent a {
        overflow: hidden;
        text-overflow: ellipsis;
        width: calc(100% - 5px);
        line-height: 120%;
        height: 45px;
        white-space: pre-line;
    }

    /*button*/
    form .inline input[type="submit"],
    form .inline input[type="button"],
    form .inline input[type="reset"],
    form .inline a.btn,
    form .inline button {
        font-size: 1.667rem !important;
    }
    /* apk-teach*/
    .apk-pc ul li.col-2 {
        width: 100%;
        margin-top: 0;
    }
    .apk-teach .contentBlock {
        padding: 5px;
    }
    .apk-teach li.col-3 {
        width: 100%;
    }
    .apk-teach li>div {
        width: 130px !important;
        padding: 0 0px 0 10px !important;
    }
    .apk-teach li>img {
        width: calc(100% - 130px)!important;
    }
    .apk-teach li>img,
    .apk-teach li>div {
        float: left;
    }
    .apk-teach .contentBlock ul:nth-child(4) li:nth-child(2) {
        width: 100% !important;
    }
    .apk-teach .contentBlock ul:nth-child(4) li:nth-child(2)>img,
    .apk-teach .contentBlock ul:nth-child(4) li:nth-child(2)>div {
        width: 100% !important;
        padding: 0!important;
    }
    /*bank-action*/
    .deal-action form .button.inline {
        width: 100% !important;
    }
    .deal-action form .button.inline.A>span {
        width: 100%;
        margin: 0;
    }
    .deal-action form .button.inline.B>span:first-child {
        margin-bottom: 10px;
    }
    .deal-action form .button.inline.B>span {
        width: 100% !important;
        margin: 0;
    }
    .deal-action .Block ul {
        border-left: 0;
        border-top: 5px solid #fbcc21;
        ;
    }
    .deal-action .Mobile.Arrow {
        display: inline-block;
    }
    .deal-action form .button.inline input {
        height: 45px;
    }
    /* bank -record*/
    .bank-record .detail {
        /* background: #ffffff !important; */
    }
    .bank-record .detail>td>span {
        float: left;
        width: 100% !important;
        margin-right: 0;
    }
    .bank-record .detail p.DetailTitle {
        display: block;
        color: #989898;
        position: relative !important;
        text-align: left;
        margin: 0;
        font-size: 1rem
    }
    .bank-record table tr.DetailTitle {
        border-bottom: 4px solid #fbcc21;
    }
    .bank-record table tr {
        border-left: 0;
    }

    .bank-record table:nth-child(1),
    .bank-record table:nth-child(2) {
        border-top: 0;
    }
    .bank-record table tr:first-child td:nth-child(1) {
        width: 50px;
    }
    .bank-record table tr:first-child td:nth-child(2),
    .bank-record table tr:first-child td:nth-child(4) {
        padding-left: 15px;
    }
    .bank-record table tr:first-child td:nth-child(3) {
        width: 10px;
    }
    .bank-record table td:nth-child(5),
    .bank-record table td:nth-child(6),
    .bank-record table td:nth-child(7) {
        display: none;
    }
    .bank-record .detail>td>span:nth-child(2) {
        padding-left: 0;
    }
    /*bank-deal*/
    .bank-deal table.pay3_result {
        font-size: 1.3rem;
    }
    .bank-deal table.pay3_result .pr_title {
        width: 35%;
    }
    .bank-deal .title.step {
        margin-top: 15px !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .bank-deal .title.step p {
        width: 50% !important;
        margin: 0 !important;
        display: inline-block;
    }
    .bank-deal .title.step p::before {
        width: 30px !important;
        height: 30px  !important;
        line-height: 30px !important;
        font-size: 1.5rem !important;
    }
    .bank-deal .title.step p span {
        display: block !important;
        margin-top: 10px;
    }
    .bank-deal .step1 .content li {
        /* width: calc(50% - 7.5px); */
        width: 100% !important;
        margin: 0 !important;
        margin-right: 15px !important;
        margin-bottom: 15px !important;
    }
    .bank-deal .step1 .content li:nth-child(2n) {
        margin-right: 0 !important;
    }
    .bank-deal .content li span.priceTag {
        /* position: relative; */
        display: inline-block;
    }
    .bank-deal .step1 .content li {
        height: 100px;
    }
    .bank-deal form .buttonBlock.inline {
        width: 100% !important;
    }
    .bank-deal .content ul.character .right_arrow_odd {
        display: none;
    }
    .bank-deal .step2 .content ul.character li,
    .bank-deal .step2 .content li.in div.showData {
        border-top: 4px solid #fbcc21;
        border-left: 0;
        width: 50%;
        margin: 0;
        padding: 2.5px 0 0 5px;
        height: 100px;
        line-height: 150%;
    }
    .bank-deal .step2 .dealContent div.li span.title {
        margin: 10px 0;
    }
    .bank-deal .step2 .dealContent div.li span.title + #gold {
        margin: 0 0 30px 0;
        font-size: 1rem;
    }
    .bank-deal .step2 .content li.in div.showData {
        border-top: 0;
    }
    .bank-deal .step2 .content ul.character li .tag {
        display: none;
    }
    .bank-deal .step2 .content li span.name {
        line-height: 120% !important;
    }
    .bank-deal .step2 .content ul.character li:nth-child(1),
    .bank-deal .step2 .content li.in div.showData {
        padding-top: 15px;
    }
    .bank-deal .step2 form .button.inline {
        text-align: center;
    }
    .bank-deal .step2 form .button.inline>span {
        width: 31% !important;
        margin-right: 1% !important;
    }
    .bank-deal .content ul.character li.in {
        background: url(../images/header_down_arrow.png) no-repeat 98% center #ffffff;
        background-size: 35px;
    }

    .bank-deal div.dealContent div.li {
        width: 100%;
        margin: 0;
    }
    div.dealContent .inline>span:nth-child(2) {
        width: calc(50% - 20px);
    }
    .step2 div.dealContent .del {
        right: -15px;
    }
    .bank-deal .step2 .button.inline {
        width: 100% !important;
    }

    /*.bank-store */
    .bank-store form .inline:nth-child(1) {
        margin-top: 15px;
    }
    .bank-store .rightContent {
        width: 100%;
        margin-top: 20px;
    }
    .BankListBox .reSelect {
        left: calc(50% + 5px);
        width: calc(50% - 5px);
        font-size: 1.33rem !important;
    }
    .BankListBox .BankList li {
        width: calc(50% - 5px);
        margin: 5px !important;
    }
    .BankListBox .BankList li:nth-child(2n+1) {
        margin-left: 0 !important;
    }
    .BankListBox .BankList li:nth-child(2n+2) {
        margin-right: 0 !important;
    }

    .TypeList li {
        width: calc(50% - 5px);
        margin: 5px 5px!important;
    }
    .TypeList li:nth-child(2n) {
        margin-right: 0px !important;
    }
    .TypeList li:nth-child(2n+1) {
        margin-left: 0px !important;
    }
    .TypeList li span {
        font-size: 1rem;
    }
    .bank-store form .buttonBlock.col-5 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .bank-store form .buttonBlock.col-5 span {
        width: 100%;
        margin-top: 20px;
    }
    .bank-store form .buttonBlock.col-5 button {
        width: calc(50% - 5px);
        margin: 5px 5px !important;
    }
    .bank-store form .buttonBlock.col-5 button:first-child {
        margin-left: 0 !important;
    }
    .bank-store form .buttonBlock.col-5 button:last-child {
        margin-right: 0 !important;
    }
    .BankList li img {
        height: 100%;
        width: initial;
    }

    /* service  */
    .service-question .contentBlock li .answer {
        padding: 15px;
    }
    .service-question .contentBlock {
        border-left: 0;
        border-top: 4px solid #fbcc21;
    }

    .PageTitle .RightContent {
        border-bottom: 0 !important;
        text-align: left !important;
        ;
        float: left;
    }
    .PageTitle .RightContent ul.rightMenu {}
    .PageTitle .RightContent ul.rightMenu li {
        display: inline-block;
        min-width: 80px;
        width: inherit;
    }
    .PageTitle .RightContent ul.rightMenu li.action {
        border: 0;
    }
    .PageTitle .RightContent ul.rightMenu li a {
        padding: 0 5px
    }
    .PageTitle .RightContent ul.rightMenu li.action a {

        border: 0;
        color: #000000;
        background: #fbcc21;
    }
    .PageTitle h1 {
        white-space: normal;
        font-size: 2rem;
    }

    .Mobile {
        display: block;
    }
    section.forgetPasswordType .leftContent {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    section.forgetPasswordType .leftContent div {
        height: 120px;
        width: calc(50% - 10px);
    }
    section.forgetPasswordType .leftContent div:nth-child(2) {
        margin-left: 0px;
    }
    section.forgetPasswordType .leftContent div img {
        width: 60px;
        top: calc(50% - 50px);
        left: calc(50% - 30px);
    }
    section.forgetPasswordType .leftContent div span {
        height: 40px;
        line-height: 40px;
        font-size: 1.4em;
    }
    section.forgetPasswordType .rightContent {
        width: 100%;
        padding: 0;
    }
    section.forgetPasswordType .rightContent .selectBlock,
    section.forgetPasswordType .rightContent .inputBlock,
    section.register .rightContent .selectBlock,
    section.register .rightContent .inputBlock {
        width: 100%;
        margin-bottom: 5px;
    }



    table.Mobile {
        display: table;
    }
    table.Desktop {
        display: none;
    }

    section.register .rightContent>div.content .step1>div {
        font-size: 1.2rem;
        /* width: 90%; */
    }
    section.register .rightContent>div.content .step1>div span {
        font-size: 1.5rem;
    }
    section.register .rightContent>div.content .step1>div img {
        font-size: 1.2rem;
        width: 65px;
    }
    section.register .rightContent>div.content .step1>div img.fb {
        width: 55px;
        margin-right: 10px;
    }

    section.register .step2 div.inline:first-child>span:first-child {
        margin-bottom: 10px !important;
    }
    section.register .step2 div.inline:first-child>span {
        width: 100%;
        margin: 0 !important;
    }
    section.register .step2 form {
        width: 100%;
    }
    section.register .rightContent>div.content>div {
        margin: 17% 0;
    }
    section.register .rightContent>div.content>div.login {
        margin: 10px 0;
    }
    section.register .rightContent>div.title {
        margin-top: 0;
    }

    .online-service {
        display: none;
    }

    section.register .rightContent>div.content .step1>li {
        width: 90%;
    }

    section.register .PageTitle {
        display: none;
    }
    section.register .leftContent {
        display: none;
    }
    section.register .rightContent {
        width: 100%;
        padding: 0;
    }

    section.MainContent {
        min-height: calc(100vh - 364px);
        margin-top: 60px;
    }
    body.index section.MainContent {
        margin-top: 0;
    }
    .GameContent {
        font-size: 65%;
    }
    .GameContent li.col-2>a.imgBlock>img {
        width: 200%;
        margin-left: -50%;
    }
    .GameContent li.col-2 .imgBlock {
        padding-bottom: 100%;
    }
    .GameContent li.col-2 .imgBlock .coverInfo {
        padding-bottom: 100%;
    }

    .GameContent li {
        width: 50%;
    }
    .PageTitle>div {
        width: 100% !important;
        margin-bottom: 5px;
    }
    section.Footer {
        margin-bottom: 45px;
    }
    section.Footer>div.footerHr {
        position: fixed;
        left: 0;
        bottom: 45px;
        z-index: 10;
    }
    section.Footer>div.FooterBottom {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 45px;
        background: #1A1A1A;
        z-index: 10;
    }
    a.MobileLogo {
        display: block;
    }
    header>section.TopHeader {
        border-bottom: 3px solid #FBCC21;
    }
    header>section.TopHeader>div.functionBlock {
        position: inherit;
        width: 100%;
    }
    header>section.TopHeader div.language {
        display: none;
    }
    header>section.TopHeader>div.functionBlock>span.tied,
    header>section.TopHeader>div.functionBlock>span.login {
        float: right;
        background: inherit;
        color: #ffffff;
    }
    header>section.TopHeader>div.functionBlock>span.mobile_register {
        float: right;
        background: inherit;
        display: inline-block;
    }
    header>section.TopHeader>div.functionBlock>span.deposit {
        float: left;
        background: inherit;
        color: #ffffff;
        margin-right: 0;
    }
    header>section.TopHeader>div.functionBlock>span.login_info {
        display: none;
    }
    header>section.TopHeader {
        height: 60px;
        line-height: 60px;
        position: fixed;
        top: 0;
        background: #000000;
        z-index: 3;
    }
    .TopHeader>p {
        display: none !important;
    }
    body.index .AD {
        display: block;
    }
    .AD,
    header>section.GameSlider {
        display: none;
    }
    footer ul.MobileFooterMenu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 100%;
    }
    header>section.indexNews>div.NewsBlock {
        /*display: none;*/
    }
    header section.Menu {
        display: none;
    }


    footer>section.Footer div.information div.contactUs input[type="text"] {
        width: 100%;
        margin: 0 !important;
        margin-bottom: 5px !important;
    }
    footer>section.Footer div.information div.contactUs input[type="submit"] {
        width: 100%;
    }
    footer>section.indexFooterTop>div.indexFooterTopBlock {
        /* background: url(../images/index_mobile_background.png), url("../images/index_footer_background_1.png"), url(../images/radius.svg); */
        background: url("../images/index_mobile_background.png"), url("../images/footer_bg.png");
        /* background-color: #000000; */
        background-repeat: no-repeat, no-repeat;
        background-position: 25% center, top center;
        background-size: 125%, 100%;
    }
    footer>section.indexFooterTop::before {
        content: '';
        display: block;
        width: 100%;
        height: 50%;
        background-color: #000;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    footer div.messageBlock>div.col-3 {
        width: 100%;
        margin: 20px 0;
        padding: 0 20px;
        height: auto;
        text-align: left;
    }

    footer div.FooterBlock .indexMessage>div.col-2 {
        width: 100% !important;
    }
    footer section.Footer div.information>div {
        width: 100% !important;
    }
    footer section.Footer div.information>div.informationBlock {
        padding: 0 !important;
    }
    footer section.Footer div.information>div.informationBlock>div>div {
        width: 100% !important;
        margin: 10px 0;
        text-align: center;
        font-size: 0.8em !important;
    }
    footer>section.Footer>div.FooterBlock>div.indexMessage img {
        height: 100% !important;
    }
    footer>section.Footer div.information>div.informationBlock>img.TanWaLogo {
        margin: 5px auto;
    }

    footer>section.Footer div.information>div.informationBlock > .footer_top {
        flex-flow: column;
    }



    footer>section.Footer div.information>div.informationBlock .copyright>ul {
        display: inline-block;
    }
    footer>section.Footer div.information>div.informationBlock .copyright>ul>li {
        display: inline-block;
        float: inherit;
        font-size: 0.8em;
    }
    footer>section.Footer div.information>div.informationBlock .copyright>p.L12 {
        /* margin: -15px 0 10px 0; */
    }
    footer>section.Footer div.information>div.informationBlock .copyright>p.L12 img{
        display: block;
        float: none;
        margin: 0 auto 10px;
    }
    footer>section.indexFooterTop>div.indexFooterTopBlock .downloadBlock {
        display: none;
    }
    /*rank*/
    .rank .OtherMenu {
        display: none;
    }
    .rank .Top3 {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .rank .Top3 table td:nth-child(2) {
        display: none;
    }

    .rank .Top3 table span {
        display: block;
        text-align: left;
        color: #000000;
        font-size: 1.2rem;
    }

    .rank .Top3 li span.score {
        font-size: 1.2rem;
        margin: 2.5px 0;
    }

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

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

    .rank .Top3 li p.number {
        font-size: 2rem;
        top: -1.5rem;
        left: 10px;
    }

    .rank .Top3 li .imgBlock {
        margin-top: -30px;
        width: 75%;
    }

    .rank .Top3 li {
        padding: 0 5px;
        width: calc(33.33% - 5px);
        margin-right: 7.5px;
    }

    .rank table.type2 {
        font-size: 1.2rem;
    }
    .rank table.type2 tr.Title {
        border-bottom: 5px solid #fbcc21;
    }
    .rank table.type2 tr {
        border-left: 0;
    }
    .rank table.type2 tr.action td {
        vertical-align: top;
        padding: 5px 0;
    }
    .rank table.type2 tr.action span {
        display: block;
        margin: 5px 0;
    }
    .rank table.type2 td:last-child {
        display: table-cell;
        cursor: pointer;
    }
    .rank table.type2 td:nth-child(3),
    .rank table td:nth-child(5) {
        display: none;
    }
    /*memberDetail*/
    section.memberDetail table tr {
        height: 35px;
    }
    /*member_buy_record*/
    .member_buy_record .filterBlock>div {
        width: 100% !important;
        margin-bottom: 5px;
    }
    .member_buy_record .filterBlock .selectBlock:nth-child(1) {
        width: 100%;
    }
    .member_buy_record .filterBlock .col:nth-child(2)>span {
        display: none;
    }
    .member_buy_record .filterBlock .col:nth-child(2) .selectBlock {
        width: calc(50% - 30px);
        float: left;
        margin-right: 5px;
    }
    .member_buy_record .filterBlock .col:nth-child(2) input.submit {
        float: left;
        width: 50px;
    }
    .member_buy_record table tr.Title {
        border-bottom: 4px solid #fbcc21;
    }
    .member_buy_record table tr {
        border-left: 0 !important;
    }
    .member_buy_record table td {
        padding: 5px 0;
    }

    .member_buy_record table td:nth-child(3) {
        /* width: 130px; */
        padding-left: 15px;
    }
    .member_buy_record table td:nth-child(5) {
        display: table-cell;
        width: 30px;
    }
    .member_buy_record table.action td:nth-child(5) {
        vertical-align: top;
    }
    .member_buy_record table td:nth-child(2):not([colspan]),
    .member_buy_record table td:nth-child(1):not([colspan]) {
        display: none;
    }

    .member_buy_record table tr.action span:last-child {
        margin-top: 0px;
        font-size: 1.1666rem;
    }
    .member_buy_record table tr.action span {
        display: block;
        margin: 5px 0;
    }
    /*game-detail*/
    .game-detail .contentBlock {
        border-left: 0;
        border-top: 4px solid #fbcc21;
    }
    .game-detail .block {
        margin-left: 15px;
        margin-right: 15px;
    }
    .game-detail .MainContentBlock {
        padding: 0 !important;
    }
    .game-detail .GameTitle {
        /* min-height: 80vh; */
    }
    .game-detail .GameTitle .info .try_to_play,
    .game-detail .GameTitle .info .unlogin,
    .game-detail .GameTitle .info .play_now {
        /* display: none; */
        display: block;
        font-size: 1.8rem;
        margin: 20px 0 0;
        background-color: rgba(236, 28, 36, 0.66);
    }
    .game-detail .GameTitle .info .unlogin {
        background-color: rgba(67, 139, 202, 0.66);
    }
    .game-detail .GameTitle .info .play_now {
        background-color: rgba(0, 145, 69, 0.66);
    }
    .game-detail .GameTitle .info h1 {
        font-size: 1.4rem;
    }
    .game-detail .GameTitle .info p {
        font-size: 1.3rem;
    }
    .game-detail ul li.col-2 {
        width: 100%;
        padding: 0 !important;
    }
    .game-detail ul li.col-3 {
        width: 100%;
        padding: 0 !important;
    }
    .game-detail .GameTitle .info {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: initial;
        min-height: initial;
        /* padding:0 20px 70px; */
        padding: 0 20px 20px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+80,000000+100&0+0,1+80,1+100 */
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
        /* IE6-9 */
    }
    .game-detail .Mobile.play {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 30%;
        background: url("../images/game/redTag.png") no-repeat center/100%;
        background-size: 100%;
        color: #FFFFFF;
        max-width: 90px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        padding-right: 10px;
    }

    .game-detail .GameTitle .socialBlock {
        width: 70%;
        float: right;
        right: 0px;
        max-width: 430px;
        min-width: 200px;
    }
    .game-detail .GameTitle .socialBlock li {
        width: calc(20% - 5px);
        height: 0;
        padding-bottom: calc(20% - 5px);
    }
    .game-detail div.type1_div {
        position: relative;
        padding-left: 0 !important;
        margin-bottom: 20px;
        min-height: 120px;
    }
    .game-detail div.type1_div>div.clearfix>img {
        position: relative !important;
        width: 20%;
        min-height: initial !important;
        display: inline-block;
        vertical-align: middle;
    }
    .game-detail div.type1_div>div.clearfix>span.title {
        width: auto;
        padding-left: 5px;
        font-size: 18px;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
    .game-detail .overBlock {
        /* overflow: scroll; */
    }
    .game-detail .overBlock ul {
        /* width: calc(225vw + 20px); */
        /* overflow: hidden; */
    }
    .game-detail .overBlock ul li.col-3 {
        /* width: 75vw; */
        /* margin-right: 10px; */
    }
    .game-detail .overBlock ul li.col-3:last-child {
        margin-right: 0;
    }

    .halloween.game-detail .img01 {
        width: 100%;
    }
    /*chat*/
    .chat .contentBlock {
        border-left: 0 !important;
        border-top: 5px solid #FBCC21;
    }
    .chat .contentBlock p,
    .chat .contentBlock div.p,
    .chat .contentBlock .iphoneBlock {
        width: 100% !important;
    }
    .chat .contentBlock .iphoneBlock {
        margin: 0 !important;
    }
    /*forgetPasswordType */
    .forgetPasswordType form .inline>span {
        width: 100% !important;
        margin: 0 !important;
    }
    .forgetPasswordType form .inline>span:first-child {
        margin-bottom: 10px !important;
    }
    /*.materials-teach*/
    .materials-teach .CardListSlider {
        display: block !important;
    }
    .materials-teach .contentBlock p,
    .chat .contentBlock .iphoneBlock {
        width: 100% !important;
    }
    .materials-teach .contentBlock .iphoneBlock {
        margin: 0 !important;
    }
    /*product-detail*/
    .product-detail .detail li {
        width: calc(50% - 7.5px);
    }
    .product-detail .detail li:nth-child(3n+1) {
        margin-right: inherit;
    }
    .product-detail .detail li:nth-child(2n+1) {
        margin-right: 0;
    }
    /*service-return*/
    .service-return .inline {
        margin-bottom: 10px;
        flex-direction: column;
    }
    .service-return .inline>div,
    .service-return .inline>div.selectBlock {
        width: 100%;
    }

    .service-return .inline>span.orText {
        /* width: 100%; */
        text-align: center;
        margin: 0 auto;
        /* 
        float: left;
        position: relative;
        left: 0;
        top:0;
        margin-bottom: 10px !important;
        */
    }
    .service-return .inline>span.orText.no {
        display: none;
    }
    .service-return .inline>span:nth-child(1) {
        margin-bottom: 10px !important;
    }

    .service-return .inline>div.verify_box {
        text-align: center;
        margin-top: 10px;
    }
    .service-return .inline>div.verify_box p {
        display: block !important;
        text-align: center;
    }

    .service-return .inline>div.verify_box p {
        display: block !important;
        text-align: center;
    }
    .service-return .inline.buttonBlock>div:last-child {
        margin-top: 10px;
    }





    /*.service-stop-list*/
    .service-stop-list table tr td:nth-child(1),
    .service-stop-list table tr td:nth-child(3) {
        width: calc(50% - 25px);
    }
    .service-stop-list table {
        font-size: 1.2rem;
    }
    .service-stop-list table td:nth-child(2),
    .service-stop-list table td:nth-child(4) {
        display: none;
    }
    .service-stop-list table td:nth-child(5) {
        display: table-cell;
    }
    .service-stop-list table tr.action span {
        display: block;
    }
    .service-stop-list table span.show {
        color: #808080;
        font-size: 1.166rem;
        vertical-align: top;
    }

    .service-stop-list table tr.Title {
        border-bottom: 5px solid #fbcc21;
    }

    .service-stop-list table tr {
        border-left: 0;
    }

    .service-stop-list table tr.action td {
        vertical-align: top;
    }
    .product-list h1.title {
        font-size: 1.8rem;
        margin: 10px 0;
    }
    .product-list .GameContent h3 {
        margin-top: 8px;
    }
    .product-detail .title.Mobile span.priceTag {
        font-size: 2rem;
    }
    .product-detail .title.Mobile .buy_location td:last-child img {
        max-width: 120px;
    }
    .product-detail .title.Mobile p {
        margin-top: 10px;
    }
    .GameContent h3:first-child {
        font-size: 15px;
    }

    /* .autotab_form */
    .autotab_form dl dt,
    .autotab_form dl dd {
        margin-left: 0;
    }
    .autotab_form dl dd {
        margin-bottom: 30px;
    }
    .autotab_form dl dd select{
        font-size: 1.2rem;
    }
    .autotab_form dl dd .input_sn_box .input_sn span {
        /* margin: 0 5px; */
    }
    .autotab_form dl dd .input_sn_box .input_sn input {
        font-size: 1rem;
        padding: 10px 5px;
        text-align: center;
    }
    .autotab_form .submitBtn {
        width: 100%;
    }
    form#register_form .double .inputBlock {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 640px) {
    section.register .rightContent>div.title ul.bottom li br {
        display: block;
    }
    section.register .rightContent>div.title {
        margin-bottom: 35px;
    }
    section.register .rightContent>div.title ul.bottom {
        bottom: -45px;
    }
    .product-detail .detail li {
        width: 100% !important;
        margin-right: 0 !important;
    }

    header>section.AD {
        height: auto;
    }
}

@media only screen and (max-width: 460px) {
    .bank-deal .step2 .button.inline input[type="submit"],
    .bank-deal .step2 .button.inline input[type="button"],
    .bank-deal .step2 .button.inline a.btn,
    .bank-deal .step2 .button.inline button {
        font-size: 1.1rem !important;
    }
}

@media only screen and (max-width: 320px) {}



/* for edge*/

@supports (-ms-ime-align:auto) {
    .online-service span.text {
        margin-left: 24px;
    }
    .online-service span.img {
        margin-top: -40px
    }
    .News-Switch span:nth-child(1) {
        margin-left: 8px;
    }
}



/*for ie 11*/

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .online-service span.text {
        margin-left: 24px;
    }
    .online-service span.img {
        margin-top: -40px
    }
    .News-Switch span:nth-child(1) {
        margin-left: 8px;
    }
}