#btn_reg{
	background-image: url(logo3.svg);
	background-size: 800px 800px;
	background-position: -280px -163px;
	background-repeat: no-repeat;
	border-radius: 19px;
	padding: 10px 7px 11px;
	width: 100px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.27px;
	cursor: pointer;
	float: right;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
	outline: none;
	
	color: rgba(255,255,255,1);
	-webkit-transition: color 100ms ease-in-out;
	-moz-transition: color 100ms ease-in-out;
	-o-transition: color 100ms ease-in-out;
	transition: color 100ms ease-in-out;
}

ul{
	list-style: none;
	padding-left: 15px;
}

ul li:before{
	content:  "\2022";
	position: relative;
	left:     -10px;
	color: #888;
	line-height: 28px;
}

.subli:before{
	content:  "\2010";
	position: relative;
	left:     -10px;
	color: #888;
	line-height: 25px;
}

.main{
	width: 80%;	
	min-height: 40px;
	margin-left: 10%;
	margin-top: 30px;
}

.menu2_af{
	float: right;font-size: 16px;width: 75%;min-width: 280px;padding-right: 20px;
}

.logo_af{
	height: 60px;position: relative;float: left;width: 35px;padding-left: 3.7%;
}

.auth_case{
	position: relative;min-height: 500px;width: 290px;margin: 60px auto 0;
}

.dtl{
	font-size: 17px;
	margin-bottom: 32px;
	color: #1f1f1f;
	width: 100%;
	text-align: center;
	display: block;
}

.lrg_case{
	position: relative;width: 290px;height: 195px;float: none;overflow-y: hidden;margin: 0 auto;
}

.cntr_case{
	position: relative;width: 80%;height: 80px;float: none;text-align: center;padding-top: 0;font-size: 17px;color: #888;margin: 12px auto 0;
}

.cntr_line{
	height: 1px;width: 29%;position: relative;margin: 0 auto;background-color: #bbb;
}

.cntr_or{
	position: absolute;top: -11px;left: 0;right: 0;margin-left: auto;margin-right: auto;width: 50px;height: 20px;background-color: #fff;
}

.rgt_case{
	position: relative;width: 290px;height: 280px;float: none;overflow-y: hidden;margin: 0 auto;
}

.lrg_style{
	width: 290px;height: 280px;position: absolute;top: 0px;left: 0px;
}

.rgt_style{
	width: 290px;height: 280px;position: absolute;top: 0px;left: 0px;
}

.lrg_down{
	top: 0px;
}

.rgt_top{
	top: 0px;
}

#btn_edit{
	background-color: rgba(228,228,228,1);padding: 4px 8px;border-radius: 7px;font-size: 13px;color: #000;width: 36px;margin: 9px auto 0;letter-spacing: 0.3px;cursor: pointer;

	-webkit-transition: background-color 50ms ease-in-out;
	-moz-transition: background-color 50ms ease-in-out;
	-o-transition: background-color 50ms ease-in-out;
	transition: background-color 50ms ease-in-out;
}

#btn_edit:hover{
	background-color: rgba(228,228,228,0.92);
}

#edit_link{
	padding: 4px 8px;width: 36px;margin: 9px auto 0;cursor: pointer;font-size: 13px;
}

#btn_tnfr{
	position: relative;width: 64px;background-color: rgba(228,228,228,1);font-size: 14px;text-align: center;padding: 7px 12px;margin: 14px auto 0;border-radius: 16px;cursor: pointer;color: #000;font-family: "customFont", Helvetica, Arial, sans-serif;letter-spacing: 0.3px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
	
	-webkit-transition: background-color 50ms ease-in-out;
	-moz-transition: background-color 50ms ease-in-out;
	-o-transition: background-color 50ms ease-in-out;
	transition: background-color 50ms ease-in-out;
}

#btn_tnfr:hover{
	background-color: rgba(228,228,228,0.92);
}

.beforebkg{
	width: 100%;height: 70px;background-repeat: no-repeat;background-size: 2000px;background-position: 10% 0%;background-image: linear-gradient(90deg, #7e86a5 8%, #b4a6c4);
}

.hdr{
	position: relative;width: 100%;height: 500px;background-image: url(12.jpg);background-size: auto;background-repeat: no-repeat;background-position: 6% 5%;
}

.hdr_txt{
	position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;width: 60%;max-width: 600px;min-width: 0;height: min-content;text-align: center;font-size: 34px;font-family: "customFontLight", Helvetica, Arial, sans-serif;color: #fff;letter-spacing: 0.3px;line-height: 41px;padding-bottom: 3vh;
}

#modal_crd{
	position: fixed;z-index: 201;
	background-color: rgb(253, 253, 253);
	top: 42%;left: 50%;
	width: 96%;max-width: 440px;height: 354px;
	display: none;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 32px;
	box-shadow: 0 5px 15px rgba(60, 60, 60, 0.2);
}

