.acerPage_109
#fullcontainer{padding:0;background:#000}#camp{box-sizing:border-box}#camp *, #camp *:before, #camp *:after{box-sizing:inherit}#camp{padding-bottom:24px;position:relative;z-index:1;width:100%;background:#000;text-align:center;overflow:hidden;box-sizing:border-box;font-size:16px;color:#eee}#camp
.campCont{padding:35px}#camp
.layout{width:100%;padding:60px
0}#camp .layout
h2{margin:0
0 45px;font-size:32px;font-weight:700;color:#eee;text-align:center}#camp .layout h2
span{background:linear-gradient(90deg, #38BDF8, #D946EF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}#camp .layout
h2.wl{margin:0
0 20px}#camp .layout
.lead{margin:0
auto 45px;padding:0
10px;width:100%;max-width:700px;font-size:18px;color:#ddd;text-align:center}#campHead{padding:50px
20px 50px;padding-bottom:0;background:url(/frame/design/gamesir/bg_1600.jpg) no-repeat center center /cover;text-align:center}#campHead
.wrp{margin:0
auto 30px;padding:20px;width:100%;max-width:800px;background:rgba(0, 0, 0, 0.3);border-radius:10px}#campHead
h1{margin:0
0 30px;font-size:60px;line-height:60px;font-weight:700;color:#eee}#campHead h1
span{display:block;background:linear-gradient(90deg, #38BDF8, #D946EF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}#campHead
.lead{margin:0;font-size:18px;color:#ddd}#campHead .hero
img{width:auto;max-width:100%}#campHead
.grid{display:flex;flex-wrap:wrap;justify-content:center;background:rgba(0, 0, 0, 0.3);margin:30px
-20px 0}#campHead .grid
.c{padding:0
30px;width:260px;flex:0 0 260px}#campHead .grid .c
img{width:auto;max-width:100%}#why
.wrp{margin:0
auto;padding:0
20px 6px;width:100%;max-width:1300px;text-align:left}#why
.grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;margin:0
-15px}#why .grid
.col{padding:0
15px;width:100%;flex:0 0 25%;max-width:25%}#why .lead
b{display:block;background:linear-gradient(90deg, #38BDF8, #D946EF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}#why
.box{padding:10px
10px 20px;width:100%;height:100%;background:#111827;border:solid 1px #1F2937;border-radius:4px;color:#fff;text-align:center;transition:all 0.3s ease-in-out}#why .box:hover{transform:translateY(-5px)}#why .box
.emoji{margin:0
0 10px;font-size:32px;font-weight:700;color:#31B5FF}#why .box
h3{margin:0
0 20px;font-size:18px;font-weight:700;color:#fff}#why .box
p{margin:0;font-size:15px;color:#ddd}#camp .strlay
.wrp{margin:0
auto;padding:0
20px;width:100%;max-width:1300px}#camp
.strGrid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0
-15px}#camp .strGrid
.pic{padding:0
15px;width:100%;flex:0 0 50%;max-width:50%;order:1}#camp .strGrid
.text{padding:0
15px;width:100%;flex:0 0 50%;max-width:50%;order:2;text-align:left}#camp .strGrid.o2
.pic{order:2}#camp .strGrid.o2
.text{order:1}#camp .layout .strGrid
h2{text-align:left}#camp .layout .strGrid
.lead{margin:0
0 30px;padding:0;text-align:left}#camp .strGrid .pic
img{width:auto;max-width:100%}#camp .strGrid
ul.dot{margin:0;padding:0;list-style:none}#camp .strGrid ul.dot
li{position:relative;margin:0
0 7px;padding:0
0 0 15px;list-style:none}#camp .strGrid ul.dot li:before{content:'';display:block;position:absolute;left:0;top:8px;width:5px;height:5px;background:#d946ef;border-radius:50%}#gameSirMenu{margin:0
auto 30px;width:100%;max-width:500px;text-align:center}#gameSirMenu
ul{margin:0;padding:15px
10px;list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background:#111827;border-radius:10px;text-align:center}#gameSirMenu
li{display:inline-block;margin:0;padding:0
10px;width:100%;max-width:160px;flex:0 0 160px}#gameSirMenu li
a{display:inline-block;padding:10px;width:100%;background:transparent;border-radius:10px;font-weight:700;color:#eee;text-decoration:none}#gameSirMenu li a:hover,
#gameSirMenu li
a.active{background:#d946ef}#choose
.gameContent{margin:0
auto;padding:0
20px;width:100%;max-width:1300px}#choose
.cardFlex{display:flex;flex-wrap:wrap;align-items:stretch;margin:0
-10px}#choose .cardFlex
.col{padding:0
10px 20px;width:100%;flex:0 0 25%;max-width:25%}#choose
a.card{position:relative;display:block;padding:20px
20px 60px;width:100%;height:100%;background:#111827;border:solid 1px #1F2937;border-radius:10px;color:#ddd;text-align:left;text-decoration:none;transition:all 0.3s ease-in-out}#choose a.card:hover{transform:translateY(-5px)}#choose a.card
.p{text-align:center}#choose a.card .p
img{width:auto;max-width:100%}#choose a.card
h4{margin:0
0 10px;font-weight:700;font-size:20px;color:#fff}#choose a.card
p{font-size:16px}#choose a.card
.button{position:absolute;left:20px;right:20px;bottom:20px;margin:0
auto;padding:10px
15px;background:#3d285a;border-radius:10px;font-weight:700;font-size:16px;color:#e5a3f2;text-align:center;transition:all 0.5s ease-out}#choose a.card:hover
.button{background:#d946ef;color:#fff}#ready .actionButton, #why
.actionButton{text-transform:none;background:#d946ef;color:#fff}#ready .actionButton:hover, #why .actionButton:hover{background:#3d285a;color:#e5a3f2}@media only screen and (max-width: 1023px){#choose .cardFlex
.col{flex:0 0 33.333333%;max-width:33.333333%}#campHead
h1{font-size:48px;line-height:48px}#camp .layout
h2{font-size:26px}#camp
.layout{padding:40px
0}}@media only screen and (max-width: 859px){#camp
.layout{padding:20px
0}#campHead{padding:30px
10px;padding-bottom:0}#why
.wrp{padding:0
10px 6px}#why .grid
.col{padding:0
10px 15px;flex:0 0 50%;max-width:50%}#why .grid, #camp
.strGrid{margin:0
-10px}#camp .strGrid .pic, #camp .strGrid
.text{padding:0
10px}#camp .strlay .wrp,
#choose .gameContent,
#choose
.gameContent{padding:0
10px}}@media only screen and (max-width: 767px){#choose .cardFlex
.col{flex:0 0 50%;max-width:50%}#camp .strlay
.wrp{max-width:600px}#camp .strGrid .pic, #camp .strGrid
.text{padding:0
10px 20px;flex:0 0 100%;max-width:100%}#camp .strGrid .text
.lead{padding:0;text-align:center}#camp .strGrid.o2
.pic{order:1}#camp .strGrid.o2
.text{order:2}#camp .layout .strGrid
h2{text-align:center}#campHead
h1{font-size:36px;line-height:36px}}@media only screen and (max-width: 559px){#choose .cardFlex
.col{flex:0 0 100%;max-width:100%}#why .grid
.col{flex:0 0 100%;max-width:100%}#campHead
h1{margin:0
0 20px;font-size:26px;line-height:32px}#campHead .grid
.c{padding:0
10px;width:100%;flex:0 0 40%;max-width:40%}#camp .layout
h2{font-size:24px}#choose a.card
h4{font-size:18px}}