.ir_img {
	z-index:-9999px;
	font-size:0;
}
.nue_style {
	border-radius:10px;
	box-shadow: 4px 4px 6px rgba(91, 145, 237, 0.18), -4px -4px 6px #fff !important;
	background: linear-gradient(#f5f6f8, #eceef4);
	border-color: rgba(255,255,255,0.5);
	color:#455D88;
}
.nue_style_s {
	border-radius:10px;
	box-shadow: 2px 2px 4px rgba(91, 145, 237, 0.18), -2px -2px 4px #fff !important;
	background: linear-gradient(#f5f6f8, #eceef4);
	border-color: rgba(255,255,255,0.5);
	color:#455D88;
}
.nue_style.on {
    border-color: rgba(255,255,255,0.5);
    box-shadow: inset 8px 6px 10px rgba(94,145,237,0.2), inset -6px -6px 10px #fff !important;
	color:#5585D9;
	background:#E8EEF9;
}
.nue_style_off {
	color:#455D88;
	background:#F2F3F7;
	display:inline-block;
	border:1px solid #D6DDED;
	border-radius:10px;
}
.input_st1 {
	border-radius: 10px;
	box-shadow: inset 1px 1px 6px 0 rgba(158, 181, 222, 1);
	border: solid 1px #9EB5DE;
	background-color: #E8EAF1;
	padding: 5px 10px;
	font-size: 18px !important;
	width: 49%;
	height: 50px;
}
.input_st1::placeholder {
	color: #455D88;
}
.input_label {
	float:left;
	width:80px;
	height:100%;
	line-height: 3;
	font-weight:600;
}
input[type="checkbox"] { position:relative; }
input[type="checkbox"]::before {
	content:"";
	width:20px;
	height:20px;
	border:1px solid #9EB5DE;
	border-radius:6px;
	background:#F2F3F7;
	position:absolute;
	top:-2px;
	box-shadow: 2px 2px 4px rgba(91, 145, 237, 0.18), -2px -2px 4px #fff !important;
}
input[type="checkbox"]:checked::after {
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	background:url('../imgs/icon/check-solid.png') no-repeat center 3px;

}
input[type="checkbox"] + label {
	margin-left:12px;
	font-size:14px;
}
.select_st1 {
    border: solid 1px #9EB5DE;
    height: 40px;
    border-radius: 10px;
    padding: 5px 10px;
    background: linear-gradient(283deg, #F5F7FC, #EEEFF6);
    color: #455D88;
}
.select_st1:focus {
	outline:none;
}
.btn {
    display: inline-block;
    position: relative;
    height: 32px;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
}
.btn.red{background:linear-gradient(#D22E3A, #FF6974);color:#FFF !important;box-shadow:none !important;}
.btn.deep_red{background:linear-gradient(#8f333a, #dd1826);color:#FFF !important;box-shadow:none !important;}
#hd {
	/* background:linear-gradient(#17061D, #361A52); */
	position:fixed;
	top:0;
	width:100%;
	z-index:9999;
}

#hd #gnb {
	background:#3b478f;
	border-bottom:1px solid #E4E6F8;
	height: 100%;
}



#gnb .gnb_mnal {
	right:0;
}

#gnb .gnb_mnal:not(.right):hover{
	box-shadow:none !important;
}

#gnb .gnb_menu_btn {
	background:none;
}

#gnb .gnb_menu_btn i {
	/* width:24px;
	height:24px;
	display:inline-block;
	border:1px solid red; */
}

.ifram_wrap {
	margin-bottom:10px;
}

.analysis_wrap {
	border:1px solid #9FB6DE;
	border-radius:10px;
	overflow:hidden;
}

.analysis_box::-webkit-scrollbar {
	background-color:#F1F1F1;
}
.analysis_box::-webkit-scrollbar-thumb {
	background-color:#6B7192;
}



#aside .aside_info ._exp ._exp_bar ._mb_exp {
	position:absolute;
	top:-1px;
	padding-left:5px;
	padding-right:5px;
	font-size:11px;
	color:#1c696d;
}