.hd_crd{
	position: absolute;top: 3px;right: 4px;padding: 10px 16px; color: rgba(0,0,0,0.65);cursor: pointer;
	z-index: 204;font-size: 16px;font-family: "customFontLight", Helvetica, Arial, sans-serif;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
	display: block;
}

#crd_sucs{
	position: absolute;
	z-index: 300;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 32px;
	background-image: url(logo3.svg);
	background-size: 1500px 1500px;
	background-position: -449px -459px;
	background-repeat: no-repeat;
	display: none;
}

.nfed{
	position: relative;
	top: 47%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 160px;
	height: 52px;
	text-align: center;
	color: rgb(255,255,255);
	font-size: 21px;
	font-family: "customFontLight", Helvetica, Arial, sans-serif;
	line-height: 26px;
	letter-spacing: 0.3px;
}

.crd_case{
	width: 278px;
	height: 156px;
	margin: 50px auto 2px;
}

.crd_tx{
	margin: 16px auto 27px;
	font-family: "customFont", Helvetica, Arial, sans-serif;
	color: #2b2b2b;
	font-size: 18px;
	width: 80%;
	max-width: 325px;
	text-align: center;
	letter-spacing: 0.27px;
}

.inp_crd{
	font-family: "customFont", Helvetica, Arial, sans-serif;
	padding: 9px 15px 10px 15px;
	font-size: 16px;
	letter-spacing: 0.2px;
	width: 240px;
	text-align: center;
	outline: none;
	border: none;
	border-radius: 19px;
	background-color: #eee;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	display: block;
}

#fln{
	margin: 0 auto 17px;
}

#crdn{
	margin: 0 auto;
}

.crd_mesg{
	position: relative;
	height: 36px;
	margin: 0 auto;
}

#crd_save{
	background-image: url(logo3.svg);
	background-size: 800px 800px;
	background-position: -280px -163px;
	background-repeat: no-repeat;
	border-radius: 19px;
	padding: 10px 7px 11px;
	width: 125px;
	text-align: center;
	color: #fff;
	font-family: "customFont", Helvetica, Arial, sans-serif;
	font-size: 15px;
	letter-spacing: 0.27px;
	cursor: pointer;
	display: block;
	margin: 14px auto 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
	
}

#modal_transfer{
	position: fixed;z-index: 201;
	background-image: url(/joint/modal_bkg.jpg);
	width: 96%;max-width: 440px;height: 354px;
	top: 42%;left: 50%;
	background-repeat: no-repeat;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 32px;
	box-shadow: 0 5px 15px rgba(60, 60, 60, 0.2);
	display: none;
}

.dashboard{
	position: relative;padding: 48px 20px 0px 20px;background-color: #f3f3f3;width: 85%;max-width: 800px;height: 473px;border-radius: 30px;margin: 0 auto 50px;
	background-image: linear-gradient(143deg, #f3f3f3, #eee);
	
}

#clpb{
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.pmsct{
	position: relative;min-width: 200px;height: 300px; float: none;margin-left: 0;
}

.pmthd{
	position: absolute;right: 0;left: 0;margin-left: auto;margin-right: auto;bottom: 26px;width: 170px;
}

.blk{
	position: relative;color: #fff;background: linear-gradient(10deg, rgba(44,44,44,0.98), rgba(69,69,69,1) 60%);width: 178px;height: 180px;padding: 20px 5px 20px;text-align: center;border-radius: 23px;margin: 0 auto 4px;transform: scale(1.05);
	box-shadow: 0 2px 2px rgba(80, 80, 80, .5);
}

.blk_blnc{
	margin-top: 2px;font-family: "customFont", Helvetica, Arial, sans-serif;font-size: 17px;
}

#rcp_case{
	position: relative;width: 84%;height: 100px;margin: 12px auto 0;color: #fff;font-size: 14px;background-color: rgba(210,210,210,0.09);border-radius: 10px;cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
	
	overflow: hidden;
	-webkit-transition: background-color 100ms linear;
	-moz-transition: background-color 100ms linear;
	-o-transition: background-color 100ms linear;
	transition: background-color 100ms linear;
}

