*{
	margin:0 auto;
	padding:0;
	border-collapse: collapse;
}

body{
font-family: arial;
}

header{
	text-align: center;
	background-color: #ccc;
	width:100%;
}
.header{
	text-align: center;
	height:70px;
	width: 100%;
	line-height:70px;
	width:1200px;
	color: #5A5A5A;
	z-index: 2;
}

.header .title{
	display:block;
}
.logo {
	background-color: #5A5A5A;
	color: #e2e2e2;
	font-family: Copperplate;
	font-size: 25px;
	height: 100%;
	width:140px;
	text-align: center;
}
.banner{
	width: 100%;
	height:400px;
	position: relative;
}

.banner img{
	width: 100%;
	height: 100%;
	filter: blur(8px);
	-webkit-filter: blur(8px);
	outline:none !important;
	border:black solid 2px;
	overflow: auto;
}

.banner-txtbox{
	background-color: rgba(0,0,0,0.5);
	height:100px;
	width: 500px;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -255px;
	margin-top: -50px;
	border-radius: 5px;
}

.banner h2{
	text-align: center;
	color:rgb(255,255,255,0.9);
	text-shadow: 0 0 1px 1px;
	font-size:30px;
	line-height: 100px;
}
h3{
	padding: 40px 0;

}

.wrapper{
	width:1200px;
	text-align: left;
	text-align: center;
}

.quiz_div{
	height: 500px;
	width:100%;
	background-color: rgba(255,255,255,0.2);
	float:center;
}
.quiz_div table{
	width:100%;
	background-color: #FAFAFA;
	
}


.quiz_div td{
	padding:20px 0px 0px 20px;
}
.quiz_div a{
	text-decoration: none;
	color: #000;

}

.quiz_div a:hover{
	color:#18508c;
	transition: color 0.5s;
}

.quiz_div a span {
	color:#000;
	animation: clickme 1.2s infinite;
}
.quiz_div a span:hover{
	color:#18508c;
	transition: color 0.5s;
}

@keyframes clickme {
  0%   {color: rgba(0,0,0,0);}
  50%  {color: rgba(0,0,0,1);}
  100% {color: rgba(0,0,0,0);}
}


.quiz_div table th{
	background: gray;
	border:0px solid black;
	border-radius:5px 5px 0 0 ;
}

.quiz_div table th:first-child,
.quiz_div table td:first-child{
	width:50%;
	text-align: left;
	padding-left: 10px;

}

.testS{
	color: #000;
	font-size: 20px;
	text-align: center;
	padding-top: 40px;


}
form .txtbox{
	width:200px;
	margin-top: 30px;
	height: 30px;
	border-radius:5px;
	box-shadow: none;

}
form .passbtn{
	width:200px;
	margin-top: 30px;
	height: 30px;
	background-color:#ccc;
	font-size: 20px;
	border-radius:5px;

}
.exam{
	text-align: left!important;
}


/* ------------------------------------tablet-------------------------------------*/
@media (max-width: 1200px){

.header{
	width:100%;
}
header{
	width:100%;
}
.wrapper{
	width:100%;
}

.header .title{
	display:block;
}
.testS{
	padding:40px 30px;
}
.banner{
	display: none;
}

/* ------------------------------------Mobile-------------------------------------*/
}

@media (max-width: 630px){
.header .title{
	display:none;
}
.banner{
	display: none;
}
}


.noti{
    text-align: right; 
    padding-bottom: 50px;
    background-color: #F8F8F8;
}
.noti ul li{
    list-style-position: inside;
    padding:5px;
}