body {
	margin:0;
	font-size:12px;
	font-family:arial,Microsoft JhengHei;		
	background-color: #E6EDF0;
}
*{
	font-family:arial,Microsoft JhengHei;	
}
.outer_div{
	background-color:rgba(255,255,255,1);
	border:2px solid #000000;
	border-radius:2px;
	padding:0.2em 0.2em;		
	margin-top:4em;

	width:500px;

}
.foot_div{
	width:500px;
	padding:0.2em 0.2em;
	font-weight:bold;
}
.img_home{
	width:100%;
	
}
.cont_div{
	padding:0.3em;
	background-color:rgba(0,51,102,0.8);
}
.flex_div{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:flex-center;
	
}
.flex_around_div{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-around;
	align-items:flex-center;
	
}
.title_font{
	font-weight:bold;
	font-size:24px;
	color:#FFFFFF;
}
.comp_font{
	font-weight:bold;
	font-size:24px;
	color:#FFFFFF;	
}
.f_cont_1{
	color:#FFFFFF;
	text-align:left;
}
.f_cont_2{
	color:#FFFFFF;
	text-align:right;
	align-self: center;
}
.f_cont_2 > form > div{
	padding:0.1em;
	
}
.h_ipt{
	border:1px solid rgba(53,53,38,0.7);
	border-radius:3px;
	color:#131304;
	font-weight:bold;
	padding-left:0.2em;
}
.h_ipt:focus {
	border:1px solid rgba(179,0,0,0.9);
	background-color: rgba(255,255,115,0.9);
}
.h_ipt:hover {
	border:1px solid rgba(0,0,0,0.8);
	background-color: rgba(255,255,0,0.7);
}

.h_btn{
	background-color:rgba(221,221,221,1);
	border:1px solid #BDBDAE;
	color:#000000;
	border-radius:2px;
	padding:0.2em 0.6em;	
	font-weight:bold;
	font-size:14px;
}
.h_btn:hover{
	border:1px solid #000000;
	color:#000000;
	background-color:rgba(255,255,255,0.7);
}