body {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
#wrap{  background-color:#ffffff;  position: relative; overflow: hidden;}
.imgCollage { margin:auto; text-align: center; }
.imgCollage { display:flex; -webkit-flex:auto; -moz-display:flex; -ms-display:flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; }
.imgCollage > span { padding: 4px; width: 13%; }
.imgCollage > span > .imageblock:not(:last-child) { vertical-align: baseline; }
.imgCollage > span > #result {font-family: 'ds-digital' !important;font-size: 40px;font-weight: 800;color: #ff0000;}
.imgCollage img { box-shadow: none; cursor: pointer; }
.imgCollage > span > div {padding-top: 30%;}
.gllStart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;z-index:2;background:#000;border-radius:50%;overflow:hidden;}
.gllStart img{width:100%;}
.gllStart > div{position:relative;}
.gllStart > div > div{padding:20px;}
.gllStart > div > div:first-child{position:relative;top:0px;left:0px;width:100%;height:100%;z-index:3;}
.gllStart > div > div:first-child img{}
.gllStart > div > div:last-child{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:2;}
.gllStart > div > div:last-child img{opacity:0.7}
.gllGameABC{width:700px;padding:50px;margin:0 auto;background-image:url('/game/img/gameABCD.png');background-size:100% ; background-repeat:no-repeat }
.gllContainer {  width:600px; height:600px;  position:relative; overflow:hidden;}
.gR{ width: 600px; height: 600px;}
.gllRoullete { width: 600px; height: 600px; border-radius: 50%; background:#fff; border: 3px solid #333; position: relative; overflow:hidden; }
@keyframes blink{ 0% { color: red; } 20% { color: green; } 40% { color: yellow; } 60% {   color: blue; } 80% {  color: orange;} 100% {  color: red; } }
.gLlPoiNtImg{position:absolute;top:-3px;left:-3px;width:100%;height:100%;transform:rotate(12deg);}
.gLlPoiNt{height: 100%;position: absolute;width: 100%;text-align: center;padding-top:10px;font-size:35px;font-weight:600;font-family: "Bungee", sans-serif;}
.gLlPoiNt > div{display:inline-block;position:relative;width:50px;height:50px;}
.gLlPoiNt.active{animation: blink 1s infinite;}
.gLlPoiNt.active > div:before{content:"";position:absolute;top:0px;left:0px;width:50px;height:50px;border-radius:50%;background:#ffe08a52;box-shadow:0px 0px 40px #ffdf83}
.point_01{transform:rotate(12deg); }
.point_02{transform:rotate(34.5deg); }
.point_03{transform:rotate(57deg);}
.point_04{transform:rotate(79.5deg);}
.point_05{transform:rotate(102deg);}
.point_06{transform:rotate(124.5deg);}
.point_07{transform:rotate(147deg);}
.point_08{transform:rotate(169.5deg);}
.point_09{transform:rotate(192deg);}
.point_10{transform:rotate(214.5deg);}
.point_11{transform:rotate(237deg);}
.point_12{transform:rotate(259.5deg);}
.point_13{transform:rotate(282deg);}
.point_14{transform:rotate(304.5deg);}
.point_15{transform:rotate(327deg);}
.point_16{transform:rotate(349.5deg);}
.win1{position:absolute;top:26px;left:10px;transform:rotate(-45deg);   color:#fff; font-size:28px;font-family: "Bungee", sans-serif;opacity:0.6;}
.win2{position:absolute;top:40px;right:-5px;transform:rotate(45deg);   color:#fff; font-size:28px;font-family: "Bungee", sans-serif;opacity:0.6;}
.lose{position:absolute;bottom:34px;left:2px;transform:rotate(45deg); color:#fff; font-size:28px;font-family: "Bungee", sans-serif;opacity:0.6;}
.sam{position:absolute;bottom:34px;right:-5px;transform:rotate(320deg);color:#fff; font-size:28px;font-family: "Bungee", sans-serif;opacity:0.6;}
.textAnimate{animation: blink 1s infinite;opacity:1;}

.gameBottom{display:flex;margin-top:20px;gap:40px;}
.gameBottom .gameset{width:100px;padding-top:4px;}
.gameBottom .pp{position:relative;}
.gameBottom .pp input{width:100%;height:30px;width:100%;text-align:right;margin-top:30px;border-radius:0px;border:1px solid #fff;font-size:15px;font-family: "Bungee", sans-serif;padding-right:2px;}
.gameBottom .pp span{position:absolute;top:0px;left:0px;background:#980002;border:1px solid #980002;color:#fff;display:block;width:100%;height:30px;line-height:30px;text-align:center;font-size:15px;font-family: "Bungee", sans-serif;}
.gameBottom #btnReset{margin-top:20px;width:100%;height:40px;line-height:40px;font-size:15px;font-family: "Bungee", sans-serif;background:#e7aa00;color:#fff;border:1px solid #e7aa00;}
.gllBtnChoice{display:flex;width:calc(100% - 100px);gap:40px;margin:0px auto 0 auto;}
.gllBtnChoice > div{width:33.33%;padding:20px;border-radius:50%;}
.gllBtnChoice .choice0{border:3px solid #3a3a3a;cursor:pointer;background:#ff6d6d;}
.gllBtnChoice .choice1{border:3px solid #3a3a3a;cursor:pointer;background:#2bd787;}
.gllBtnChoice .choice2{border:3px solid #3a3a3a;cursor:pointer;background:#2b78d7;}
.gllBtnChoice > div img{width:100%;}
@keyframes bounce { 100% {top: -16px; }}
.win{opacity:1;}	
.win span {  position: relative; top:0px; display: inline-block; -webkit-font-smoothing: antialiased;text-shadow: 0 1px 0 #ccc, 0 2px 0 #ccc, 0 3px 0 #ccc,  0 4px 0 #ccc, 0 5px 0 #ccc, 0 6px 0 transparent,0 7px 0 transparent,0 8px 0 transparent,0 9px 0 transparent,0 10px 10px rgba(255,255,255,0.0);animation: bounce 0.2s ease infinite alternate;}
.win span:nth-child(2){animation-delay: 0.1s;}
.win span:nth-child(3){animation-delay: 0.2s;}
.win span:nth-child(4){animation-delay: 0.3s;}
.win span:nth-child(5){animation-delay: 0.4s;}
.win span:nth-child(6){animation-delay: 0.5s;}
.win span:nth-child(7){animation-delay: 0.6s;}
.win span:nth-child(8){animation-delay: 0.7s;}

.gb{width:100%;height:100%;position:absolute;top:0px;left:0px;background:rgb(0,0,0,0);z-index:10;}

.game_contents{max-width:700px;margin:0 auto;	background:#372642;margin-top:20px;padding:10px;color:#fff;font-family: "Bungee", sans-serif;}
.game_contents ul{list-style-type:none;margin:0;padding:0;}
.game_contents ul li{padding-left:20px;position:relative;font-size:14px;}
.game_contents ul li + li{margin-top:8px;}
.game_contents ul li:after{content:'';position:absolute;top:7px;left:5px;background:#fff;width:2px;height:2px;}
@media (max-width: 600px) {
	.game_contents{width:calc(100% - 10px);}
	.game_contents ul li{padding-left:20px;position:relative;font-size:12px;}
	.gllGameABC{width:calc(100% - 10px);margin-top:10px;padding:0px;background-image:url('/game/img/gameMO.png');background-color:#372642;}
	.gllContainer {  width:100%; padding-top:100%;  height:0px;position:relative; overflow:hidden;}
	.gllStart{width:50%;}
	.win1{position:absolute;top:4%;left:-2%;transform:rotate(-45deg);   color:#fff; font-size:13px;font-family: "Bungee", sans-serif;opacity:0.6;}
	.win2{position:absolute;top:5%;right:-3%;transform:rotate(45deg);   color:#fff; font-size:13px;font-family: "Bungee", sans-serif;opacity:0.6;}
	.lose{position:absolute;bottom:3%;left:-2%;transform:rotate(45deg); color:#fff; font-size:13px;font-family: "Bungee", sans-serif;opacity:0.6;}
	.sam{position:absolute;bottom:4%;right:-4%;transform:rotate(317deg);color:#fff; font-size:13px;font-family: "Bungee", sans-serif;opacity:0.6;}
	.gR{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:unset;}
	.gllRoullete{width:100%;height:0px;padding-top:100%;background:unset;}
	.gLlPoiNtImg{top:0px;left:-1px;}
	.gLlPoiNtImg img{width:100%;height:100%;}
	.gameBottom{display:block;margin-top:0px;}
	.gameset{display:flex;width:calc(100% - 40px)!important;margin: 0 auto 10px auto;gap:20px;}
	.gameset > div{width:50%;}
	.gameBottom .pp input{margin-top:20px;font-size:12px;height:30px;}
	.gameBottom .pp span{height:20px;line-height:20px;font-size:12px;}
	.gameBottom #btnReset{margin-top:0px;width:100%;height:50px;line-height:50px;font-size:12px;font-family: "Bungee", sans-serif;background:#e7aa00;color:#fff;border:1px solid #e7aa00;}
	.gllBtnChoice{width:calc(100% - 40px)!important;gap:15px;padding-bottom:20px;margin-top:20px;}
	.gllBtnChoice > div{padding:5px;}
	.gLlPoiNt{top:0px;left:0px;font-size:20px;}
} 
