/* 彈珠遊戲 */

.marbles {
    min-height: 700px;
}

.marbles .marbles-gameHeader {
    z-index: 3;
    position: relative;
    width: 1153px;
    margin: auto;
}
.marbles .marbles-gameHeader .gameTitle_ms,
.marbles .marbles-gameHeader .gameTitle_my,
.marbles .marbles-gameHeader .gameTitle_th,
.marbles .marbles-gameHeader .gameTitle_tl,
.marbles .marbles-gameHeader .gameTitle_vi,
.marbles .marbles-gameHeader .gameTitle_id,
.marbles .marbles-gameHeader .gameTitle_en-us,
.marbles .marbles-gameHeader .gameTitle_zh-tw,
.marbles .marbles-gameHeader .gameTitle {
    width: 100%;
    height: 120px;
    position: absolute;
    left: 25px;
    top: 9px;
}

.marbles .marbles-gameHeader .marbles-menu {
    position: relative;
    width: 100%;
    top: 170px;
}

.marbles .marbles-gameHeader .marbles-menu .marbles-menu-panel {
    width: 1153px;
    margin: 0 auto;
    padding: 0 50px;
    background-color: var(--gameMenu-noActive-bgColor, #3d3d3d);
}

.marbles .marbles-gameHeader .marbles-menu .marbles-menu-panel ul {
    width: 100%;
    height: 60px;
    display: flex;
}

.marbles .marbles-gameHeader .marbles-menu .marbles-menu-panel ul li {
    border-right: 1px solid #f7f7f7;
    cursor: pointer;
    float: left;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    width: 33.33%;
}

.marbles .marbles-gameHeader .marbles-menu .marbles-menu-panel ul li:nth-child(3n) {
    border-right: 0;
}

.marbles .marbles-gameHeader .marbles-menu-panel ul li a {
    display: inline-block;
    width: 100%;
    color: var(--gameMenu-noActive-color, #fff);
    height: 59px;
}

.marbles .marbles-gameHeader .marbles-menu-panel ul li a.active {
    background-color: var(--gameMenu-active-bgColor, #f7f7f7);
    color: var(--gameMenu-active-textColor, #224c74) !important;
}


#marbles-body.marbles-body1 .marbles-body-content .marbles-container .game-start-box-controll {
    width: 100%;
    position: relative;
    padding-top: 270px;
    z-index: 1;
}

#marbles-body.marbles-body1 .marbles-body-content .marbles-container .game-start-box-controll .game-start-box {
    margin: 0 auto;
    width: 1125px;
    height: 77px;
    /*background: rgba(0, 0, 0, .6);*/
    /* border-radius: 20px; */
    padding-top: 17px;
    position: relative;
}
#marbles-body.marbles-body1 .marbles-body-content .marbles-container .game-start-box-controll .game-start-box .mask {
    background: rgba(0, 0, 0, .6);
    width: 781px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 7px;
    z-index: -1;
}
#marbles-body.marbles-body1 .marbles-body-content .marbles-container .game-start-box-controll .game-start-box.Ratio {
    padding-top: 5px;
    height: 95px;
}
#marbles-body.marbles-body1 .marbles-body-content .marbles-container .game-start-box-controll .game-start-box.Ratio .mask {
    top: 0;
}
.marbles .marbles-body-content .marbles-container .game-start-box-controll .game-start-box.Ratio .game-box-title {
    color: #fff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 3px;
    margin-top: 10px;
}

#marbles-body.marbles-body1 .marbles-body-content .marbles-container .game-start-box-controll .game-start-box .playbutton {
    margin: 5px auto;
    width: 130px;
    height: 53px;
    border-radius: 10px;
    background: #4164e6;
    background: -moz-linear-gradient(top, #8dd1ff 0%, #4164e6 73%, #90a3ff 100%);
    background: -webkit-linear-gradient(top, #8dd1ff 0%, #4164e6 73%, #90a3ff 100%);
    background: linear-gradient(to bottom, #8dd1ff 0%, #4164e6 73%, #90a3ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009d04', endColorstr='#0edc13', GradientType=0);
    /*box-shadow: 0px 5px 0 0px #007f03;*/
    border-top: 3px solid #368cef;
    border-left: 3px solid #6cd3ff;
    border-right: 3px solid #6cd3ff;
    border-bottom: 3px solid #2f8cec;
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    transition: .1s;
}

#marbles-body.marbles-body1 .marbles-body-content .marbles-container .game-start-box-controll .game-start-box .playbutton:hover {
    background: #4164e6;
    background: -moz-linear-gradient(top, #8dd1ff 0%, #90a3ff 20%, #4164e6 38%, #8dd1ff 100%);
    background: -webkit-linear-gradient(top, #8dd1ff 0%, #90a3ff 20%, #4164e6 38%, #8dd1ff 100%);
    background: linear-gradient(to bottom, #8dd1ff 0%, #90a3ff 20%, #4164e6 38%, #8dd1ff 100%);
}


#marbles-body.marbles-body1 .marbles-body-content .marbles-container .game-start-box-controll .game-start-box .playbutton._vi {width: 220px;}
#marbles-body.marbles-body1 .marbles-body-content .marbles-container .game-start-box-controll .game-start-box .playbutton._my {width: 155px;}


.marbles #marbles-body {
    width: 1153px;
    margin: 0 auto;
    padding-top: 120px;
    z-index: 3;
    position: relative;
}
.marbles #marbles-body .marbles-body-content {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

/* 中層背景圖 */
#marbles-body.marbles-body1 .marbles-body-content .marbles-container{
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}
#marbles-body.marbles-body1 .marbles-body-content .marbles-container .marbles-bg-m{
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}
#marbles-body.marbles-body1 .marbles-body-content .marbles-container .marbles-bg-m .default-marbles-bg-m1 {
    background: url(../../../images/GameM/BG1/game_center_01.jpg) no-repeat 12px 0;
    width: 100%;
    height: 228px;
}
#marbles-body.marbles-body1 .marbles-body-content .marbles-container .marbles-bg-m .default-marbles-bg-m2 {
    background: url(../../../images/GameM/BG1/game_center_02.jpg) no-repeat 12px 0;
    width: 100%;
    height: 228px;
}