body{ background-color: #6ea44e; }
a{ width: auto; height: auto; }
.main{ position: relative; width: 100%; overflow: hidden; }
.gameButtonRule{ position: absolute; right: 2%; top: 0; width: 9%; }
.buttonPrize{ position: absolute; right: 12.5%; top: 0; width: 9%; }
.treeBox{ position: absolute; width: 67%; top: 29.5%; left: 20%; }
.brid{ display: none; position: absolute; right: 10%; top: 10%; width: 43%; }
.gameLogo{ display: none; position: absolute; right: 0; top: -8%; width: 38%; }
.stage_0{ display: none; }
.stage_1{ display: none; }
.stage_2{ display: none; }
.stage_3{ display: none; }
.powerMeter{ position: absolute; top: 68%; width: 62%; height: 6.4%; left: 20%; line-height: 0; z-index: 5; }
.gameInfoBox{ position: absolute; top:78%; left: 10%; width: 80%; }
.getPrize{ display: none; position: absolute; top: 74%; width: 45%; left: 28%; z-index: 7; }
.gameStart{ display: none; position: absolute; top: 74%; width: 45%; left: 28%; z-index: 7; }
.seekHelp{ display: none; position: absolute; top: 74%; width: 45%; left: 28%; z-index: 7; }
.seed{ position: absolute; top: 52%; left: 17%; width: 30%; font-size: 1.4rem; font-weight: bolder; text-align: center; }
.tree{ position: absolute; top: 52%; left: 54%; width: 30%; font-size: 1.4rem; font-weight: bolder; text-align: center; }
.gameLayer{ position: absolute; width: 70%; left: 15%; top: 20%; z-index: 210; }
.gameLayer p{ position: absolute; top: 47%; width: 100%; text-align: center; color: #4f7a1c; font-size: 1.4rem; line-height: 1.8rem; }
.gameLayer b{ font-weight: bolder; font-size: 1.8rem; line-height: 2.3rem; }
.gameLayer i{ color:#555555; font-weight: bolder; }
.buttonOK{ position: absolute; bottom: 12%; width: 50%; left: 25%; }
.buttonToPlay{ position: absolute; bottom: 12%; width: 60%; left: 20%; }
.buttonToHelp{ position: absolute; bottom: 16.5%; width: 44%; left: 30%; }
.buttonToEvent{ position: absolute; bottom: 8%; width: 44%; left: 30%; }
.black_layer{ display: none; }
.textBox{ display: none; }
.shareLayer{ display: none; }
.prizeLayer{ display: none; }
.kettle{ position: absolute; width: 45%; right: 0; top: 0; line-height: 0; opacity: 0; }
.kettle_1{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.kettle_2{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.noticeBox{ display: none; position: absolute; right: 6%; top: 2%; width: 40%; z-index: 210; }

.e-RuleBox{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 210; border-radius: 0px; transform: matrix(1, 0, 0, 1, 0, 0); display: none; background-color: rgba(0, 0, 0, 0.8); }
.e-RuleMain{ height: 597px; overflow-y: scroll; padding: 50px 5%; color: rgb(255, 255, 255); font-size: 1.2rem; opacity: 1; }
.e-RuleClose{ position: absolute; height: 40px; width: 40px; border-radius: 30px; top: 20px; right: 20px; color: rgb(255, 255, 255); z-index: 10; background: url("/image_site/event/2015/12/templet/popClose.png") center center / 20px no-repeat rgba(0, 0, 0, 0.298039); }
.e-RuleMain h1{ font-weight: bolder; color: rgb(255, 255, 255); font-size: 1.5rem; }
.e-RuleMain p{ color: rgb(255, 255, 255); font-size: 1.2rem; line-height: 1.6rem; margin: 1rem 0px; }