#aside .aside_info ._exp ._exp_bar ._mb_exp._r {
	color:#fff;
}

#aside .aside_login {
	background:none;
	    border: 0;
}

#aside .aside_login .ol_wr {
	border:1px solid #9EB5DE;
	border-radius:10px;
	overflow:hidden;
	background:linear-gradient(to bottom, #f6f6f7, #f2f3f7);
	margin-bottom:10px;
}

#aside .aside_login #ol_svc {
	border:0;
	display:flex;
	justify-content: space-around;
	background:none;
}

#aside .aside_login #ol_svc > a {
	width:115px;
	height:40px;
	background:linear-gradient(to right, #FFF, #EBEDF3);
	border-radius:10px;
	color:#455D88;
	line-height:0.3;
	border:1px solid #9EB5DE;
	box-shadow: 0 1px 2px 0 #c3c9de;
	font-weight:500;
}

#aside .aside_login #ol_svc > a:first-child {
	width:115px;
	height:40px;
	color:#fff;
	background:linear-gradient(#FFB95D, #FF8000);
	border:0;
}
#aside .aside_login #ol_svc > a:first-child:hover {
	background:linear-gradient(#FFF198, #FFCB00);
}

.aside_minchat {
	border-radius:10px;
	overflow:hidden;
	border: 1px solid #9EB5DE;
}

#ft {
	background: #29305a;
	color:#ABA6A3;
	margin-top:30px;
}

#ft ._top {
	background:#F9F9F9;
}

#ft ._top > ul > li ._tit {
	padding-bottom:10px;
}

#ft ._menu {
	background:#F9F9F9;
}
#ft ._menu .container {
	max-width:1300px;
	margin:auto;
	padding:13px 0;
	display:flex;
	justify-content: space-around;
}

#ft ._menu a {
	color: #5C5760;
	font-weight:500;
}

#ft_copy ._txt ._txt_tit {
	color:#ABA6A3;
}

#wrapper {
	background:#F2F3F7;
	border-top:1px solid #fff;
	padding-top:145px;
}

#container {
	margin-top:20px;

}

._inp_check_box {
	border:1px solid #D5D9EA;
	border-radius:20px;
	background:#F2F3F7;
	margin-bottom:15px
}
._inp_check_box ._inp_check {
	padding:13px 20px;
	border-bottom:1px solid #D5D9EA;
}
._inp_check_box.depth3 ._inp_check {
	border-bottom:0;
}
._inp_check_box ._textarea {
	padding:14px 20px;
}
._inp_check_box ._textarea textarea {
	background:none;
	border:0;
	height: 93px !important;
}
._inp_check_box ._textarea textarea:focus {
	outline:0;
	border:0
}
._inp_check_box ._textarea textarea:focus {
	box-shadow:none;
	border:0 !important;
}

._inp_check_box.depth3 input + label {
	display:inline-block;
	color:rgba(0,0,0,0.56);
}

._inp_check_box.depth3 input + label span {
	font-size:18px;
	display:block;
	margin-bottom:3px;
	color:#000;
}

/* input.agree_all[type="checkbox"]::before {
	border:2px solid #4D4D79;
	background:#D0D0E7;
} */


.join_box {width:452px; height:736px; margin:90px auto 0; border-radius:30px; overflow:hidden; position:relative}
.join_box .txt {font-size:20px; font-weight:600; text-align:center; padding:52px 0 23px; letter-spacing:-1px;}
.join_box .logo_img_wrap { text-align: center !important;padding: 15px 0 !important;}

#fregisterform {
	padding:30px 0;
}

.join_box_login {
	border-top:1px solid #D5D9EA;
	text-align:center;
	position:absolute;
	width:100%;
	bottom:0;
}
.join_box_login>p {
	color:rgba(0,0,0,0.7);
	margin-bottom: 10px;
}
.join_box_login>a {
	color:#000;
	font-weight:600;
	display:inline-block;
}

#register_form {
	width:400px;
	margin:auto;
}

#register_form ul li {
	overflow: hidden;
    height: 40px;
}

