html, body, form { width: 100%; margin: 0 auto; padding: 0; top: 0; overflow: hidden; -webkit-overflow-scrolling: touch; } #background-img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; top: 0; bottom: -10%; left: 0; right: 0; } #Cocos2dGameContainer { margin: 0 auto; position: fixed; left: 0; top: 0; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-align: center; -webkit-box-pack: center; -webkit-overflow-scrolling: touch; z-index: 990; } .closeBtn { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/historyBtn.png); z-index: 1100; top: 80%; left: 90%; position: fixed; overflow: unset; width: 40px; height: 40px; -webkit-appearance: none; background-position: center; background-size: 100%; background-repeat: no-repeat; visibility: visible; border-width: 0; background-color: rgba(0, 0, 0, 0); outline: none; } .progress-bar { background-color: #1a1a1a; position: absolute; left: 25%; top: 68%; height: 15px; padding: 5px; width: 50%; border-radius: 5px; box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444; } /**LOGO*/ #splash.L.default_1 { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/Logo_L_1.png); } #splash.L.default { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/Logo_L_en.jpg); } #splash.L.zh-ch { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/Logo_L_zh-ch.jpg); } #splash.L.zh-tw { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/Logo_L_zh-tw.jpg); } /**新增語系圖請加在POS前*/ #splash.L.pos { background-repeat: no-repeat; background-position: center; background-color: #000; background-size: 50%; background-position-y: 30%; z-index: 998; } /**手機選轉螢幕動畫*/ #ScreenRotation { margin: 0 auto; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; } /**直轉橫*/ #ScreenRotation.PtoL.default { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/ScreenRotation_PtoL_en.gif); } #ScreenRotation.PtoL.zh-ch { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/ScreenRotation_PtoL_zh-ch.gif); } #ScreenRotation.PtoL.zh-tw { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/ScreenRotation_PtoL_zh-tw.gif); } /**新增語系圖請加在POS前*/ #ScreenRotation.PtoL.pos { background-repeat: no-repeat; background-position: center; background-color: #000; background-size: 80%; } /**橫轉直*/ #ScreenRotation.LtoP.default { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/ScreenRotation_LtoP_en.gif); } #ScreenRotation.LtoP.zh-ch { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/ScreenRotation_LtoP_zh-ch.gif); background-repeat: no-repeat; background-position: center; background-color: #000; background-size: 25%; } #ScreenRotation.LtoP.zh-tw { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/ScreenRotation_LtoP_zh-tw.gif); background-repeat: no-repeat; background-position: center; background-color: #000; background-size: 25%; } /**新增語系圖請加在POS前*/ #ScreenRotation.LtoP.pos { background-repeat: no-repeat; background-position: center; background-color: #000; background-size: 25%; } /**手機點擊螢幕動畫*/ #FullScreenClick { margin: 0 auto; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; } #FullScreenClick.default { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/FullScreenClick_en.gif); } #FullScreenClick.zh-ch { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/FullScreenClick_zh-ch.gif); } #FullScreenClick.zh-tw { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/FullScreenClick_zh-tw.gif); } /**新增語系圖請加在POS前*/ #FullScreenClick.pos { background-repeat: no-repeat; background-position: center; background-color: #000; background-size: 20%; } /**手機上滑全螢幕動畫*/ #FullScreenSwipe.default { margin: 0 auto; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/FullScreenSwipe_en.gif); } #FullScreenSwipe.zh-ch { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/FullScreenSwipe_zh-ch.gif); } #FullScreenSwipe.zh-tw { background: url(http://192.168.7.57/public/bonus_casino/html5/_Web_LocalTest/shared/img/FullScreenSwipe_zh-tw.gif); } /**新增語系圖請加在POS前*/ #FullScreenSwipe.pos { background-repeat: no-repeat; background-position: center; background-color: #000; background-size: 20%; }