a 
	{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

a:hover 
	{
	color: #ff8000;
	}


header 
	{
	background: #DDD;
	width: 100%;
	height: 76px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	}

nav 
	{
	float: right;
	padding: 5px;
	margin-top:10px;
	}

#logo
	{
	margin:0 auto;
	margin-left:5px;
	margin-top:11px;	
	float: left;
	width: 172px;
	height: 54px;
	background: url(logo.svg) no-repeat center;
	display: block;
	}

#menu-icon
	{
	display: hidden;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(menu-icon.png) center;
	}

a:hover#menu-icon 
	{
	background-color: #444;
	border-radius: 4px 4px 0 0;
	}

ul 
	{
	list-style: none;
	}

li 
	{
	display: inline-block;
	float: left;
	padding: 10px;
	}
.current
	{
	color: #ff8000;
	}


/*320x 480 resolution **/
@media only screen and (min-width : 320px) and (max-width : 480px)
	{

	header 
		{
		position: absolute;
		}
	#menu-icon 
		{
		display:inline-block;
		margin-top:10px;
		margin-left:10px;
		}

	nav ul, nav:active ul 
		{ 
		display: none;
		position: absolute;
		padding: 20px;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		}

	nav li 
		{
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		margin-bottom:5px;
		border-radius:2px;
		background:#ff8000;
		}
	nav li a
		{
		color:#000;
		}
	nav li:hover
		{
		background-color:#fff;
		border:2px solid #ff8000;
		color:#000;
		}
	.current
		{
		border:2px solid #fff;
		color: #ff8000;
		}
	.current:hover
		{
		border:2px solid #ff8000;
		background: #fff;
		}
	nav:hover ul 
		{
		display: block;
		}
	.content
		{
		margin-top:0px;
		}
	.second-header-apply h1
		{
		font-size:25px;
		}
	.second-header-apply p
		{
		font-size:15px;
		}
	.second-header-apply a
		{
		font-size:15px;
		padding:4px 8px;
		}
	.content
		{
		margin-top:0px;
		}
	.content-layer-standard-1 h2
		{
		font-size:25px;
		}
	.content-layer-standard-1 a
		{
		font-size:18px;
		padding:8px 10px;
		}
	.list-big
		{
		min-width:260px;
		width:auto;
		min-height:700px;
		height:auto;
		margin-right:20px;
		}
	.list-big h2
		{
		font-size:23px;
		text-align:center;
		}
	.list-big p
		{
		font-size:18px;
		text-align:center;
		}
	
	.heading-td-apply
		{
		text-align:center;
		}
	.heading-td-apply h2
		{
		min-width:200px;
		width:auto;
		font-size:15px;
		margin:0 auto;
		}
	.table-row-heading, .table-row-info-1, .table-row-info-1 input
		{
		font-size:12px;
		}
	.table-row-info-1 input
		{
		height:20px;
		}
	.input-data-name, .input-data-age, .input-data
		{
		width:170px;
		}
	.resume-text-area
		{
		font-size:12px;
		width:170px;
		height:50px;
		}
	.table-row-info-2
		{
		width:170px;
		font-size:12px;
		}
	.select-check
		{
		width:12px;
		height:12px;
		}
	.table-row-heading span
		{
		font-size:10px;
		}
	.applyNow
		{
		width:150px;
		height:30px;
		font-size:17px;
		padding-bottom:10px;
		}
	.male-radio, .female-radio
		{
		width:10px;
		height:10px;
		vertical-align:middle;
		}
	.apply-table-thank tr td img
		{
		width:30px;
		height:30px;
		margin-top:10px;
		}
	.apply-table-thank
		{
		width:200px;
		}
	.heading-td-thank h2
		{
		font-size:20px;
		}
	.heading-td-thank span
		{
		font-size:15px;
		}
	}


@media only screen and (max-width : 640px)
	{

	header 
		{
		position: absolute;
		}
	#menu-icon 
		{
		display:inline-block;
		margin-top:10px;
		margin-left:10px;
		}

	nav ul, nav:active ul 
		{ 
		display: none;
		position: absolute;
		padding: 20px;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		}

	nav li 
		{
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		margin-bottom:5px;
		border-radius:2px;
		background:#ff8000;
		}
	nav li a
		{
		color:#000;
		}
	nav li:hover
		{
		background-color:#fff;
		border:2px solid #ff8000;
		color:#000;
		}
	.current
		{
		border:2px solid #fff;
		color: #ff8000;
		}
	.current:hover
		{
		border:2px solid #ff8000;
		background: #fff;
		}
	nav:hover ul 
		{
		display: block;
		}
	.content
		{
		margin-top:0px;
		}
	.second-header-apply h1
		{
		font-size:25px;
		}
	.second-header-apply p
		{
		font-size:15px;
		}
	.second-header-apply a
		{
		font-size:15px;
		padding:4px 8px;
		}
	.content
		{
		margin-top:0px;
		}
	.content-layer-standard-1 h2
		{
		font-size:25px;
		}
	.content-layer-standard-1 a
		{
		font-size:18px;
		padding:8px 10px;
		}
	.list-big
		{
		min-width:260px;
		width:auto;
		min-height:300px;
		height:auto;
		margin-right:20px;
		}
	.list-big h2
		{
		font-size:23px;
		text-align:center;
		}
	.list-big p
		{
		font-size:18px;
		text-align:center;
		}
	
	.heading-td-apply
		{
		text-align:center;
		}
	.heading-td-apply h2
		{
		min-width:200px;
		width:auto;
		font-size:15px;
		margin:0 auto;
		}
	.table-row-heading, .table-row-info-1, .table-row-info-1 input
		{
		font-size:12px;
		}
	.table-row-info-1 input
		{
		height:20px;
		}
	.input-data-name, .input-data-age, .input-data
		{
		width:170px;
		}
	.resume-text-area
		{
		font-size:12px;
		width:170px;
		height:50px;
		}
	.table-row-info-2
		{
		width:170px;
		font-size:12px;
		}
	.select-check
		{
		width:12px;
		height:12px;
		}
	.table-row-heading span
		{
		font-size:10px;
		}
	.applyNow
		{
		width:150px;
		height:30px;
		font-size:17px;
		padding-bottom:10px;
		}
	.male-radio, .female-radio
		{
		width:10px;
		height:10px;
		vertical-align:middle;
		}
	.apply-table-thank tr td img
		{
		width:30px;
		height:30px;
		margin-top:10px;
		}
	.apply-table-thank
		{
		width:200px;
		}
	.heading-td-thank h2
		{
		font-size:20px;
		}
	.heading-td-thank span
		{
		font-size:15px;
		}
	.ver-heading-1
		{
		font-size:12px;
		}
	.error-tb tr td
		{
		font-size:12px;
		}
	}

	
@media only screen and (min-width : 641px) and (max-width : 767px)
	{

	header 
		{
		position: absolute;
		}
	#menu-icon 
		{
		display:inline-block;
		margin-top:10px;
		margin-left:10px;
		}

	nav ul, nav:active ul 
		{ 
		display: none;
		position: absolute;
		padding: 20px;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		}

	nav li 
		{
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		margin-bottom:5px;
		border-radius:2px;
		background:#ff8000;
		}
	nav li a
		{
		color:#000;
		}
	nav li:hover
		{
		background-color:#fff;
		border:2px solid #ff8000;
		color:#000;
		}
	.current
		{
		border:2px solid #fff;
		color: #ff8000;
		}
	.current:hover
		{
		border:2px solid #ff8000;
		background: #fff;
		}
	nav:hover ul 
		{
		display: block;
		}
	.content
		{
		margin-top:0px;
		}
	.second-header-apply h1
		{
		font-size:25px;
		}
	.second-header-apply p
		{
		font-size:15px;
		}
	.second-header-apply a
		{
		font-size:15px;
		padding:4px 8px;
		}
	.content
		{
		margin-top:0px;
		}
	.content-layer-standard-1 h2
		{
		font-size:25px;
		}
	.content-layer-standard-1 a
		{
		font-size:18px;
		padding:8px 10px;
		}
	.list-big
		{
		min-width:260px;
		width:auto;
		min-height:300px;
		height:auto;
		margin-right:20px;
		}
	.list-big h2
		{
		font-size:23px;
		text-align:center;
		}
	.list-big p
		{
		font-size:18px;
		text-align:center;
		}
	.heading-td-apply
		{
		text-align:center;
		}
	.heading-td-apply h2
		{
		min-width:200px;
		width:auto;
		font-size:17px;
		margin:0 auto;
		}
	.table-row-heading, .table-row-info-1, .table-row-info-1 input
		{
		font-size:15px;
		}
	.table-row-info-1 input
		{
		height:20px;
		}
	.input-data-name, .input-data-age, .input-data
		{
		width:250px;
		}
	.resume-text-area
		{
		font-size:15px;
		width:250px;
		height:80px;
		}
	.select-check
		{
		width:13px;
		height:13px;
		}
	.table-row-heading span
		{
		font-size:15px;
		}
	.applyNow
		{
		width:180px;
		height:35px;
		font-size:20px;
		padding-bottom:10px;
		}
	.male-radio, .female-radio
		{
		width:13px;
		height:13px;
		vertical-align:middle;
		}
	.apply-table-thank tr td img
		{
		width:40px;
		height:40px;
		margin-top:10px;
		}
	.apply-table-thank
		{
		width:300px;
		}
	.heading-td-thank h2
		{
		font-size:25px;
		}
	.heading-td-thank span
		{
		font-size:20px;
		}
	}
	/** 769x1024 resolution **/	
@media only screen and (min-width : 768px) and (max-width : 1024px) 
	{

	header 
		{
		position: absolute;
		}
	.current a
		{
		color:#ff8000;
		}
	nav
		{
		margin-top:10px;
		}		
	nav:hover ul 
		{
		display: block;
		}
	.content
		{
		margin-top:0px;
		}
	.second-header-apply h1
		{
		font-size:30px;
		}
	.second-header-apply p
		{
		font-size:20px;
		}
	.second-header-apply a
		{
		font-size:20px;
		padding:4px 8px;
		}
	.content-layer-standard-1 h2
		{
		font-size:35px;
		}
	.content-layer-standard-1 a
		{
		font-size:23px;
		padding:8px 10px;
		}
		.list-big
		{
		min-width:385px;
		width:auto;
		min-height:300px;
		height:auto;
		margin-right:20px;
		}
	.heading-td-apply
		{
		text-align:center;
		}
	.heading-td-apply h2
		{
		min-width:200px;
		width:auto;
		font-size:17px;
		margin:0 auto;
		}
	.table-row-heading, .table-row-info-1, .table-row-info-1 input
		{
		font-size:15px;
		}
	.table-row-info-1 input
		{
		height:20px;
		}
	.input-data-name, .input-data-age, .input-data
		{
		width:400px;
		padding:5px 0px;
		}
	.resume-text-area
		{
		font-size:15px;
		width:400px;
		height:90px;
		}
	.select-check
		{
		width:13px;
		height:13px;
		}
	.table-row-heading span
		{
		font-size:15px;
		}
	.applyNow
		{
		width:200px;
		height:35px;
		font-size:20px;
		padding-bottom:10px;
		}
	.male-radio, .female-radio
		{
		width:13px;
		height:13px;
		vertical-align:middle;
		}
	
	.apply-table-thank tr td img
		{
		width:40px;
		height:40px;
		margin-top:10px;
		}
	.apply-table-thank
		{
		width:350px;
		}
	.heading-td-thank h2
		{
		font-size:25px;
		}
	.heading-td-thank span
		{
		font-size:20px;
		}
	}
	
	/** 1366 resolution **/	

@media only screen and (min-width : 1040px)
	{
	.current a
		{
		color:#ff8000;
		}
	nav
		{
		margin-top:10px;
		}
	}
@media only screen and (min-width : 1000px)
	{
	.current a
		{
		color:#ff8000;
		}
	nav
		{
		margin-top:10px;
		}
	}
	
@media only screen and (min-width : 1280px) and (max-width: 1365px)
	{
	.current a
		{
		color:#ff8000;
		}
	nav
		{
		margin-top:10px;
		}
	}