@font-face {
    font-family: 'Prompt';
    src: url('./font/Prompt-Regular.eot');
    src: url('./font/Prompt-Regular.eot?#iefix') format('embedded-opentype'),
      
         url('./font/Prompt-Regular.woff') format('woff'),
         url('./font/Prompt-Regular.ttf') format('truetype'),
         url('./font/Prompt-Regular.svg#Prompt') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'PromptMd';
    src: url('./font/Prompt-Medium.eot');
    src: url('./font/Prompt-Medium.eot?#iefix') format('embedded-opentype'),
      
         url('./font/Prompt-Medium.woff') format('woff'),
         url('./font/Prompt-Medium.ttf') format('truetype'),
         url('./font/Prompt-Medium.svg#PromptMd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Objectivity';
    src: url('./font/Objectivity-Regular.eot');
    src: url('./font/Objectivity-Regular.eot?#iefix') format('embedded-opentype'),
      
         url('./font/Objectivity-Regular.woff') format('woff'),
         url('./font/Objectivity-Regular.ttf') format('truetype'),
         url('./font/Objectivity-Regular.svg#Objectivity') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ObjectivityMd';
    src: url('./font/Objectivity-Medium.eot');
    src: url('./font/Objectivity-Medium.eot?#iefix') format('embedded-opentype'),
      
         url('./font/Objectivity-Medium.woff') format('woff'),
         url('./font/Objectivity-Medium.ttf') format('truetype'),
         url('./font/Objectivity-Medium.svg#Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}



div#loadPage,div#loadPage_content{position:fixed;margin:auto;left:0;top:0;width:100%;height:100%;color:#000;background-color:#FFF;z-index:500000000;text-align:center;opacity:.7;padding-top:200px;vertical-align:middle;filter:alpha(opacity=70);display:none}

/* ====== preload ========== */

img{
	max-width: 100%;
}

html{
  width:100%; height: 100%;
}

body{
  margin: 0;
  padding: 0;
  width:100%; height: 100%;
	color:#fff;
   font-family: 'Objectivity';
  font-size: 18px; line-height: 120%;
	background:url(../../img/bg.jpg) bottom center   no-repeat;
	background-attachment: fixed;
	background-size:100%;	
	background-color:#000;
}



a{
	color:#333333;
}

a:hover{
	
}

h1{
	margin:0; padding:0;
	font-size:30px;	 line-height: 120%;
	font-weight:bold;   font-family: 'PromptMd';
}

h2{
	margin:0; padding:0;
	font-size:32px;	 line-height: 120%;
	font-weight:normal; 
}

h3{
	margin:0; padding:0;
	font-size:26px;	 line-height: 110%;
	font-weight:normal;
}


h4{
	margin:0; padding:0;
	font-size:26px;	 line-height: 120%;
	font-weight:normal;  
}

a ,a:hover ,a:link{
  text-decoration: none;
}

.bg{
	
}

.bg_thank{
	background:url(../../img/bg.jpg) bottom center   no-repeat;
	background-size:100%;	
}

.bold{
 font-family: 'PromptMd';
}


.bull{
	font-family: "sans-serif";
	width: 20px;
}
	

ul, li {
    margin:0; 
    padding:0; 
    list-style:none;
}

.left{
	float: left;
}

.right{
	float: right;
}


.clear{
	clear:both;	
}



.top10{
	padding-top:10px;	
}	

.top20{
	margin-top: 20px;
}

.top30{
	margin-top: 30px;
}
	
	
.top40{
	margin-top: 40px;
}

.size36{
	font-size: 36px; line-height: 120%l
}

.size30{
	font-size: 30px; line-height: 120%l
}

.size24{
	font-size: 24px; line-height: 120%l
}

.style1{
	color: #fff !important;
}	



	.webshow{
		
	}

	.mobileshow{
		display: none;
	}

.popup{
	width: 100%; height: 100%; 	z-index: 999999;
	top: 0; bottom: 0;
	position: fixed; background: url("../../img/bg_popup.png"); 
	padding: 20px 0 100px 0;  overflow: scroll;
	text-align: center;  display: none;
}

#load_popup img{
	width: 100%;
}

area:focus {
outline:0;
}

.popup_area{
	padding: 40px 0% 50px 0%; 
	width:100%;  margin-left: auto; margin-right: auto;
	max-width: 800px;
	 position: relative; background: #eee; 
	margin-top: 10px;
}

.load_popup{
	width: 90%; margin-left: auto; margin-right: auto;
}


.pop_img{
	height: 400px;
}

.popup_close{
	text-align: right;
	margin: 0 30px 0 0;
}

.header{
	padding: 20px 0 10px 0;
	/*background: #000;
	moz-box-shadow:5px 5px 5px #333;
	-webkit-box-shadow:5px 5px 5px #333;
	box-shadow:5px 5px 5px #333; z-index: 99;*/
	text-align: center;
	position: relative; width: 100%;
}

.logo img{
	height: 90px;
}

.tophead{
	height: 110px;
}

.area_content{
	width:94%;  margin-left: auto; margin-right: auto;
	 position: relative;  max-width:800px;
	 padding:70px 0 40px 0;
}


.bt_upload{
	background: #da2359; color: #fff;
	width: 98%; margin:0px 0 0 0;
	padding: 13px 0px 13px 0px;
	display: inline-block; vertical-align: top;
	 font-family: 'ObjectivityMd';
	font-size:14px;	 line-height: 110%;
	letter-spacing: 2px;
	border-radius: 10px;
	moz-box-shadow:3px 3px 3px #333333;
	-webkit-box-shadow:3px 3px 3px #333333;
	box-shadow:3px 3px 3px #333333; text-align:center;
}

.bt_upload:hover ,.bt_start:hover{
	 opacity: 0.6;
}


.bt_start{
	background: #d92557; color: #fff;
	width: 200px; margin:50px 0 0 0;
	padding: 10px 0px 10px 0px;
	display: inline-block; vertical-align: top;
	 font-family: 'ObjectivityMd';
	font-size:20px;	 line-height: 110%;
	letter-spacing: 2px;
	border-radius: 10px;
	moz-box-shadow:3px 3px 3px #666666;
	-webkit-box-shadow:3px 3px 3px #666666;
	box-shadow:3px 3px 3px #666666; text-align:center;
}

.footer{
	margin-top:0px;
	background-color: #d92557; color: #fff;
	height: 70px;
	text-align: center;
}


.footer_text{
	padding: 20px 0 20px 0;
	font-size:12px;
}

.footer_cmg{
	position: absolute; right: 0;
}

.footer_cmg img{
	height: 70px;
}


.input_register{
	background: #fff; color: #333;
	width: 96%; padding: 0 0 0 3%;
	height: 40px;
	border: 1px #e8a7c1 solid;;
	border-radius: 10px; outline: none;
	font-family: 'Objectivity'; font-size: 13px; line-height:110%;
}

.input_register_error{
	background: #d92557; color: #ffffff;
	width: 96%; padding: 0 0 0 3%;
	height: 40px;
	border: 1px #e8a7c1 solid;;
	border-radius: 10px; outline: none;
	font-family: 'Objectivity'; font-size: 13px;   line-height:110%;
}

.input_register_error::-webkit-input-placeholder{
	opacity: 1 !important;  color: #fff;
}
.input_register_error:-moz-placeholder {
	opacity: 1 !important;  color: #fff;
}

.input_register_error::-moz-placeholder{
	opacity: 1 !important;  color: #fff;
}



.input_area{
	background: #fff; color: #333;
	width: 96%; padding: 10px 0 10px 3%;
	height: 100px; outline:none;
	border: 1px #e8a7c1 solid;;
	border-radius: 10px; outline: none;
	font-family: 'Objectivity'; font-size: 13px;   line-height:110%;
	resize:none;
}



.register_gender_m{
	display: inline-block; vertical-align: top;
	margin: 30px 10px 0 10px;
	background: url("../../img/register/male.png") top center no-repeat;
	background-size: 130px;
	width: 130px; height: 52px;
}

.register_gender_m:hover ,.register_gender_m_active{
	background: url("../../img/register/male-active.png") top center no-repeat;
	background-size: 130px;
}

.register_gender_f{
	display: inline-block; vertical-align: top;
	margin: 30px 10px 0 10px;
	background: url("../../img/register/female.png") top center no-repeat;
	background-size: 130px;
	width: 130px; height: 52px;
}

.register_gender_f:hover ,.register_gender_f_active{
	background: url("../../img/register/female-active.png") top center no-repeat;
	background-size: 130px;
}

.register_user{
	margin-top: 40px;
	background: #707070;
	padding: 50px 5% 50px 5%;
}

.label{
	display:inline-block; vertical-align:top;
	width:31.3%; margin:30px 0 0 0;	
}

.label_long{
	display:inline-block; vertical-align:top;
	width:65%; margin:30px 0 0 0;	
}

.label_long2{
	display:inline-block; vertical-align:top;
	width:99%; margin:30px 0 0 0;	
}

.labelMl{
	margin-left:2%;
}

.line{
	border-bottom:1px #fff solid;
	margin:50px 0 0 0;
}


.thank_code1{
	display: inline-block; vertical-align: top; 
	font-size:30px;	 line-height: 100%;
	font-weight:normal;   font-family: 'PromptMd';
	margin:45px 0 0 0;
}

.thank_code2{
	
	background: #d92557; color: #fff;
	 margin:40px 0 0 20px;
	padding: 10px 50px 10px 50px;
	display: inline-block; vertical-align: top;
	 font-family: 'PromptMd';
	font-size:22px;	 line-height: 110%;
	letter-spacing: 2px;
	border-radius: 10px;
	moz-box-shadow:3px 3px 3px #666666;
	-webkit-box-shadow:3px 3px 3px #666666;
	box-shadow:3px 3px 3px #666666; text-align:center;
}

.thankyou{
	padding:80px 0 0 0 !important ;
	min-height:450px;	
}

.lineadd{
	padding:70px 0 0 0;	
}

.lineadd img{
	height:40px;	
}

@media screen and (max-width: 1400px) {
body{

}
	

	
}


@media screen and (max-width: 50em) {
body{
font-size: 20px; line-height: 100%;
}
	


h4{
	font-size:24px;	 line-height: 110%;
}	
	
.logo img{
	height: 65px;
}

.tophead{
	height: 85px;
}	
	
.area_content{
	width:90%;  margin-left: auto; margin-right: auto;
	 position: relative; max-width: 800px;
	border: 0px #000 solid;
	padding:30px 0 40px 0;
}
	
.label ,.label_long ,.label_long2{
	display:inline-block; vertical-align:top;
	width:45%; margin:30px 2% 0 2% !important;	
}

.labelMl{
	margin-left:0%;
}


	
}


@media screen and (max-width: 40em) {
.label ,.label_long ,.label_long2{
	display:inline-block; vertical-align:top;
	width:94%; margin:30px 3% 0 3% !important;	
}


}