#lead   { margin-left: 420px; width: 405px }
#lead p { font-size: 140%; line-height: 1.6 }
#leadpl { float:left;width:60%;}
#leadpr { text-align:right;}
#loginbox       { background-image: url("../img/top_bg.png"); background-position: right 0; margin-right: 15px; padding: 15px 20px 20px; border: solid 5px #93c5f6 }

#option   { margin-left: 420px }
#option li  { font-size: 140%; line-height: 16px }
#option .pass { background-image: url("../img/pass_i.png"); background-repeat: no-repeat; background-position: 0 0; padding-right: 20px; padding-left: 20px }
#option .account { background-image: url("../img/account_i.png"); background-repeat: no-repeat; background-position: 0 0; padding-left: 20px }
/*----------------------------*/
#contents_box     { background-image: url("../img/image_ksi.png"); background-repeat: no-repeat; background-position: 0 35px }
#formbox  { margin-left: 420px }
/*----------------------------*/
@media screen and ( max-width:768px ){
	#lead   { margin-left: 15px; margin-right:auto; width: 90% ;height:}
	#lead p { font-size: 140%; line-height: 1.6 }
	.clearfix:after{content: "";clear: both;display: block;}
	#leadpl { width:50%;}
	#loginbox       { background-image: url(""); background-color:#E6F3FF; margin-right: 15px; padding: 15px 20px 20px; border: solid 5px #93c5f6 }

	#option   { margin-left: 15px }
	#option li  { font-size: 140%; line-height: 16px }
	#option .pass { background-image: url("../img/pass_i.png"); background-repeat: no-repeat; background-position: 0 0; padding-right: 20px; padding-left: 20px }
	#option .account { background-image: url("../img/account_i.png"); background-repeat: no-repeat; background-position: 0 0; padding-left: 20px }
	/*----------------------------*/
	#contents_box     { background-image: url(""); background-repeat: no-repeat; background-position: 0 35px }
	#formbox  { margin-left: 15px }
	/*----------------------------*/
}