@keyframes fadeIn1 {
    0% {		
		 opacity:0;
	 }
    100% { 
		 opacity:1;
	 }
}
@keyframes fadeOut {
    50% {		
		 opacity:1;
	 }
    100% { 
		 opacity:0;
	 }
}

.popup_div {
	display:none;
	background:rgba(0,0,0,0.7);
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1200;
	text-align:center;
    perspective: 1200px;
    font-size: 0px;
}
.popup_div.fixfixed {
	position:absolute;
}
.popup_div.fixfixed .popup_div_content {
	display:block;
	margin-top:2vh;
}
.popup_div:after {
	content:"";
	height:100%;
	width:0px;
	display:inline-block;
	vertical-align:middle;
}
.popup_div_content {
	display:inline-block;
	background:#fff;
	max-width:980px;
	margin:auto;
	text-align:left;
	padding:0px;
    position: relative;
    vertical-align: middle;
    width: 90%;
	border-radius:5px;
	animation: fadeIn_popup1 0.7s forwards;
	animation-delay: 0.5s;
	opacity: 0;
	transform: rotateX(90deg);
}
@keyframes fadeIn_popup1 {
  0% {
	transform: rotateX(90deg) translateY(-500px) translateZ(200px);
	opacity: 0;
	 
  }
	50% {
	opacity: 1;
	}
  100% {
	transform: rotateX(0deg) translateY(0px) translateZ(0px);
	opacity: 1;
	  
  }
}
#add_acc .popup_div_content {
	max-width:600px;
}
#popup_error .popup_div_content {
	max-width:600px;
}
.popup_div_content h1 {
	display:block;
	font-size:30px;
	color:#c59847;
	border-bottom:1px solid #ddd;
	font-weight:normal;
	padding:0;
	text-align:center;
    position: absolute;
	height:70px;
	line-height:70px;
	background:#fff;
	width:100%;
	border-radius:5px 5px 0 0;
}
.popup_div_content h1 span {
	font-weight:bold;
}
.popup_div_content h2 {
	display:block;
	font-size:20px;
	color:#c59847;
	font-weight:normal;
	padding:0 0 0 0;
	margin:15px 0 0 0;
}
.popup_div_content h3 {
	display:block;
	font-size:18px;
	color:#c59847;
	font-weight:normal;
	padding:0 0 0 0;
	margin:0 0 5px 0;
}
.popup_div_content .popup_inside {
	display:block;
	padding:70px 0 0 0;
	box-sizing:border-box;
}
.popup_div_content .popup_inside a {
	color:#666666;
	text-decoration:underline;
}
.popup_div_content .popup_inside .popup_inside_over {
	display:block;
	overflow:auto;
	max-height:80vh;
	padding:20px 35px 30px 35px;
	font-size:16px;
	color:#333333;
	line-height:1.8;
	text-align:justify;
	text-justify:inter-ideograph;
    position: relative;
}
.popup_div_content .popup_inside .popup_inside_over::-webkit-scrollbar {
    width: 0.1rem;
	height: 0.1rem;
	border-radius:10px;
}
.popup_div_content .popup_inside .popup_inside_over::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius:10px;
}
.popup_div_content .popup_inside .popup_inside_over::-webkit-scrollbar-thumb {
	background-color: #c5c5c5;
	border-radius:10px;
}


.popup_div_content .popup_inside ol {
	padding:0 0 0 22px;
	margin:0;
	position:relative;
}
.popup_div_content .popup_inside ol li {
	list-style:decimal;
}
.popup_div_content .popup_inside ol li span.list_num {
	position: absolute;
	margin:0 0 0 -22px;
}
.popup_table {
	display:block;
	overflow:auto;
	max-width:100%;
	margin:0.15rem 0;
}
.popup_table::-webkit-scrollbar {
    width: 0.1rem;
	height: 0.1rem;
	border-radius:10px;
}
.popup_table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius:10px;
}
.popup_table::-webkit-scrollbar-thumb {
	background-color: #999;
	border-radius:10px;
}
.popup_table table {
    border-collapse:collapse; 
    border-spacing:0; 
	border:0px solid #ffd1d1;
	border-bottom:0px solid #e64545;
	line-height:1.35;
	text-align:center;
	width: 100%;
	background: #d8dae9;
	color: #333;
}
.popup_table table th {
	background:#566192;
	padding:0.15rem 0;
	font-weight:bold;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	color: #fff;
}
.popup_table table th span {
	display: inline-block;
}
.popup_table table td {
	padding:0.1rem 0.2rem;
	vertical-align:top;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	vertical-align:middle;
	width: 20%;
	color: #032562;
}
.popup_table table tr th:first-child {
	border-left:none;
}
.popup_table table tr td:first-child {
	border-left:none;
}



