@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:Arial, tahoma;
	font-size:0.9em;
	color:#000;
	margin:0;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#d495c7;
}
img{
	border:none;
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
input[type='text'], textarea, select{
	width:98%;
	height:2em;
	margin-top:2px;
	border:solid 1px #e0e0e0;
	background-color:#f5f5f5;
	color:#1b3146;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px 10px;
}
textarea{
	height:auto;
}
input[type='text'].mailnews{
	width:250px;
	background-color:#FFF;
	border:none;
	-webkit-border-radius:0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.Bfont{
	font-size:1.5em;
}
.white, .white a{
	color:#FFF;
}
.white a:hover{
	color:#d495c7;
}
.red{
	color:#FF0000;
}
#cover{
	width:1300px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#listmenu{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#b84fa1;
}
#slide{
	width:100%;
	height:auto;
	overflow:hidden;
}
#foot{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#b84fa1;
	font-size:0.8em;
}
.row{
	width:100%;
	height:auto;
	overflow:hidden;
}
.col2{
	width:45%;
	float:left;
	margin:2.5%;
}
.col3{
	width:30%;
	float:left;
	margin:1.6%;
}
.col4{
	width:22%;
	float:left;
	margin:1.5%;
}
.w33{
	width:33%;
	float:left;
}
ul.list{
	margin:0 auto;
}
ul.list li{
	list-style:url(../images/bullet.jpg);
	line-height:25px;
}
hr{
	color:#FFFFFF;
	border-color:#FFFFFF;
}
.btngray{
	background-color:#939393;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:8px 20px;
	border:none;
	cursor:pointer;
}
.btnviolet{
	background-color:#da509e;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:8px 20px;
	border:none;
	cursor:pointer;
}
.head{
	width:100%;
	background-color:#da509e;
	font-family:"GOTHIC";
	font-size:2.2em;
	text-align:center;
	text-transform:uppercase;
	padding:20px 0;
	color:#FFF;
	margin-top:-5px;
}
.padding20{
	padding:20px;
	overflow:hidden;
}
.bggray{
	width:95%;
	height:auto;
	overflow:hidden;
	background-color:#f2f2f2;
	padding:2.5%;
}
.topic{
	width:auto;
	background:url(../images/bg-head.jpg) center repeat-x;
}
.topic-head{
	font-family:"GOTHIC";
	font-size:2em;
	text-transform:uppercase;
	background-color:#FFFFFF;
	overflow:hidden;
}
#detail{
	width:90%;
	padding:5%;
	overflow:hidden;
}
@media only screen and (max-width: 800px) {
	input[type='text'], textarea, select{
		width:95%;
	}
	.Bfont{
		font-size:1.2em;
	}
	#cover{
		width:100%;
	}
	.col2, .col3, .col4{
		width:95%;
		float:none;
		margin:15px auto;
	}
	.w33{
		width:100%;
		float:none;
	}
	.head{
		font-size:1.3em;
	}
	.topic-head{
		font-size:1.7em;
	}
}
@media only screen and (max-width: 1024px) {
	#cover{
		width:100%;
	}
}