#rcp_case:hover{
	background-color: rgba(210,210,210,0.118);
}

.rcp_abslt{
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
}

.edit_img{
	position: absolute;width: 13px;height: 15px;background-image: url(resz8.svg);background-size: contain;background-repeat: no-repeat;opacity: 0.5;top: -6px;right: 8px;
	-webkit-transition: opacity 75ms linear;
	-moz-transition: opacity 75ms linear;
	-o-transition: opacity 75ms linear;
	transition: opacity 75ms linear;
}

#rcp_name{
	font-size: 14px;
	margin-bottom:  10px;
	padding-left: 5px;
	padding-right: 5px;
	max-height: 35px;
	min-height: 17px;
	color: rgba(232,232,232,1);
}

.rcp_name6{
	margin-top: 6px;
}

.rcp_name12{
	margin-top: 12px;
}

#ncard{
	position: relative;font-family: "customFontLight", Helvetica, Arial, sans-serif;letter-spacing: 0.35px;padding: 0 5px;
}

#rcp_ptype{
	height: 22px;vertical-align: middle;margin-right: 5px;margin-bottom: 5px;
}

.inline_block{
	display: inline-block;
}

.rflnk_left{
	position: relative;float: left;min-width: 338px;
	display: none;
}

.rflnk_bottom{
	position: relative;min-width: 338px;
	display: block;
}

.rflnk_case{
	position: relative;font-size: 15px;color: #000;cursor: pointer;padding: 9px 78px 10px 15px;letter-spacing: 0.2px;width: 240px;text-align: center;outline: none;border: none;border-radius: 12px;box-shadow: 0 2px 2px rgba(80, 80, 80, .5);-webkit-tap-highlight-color: rgba(0, 0, 0, 0);background: linear-gradient(320deg, rgba(204,204,204,0.43), rgba(204,204,204,0.2) 40%);margin: 0 auto;
}

.desc_rflnk{
	width: 310px;padding: 3px 11px;font-size: 14px;color: #666;line-height: 17px;text-align: center;
	margin: 30px auto 0;
}

.menu_affiliate{
	width: 100%;position: fixed;z-index: 100;padding-top: 13px;padding-bottom: 3px;height: 60px;top: 0;left: 0;
	background-color: rgba(255, 255, 255, 0.97);
}

.af_badge{
	position: relative;font-size: 16px;padding-top: 15px;min-width: 120px;left: 12px;text-align: left;float: left;
	display: none;
}

.atv{
	position: relative;width: 100%;max-width: none;margin: 0 auto;padding-top: 0px;padding-bottom: 38px;border-radius: 0;clear: both;min-height: 260px;overflow-x: auto;background-color: #f7f7f7;
}

table td{
	padding: 13px 13px;
}

table td p{
	margin: 0;
}

.trb{
	width: 241px;
}

.td_date{
	width: 102px;padding: 13px 13px 13px 21px;
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
}

.td_dt{
	padding: 13px 13px 13px 21px;
}

.td_dt1{
	padding: 0 10px 0 0;
	display: inline-block;
}

.td_dt2{
	display: inline-block;
}

.td_earned{
	min-width: 50px;
}

.td_cuid{
	width: 150px;display: none;
	text-align: right;
	padding: 13px 21px 13px 13px;
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
}

.td_ud{
	text-align: right;
	padding: 13px 21px 13px 13px;
	display: none;
}

#em::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.5s ease;}
#em::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.5s ease;}
#em:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.5s ease;}
#em:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.5s ease;}
#em:focus::-webkit-input-placeholder {text-indent: 350px; transition: text-indent 0.5s ease;}
#em:focus::-moz-placeholder          {text-indent: 350px; transition: text-indent 0.5s ease;}
#em:focus:-moz-placeholder           {text-indent: 350px; transition: text-indent 0.5s ease;}
#em:focus:-ms-input-placeholder      {text-indent: 350px; transition: text-indent 0.5s ease;}


#em::-webkit-input-placeholder {
  color: #757575;
}
#em:-ms-input-placeholder {
  color: #757575;
}
#em::-moz-placeholder {
  color: #757575;
  opacity: 1;
}
#em:-moz-placeholder {
  color: #757575;
  opacity: 1;
}