.popup_div_content p.popup_close {
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0.5;
    z-index: 5;
    padding: 0.1rem;
    border-radius: 100%;
}
.popup_div_content p.popup_close img {
	width:100%;
	height:100%;
	display:block;
}
.popup_div_content p.popup_close:hover {
	opacity:1;
}

.popup_error_text {
	display:block;
	text-align:center;
	font-size:20px;
	color:#393939;
}
.popup_error_text a {
	color:#0060ff;
	text-decoration:underline;
}

.small_div .popup_div_content{
	max-width:580px;
}

.login_form {
	display: block;
	max-width:400px;
	margin:auto;
    padding-bottom: 0.2rem;
    text-align: center;
}
.login_form input {
	display:block;
	width:100%;
	height:50px;
	box-sizing:border-box;
	border:1px solid #dde2e4;
	margin:auto;
	margin-bottom:15px;
	padding:0 50px 0 20px;
	font-size:18px;
	max-width:300px;
	
}
.login_form button {
	cursor:pointer;
	color:#fff;
	font-size:20px;
	width:100%;
	height:50px;
	display:block;
	margin:15px auto;
	background:#e0090e;
	border:none;
	border-radius:50px;
	max-width:280px;
	outline: none;
}
.login_form button:hover {
	background:#ff4e52;
}
.login_form input.id_input {
	background:url(../images/key_icon.png) no-repeat right 3% center;
}
.login_form input.mobile_input {
	background:url(../images/phone_icon.png) no-repeat right 3% center;
}
ul.lower-roman {
	display: block;
	padding: 0 0 0 20px;
}
ul.lower-roman li {
	list-style: lower-roman !important;
}

.error_text {
	display: block;
	height: 0.25rem;
	font-size: 16px ;
	color: #e45a44;
	text-align: center;
}

.popup_cs_btn {
    position: absolute;
    right: 0.6rem;
    color: #e45a44;
    z-index: 10;
    font-size: 18px;
    border: 1px solid #e45a44;
    padding: 0.05rem 0.3rem;
    border-radius: 50px;
    cursor: pointer;
	top: 0.18rem;
	box-sizing: border-box;
}
.popup_cs_btn:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0.2rem;
	height: 0.2rem;
	margin: 0 0.05rem 0 -0.05rem;
	background: url(../images/popup_cs_icon.png) no-repeat;
	background-size: 100% 100%;
}
.popup_cs_btn:hover {
	background: #fff0ee;
}

@media(max-width:768px){

.popup_div_content h1 {
    font-size: 0.3rem;
    height: 0.7rem;
    line-height: 0.7rem;
    border-radius: 5px 5px 0 0;
}
.popup_div_content .popup_inside {
    padding: 0.7rem 0 0 0;
}
.popup_div_content p.popup_close {
    width: 0.35rem;
    height: 0.35rem;
    right: 0.1rem;
    top: 0.1rem;
}
.popup_div_content .popup_inside .popup_inside_over {
    max-height: 65vh;
    padding: 0.3rem;
    font-size: 0.2rem;
    line-height: 1.8;
}
.popup_div_content .popup_inside ol {
    padding: 0 0 0 0.25rem;
    margin: 0;
}
.popup_div_content h2 {
    font-size: 0.25rem;
    margin: 0.15rem 0 0.02rem 0;
}
.popup_div_content h3 {
    font-size: 0.22rem;
    margin: 0 0 0.05rem 0;
}
.popup_div_content .popup_inside ol li .li_num {
	margin:0 0 0 -0.25rem;
}

.content3_list li {
    font-size: 0.20rem;
}
.login_form {
    max-width: 5rem;
	padding-bottom: 0.02rem;
}
.login_form input {
    display: block;
    width: 100%;
    height: 0.75rem;
	line-height: 0.75rem;
    border: 1px solid #dde2e4;
    margin-bottom: 0.15rem;
    padding: 0 50px 0 0.2rem;
    font-size: 0.22rem;
}
.login_form button {
    font-size: 0.28rem;
    width: 100%;
    height: 0.7rem;
    max-width: 3.5rem;
    margin: 0.2rem auto;
}	
.popup_div_content {
	display: block;
	margin-top: 0.5rem;
    animation-delay: 0s;
    opacity: 1;
    transform: rotateX(0deg);
}	
@keyframes fadeIn_popup1 {
  0% {
	transform: rotateX(0deg) translateY(-100%) translateZ(0px);
	opacity: 0;
	 
  }
	50% {
	opacity: 1;
	}
  100% {
	transform: rotateX(0deg) translateY(0px) translateZ(0px);
	opacity: 1;
	  
  }
}		

.error_text {
	font-size: 0.2rem ;
}	

.login_form input.id_input ,
.login_form input.mobile_input  {
    background-size: 0.4rem;
}	

.popup_cs_btn {
    font-size: 0.2rem;
}	



	
	
}