@charset "utf-8";
/* CSS Document */


*{margin:0; padding:0;}

.PDR_board{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	background-color:transparent;
	}

.head_img{
	position:relative;
	overflow:hidden;
	width:84%;
	height:48%;
	margin-left:auto;
	margin-top:15px;
	margin-right:auto;
	background-color:white;
	}

.head_img img{
	position:absolute;
	width:100%;
	height:auto;
	max-width:720px;
	margin:auto auto -120px auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}

.middle_name{
	position:relative;
	width:94%;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	-moz-transform:skew(-25deg);
	-webkit-transform:skew(-25deg);
	-ms-transform:skew(-25deg);
	-o-transform:skew(-25deg);
	transform:skew(-25deg);
	background-color:#323e50;
	}

.middle_name h3{
	font-family:"orbitron-regular";
	font-size:28px;
	line-height:37px;
	text-align:center;
	letter-spacing:1px;
	-moz-transform:skew(25deg);
	-webkit-transform:skew(25deg);
	-ms-transform:skew(25deg);
	-o-transform:skew(25deg);
	transform:skew(25deg);
	color:#ffd62a;
	}

.below_body{
	position:relative;
	width:84%;
	height:45%;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	}

.board_text{
	position:relative;
	overflow:auto;
	width:75%;
	height:90%;
	top:3%;
	margin-left:auto;
	margin-right:auto;
	font-family:"exo-regular";
	font-size:17px;
	line-height:23px;
	text-align:justify;
	color:#666;
	background-color:transparent;
	border-bottom:solid 4px #25a9e7;
	}

@media screen and (orientation:portrait) and (max-width:779px){
	.head_img img{
		margin:auto auto auto auto;
		}
	.middle_name h3{
		font-size:23px;
		}
	.board_text{
		width:90%;
		}
}