@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');


#log_box{
margin:10px;
background-color:#fff;
border:1px solid #999;
background-image:url(img/bg_f4_ff.png);
background-repeat:repeat-x;
background-position:top;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius:10px;
padding:25px 20px 40px;
}

#log_box p{
font-weight:normal;
font-family:'PT Sans',sans-serif;
font-size:16px;
padding:0;
margin:0 0 14px 0;
color:#333;
}

#log_box p span.in_note{
font-family:'PT Sans',sans-serif;
font-size:13px;
padding:0;
color:#777;
}

#log_box input[type="password"],
#log_box input[type="text"]{
color:#1b2170;
width:98%;
width:calc(100% - 6px);
font-family:'PT Sans',sans-serif;
font-size:16px;
background-color:#fff;
margin:1px 0 0 0;
border:1px solid #aaa;
padding:2px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

#log_box span.eye_tog{
display:inline-block;
cursor: pointer;
color: #aaa;
font-size:16px;
margin:0 0 0 -20px;
padding:0;
height:20px;
vertical-align: middle;
}

#log_box h3{
margin:0 0 20px 2px;
padding:0;
font-family:'PT Sans',sans-serif;
font-size:18px;
font-weight:bold;
text-decoration:none;
color:#4F72C3;
text-align:center;
}

#log_box input[type="submit"]{
font-family:'PT Sans',sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
margin:10px 0;
color:#000;
padding:8px 30px;
color:#fff;
border:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color:#182c85;
}

#log_box input:hover[type="submit"]{
font-weight:bold;
cursor:pointer;
color:#fff;
background-color:#4F72C3;
}


#log_box ul.log_lnks{
margin:20px 0 0 2px;
padding:0;
list-style: none
}

#log_box ul.log_lnks li{
margin:3px 0 0 0;
padding:0;
}

#log_box ul.log_lnks a:link, 
#log_box ul.log_lnks a:visited{
font-size:12px;
margin:0;
padding:0;
font-family:'PT Sans',sans-serif;
font-size:16px;
font-weight:normal;
cursor:pointer;
color:#182c85;
text-decoration:underline;
border:0;
}

#log_box ul.log_lnks a:hover{
color:#777;
text-decoration:none;
}

/*
u agree
*/

#log_box div.u_agree{
padding:10px 0 0 2px;
margin:0 0 10px 0;
}

#log_box div.u_agree p{
line-height:130%;
font-weight:normal;
padding:0;
margin:0 0 10px 0;
font-family:'PT Sans',sans-serif;
font-size:14px;
}

log_box div.u_agree a:link, 
#log_box div.u_agree a:visited { 
font-family:'PT Sans',sans-serif;
font-size:14px;
color:#4F72C3;
font-weight:normal;
}

#log_box div.u_agree a:hover{
color:#777;
text-decoration:underline
}

#log_box div.u_agree input[type="checkbox"]{
vertical-align:middle;
margin:0 7px 0 0;
padding:0;
}

#log_box div.u_agree label{
vertical-align:middle;
margin:0;
}

/*
login n sign
*/

#log_sig_box{
margin:30px auto 0;
}

#log_sig_box h2.warn{
text-align:center;
margin:0 auto;
padding:10px 0 25px 0;
font-size:18px;
font-family:'PT Sans',sans-serif;
font-weight:bold;
line-height:135%;
font-weight:bold;
text-decoration:none;
color:#333;
}

#log_sig_box div.frm_tb{
display:table;
max-width:800px; 
margin:0 auto
}

#log_sig_box div.frm_rw{
display:table-row;
}

#log_sig_box div.frm_cl{
display:table-cell;
width:50%;
padding:0;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {

	#log_sig_box div.frm_tb{
	max-width:400px;
	display:block;
	}

	#log_sig_box div.frm_rw{
	display:block;
	}

	#log_sig_box div.frm_cl{
	display:block;
	width:auto;
	}
}

/*
log solo
*/

#log_solo{
max-width:400px;
margin:30px auto 0;
}

/**
social media
*/

#social_log{
text-align:center;
}

#social_log a.fb_log:link, 
#social_log a.fb_log:visited { 
background-color:#3b5998;
display:block;
font-family:'PT Sans',sans-serif;
font-size:18px;
color:#fff;
font-weight:normal;
width:260px;
margin:0 auto;
padding:12px 12px 12px 49px;
text-decoration:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background-image:url(img/social_log_fb.png);
background-repeat:no-repeat;
background-position:12px center;
}

#social_log div.g_id_signin { 
width:321px;
margin:15px auto 0;
}

#social_log a.fb_log:hover{
background-color:#999;
}

#social_log div.social_or_ln{
margin:30px auto 0 auto;
background-color:#999;
background-size: 2px 50px;
height:0;
width:70%;
border-top:1px solid #bbb;
}

#social_log div.social_or{
margin:-10px auto 10px auto;
font-family:'PT Sans',sans-serif;
font-size:14px;
line-height:20px;
width:40px;
color:#777;
background-color:#fff;
padding:0;
}

#log_solo #social_log div.social_or{
margin-bottom:20px;
}