
/* microWeb CSS preprocessor v.1.11 (2020071101) */
.game_play .top_session { position:relative; width:100%; background-color: #FCF4D7; height: 296px; text-align: center; max-width: 100%; }
.game_play .top_session .main_kv { display:block; position:absolute; min-width:100%; width:100%; height: 120%; object-fit:cover; top:0; left:0; right:0; margin:auto; z-index:1; }
.game_play .second_session { position:relative; width:100%; background-color: #FCF4D7; }
.game_play .second_session .session_content { position: relative; width:30%; left:0; right:0; margin:auto; }
.game_play .second_session .session_content .play-title { font-size: 18px; line-height: 26px; font-weight: bold; letter-spacing: 1px; }
.game_play .second_session .session_content .play-description { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: normal; color:#585858; }
.game_play .second_session .session_content .game-intro-title { font-size: 26px; line-height: 34px; font-weight: bold; letter-spacing: 1px; }
.game_play .second_session .session_content .middle_image { display: block; position: relative; left:0; right:0; margin:auto; width:90%; }
.game_play .second_session .session_content .game_start_button { display: block; position: relative; left:0; right:0; margin:auto; width:70%; margin-top:1em; cursor:pointer; }
.game_play .second_session .session_content .game_intro_button { display: block; position: relative; left:0; right:0; margin:auto; width:50%; cursor:pointer; }
.game_play .second_session .session_content .slider_section { position:relative; width:100%; height:55vh; left:0; right:0; margin:auto; }
.game_play .second_session .session_content .slider_section .sliders { position:relative; width:100%; height:100%; text-align:center; overflow:hidden; }
.game_play .second_session .session_content .slider_section .sliders >div { position:absolute; width:100%; height:100%; display:none; left:0; top:0; }
.game_play .second_session .session_content .slider_section .sliders >div img { display:block; position:relative; left:0; right:0; margin:auto; width:90%; object-fit: contain; }
.game_play .second_session .session_content .slider_section .right_arrow,.game_play .second_session .session_content .slider_section .left_arrow { position:absolute; top:50%; transform:translateY(-50%); width:10px; height:60px; }
.game_play .second_session .session_content .slider_section .right_arrow img,.game_play .second_session .session_content .slider_section .left_arrow img { object-fit:contain; width:100%; height:100%; }
.game_play .second_session .session_content .slider_section .left_arrow { left: -2%; cursor: pointer; }
.game_play .second_session .session_content .slider_section .right_arrow { right: -2%; cursor: pointer; }
.game_play .second_session .session_content .page_ind { position:relative; display:block; width:100%; font-size: 1em; left:0; text-align:center; }
.game_play .second_session .session_content .page_ind i { font-style: normal; color: transparentize(,75%); margin-right:0.5em; }
.game_play .second_session .session_content .page_ind b { color: ; margin-right:0.5em; }
@media only screen and (max-width: 576px) {

.game_play .top_session .main_kv { width:100%; right:inherit; margin:inherit; }
.game_play .second_session .session_content { width:90%; }
.game_play .second_session .session_content .game-intro-title { font-size: 18px; line-height: 26px; }
.game_play .second_session .session_content .slider_section .sliders >div img { width:90% }
.game_play .second_session .session_content .slider_section .left_arrow { left: -1%; }
.game_play .second_session .session_content .slider_section .right_arrow { right: -1%; }
.game_play .second_session .session_content .slider_section  { height:50vh; }
}


@media only screen and (max-width: 414px) {

.game_play .top_session { height: 180px; }
.game_play .top_session .main_kv { width:100%; height: 210px; }
}




@media only screen and (max-width: 375px) {

.game_play .top_session { height: 170px; }
.game_play .top_session .main_kv { width:100%; height: 190px; }
}



@media only screen and (max-width: 320px) {

.game_play .top_session { height: 140px; }
.game_play .top_session .main_kv { width:100%; height: 160px; }
.game_play .top_session { position:relative; width:100%; background-color: #FCF4D7; height: 296px; text-align: center; max-width: 100%; }
.game_play .top_session .main_kv { display:block; position:absolute; min-width:100%; width:100%; height: 120%; object-fit:cover; top:0; left:0; right:0; margin:auto; z-index:1; }
.game_play .second_session { position:relative; width:100%; background-color: #FCF4D7; }
.game_play .second_session .session_content { position: relative; width:30%; left:0; right:0; margin:auto; }
.game_play .second_session .session_content .play-title { font-size: 18px; line-height: 26px; font-weight: bold; letter-spacing: 1px; }
.game_play .second_session .session_content .play-description { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: normal; color:#585858; }
.game_play .second_session .session_content .game-intro-title { font-size: 26px; line-height: 34px; font-weight: bold; letter-spacing: 1px; }
.game_play .second_session .session_content .middle_image { display: block; position: relative; left:0; right:0; margin:auto; width:90%; }
.game_play .second_session .session_content .game_start_button { display: block; position: relative; left:0; right:0; margin:auto; width:70%; margin-top:1em; cursor:pointer; }
.game_play .second_session .session_content .game_intro_button { display: block; position: relative; left:0; right:0; margin:auto; width:50%; cursor:pointer; }
.game_play .second_session .session_content .slider_section { position:relative; width:100%; height:55vh; left:0; right:0; margin:auto; }
.game_play .second_session .session_content .slider_section .sliders { position:relative; width:100%; height:100%; text-align:center; overflow:hidden; }
.game_play .second_session .session_content .slider_section .sliders >div { position:absolute; width:100%; height:100%; display:none; left:0; top:0; }
.game_play .second_session .session_content .slider_section .sliders >div img { display:block; position:relative; left:0; right:0; margin:auto; width:90%; object-fit: contain; }
.game_play .second_session .session_content .slider_section .right_arrow,.game_play .second_session .session_content .slider_section .left_arrow { position:absolute; top:50%; transform:translateY(-50%); width:10px; height:60px; }
.game_play .second_session .session_content .slider_section .right_arrow img,.game_play .second_session .session_content .slider_section .left_arrow img { object-fit:contain; width:100%; height:100%; }
.game_play .second_session .session_content .slider_section .left_arrow { left: -2%; cursor: pointer; }
.game_play .second_session .session_content .slider_section .right_arrow { right: -2%; cursor: pointer; }
.game_play .second_session .session_content .page_ind { position:relative; display:block; width:100%; font-size: 1em; left:0; text-align:center; }
.game_play .second_session .session_content .page_ind i { font-style: normal; color: transparentize(,75%); margin-right:0.5em; }
.game_play .second_session .session_content .page_ind b { color: ; margin-right:0.5em; }
@media only screen and (max-width: 576px) {

.game_play .top_session .main_kv { width:100%; right:inherit; margin:inherit; }
.game_play .second_session .session_content { width:90%; }
.game_play .second_session .session_content .game-intro-title { font-size: 18px; line-height: 26px; }
.game_play .second_session .session_content .slider_section .sliders >div img { width:90% }
.game_play .second_session .session_content .slider_section .left_arrow { left: -1%; }
.game_play .second_session .session_content .slider_section .right_arrow { right: -1%; }
.game_play .second_session .session_content .slider_section  { height:50vh; }
}


@media only screen and (max-width: 414px) {

.game_play .top_session { height: 180px; }
.game_play .top_session .main_kv { width:100%; height: 210px; }
}




@media only screen and (max-width: 375px) {

.game_play .top_session { height: 170px; }
.game_play .top_session .main_kv { width:100%; height: 190px; }
}



@media only screen and (max-width: 320px) {

.game_play .top_session { height: 140px; }
.game_play .top_session .main_kv { width:100%; height: 160px; }