article.header{
	position: relative;
	text-align: center;
	padding: 0;
	top: 40px;
	height: 25px;
}

div.headbar{
	position: relative;
	top: 25px;
	margin: auto;
	width: 70%;
}

li.header-1st{
	list-style: none;
	width: 50%;
	height: 25px;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align:center;
}

div.headbar h5{
	position: relative;
	text-align: left;
	font-size: x-large;

}

div.shortcuts{
	width: 100%;
	height: 25px;
	float: left;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align:center;
}

div.headbar p{
	position: relative;
	text-align: right;
	text-decoration: none;
	font-size: smaller;
	color: #444444;
/*	width: 80px; */
	display: block;
	justify-content: space-between;
	float: right;
}

li.header-link div{
	width: 100%;
	text-align: right;
}

div.devideLine{
	position: relative;
	margin: auto;
	top: 65px;
}


article.gallery{
	position: relative;
	margin: auto;
	padding: 0;
	width: 80%;
	height: auto;
	top: 80px;
}

ul.imuboard{
	position: relative;
	display:-webkit-flex;
	display:flex;
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;

}

li.gall-contents1{
	list-style: none;
	width: 35%;
	height: auto;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align:center;
}
li.gall-contents2{
	list-style: none;
	width: 65%;
	height: auto;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align:center;
}

li.gall-contents1 div{
	position: relative;
	width: 100%;
	text-align: center;
	vertical-align:middle;
	font-size: large;
	top: 0;
}

li.gall-contents1 h4{
	position: relative;
	width: 100%;
	text-align: center;
	font-size: large;
	top: 0;
}

li.gall-contents1 a{
	position: relative;
	width: 100%;
	text-align: center;
	text-decoration: none;
	color: #4169e1;
}

li.gall-contents1 a:hover{
	opacity: 0.5;
}

div.elec_images{
	position: relative;
	text-align: left;	
}

div.elec_images img{
	position: relative;
	text-align: left;
	width: 48%;
}

ul.usbhub{
	position: relative;
	display:-webkit-flex;
	display:flex;
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;

}


article.dl{
	position: relative;
	margin: auto;
	padding: 0;
	width: 80%;
	height: auto;
	top: 100px;
}

article.dl h4{
	position: relative;
	height: auto;
	text-align: left;
	font-size: large;
}

article.dl a{
	position: relative;
	text-decoration: none;
	color: #4169e1;
}

article.dl a:hover{
	opacity: 0.5;
}

div.white-popup-block{
	background: #FFF;
	padding: 20px 30px;
	text-align: center;
	max-width: 650px;
	margin: 40px auto;
	position: relative;
	height: 150px;
}

div.yesno{
	position: relative;
	height: auto;
	margin: auto;
	width: 100px;
}

div.yesno p{
	list-style: none;
	width: 50%;
	height: auto;
	float: left;
	display: flex;
	justify-content: space-around;
	align-items: center;
	text-align:center;	
}


article.legal{
	position: relative;
	margin: auto;
	padding: 0;
	width: 80%;
	height: auto;
	top: 100px;	
}

article.legal p{
	position: relative;
	font-size: small;
	width: 100%;
	text-align: right;
}

article.legal a{
	position: relative;
	text-decoration: none;
	color: #4169e1;
}

article.legal a:hover{
	opacity: 0.5;
}

article.legal img{
	position: relative;
	width: 100px;
}


article.attention{
	position: relative;
	margin: auto;
	padding: 0;
	width: 80%;
	height: auto;
	top: 110px;	
}

article.attention p{
	position: relative;
	font-size: small;
	top: -15pt;
}