@charset "UTF-8";

/***********************************************/
/* CSS file For Hunglead, Inc.                 */
/* FileName: basic_style.css                   */
/* data: 2015/07/03                            */
/***********************************************/



/* ------------------------------------------------------- */
/* ===== for SmartPhone ===== */
/* ------------------------------------------------------- */

body {
	background: #1d4982;
	}

#login-wrap {
	background: #fff;
	padding: 0 0 60px;
	}

#login-inner {
	width: 100%;
	overflow: hidden;
	background-image: url(https://www.hunglead.com/products/cp/images/login/img_logo_rs.png);
	background-repeat: no-repeat;
	background-size: 200px;
	background-position: 50% 10px;
	}

#login-box {
	width: calc(90% - 2px);
	margin: 100px auto 10px;
	box-shadow: 0 0 6px rgba(0,0,0,.4);
	box-shadow: 0 0 6px rgba(0,0,0,.4);
	box-shadow: 0 0 6px rgba(0,0,0,.4);
	box-shadow: 0 0 6px rgba(0,0,0,.4);
	}

#login-box-head {
	overflow: hidden;
	width: 100%;
	padding: 6px 0;
	}

#login-box-head h2 {
	width: calc(60% - 10px);
	float: left;
	padding-left: 10px;
	}

#login-box-head p {
	width: calc(40% - 20px);
	float: left;
	text-align: right;
	padding: 17px 20px 17px 0;
	color: #666;
	}

#login-box-form {
	padding: 20px;
	font-size: 13px;
	}

.login-box-zr #login-box-form {
	background: #00b8ee;
	color: #fff;
	}

.login-box-ir #login-box-form {
	background: #eb6da5;
	color: #fff;
	}

.login-box-ri #login-box-form {
	background: #fc3;
	color: #000;
	}

.login-box-imgr #login-box-form {
	background: #be0008;
	color: #fff;
	}

#login-box-form dd {
	margin-bottom: 20px;
	}

.login-btn a {
	display: block;
	text-align: center;
	background: #1d4982;
	border-radius: 6px;
	padding: 12px;
	font-size: 16px;
	color: #fff; 
	margin-bottom: 20px;
	}

.login-btn a:hover {
	background: #ffbf00;
	color: #000;
	}

p.fgpw {
	text-align: center;
	}

p.fgpw a {
	color: #fff;
	text-decoration: underline;
	}

p.fgpw a:hover {
	color: #1d4982;
	}

.login-box-ri #login-box-form p.fgpw a {
	color: #1d4982;
	}

.login-box-ri #login-box-form p.fgpw a:hover {
	color: #c00;
	}

#foot-wrap {
	background: #1d4982;
	color: #fff;
	font-size: 12px;
	text-align: center;
	}

#foot-wrap:before {
	content: "";
	height: 60px;
	display: block;
	background: #fff;
	}

#foot-inner {
	width: 100%;
	position: relative;
	}

#foot-inner:before {
	content: "";
	position: absolute;
	top: -40px;
	left: 10px;
	background-image: url(https://www.hunglead.com/products/cp/images/login/img_char.png);
	background-size: 130px;
	background-repeat: no-repeat;
	display: block;
	height: 71px;
	width: 196px;
	}

#foot-inner h3 {
	padding-top: 30px;
	}

#foot-inner ul {
	width: 220px;
	margin: 0 auto;
	}

#foot-inner img {
	width: 100%;
	}

#foot-inner li {
	margin-bottom: 10px;
	}

#foot-wrap p.copy {
	padding: 30px 0;
	}




/* ------------------------------------------------------- */
/* ===== landscape 640 ===== */
/* ------------------------------------------------------- */

@media screen and (min-width : 640px){


#foot-inner h3 {
	width: 450px;
	margin: 0 auto;
	}

#foot-inner ul {
	overflow: hidden;
	width: 454px;
	}

#foot-inner li {
	width: 220px;
	float: left;
	}

#foot-inner li:nth-of-type(2n+1) {
	margin-right: 14px;
	}

}




/* ------------------------------------------------------- */
/* ===== for PC 768 ===== */
/* ------------------------------------------------------- */

@media screen and (min-width : 768px){

#login-inner {
	max-width: 850px;
	margin: 0 auto;
	background-size: 350px;
	background-position: 0 50%;
	overflow: hidden;
	}

#login-box {
	width: 350px;
	margin: 40px 0 0 calc(100% - 380px);
	}

#foot-inner {
	width: 96%;
	max-width: 1000px;
	margin: 0 auto;
	}

#service-box {
	overflow: hidden;
	}

#service-left,
#service-right {
	width: calc(50% - 38px);
	float: left;
	}

#service-left {
	margin-right: 76px;
	}

#foot-inner h3,
#foot-inner ul {
	width: 100%;
	}

#foot-inner li {
	width: calc(50% - 7px);
	}



}

#browser-message {
 background: #fff799;
 font-size: 14px;
 text-align: center;
 padding: 10px 0;
}

#browser-message p {
 background:url("/images/common/excl_icon.png") left center no-repeat;
 display:inline-block;
 margin: 0;
 padding:0 0 0 20px;
}

#browser-message a {
 text-decoration: underline;
}

#browser-message a:hover {
 text-decoration: none;
}