#register_form ul li input {
	float:right;
	width:302px;
}
#register_form ul li.nice_wrap {
	height:auto;
}

.login_wrap {
	background:#F2F3F7;
	min-height:100vh;
	display: flex;
    align-items: center;
}

#mb_login {
	width:400px;
	margin:auto;
}

#mb_login .txt {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding: 0 0 23px;
}

#mb_login ul li {
	overflow:hidden;
	margin: 20px 0;
}
#mb_login ul li:last-child {
	margin-bottom:30px;
}

#mb_login .input_st1 {
	width:302px;
	float:right;
}
#mb_login .input_st1::placeholder {
	color:#455D88;
}
#mb_login .input_st1 + label {
	width:80px;
	float:left;
}
#mb_login .login_box {
	margin: 0 0 20px 0;
	text-align:right;
}
#mb_login .btn_submit {
	margin:20px 0 13px;
	display:block;
	width:100%;
	height:40px;
	font-size:14px;
	border: 1px solid #9EB5DE;
}

.join_box form#fregisterform .btn_confirm {
	border-radius:5px;
	overflow:hidden
}
#login_info div {
	text-align:right;
}
#login_info div a {
	
}
.aside_login_wrap #ol_after_logout {
	margin-right:15px;
	border:1px solid #9EB5DE;
	background:#EEEFF6;
}

.aside_login_wrap #ol_after .btn {
	height:28px;
	line-height:26px;
	border-radius:6px;
	color:#455D88;
}

.marketList .searchFormBox .searchSelectBox .nue_style {border:0}
.search_wrap select {
	margin-right: 10px;
}
.search_wrap .input_st1 {
	width: 340px;
    height: 40px;
}

