@font-face{
	font-family:"GOTHIC";
	src:url('GOTHIC.eot');
	src:url('GOTHIC.eot?#iefix') format('eot'),
	url('GOTHIC.ttf') format('truetype'),
	url('GOTHIC.woff') format('woff'),
	url('GOTHIC.svg#GOTHIC') format('svg');
}
body{
	font-family:GOTHIC;
	font-size:16px;
	color:#000;
	margin:0;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#fcd307;
}
img{
	border:none;
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
input[type='text'], textarea, select{
	width:95%;
	height:2em;
	margin-top:2px;
	border:solid 1px #e0e0e0;
	padding:3px 10px;
}
textarea{
	height:auto;
}
input[type='text'].vf{
	width:50%;
	height:2em;
	margin-top:2px;
	border:solid 1px #e0e0e0;
	padding:3px 10px;
}
h1{
	font-size:40px;
	text-transform:uppercase;
	border-bottom:dashed 2px #000;
	text-align:center;
	padding-bottom:20px;
}
h2, h4{
	font-size:60px;
	color:#fcd307;
	padding:0;
	margin:0;
}
h3{
	font-size:60px;
	color:#FFF;
	padding:0;
	margin:0;
}
h4{
	font-size:30px;
}
.Bfont{
	font-size:24px;
}
.red{
	color:#FF0000;
}
.white, .white a{
	color:#FFFFFF;
	text-decoration:none;
}
.white a:hover{
	color:#fcd307;
}
#cover{
	width:1300px;
	height:auto;
	margin:0 auto;
}
#head{
	width:100%;
	height:auto;
}
#logo{
	width:238px;
	height:169px;
	background-image:url(../images/template/logo.jpg);
	float:left;
	margin:0 40px;
}
#head-right{
	width:auto;
	float:right;
	margin-right:20px;
}
.line-top1{
	width:100%;
	margin:35px 0;
	text-align:right;
}
.line-top2{
	width:100%;
	margin:35px 0;
}
#foot{
	width:100%;
	font-family:Arial, Tahoma;
	font-size:13px;
	border-top:solid 1px #212121;
	overflow:hidden;
}
.row{
	width:100%;
	overflow:hidden;
}
.col3{
	width:30%;
	float:left;
	padding:1.6%;
}
.col4{
	width:23%;
	float:left;
	padding:1%;
}
.w20{
	width:20%;
	float:left;
}
.w50{
	width:45%;
	float:left;
	padding:2.5%;
}
.w80{
	width:80%;
	float:left;
}
.bgyellow{
	width:95%;
	height:auto;
	overflow:hidden;
	padding:2.5%;
	background-color:#fcd307;
}
.bgblack{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#212121;
	color:#FFFFFF;
}
.padding20{
	padding:20px;
}
#detail{
	width:95%;
	height:auto;
	overflow:hidden;
	padding:2.5%;
	margin-bottom:30px;
}
.btnwhite{
	font-family:GOTHIC;
	font-size:16px;
	color:#212121;
	background-color:#FFF;
	padding:8px 35px;
	cursor:pointer;
	border:none;
}
@media only screen and (max-width: 800px) {
	body{
		font-size:14px;
	}
	h1{
		font-size:20px;
		border-bottom:dashed 1px #000;
	}
	h2, h3{
		font-size:30px;
	}
	.Bfont{
		font-size:20px;
	}
	#cover{
		width:100%;
	}
	#logo{
		width:130px;
		height:93px;
		background-image:url(../images/template/slogo.jpg);
		float:none;
		margin:10px auto;
	}
	#head-right{
		width:100%;
		float:none;
		margin:0 auto;
	}
	.line-top1{
		display:none;
	}
	.line-top2{
		width:100%;
		margin:10px 0;
	}
	.w20, .w50, .w80{
		width:98%;
		float:none;
	}
	.col3, .col4{
		width:100%;
		float:none;
		padding:15px 0;
	}
}
@media only screen and (max-width: 1024px) {
	#cover{
		width:100%;
	}
}