#pw::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.5s ease;}
#pw::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.5s ease;}
#pw:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.5s ease;}
#pw:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.5s ease;}
#pw:focus::-webkit-input-placeholder {text-indent: 350px; transition: text-indent 0.5s ease;}
#pw:focus::-moz-placeholder          {text-indent: 350px; transition: text-indent 0.5s ease;}
#pw:focus:-moz-placeholder           {text-indent: 350px; transition: text-indent 0.5s ease;}
#pw:focus:-ms-input-placeholder      {text-indent: 350px; transition: text-indent 0.5s ease;}



#pw::-webkit-input-placeholder {
  color: #757575;
}
#pw:-ms-input-placeholder {
  color: #757575;
}
#pw::-moz-placeholder {
  color: #757575;
  opacity: 1;
}
#pw:-moz-placeholder {
  color: #757575;
  opacity: 1;
}



#rnm::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.5s ease;}
#rnm::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.5s ease;}
#rnm:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.5s ease;}
#rnm:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.5s ease;}
#rnm:focus::-webkit-input-placeholder {text-indent: 350px; transition: text-indent 0.5s ease;}
#rnm:focus::-moz-placeholder          {text-indent: 350px; transition: text-indent 0.5s ease;}
#rnm:focus:-moz-placeholder           {text-indent: 350px; transition: text-indent 0.5s ease;}
#rnm:focus:-ms-input-placeholder      {text-indent: 350px; transition: text-indent 0.5s ease;}


#rnm::-webkit-input-placeholder {
  color: #757575;
}
#rnm:-ms-input-placeholder {
  color: #757575;
}
#rnm::-moz-placeholder {
  color: #757575;
  opacity: 1;
}
#rnm:-moz-placeholder {
  color: #757575;
  opacity: 1;
}


#rem::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.5s ease;}
#rem::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.5s ease;}
#rem:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.5s ease;}
#rem:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.5s ease;}
#rem:focus::-webkit-input-placeholder {text-indent: 350px; transition: text-indent 0.5s ease;}
#rem:focus::-moz-placeholder          {text-indent: 350px; transition: text-indent 0.5s ease;}
#rem:focus:-moz-placeholder           {text-indent: 350px; transition: text-indent 0.5s ease;}
#rem:focus:-ms-input-placeholder      {text-indent: 350px; transition: text-indent 0.5s ease;}


#rem::-webkit-input-placeholder {
  color: #757575;
}
#rem:-ms-input-placeholder {
  color: #757575;
}
#rem::-moz-placeholder {
  color: #757575;
  opacity: 1;
}
#rem:-moz-placeholder {
  color: #757575;
  opacity: 1;
}


#rpw::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.5s ease;}
#rpw::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.5s ease;}
#rpw:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.5s ease;}
#rpw:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.5s ease;}
#rpw:focus::-webkit-input-placeholder {text-indent: 350px; transition: text-indent 0.5s ease;}
#rpw:focus::-moz-placeholder          {text-indent: 350px; transition: text-indent 0.5s ease;}
#rpw:focus:-moz-placeholder           {text-indent: 350px; transition: text-indent 0.5s ease;}
#rpw:focus:-ms-input-placeholder      {text-indent: 350px; transition: text-indent 0.5s ease;}


#rpw::-webkit-input-placeholder {
  color: #757575;
}
#rpw:-ms-input-placeholder {
  color: #757575;
}
#rpw::-moz-placeholder {
  color: #757575;
  opacity: 1;
}
#rpw:-moz-placeholder {
  color: #757575;
  opacity: 1;
}



#fln::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.5s ease;}
#fln::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.5s ease;}
#fln:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.5s ease;}
#fln:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.5s ease;}
#fln:focus::-webkit-input-placeholder {text-indent: 350px; transition: text-indent 0.5s ease;}
#fln:focus::-moz-placeholder          {text-indent: 350px; transition: text-indent 0.5s ease;}
#fln:focus:-moz-placeholder           {text-indent: 350px; transition: text-indent 0.5s ease;}
#fln:focus:-ms-input-placeholder      {text-indent: 350px; transition: text-indent 0.5s ease;}



#fln::-webkit-input-placeholder {
  color: #6e6e6e;
}
#fln:-ms-input-placeholder {
  color: #6e6e6e;
}
#fln::-moz-placeholder {
  color: #6e6e6e;
  opacity: 1;
}
#fln:-moz-placeholder {
  color: #6e6e6e;
  opacity: 1;
}



