@charset "utf-8";

@font-face{ 
	font-family: NanumBarunGothic; 
	src: url('/theme/squid/645co/font/NanumBarunGothic.ttf') format('truetype');
}

@font-face{ 
	font-family: NanumBarunGothicBold; 
	src: url('/theme/squid/645co/font/NanumBarunGothicBold.ttf') format('truetype');
}

@font-face{ 
	font-family: Cafe24Ohsquare; 
	src: url('/theme/squid/645co/font/Cafe24Ohsquare.ttf') format('truetype');
}

/* intro 페이지입니다. ----------------------------------------------- */
.intro_box {max-width: 72rem; width: 100%; background: url("/theme/squid/645co/img/intro_bg.png"); background-position: /*-150px*/46% -214px; background-size: cover; min-height:100vh; margin: 0 auto; background-repeat: no-repeat;}
iframe { /*display: none; */}


.big_box {padding:  75rem 0 0; text-align: center;}
.big_box p { 
	font-size: 3.9rem; 
	font-weight: bold; 
	width:100%; 
	height:5rem; 
	margin: 0 auto; 
	font-family: NanumBarunGothic;
	color:#fff;
	line-height:1;
	font-weight: bold;
    text-shadow: 2px 3.5px 10px rgb(0 0 0 / 20%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to top, #fff, #d2d2d2, #fff), linear-gradient(to bottom, #ffc000, #ffc000);
	
  }



.big_box div {
	padding: 4rem 0 0;
	/*width: 52.3rem;  */
	/*width: 70%;*/
	width:30em;
	display: inline-block;}
.btn_box{padding: 3rem 0 0;}
.btn_box .left {
	float: left;
	border-radius: 3.75rem;
    background-image: linear-gradient(to top, #1c222a, #3c4d57);
	background: -webkit-linear-gradient(to top, #1c222a, #3c4d57);
    box-shadow: 2.5px 4.3px 4.5px 0.5px rgb(0 0 0 / 43%);
    /*
	width: 24.5rem;
	*/
	width: 46%;
    /*height: 24.5rem;*/
	height: 13em;
	/*line-height:18rem;*/
	line-height:9em;
	-webkit-tap-highlight-color: transparent;}
.btn_box .left .sm_box{
    border-radius: 20px;
    display: inline-block;
    width: 20rem;
	height:80%;
    background-color: #e30269;
    letter-spacing: -0.197rem;
    background-image: linear-gradient(to top, #e30269, #ff3982);
    border: solid 4px #ff5493;
    box-shadow: 6.5px 11.3px 5px 0 rgb(0 0 0 / 75%), inset 2.5px 4.3px 24px 0 rgb(255 57 130 / 80%);}

.btn_box .left .sm_box span {
	font-size: 3.938rem;
    font-weight: bold;
	text-shadow: 2px 3.5px 10px rgb(0 0 0 / 20%);
	/* font-family: NanumBarunGothicBold; */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to top, #fff, #d2d2d2, #fff), linear-gradient(to bottom, #ffc000, #ffc000);}

.btn_box .right .sm_box{ 
    border-radius: 20px;
    font-size: 3.9rem;
    font-weight: bold;
    display: inline-block;
    width: 20rem;
    /*height: 20rem;*/
	height:80%;
    background-color: #e30269;
    letter-spacing: -0.197rem;
    background-image: linear-gradient(to top, #e30269, #ff3982);
    border: solid 4px #ff5493;
    box-shadow: 6.5px 11.3px 5px 0 rgb(0 0 0 / 75%), inset 2.5px 4.3px 24px 0 rgb(255 57 130 / 80%);}

.btn_box .right .sm_box span {
	font-size: 3.9rem;
    font-weight: bold;
	text-shadow: 2px 3.5px 10px rgb(0 0 0 / 20%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to top, #fff, #d2d2d2, #fff), linear-gradient(to bottom, #ffc000, #ffc000);}

.btn_box .left .sm_box:hover{ 
	background: rgb(242 112 162);}
.btn_box .right .sm_box:hover{ 
	background: rgb(242 112 162);}

.btn_box .right {
	float: right;
	border-radius: 3.75rem;
    background-image: linear-gradient(to top, #1c222a, #3c4d57);
    box-shadow: 2.5px 4.3px 4.5px 0.5px rgb(0 0 0 / 43%);
    /*width: 24.5rem;*/
	width:46%;
    /*height: 24.5rem;*/
	height: 13em;
	/*line-height:18rem;*/
	line-height:9em;
	-webkit-tap-highlight-color: transparent;}
.btn_box .right:hover {  background-color: #fff;}

.btn_box button { 
	display: flex;
	justify-content: center;
	align-items: center;
	width:250px; 
	height: 250px; 
	line-height: 215px; 
	text-align: center;
}

.bottom {padding: 350px 0 0; text-align: center;
    font-size: 5rem;
    font-style: italic;}  
.intro_box .bottom_txt {
	padding-top: 5.9rem;
    display: block;
    text-align: center;}
.intro_box .bottom_txt img { 
	/*width:43rem;*/
	width:50%;
	height:6.5rem;
	}
.language_btn{background-image: url('/theme/squid/645co/img/btn_lang.png');
    height: 3.5rem;
    width: 3.5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	-webkit-tap-highlight-color : transparent;
	float:left;
	margin-right:10px;
}

.language_txt{
	height: 3.5rem;
    width: 3.5rem;
	-webkit-tap-highlight-color : transparent;
	float: right;
	color: #ffffff;
	font-size: 3rem;
	margin-right: 50px;
}


.fra_mng_btn{
	height: 3.5rem;
    width: 17rem;
    -webkit-tap-highlight-color: transparent;
    float: right;
    color: #0B1761;
    font-size: 2.5rem;
    margin-left: 3px;
    background: #FFE649;
    border-radius: 5px;
    text-align: center;
    line-height: 3.5rem;
    font-weight: bold;
}
    

/* game 페이지입니다 ----------------------------------------------------------------- */

.game_box {max-width: 72em; width: 100%;background-color: #27b4a1; background-position: center; background-size: cover; height: 100%; margin: 0 auto;}
iframe { /*display: none; */}

.main_game{ 
	padding:3em 0 0;
	margin: 0 auto;
    text-align: center;
	position: relative;
	z-index: 48;
}

/* 헤더입니다. */
#header {
  width: 100%;
  max-width: 72em;
  height: 10rem;
  margin: 0 auto;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 49;
  background-color: #27b4a1;
  height: 12rem;
}

.header_ {
  position: relative;
  ;
  height: 100%;
}

.header_title {
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  line-height: 10.0rem;
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}

.header_logo {
  width: 100%;
  max-width: 25rem;
  height: 6.4rem;
  margin: 0 auto;
  /*background-image: url('/theme/squid/645co/img/logo.png');*/
  background-image: url('/theme/squid/645co/img/game_logo_evento.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* 헤더마침 */


/* 헤더 좌측 슬라이드 메뉴 */
.mobile-menu {
    display: block;
    z-index: 500;
    width: 45px;
    height: 45px;
    padding: 5px;
    border: 0;
    outline: 0;
    background-color: unset;
    position: absolute;
    top: 50%;
    left: 1.5em;
    transform: translateY(-50%);
	-webkit-tap-highlight-color: transparent;
}

.menuwrap {
    position: fixed;
    top: 0;
    left: -300px; /* 너비 300px 인 사이드바를 왼쪽으로 300px 이동시켜 화면에 보이지 않게 함 */
    z-index: 400;
    overflow: auto;
    width: 20em;
    height: 100em;
    padding: 50px 20px;
    box-sizing: border-box;
    transition: left .3s ease-in-out; /* 0.3초 동안 이동 애니메이션 */
    background-image: linear-gradient(to top, #fb59a4, #ff3982);
	display:none;
}

.menuwrap .category_list { 
	padding-top: 2em;
    font-size: 1.5em;
	line-height: 2.2em;
	font-family: Cafe24Ohsquare;
	
}

.category_list span{ 
	
    color: #fff;
}

.menuwrap .category_list li { 
	cursor:pointer; 
	width:25%;border : none;
	margin-bottom: 2em;
}

/*.menuwrap .category_list_new li { 
	cursor:pointer; 
	width:25%;border : none;
	margin-bottom: 2em;
}*/

.menuwrap.on {
    left: 0;
	display:block;
}
#dimmed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
	z-index: 49;
}
/* 여기까지 */

.game_login {
    background-image: url('/theme/squid/645co/new/img/game_login2.png');
    height: 3em;
    width: 3em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	-webkit-tap-highlight-color: transparent;
	float:right;
}

.w_winning {
    background-image: url('/theme/squid/645co/img/btn_coin.png');
    height: 3em;
    width: 3em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	-webkit-tap-highlight-color : transparent;
	float: left;
    margin-right: 10px;
}

.sound_speaker {
    background-image: url('/theme/squid/645co/new/img/speaker.png');
    height: 3em;
    width: 3em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	-webkit-tap-highlight-color : transparent;
	float: left;
    margin-right: 1.5em;
}

.sound_speaker.on {
	background-image: url('/theme/squid/645co/new/img/speaker_mute.png');
}


.home_btn{
	height: 10em;
	width: 10em;
    background-image: url("/theme/squid/645co/img/btn_back.png");
    background-size: contain;
    background-position: center;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    background-repeat: no-repeat;
	bottom:-24.3em;
    left: 0.8em;
	cursor:pointer;
}

.main_invest > .info_title{
	width: 35em;
    margin: 0 auto;
    background: #3F4C55;
    height: 3em;
    line-height: 3.2em;
    margin-top: 10px;
	box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.39), inset 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.39);
}

.main_invest div > h1 { 
	font-size: 1.5em;
    color: #ff3982;
    font-family: Cafe24Ohsquare;
}

.main_invest div > h1 > span{  
	color: #fff;
}


.main_box1{ 
	width: 40em;
	height: 5.3em;
	background-image: linear-gradient(to top, #202d34, #34404c);
	box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.39), inset 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.39);
	display: inline-block;
    border-radius: 70px;
	margin-top:-8px;
}


.main_box1 .season h2 span,
.main_box1 .season h3 span { 
	padding-left:1.4rem; 
	letter-spacing: 0.05em;
}

/* .main_box1 h1::after { 
	    display: block;
    content: "";
    text-shadow: none;
    background-color: #34404c;
    width: 335px;
    height: 2px;
    display: inline-block;
    padding-top: 2px;
} */





.main_box1 h2 > span{  
	color: #fff;
}

.main_box1 h3 > span{  
	color: #fff;
}

.main_box1 div{ 
	display: flex;
	flex-direction: column;
	line-height:2.2em;
    font-size: 2.4em;
    color: #ff3982;
    font-family: Cafe24Ohsquare;
}

.display{ 
	width:41.1em;
	height:22.5em;
	border-radius: 30px;
	box-shadow: 2.5px 4.3px 4.5px 0.5px rgba(0, 0, 0, 0.43);
	background-image: linear-gradient(to top, #1c222a, #101417);
	margin: 0 auto;
	margin-top: 1.5em;
	margin-bottom: 2.8em;
	position: relative;
}

.display .video{ 
	width: 38.8em;
	height: 20em;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    margin-top: 1em;
    left: 1.3em;
}

.display .video #youtube{
	border-radius: 10px;
    position: relative;
    width: 39em !important;
    height: 20em !important;
}

.video_btn{ 
	float:right; 
	padding-top: 2.5rem;
    padding-bottom: 2.75rem;
	position: absolute;
    left: 46rem;
    top: 33rem;
}


.video_btn span img{ 
	 width: 5.5rem;
    height: 5.5rem;
}

.video_btn p1 img{ 
	 width: 5.5rem;
    height: 5.5rem;
}

.video_btn p2 img{ 
	 width: 5.5rem;
    height: 5.5rem;
}

#btn{ 
	width:51.8rem;
	height: 13rem;
	border: solid 6px #fe3c85;
	border-radius: 20px;
	margin:0 auto;
	cursor:pointer;

	overflow: hidden;
	position: relative;


}


.start_btn{ 
	padding-top: 1.5em;	
	width:40.8em;
	height: 8em;
	border: solid 6px #fe3c85;
	border-radius: 20px;
	background-image: linear-gradient(to top, #202d34, #34404c);
	margin:0 auto;
	cursor:pointer;
	overflow: hidden;
	position: relative;


}

/*
.start_btn:hover{ 
	background: rgb(242 112 162); 
}
*/

.start_btn_on{
	background: rgb(242 112 162); 
}


.start_btn span{ 
	
	font-size:5.8rem;
	font-style: oblique;
	font-family: NanumBarunGothicBold;
	text-shadow: 1px 1.7px 5px rgb(0 0 0 / 94%);
	/*line-height: 2.1;*/
	color:#fff;
}

/* .start_btn_text{
	font-size: 3rem;
	font-family: NanumBarunGothicBold;
	color:#fff;
} */

.season_name{ 
	padding-top:10px;
	height:3em;
	margin:0 auto;
}
.season_name p { 
	font-size:2.9rem;
	text-shadow: 1px 1.7px 16px rgba(0, 0, 0, 0.94);
	font-family: NanumBarunGothic;
	color: #fc529c;
}

.season_name p span{ 
	color: #fff;
}

.season_name p span{ 
	color: #fff;
}

.win_ball { 
	padding-top: 6em;
    position: absolute;
    text-align: center;
    width: 100%;
	text-align: center;
}

.win_ball p { 
	font-size: 3.75rem;
    font-family: Cafe24Ohsquare;
    color: #fff;
    text-shadow: 1px 1.7px 16px rgb(0 0 0 / 94%);
    letter-spacing: -1.5px;
	padding-right: 1.8rem;
	padding-top: 1rem;
}



/*
 .win_ball { 	 
	display: flex; 
	justify-content: center;
	position: absolute;
    background: #aaa;
}
*/



 .win_ball li { width: 5.8em; height: 20px;  border-radius: 5px; text-align: center;}

 .win_ball li div {display: inline-block; width: 5.8rem; line-height: 40px; }

 .win_ball li div img { 
	display: block;
    width: 5em;
    height: 5em;}

.result_ball { 
	padding-top: 1.3em;
    text-align: center;
    width: 100%;
	text-align: center;
}

.result_ball p { 
	font-size: 3.75rem;
    font-family: Cafe24Ohsquare;
    color: #fff;
    text-shadow: 1px 1.7px 16px rgb(0 0 0 / 94%);
    letter-spacing: -1.5px;
	padding-right: 1.8rem;
	padding-top: 1rem;
}

.result_ball li { 
	width: 6em; height: 20px;  border-radius: 5px; text-align: center;
}

.result_ball li div {
	display: inline-block; width: 5em; line-height: 40px;
}

.result_ball li div img { 
	display: block;
    width: 6em;
    height: 6em;
}

/*
.result_ball ul {
	display: flex;
    justify-content: space-evenly;
}

.result_ball li { 
	width: 6.6rem; 
	height: 20px; 
	border-radius: 5px;
	text-align: center;
}

.result_ball li div {
	display: inline-block;
	width: 6.6rem; 
	line-height: 40px;
}

.result_ball li div img { 
	display: block;
	width: 7rem;
	height: 7rem;
}
*/


.ball_list .color { 
	display:inline-block; 
}

.game_btn { 
    width: 100%;
    height: 23em;
	-webkit-tap-highlight-color: transparent;
}

.game_btn img { 
	 width: 100%;
	 cursor: pointer;
}



.eth_pop{color:#ffffff !important;}
/*당첨확인 팝업*/
#info_pop_wrap{
	width: 100%;
	height: 100%;
    position: absolute;
    margin: 1px 0 0 0;
    z-index: 999;
	top: -25em;
}
.info_pop_tit{text-align:center; font-size: 24px; line-height:30px; font-weight:bold; height: 30px; color:#000000; font-family: Cafe24Ohsquare; padding-top:10px;}
/*.info_pop_tit_sub{text-align:center; font-size: 3rem; line-height: 4rem; font-weight:bold; height: 30px; color:#000000; font-family: Cafe24Ohsquare; padding:3rem 0 0 0; position: relative; z-index: 1; height: 23rem;}*/
.info_pop_tit_sub {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: bold;
    /* color: #E8A820; */
    color: #ffffff;
    font-family: Cafe24Ohsquare;
    padding: 4em 0 0 0;
    position: relative;
    z-index: 1;
    height: 23rem;
}

.info_pop_tit_sub2 {
    font-size: 2.3rem;
    line-height: 3rem;
}
.info_pop_con{text-align:center; font-size: 10px; font-weight:bold; line-height: 38px;}


.win_pop {
    background: url("/img/pop_win.jpg") no-repeat;
    background-size: 100%;
    background-position: center;    
    width: 100%;
    height: 27em;
    border-radius: 10px;
    position: relative;		
	top:10px;
	-webkit-tap-highlight-color: transparent;
}

/*
.win_pop{
	background: url("/theme/squid/645co/img/win_bg.png") no-repeat; 
	background-position: center;
    background-size: 106%;
    width: 100%;
    height: 32rem;
    border-radius: 10px;
    position: relative;		
	top:10px;
}
*/

.fail_pop{	
	background: url("/img/pop_fail2.gif") no-repeat;
	background-size: 100%;
    background-position: center;    
    width: 100%;
    height: 27em;
    border-radius: 10px;
    position: relative;		
	top:10px;
	-webkit-tap-highlight-color: transparent;
	
}

.ok_btn_cls{width:100%; position:absolute; bottom:-5px;}

/*.pop_btn:hover{

	color:#ffffff;

}*/

.pop_img_f{width: 30%; margin-top: -10px;}
.pop_img_w{width: 40%; margin-top: 45px;}

.marquee .marquee_div {
  display: block;
  width: 200%;
  height: 50px;

  position: absolute;
  overflow: hidden;

  /* animation: marquee 5s linear infinite; */
}


.marquee span {
	float: left;
	width: 50%;
	font-size: 3.5rem;
	line-height: 50px;
}


@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}








.winner_pop{
	width: 45em;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    height: 60%;
    position: fixed;
    z-index: 9999;
    background-color: #263038;
    top: 10%;

}


.board_list {
	background: url('/squid_game/theme/645co/img/645img/winner_bg.png') no-repeat 100%;
    width: 90%;
    height: 94%;
    border-radius: 15px 15px;
    transform: translateX(0%);
    margin: 0 auto;
	background-size: cover;
}

.board_list p {
    word-break: break-all;
    text-align: center;
    font-size: 25px;
    padding-top: 30px;
    font-family: 'NanumSquare', sans-serif;
    font-weight: bold;
}

.board_list ul {
    padding: 0px;
	margin-top:10px;
}

.board_list ul > li {
	padding-bottom: 15px;
    font-size: 18px;
    text-align: center;
}

.pop_btn{
    text-align: center;
    padding: 15px 25px;
    width: 10em;
    background-color: #FF3982;
    color: #000000;
    border-radius: 10px;
    font-family: Cafe24Ohsquare;
    line-height: 5px;
    font-size: 13px;
    height: 25px;
    display: inline-block;
}


/* 20211116 이희섭 코멘트 박스 추가 */
/*.intro_box .comment_box {padding: 0 12px; width: 100%;margin-top: 40px; background: url("../../img/frame.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
.intro_box .comment_box .comment_head {width: 100%; background: url("../../645co/img/kkanbu_corner.png"); text-align: center; padding: 8px 0; background-position: center; background-size: cover; color: #8d8f91; font-size: 26px; font-weight: bolder;}
.intro_box .comment_box .comment_body {width: 100%; padding: 104px 86px 67px;}
.intro_box .comment_box .comment_body iframe {width: 100%; border: 0; height: 500px; background: #fff;}

@media (max-width: 720px) {
	.intro_box .comment_box .comment_body {padding: 104px 13% 67px;}
}*/

.kakao_btn_wrap {
	padding: 3rem 0 0 0 !important;
}

.citem-a3 {
	padding: 0 !important
}

.citem-a3 .btn-kakao {
    background: url('/img/kakao_link/link-kakao.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 10rem;
    margin: 0;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
}
/*
.citem-a3 .btn-kakao img {
    width: 24px;
    height: auto !important;
    vertical-align: middle;
    margin-right: 3px !important;
    left: 10px;
    top: 8px;
    position: relative;
	    float: left;
		    margin: 0 5px 0 0;
}
*/


.intro_box .comment_box {padding: 20px; width: 100%; margin-top: 50px;}
.intro_box .comment_box .comment_head {width: 100%; background: url("../../645co/img/kkanbu_corner.png"); text-align: center; padding: 8px 0; background-position: center; background-size: cover; color: #8d8f91; font-size: 26px; font-weight: bolder;}
.intro_box .comment_box .comment_body {width: 100%; padding: 50px 20px 20px; background: #242b30; border-radius: 10px; border: 2px solid #313b42; position: relative;}
.intro_box .comment_box .comment_body:before {content: "Kkanbu Corner"; font-size: 3.4rem; font-weight: bolder; position: absolute; left: 50%; transform: translateX(-50%); top: -40px; text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;  width: 100%; color: #fff; text-align: center;}
.intro_box .comment_box .comment_body iframe {width: 100%; border: 0; height: 500px; background: #fff;}

.game_box .comment_box {padding: 20px; width: 100%; margin-top: 50px;}
.game_box .comment_box .comment_head {width: 100%; background: url("../../645co/img/kkanbu_corner.png"); text-align: center; padding: 8px 0; background-position: center; background-size: cover; color: #8d8f91; font-size: 26px; font-weight: bolder;}
.game_box .comment_box .comment_body {width: 100%; padding: 50px 20px 20px; background: #242b30; border-radius: 10px; border: 2px solid #313b42; position: relative;}
.game_box .comment_box .comment_body:before {content: "공 지 사 항"; font-size: 3.4rem; font-weight: bolder; position: absolute; left: 50%; transform: translateX(-50%); top: -40px; text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;  width: 100%; color: #fff; text-align: center;}
.game_box .comment_box .comment_body iframe {width: 100%; border: 0; height: 500px; background: #fff;}



.intro_box .comment_box .comment_mention {
	color: #fff836;
    font-size: 2.0rem;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 1%;
    transform: translate(-50%, -50%);
    left: 50%;
	overflow-x: auto;
	white-space:nowrap;
}

.mount_div{width:100%;}
.mount_div ul{
	width: 40em;
    height: 3em;
    margin: 0 auto;
    line-height: 3em;
    padding-top: 4em;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.mount_div ul li{width:4em; float:left; text-align:center; font-weight:bold; color:#ffffff; height:2em; font-size:0.9em; letter-spacing:-1px;}
.mount_div ul li:nth-child(1){width:4.2em; margin-left:0.3em;}
.mount_div ul li:nth-child(2){width:4.4em; margin-left:0.5em;}
.mount_div ul li:nth-child(3){margin-left:0.3em;}
.mount_div ul li:nth-child(4){width:4.5em;margin-left:0.3em;}
.mount_div ul li:nth-child(5){margin-left:0.3em;}
.mount_div ul li:nth-child(6){width:4.2em;}
.mount_div ul li:nth-child(7){width:4.4em;}
.mount_div ul li:nth-child(8){width:4.6em;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ 
	.big_box p{ 
		font-size:3.9rem;
		width:26.8rem;
		height:5rem;
		margin: 0 auto;
		color: #fff;
		line-height:1;
	}
}

@media screen and (min-width:640px), screen\9{ 
	 .big_box p{ 
		font-size:3.9rem;
		width:30rem;
		height:5rem;
		margin: 0 auto;
		color: #fff;
		line-height:1;
	}
}

@media (max-width: 310px) {
	.pop_btn{padding: 10px 20px;}
	.info_pop_tit_sub{ line-height: 22px;}
	.pop_img_w {width: 40%; margin-top: 12px;}
}


@media (max-width:245px) { 
	 
   .big_box div{ 
	width:45.3rem; 
   }

  .btn_box .left{ 
	 width:21.5rem;
	 height:21.5rem;
	 line-height:4;
  }
  .btn_box .left .sm_box{ 
	width:18rem;
	height:18rem;
  }

  .btn_box .right{ 
	 width:21.5rem;
	 height:21.5rem;
	 line-height:4;
  }
  .btn_box .right .sm_box{ 
	width:18rem;
	height:18rem;
  }


}

@media (max-width:197px) { 
	 
   .big_box div{ 
	width:39.3rem; 
   }

  .btn_box .left{ 
	 width:18.5rem;
	 height:18.5rem;
	 line-height:3.5;
  }
  .btn_box .left .sm_box{ 
	width:16rem;
	height:16rem;
  }

  .btn_box .right{ 
	 width:18.5rem;
	 height:18.5rem;
	 line-height:3.5;
  }
  .btn_box .right .sm_box{ 
	width:16rem;
	height:16rem;
  }


}


.invest_btn_wrap{
	width: 100% !important;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-top:5rem;
	padding: 0 5rem !important;
	background-color: #263039;
}

.invest_btn_wrap div {
	height: 14.5rem;
    background-size: 20rem 14.5rem;
}

.invest_btn_wrap div:hover{ 
	border: 8px solid #e37e7e;
    border-radius: 23px;
    border-bottom: 7px solid #e37e7e;
}

.info_btn_wallet{
    width: calc(33% - 0.5rem) !important;
	background: url("/theme/squid/645co/img/invest/wallet.png") no-repeat center;
	background-size: contain !important;
	height:100px; 
}

.info_btn_invest{
    width: calc(33% - 0.5rem) !important;
	background: url("/theme/squid/645co/img/invest/mall.png") no-repeat center;
	background-size: contain !important;
	height:100px ;
}
.info_btn_product{
    width: calc(33% - 0.5rem) !important;
	background: url("/theme/squid/645co/img/invest/gift.png") no-repeat center;
	background-size: contain !important;
	height:100px;
}
.info_btn_p2p{
    width: calc(33% - 0.5rem) !important;
	background: url("/theme/squid/645co/img/invest/p2p.png") no-repeat center;
	background-size: contain !important;
	height:100px;
}
.info_btn_winner{
    width: calc(33% - 0.5rem) !important;
	background: url("/theme/squid/645co/img/invest/winner.png") no-repeat center;
	background-size: contain !important;
	height:100px;
}
.info_btn_manual{
    width: calc(33% - 0.5rem) !important;
	background: url("/theme/squid/645co/img/invest/manual.png") no-repeat center;
	background-size: contain !important;
	height:100px;
}