﻿	.bd > ul > a {width:100% !important}
	.bd > ul{height:580px !important;}
    .logo {margin: auto 0;}.top_marquee{z-index:9;top:84px;display:flex;align-items:center;justify-content:center;}.top_marquee a{width:70%;}.notice_title{color:#ff6600;display: inline-block;vertical-align: middle;font-weight: 400;}.content-section {background-color:#ff6600 !important;background-size: cover;}.content-container {margin-top:114px !important;}
    .col-xs-12{background-color:#232323;border-top: 1px solid #424242;border-bottom: 1px solid #424242;margin-bottom:0px;display:block;}.index_icon{display: none;}.index_icon2{/*width:100%;*/width: 343px;height: 176px;}.index_tab{color:#fff;text-align:center;}.cashier-content .content-section {width: 100%;max-width:unset !important;min-width: 295px;}.nav-tabs{background:#ff6600;text-align:center;padding:0;}#myTab{display: flex;justify-content: space-around;background: transparent;padding-top: 10px;}
    .nav-tabs>li {float:none !important;margin-bottom: -1px;width:auto!important;max-width: 360px;display: inline-block !important;padding: 0 10px !important;text-align: center;box-sizing: border-box;}
    .tab1 li:hover>a:after, .tab1 .active a:after{width: 100%;left: 0;}.tab1 li a:after {content: "";position: absolute;right: 0;bottom:-6px;width: 0;border-bottom: 2px solid #fff;;transition: width .3s;}
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {background: transparent !important;padding: 0 !important;margin:5px 0px;}
    .nav-tabs>li>a {background: transparent !important;padding: 0 !important;margin-right:0 !important;margin:5px 0px;border:0px !important;}
    .hot{margin:0 auto;margin-bottom:15px;text-align: center;color: #fff;font-size: 24px;}.tab1{background:none !important;margin:30px;}
    .swiper-container {width: 100%;height: 100%;}
    .swiper-slide {text-align:center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
    .slide_inner{background: #ff6600;border:2px solid #ffe846;overflow:hidden}.slide_inner:hover{border:2px solid #ff8a00;}.slide_inner:hover .info_col{background: rgb(255,103,0);background: linear-gradient(0deg, rgba(255,103,0,1) 0%, rgba(255,144,0,1) 100%, rgba(0,212,255,1) 100%);}
    .img_col img{width: 220px;height: 220px;transform:scale(1,1);transition: all .5s ease-out;}.slide_inner:hover .img_col img{transform:scale(1.1,1.1);}#outer-wp #content-wp.member dl#user-panel {padding-bottom: 0px !important;}
    .info_col{padding:15px;}.game_name{font-size: 16px;font-weight: 400;}.info_col div{color:#fff;}.info_col_top{display: flex;justify-content: space-between;margin-bottom:5px;}.info_col_bottom{display:flex;justify-content: flex-start;flex-direction:column;text-align:left;}.info_col_bottom img{margin:0 5px 5px 0;height:15px;width:15px;}
.heart {background: url(../../images/viet/web_heart_animation2.png);background-position: left;background-repeat: no-repeat;height: 50px;width: 50px;cursor: pointer;position: absolute;right:6px;bottom:52px;background-size:1450px;}.heart:hover{background-position: right; /*显示最后一个红心帧*/}
@-webkit-keyframes heartBlast {
0% {background-position: left;}
100% {background-position: right;}}
@keyframes heartBlast {
0% {background-position: left;}
100% {background-position: right;}}
.heartAnimation {-webkit-animation-name: heartBlast;animation-name: heartBlast;-webkit-animation-duration: .8s;animation-duration: .8s; -webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-timing-function: steps(28); /*共28个背景图片帧*/animation-timing-function: steps(28);background-position: right;}
.content-section2{width:100%;margin:0 auto;background: #fff;padding:10px 12%;text-align: center;}.section2_title{margin-top:20px;margin-bottom:15px;font-size: 24px;color: #585858;}.section2_inner{display: inline-flex;justify-content: center;width: 100%;padding-top:2%;}.section2_right{margin-left:1px}.section2_left{margin-right:1px}.section2_left img, .section2_right img{width: 100%;margin:1px;}     
/*飘-上下*/
.downtoup-play {
    -webkit-animation-name: downtoup-play;
    animation-name: downtoup-play;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;}
.downtoup-play_r {
    -webkit-animation-name: downtoup-play;
    animation-name: downtoup-play;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;}
@-webkit-keyframes downtoup-play {0% {-webkit-transform: translate(0,0);}100% {-webkit-transform:translate(0,-10px);}}
@keyframes downtoup-play {0% {transform: translate(0,0);}100% {transform:translate(0,-10px);}}
.shake1{position:absolute;bottom:45%;right:66%;z-index:10;width:30% !important;}.shake2{position:absolute;bottom:2%;right:53%;z-index:10;width:30% !important;}
.shake3{position:absolute;bottom:58%;right:2%;z-index:10;width:32% !important;}.shake4{position:absolute;bottom:0%;right:2%;z-index:10;width:45% !important;}
.special{margin-top:30px;padding:0 20px;display:flex;justify-content:space-between;}.content-section3{width:100%;margin:0 auto;background: #fff;padding:40px 12%;text-align: center;}
.special_title{font-size: 16px;color: #242424;font-weight: 400;margin: 5px 0;}.special_inner img{width: 50px;height: 50px;margin-bottom: 15px;}.special_time span{color: #ff6600;font-size: 50px;font-weight: 900;margin: 5px;}
.special_time {font-size: 20px;color: #ff6600;font-weight: 300;margin: 20px 0;vertical-align: inherit;}.plus{font-size: 20px !important;font-weight: 300 !important;vertical-align: super;}
.content-section4{width:100%;margin:0 auto;display:flex;justify-content:center;background: #f0f0f0;padding:0px 12%;text-align: center;}.help{border-left: 2px solid #e5e5e5;border-right: 2px solid #fff;padding: 30px 40px;text-align: center;}.help img{display: block;margin: 0 auto;padding-bottom: 10px;width: 38px;height: 45px;}.help:hover{color: #ff6600;}.help:hover img{transform:scale(1.1,1.1);}
.content-section5{width:100%;margin:0 auto;background: #7f7f7f;padding:40px 12%;text-align: center;}.content-section5_info{display:flex;justify-content:center;}.foot_more, .foot_word, .foot_view{margin: 0px;color:#fff;width: 33%;}.foot_more_col{margin-bottom: 10px;}.content-section5_copyright{color:#fff;margin-top: 10px;}.browser img{margin: 10px;width: 45px;}
.section2_inner a:hover .banner_pic{-webkit-filter: contrast(1.3);}.special_inner{padding: 5px 3%;}.pc_swiper{display:block !important;}.mobile_type{display:none;}.tab_bg{position: relative;}.tab_bg_img{width: 100%;}.right_item{position: absolute;z-index: 2;padding: 5px;right: 5%;width: 45%;top: 45%;left: 75%;transform: translate(-45%, -50%);}.right_item h1{margin:20px 0 5px 0;color: #fff;font-weight: 900;-webkit-transform: scale(1,1.5);-moz-transform: scale(1,1.5);-ms-transform: scale(1,1.5);-o-transform: scale(1,1.5);transform: scale(1,1.5);}.right_item h3{color: #fff;font-style: italic;}.right_item h4{color: #fff;font-size: 12px;font-weight: 200;}.right_item p{color: #fff;margin:25px 0 0 0;text-shadow: #000000c9 0.1em 0.1em 0.2em;word-wrap: break-word;}.down_btn{margin:15px 0 0 0;}.gray_btn{background: rgb(188,188,188);background: linear-gradient(90deg, rgba(188,188,188,1) 50%, rgba(241,241,241,1) 100%);border-radius: 20px;padding: 3px 20px;font-weight:400;margin: 0 0 8px 0;-moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);-webkit-box-shadow: 4px 4px 12px -2px rgb(51 51 102 / 50%);box-shadow: 4px 4px 12px -2px rgb(51 51 102 / 50%);}.hole_btn{border-radius: 20px;border: 2px solid #fff;box-sizing: border-box;padding:2px 18px;font-weight: 400;color: #fff !important;}.hole_btn:hover{color:#fff !important;}.content-section6{display:none;}#myTab li{text-align:center;    border: 1px solid #ffa97b;
    border-radius: 5px;}
.close_icon{display: block;cursor: pointer; position: absolute;width: 20px;height:20px;border-radius: 50%;font: bold 20px/1em "Century Gothic";color: #FFF !important;text-align: center;background-color: rgba(0,0,0,0.2);z-index: 2;top:0;right:0;}.left_icon{z-index: 300; position: fixed;bottom: 0;display: block; width: auto;-webkit-user-drag: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);left: 0px;transform: translate3d(0px, -150px, 0px);transition-duration: 300ms;}.box{animation-name: upAnimation;transform-origin: center bottom;animation-duration: 2s; animation-fill-mode: both;animation-iteration-count: infinite;animation-delay: .5s;}
@keyframes upAnimation {
    0% {
        transform: rotate(0deg);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    10% {
        transform: rotate(-12deg);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    20% {
        transform: rotate(12deg);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    28% {
        transform: rotate(-10deg);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    36% {
        transform: rotate(10deg);
        transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
    }
    42% {
        transform: rotate(-8deg);
        transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
    }
    48% {
        transform: rotate(8deg);
        transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
    }
    52% {
        transform: rotate(-4deg);
        transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
    }
    56% {
        transform: rotate(4deg);
        transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
    }
    60% {
        transform: rotate(0deg);
        transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
    }
    100% {
        transform: rotate(0deg);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)}}
@media screen and (max-width:770px) {.index_icon{width:95%;max-width:100px !important;display:-webkit-inline-box;}.index_icon2{display:none;}.content-container {margin-top:84px !important}.logo_mobile img{height: 50px;width: auto;}.cashier-content .content-section {padding-top:10px;}#outer-wp #content-wp.member dl#user-panel dt #left{display:none}#outer-wp #content-wp.member dl#user-panel ul.cash-info{display:none;}.col-xs-12{display:none;}.tab1 {margin:8px;}.nav-tabs{text-align:center;}.nav-tabs>li{display:inline-block !important;padding:0 !important;text-align: center;box-sizing: border-box;}.notice_title{display:none;}.top_marquee a {width:90%;}.nav-tabs > li > a {padding:0px !important;}.hot{margin-top:15px;}.img_col img{display:block;width: 100%;height: auto;}.info_col{padding:3px;}.info_col_top{justify-content:center;flex-direction:column;}.game_name{font-size:13px;}.heart{position:unset;}.info_col_bottom{display:none;}.content-section2{padding:10px 1%;}.shake1{bottom: 65%;right: 37%;width: 50% !important;}.shake2{bottom: 47%;right: 10%;width: 60% !important;}.shake3{bottom: 27%;right: 10%;width: 60% !important;}.shake4{bottom: 1%;right: 10%;width: 70% !important;}.content-section3{display:none;}.content-section4{padding:0px 3%;}.help{width:100% !important;border-left:0px solid #e5e5e5 !important;border-right:0px solid #fff !important;padding:8px;font-size: 12px;line-height: 18px;}.help img{padding-bottom: 8px;width: 22px;height: 28px;}.content-section5 {padding: 20px 6%;}.content-section5_info {flex-direction: column;}.foot_more, .foot_word, .foot_view {margin: 0;width: 100%;margin-bottom: 5px;}.browser img{width: 30px;}.section2_inner {display: block;justify-content: unset;}.foot_more, .foot_view{display:none;}.pc_swiper{display:none !important;}.mobile_type{display:block;background: #f4f4f4;}.close_icon{right: 35%;}.left_icon img{width: 60%;}}
@media screen and (max-width:578px){
	.content-section6{display: grid !important;flex-wrap: wrap;justify-content: space-around;align-content: space-around;}
	
    /* .top_marquee{position: fixed;} */
    .android_pwabtn{width: 60%;background: #ff6600;border: unset;border-radius: 5px;padding: 10px 0;color: #fff;font-size: 18px;position: absolute;z-index: 9;bottom: 9%;}
    .third_content{height: 200px;}
   #myTab li{border:unset;padding: 5px!important;}#myTab{top:84px;width:100%;background: linear-gradient(to right, #E2E2E2, #ffffff) !important;display: -webkit-box!important;justify-content: space-around;background: transparent; padding-top:8px!important;box-sizing: border-box; width: 100%;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
    #header{box-shadow:unset !important ;}
    .fullSlide{height: 255px;}
    .fullSlide .bd li {height: 255px;    background-size: 170% 100% !important;}
    .bd{height: 255px;}
    .Tabfixed{position: fixed ;box-shadow: 0px 6px 16px rgb(51 51 102 / 60%), 0px 8px 18px rgb(51 51 102 / 40%), 0px 10px 12px rgb(51 51 102 / 40%);z-index: 3000;}
}

      .h1,h1 {font-size: 1.1em !important;}
      #outer-wp #content-wp.member dl#user-panel ul.cash-info .icon {
        position: absolute;
        background: #fbbf85 !important;
        padding: 10px;
        width: 49px;
        height: 49px;
        border-radius: 100%;
        right: 20px;} 
    .modal2 {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto; 
        background-color: rgb(0,0,0); 
        background-color: rgba(0,0,0,0.4); 
    }

    /* Modal Content */
    .modal2-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        max-width: 600px;
    }

    /* The Close Button */
    .close2 {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close2:hover,
    .close2:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    /* The Close Button */
    .close3 {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close3:hover,
    .close3:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }.swiper_title{display: flex;justify-content: space-between;align-items: center;}.overlay {
        position:fixed;
        display: none;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index:9999;
      }
      .rule_popup {position: fixed;overflow-y: scroll;
        width:90%;
        height:80%;
        top:10%;
        left:5%;border-radius:55px;
        text-align: center;
        background: white;-webkit-overflow-scrolling: auto !important;
      }.CloseIcon{cursor: pointer;position: absolute;right: 5%;top: 1%;z-index: 999999;-webkit-transform:translateZ(1px);-moz-transform:translateZ(1px);-o-transform:translateZ(1px);transform:translateZ(1px);}.CloseIcon img{width:40px;}
      .rule_title{background-image: url(../../images/viet/ch_top.png);background-size:100%100%;background-repeat: no-repeat;padding: 15px 0 20px 0;vertical-align: middle;font-size: 16px;font-weight: 900;}.rule_inner{    padding: 10px 20px;text-align: left;}
    /*錨點扣除頂部導航列高度*/
    :target {padding-top:84px;margin-top: -84px;}.notice_more{display: inline-block;background: rgb(250,165,37);background: linear-gradient(135deg, rgba(250,165,37,1) 0%, rgba(241,83,0,1) 100%);color: #fff;font-size: 13px;vertical-align: middle;border-radius: 20px;padding: 1px 8px;}.rule_inner li{list-style:initial!important;}.got_it_btn{background-color: #ffcb41;padding: 8px 30px;text-align: center;width: fit-content;border-radius: 20px;margin: 10px auto;font-weight: 600;cursor:pointer;}
    .game_section{height:100%;width:100%;z-index: 9999;position: fixed;top: 0;background: #eaeaea;}.frame_header{height:5%;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;background:#e6e6e6;background:-webkit-linear-gradient(to bottom, #ffd348, #ff7e00);background:linear-gradient(to bottom, #e6e6e6, #ffe0cf);box-shadow: 0px 0px 12px rgb(0 0 0 / 0%), inset 0px 1px 1px rgb(255 255 255 / 10%), inset 0px 0px 10px rgb(255 255 255 / 50%), inset -1px -1px 15px rgb(0 0 0 / 25%);}.frame_header_logo{width: 100%;max-width:80px;}.frame_close img{height:30px;}