#crdn::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.5s ease;}
#crdn::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.5s ease;}
#crdn:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.5s ease;}
#crdn:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.5s ease;}
#crdn:focus::-webkit-input-placeholder {text-indent: 350px; transition: text-indent 0.5s ease;}
#crdn:focus::-moz-placeholder          {text-indent: 350px; transition: text-indent 0.5s ease;}
#crdn:focus:-moz-placeholder           {text-indent: 350px; transition: text-indent 0.5s ease;}
#crdn:focus:-ms-input-placeholder      {text-indent: 350px; transition: text-indent 0.5s ease;}



#crdn::-webkit-input-placeholder {
  color: #6e6e6e;
}
#crdn:-ms-input-placeholder {
  color: #6e6e6e;
}
#crdn::-moz-placeholder {
  color: #6e6e6e;
  opacity: 1;
}
#crdn:-moz-placeholder {
  color: #6e6e6e;
  opacity: 1;
}



input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.tb_after_swch tr td{
	padding: 8px 12px;
}

#ddarw{
	width: 16px;cursor: pointer;
	margin-right: 2px;
	margin-top: 5px;
}

.str_even{
	background-color: #f3f3f3;
}

.str_even:hover{
	background-color: #e9eff6;
}

.str_odd{
	background-color: #fff;
}

.str_odd:hover{
	background-color: #e9eff6;
}

.tbl_lnk{
	line-height: 18px;word-break: break-all;
}

.lgray{
	color: #bbb;
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear;
}

#fstat tr:hover .lgray{
	color: #000;
	-webkit-transition: color 0ms linear;
	-moz-transition: color 0ms linear;
	-o-transition: color 0ms linear;
	transition: color 0ms linear;
}

#err_ld{
	text-align: center;
	color: #666;
	font-size: 15px;
	display: none;
}

.btn_copy{
	position: absolute;right: 19px;top: 17px;font-family: "customFont", Helvetica, Arial, sans-serif;
	color: rgba(19,78,113,1);
	cursor: pointer;
	
	-webkit-transition: color 50ms ease, opacity 250ms ease-in-out;
	-moz-transition: color 50ms ease, opacity 250ms ease-in-out;
	-o-transition: color 50ms ease, opacity 250ms ease-in-out;
	transition: color 50ms ease, opacity 250ms ease-in-out;
	
}

.btn_copy:hover{
	color: rgb(0,98,158);
}

.label_copied{
	position: absolute;right: 19px;top: 17px;font-family: "customFont", Helvetica, Arial, sans-serif;
	color: rgb(11,125,52);
	display: none;
	
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;

}

#accn{
	position: relative;float: right;margin-top: 6px;
}

.user_menu{
	position: relative;font-family: "customFont", Helvetica, Arial, sans-serif;display: inline-block;background-color: #494949;font-size: 15px;color: #fff;z-index: 9;cursor: pointer;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	
	border-radius: 16px;padding: 10px 18px 11px 41px;
	outline: none;
}

.user_icon{
	position: absolute;
	height: 15px;
	left: 16px;
	top: 12px;
	pointer-events: none;
}

#btn_logout{
	position: absolute;bottom: -32px;right: 2px;width: calc(100% - 4px);height: 50px;text-align: center;font-size: 15px;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;z-index: 8;display: none;background: linear-gradient(180deg, rgba(230,230,230,1), rgba(238,238,238,1) 35%);
	box-shadow: 0 1px 1px rgba(140,140,140,0.7);
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: none;
}







@media (min-width: 800px){
	
	.td_date{
		width: 150px;
	}
	
	.td_earned{
		min-width: 90px;
	}
	
	.td_cuid{
		display: table-cell;
	}
	
	.td_ud{
		display: table-cell;
	}
	
	.td_dt1{
		display: inline;
	}
	
	.td_dt2{
		display: inline;
	}
	
}


@media (min-width: 1100px){

	.td_date{
		border-top-left-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-top-left-radius: 10px;
	}
	
	.td_cuid{
		border-top-right-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-top-right-radius: 10px;
	}

}