.search_wrap .sch_btn {
	height: 38px;
    background: linear-gradient(#f5f6f8, #eceef4);
    border: 0;
    border-left: 1px solid #9EB5DE;
    width: 40px;
    font-size: 15px;
    position: absolute;
    right: 1px;
    top: 1px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
	color:#455D88;
}

.search_wrap .sch_btn i {
	line-height: 2;
}

.tab-wrapper {padding: 20px 0 0 10px}
.tab-wrapper ._on {font-size:12px; font-weight:500;}
.rank_tip {font-size:12px; font-weight:500; margin-bottom:10px; padding: 0 0 0 10px}

.rank_list table { width:100%; border-collapse: collapse; border-spacing: 0 5px;}
.rank_list table tr {border-bottom:1px solid #9DB5DD}
.rank_list table tr:last-child {border-bottom:0}
.rank_list table th {background: linear-gradient(#E5E7F1, #C7CDE6); padding: 10px 0;border-left: 1px solid #9DB5DD;}
.rank_list table th:first-child {border-left:0}
.rank_list table td {padding:8px 10px}
.rank_cell {text-align:center}
.user_info > div {float:left; margin-right:12px}
.user_info .nick_box {margin-top:10px}
.streak_cell {text-align:center}
.room_chat_cell {text-align:center}

.win_btn .nue_style {width:80px;height:30px; display:block; float: right; text-align: center; line-height: 2.2; border:1px solid #9DB5DD}
.nue_style.charge{border:1px solid #FF78E3 !important;background:linear-gradient(#E538A6, #FF78E3);color:#fff}
.nue_style.charge:hover{background:linear-gradient(#FF80D0, #FFA5EC); border:1px solid #FF78E3}

.pL._c0 a:hover {
	background:linear-gradient(#3AABFF, #81C4FF) !important;
}
.pL._c0 a:hover .pN {color:#FFF !important;}
.pL._c0 a:active {
	background:#309ADE !important;
	box-shadow:inset 4px 5px 10px rgb(0 23 62 / 40%), inset -3px -4px 10px rgba(255,255,255,0.4) !important;
}

.pL._c1 a:hover {
	background:linear-gradient(#FF3A3A, #FF9581) !important;
}
.pL._c1 a:hover .pN  {color:#FFF !important;}
.game_mini>._pick .pick_sel .pL a:hover .pN em._c1 {color:#FFF !important;}
.pL._c1 a:hover .pN > em._c0 {color:#FFF !important;}
.pL._c1 a:active {
	background:#DF2911 !important;
	box-shadow:inset 4px 5px 10px rgb(0 0 0 / 20%), inset -3px -4px 10px rgba(255,255,255,0.4) !important;
}
.pL._c2 a:hover {
	background:linear-gradient(#FFF198, #FFCB00) !important;
}
.pL._c2 a:hover .pN {color:#FFF !important;}
.pL._c2 a:active {
	background:#FFCB00 !important;
	box-shadow:inset 4px 5px 10px rgb(0 0 0 / 10%), inset -3px -4px 10px rgba(255,255,255,0.4) !important;
}
.btn_confirm .btn {
	vertical-align:top;
}
.btn_confirm .btn {
	width: 130px;
	height:40px;
	border-radius:10px;
	vertical-align: top;
	text-align: center;
    line-height: 40px;
}
.btn_confirm .btn:first-child {
	margin-right:10px;
}
.btn_confirm .nue_style {
	border:1px solid #9EB5DE;
}
#qa_email {margin-bottom:5px}

#bo_v_top ul .btn {line-height:32px;}
#bo_v_top ul .btn:first-child {margin-right:10px}
#ans_add .btn {line-height:32px;} 
#ans_add .btn:first-child {margin-right:10px}

.patternAddDel .pattern {padding:13px 10px; margin:0}

table.tb_pattern tbody td span.uover_1 {background:url(/assets/imgs/icon/i-under.png) no-repeat center; background-size:contain; border:0; text-indent:-9999px; border-radius: 0;text-indent: -9999px; border: 0;filter: drop-shadow(0 1px 3px #000);}
table.tb_pattern tbody td span.uover_2 {background:url(/assets/imgs/icon/i-over.png) no-repeat center; background-size:contain; border:0; text-indent:-9999px; border-radius: 0;text-indent: -9999px; border: 0;filter: drop-shadow(0 1px 3px #000);}

@media (max-width: 1024px) {
	#hd #hd_wrapper {
	  height: auto !important;
  }
  #container {
	  margin-top: 11px;
	  width: 100%;
  }
  #ol_before .ol_wr {
	  padding: 10px;
  }
  #hd #gnb ul#gnb_1dul {
	  height: auto !important;
  }
}


@media (max-width: 450px) {
  #hd #gnb {
	  height: 100%;  	
	  overflow: scroll;
  }
  
  #hd #gnb ul#gnb_1dul{
	  height: auto !important;
  }
  
  #container {
	  width: 100%;
	  margin-top: 0;
  }
  
  .lt_wr{
	  padding: 10px;
  }
  #hd #hd_wrapper {
	  height: auto !important;
  }
  
  #hd #hd_wrapper .fa{
	  font-size:2rem;
  }
  
  
  #wrapper {
	  padding-top: 150px;
  }
  
  #ol_before .ol_wr{
	  padding: 10px;
  }
  .main_explain_con_wrap, .main_explain_title_wrap{
	  display: none;
  }

  
  #visit dl{
	  padding: 10px;
  }
  
  #visit dl>*{
	  
	  width: 25%;
	  float: left;
  }
  #visit dl dt{
	  font-weight: bold;
  }
  
  #gall_ul{
	  padding: 10px 0;
  }
  
  #gall_ul .gall_li {
	  width: calc(50% - 10px);
	  float: left;
	  text-align: center;
	  margin: 10px 5px;
	  background: linear-gradient(#EEEFF6, #F5F7FC);
	  padding: 10px;
	  border-radius: 10px;
	  box-shadow: 4px 4px 6px rgba(91, 145, 237, 0.18), -4px -4px 6px #fff !important;
  }
  #popular, #visit, #bo_sch, #bo_v, #bo_gall{
	  padding: 10px;
  }
  
  #bo_v_img img{
	  border-radius: 10px;
	  box-shadow: 4px 4px 6px rgba(91, 145, 237, 0.18), -4px -4px 6px #fff !important;
	  margin: 10px 0;
  }
  
}