@media (min-width: 1024px){
	
	.af_badge{
		display: block;
	}
	
	.beforebkg{
		background-position: 0% 0%;
	}
	
	.hdr{
		height: 650px;background-position: 20% 0%;
	}

	.hdr_txt{
		min-width: 400px;font-size: 37px;font-family: "customFontLight", Helvetica, Arial, sans-serif;letter-spacing: 0.3px;line-height: 48px;padding-bottom: 7vh;
	}
	
	.auth_case{
		min-height: 280px;width: 720px;margin: 40px auto 0;
	}
	
	.dtl{
		display: none;
	}
	
	.dashboard{
		padding: 48px 45px 8px 65px;width: 460px;height: 473px;margin: 0 auto 50px;
	}
	
	.lrg_case{
		position: relative;width: 290px;height: 280px;float: left;overflow-y: hidden;margin: 0;
	}
	
	.cntr_case{
		position: relative;width: 140px;height: 140px;float: left;text-align: center;padding-top: 19px;font-size: 17px;color: #888;margin: 0;
	}
	
	.cntr_line{
		height: 1px;width: 40%;position: relative;margin: 0 auto;background-color: #999;
	}
	
	.cntr_or{
		position: absolute;top: -11px;left: 0;right: 0;margin-left: auto;margin-right: auto;width: 36px;height: 20px;background-color: #fff;
	}
	
	.rgt_case{
		position: relative;width: 290px;height: 280px;float: left;overflow-y: hidden;margin: 0;
	}
	
	.lrg_style{
		width: 290px;height: 280px;position: absolute;top: -102px;left: 0px;
		-webkit-transition: top .5s ease-in-out;
		-moz-transition: top .5s ease-in-out;
		-o-transition: top .5s ease-in-out;
		transition: top .5s ease-in-out;
	}
	
	
	.rgt_style{
		width: 290px;height: 280px;position: absolute;top: 0px;left: 0px;
		-webkit-transition: top .5s ease-in-out;
		-moz-transition: top .5s ease-in-out;
		-o-transition: top .5s ease-in-out;
		transition: top .5s ease-in-out;
	}
	
	.lrg_down{
		top: 0px;
	}
	
	.rgt_top{
		top: -193px;
	}
	
	.dashboard{
		width: 660px;height: 267px;margin: 0 auto 70px;
	}
	
	.pmsct{
		float: left;margin-left: 96px;
	}
	
	.pmthd{
		left: auto;right: 84px;width: 305px;margin-left: 0;margin-right: 0;bottom: 37px;
	}
	
	.blk{
		margin: 0 0 4px;transform: scale(1);
	}
	
	.rflnk_left{
		display: block;
	}
	
	.rflnk_bottom{
		display: none;
	}
	
	.rflnk_case{
		margin: 0;
	}
	
	.desc_rflnk{
		margin: 24px 0 0;
		text-align: left;
	}
	
}
	

@media (min-width: 1230px){
	
	.ddm_style{
		display: none !important;
	}
	
	.atv{
		border-radius: 30px;max-width: 1200px;
	}

}


@media (min-width: 1680px){
	
	.hdr{
		height: 660px;
		background-position: 20% 0%;
	}
	
	.hdr_txt{
		min-width: 400px;font-size: 41px;font-family: "customFontLight", Helvetica, Arial, sans-serif;letter-spacing: 0.3px;line-height: 53px;padding-bottom: 7vh;
	}
	
}


@media (min-width: 1920px){
	
	.hdr{
		background-position: 50% 0%;
	}
	
}




@media (hover: hover) and (pointer: fine){
	
	#btn_reg:hover{
		background-image: linear-gradient(rgba(40, 40, 40, 0.057), rgba(40, 40, 40, 0.05)), url(logo3.svg);	
	}
	
	#crd_save:hover{
		background-image: linear-gradient(rgba(40, 40, 40, 0.057), rgba(40, 40, 40, 0.05)), url(logo3.svg);	
	}
	
	#btn_logout:hover{
		background: linear-gradient(180deg, rgba(204,204,204,0.68), rgba(204,204,204,0.55) 35%);
	}
}



@-moz-document url-prefix(){
	
	#em::placeholder {
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	
	#em:focus::placeholder {
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	
	#pw::placeholder {
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	
	#pw:focus::placeholder {
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	
	#rnm::placeholder {
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	
	#rnm:focus::placeholder {
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	
	#rem::placeholder {
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	
	#rem:focus::placeholder {
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	
	#rpw::placeholder {
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	
	#rpw:focus::placeholder {
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	
	#fln::placeholder {
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	
	#fln:focus::placeholder {
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	
	#crdn::placeholder {
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	
	#crdn:focus::placeholder {
		opacity: 0;
		transition: opacity 0.3s ease;
	}

}