@media all and (max-width:1024px) {
.mobile {
	overflow: hidden;
	zoom: 1 !important;
}
.width_area, .width_area2 {
	width: 100% !important;
	box-sizing: border-box;
}
}
/*common*/
.width_area {
	margin: 0 auto;
	width: 1100px; /* overflow:hidden; */
}
.width_area2 {
	margin: 0 auto;
	width: 1100px;
	position: relative;
}
/*header*/
.header {
	padding: 0px 0px 0px 0px;
	height: 140px;
	position: fixed;
	z-index: 9999;
	-webkit-transition: all 2s;
	transition: all 2s;
	width: 100%;
	background: rgba(0,0,0,0.7);
	border-bottom: 1px solid rgba(225,225,225,0.5);
}
.header h1 {
	-webkit-transition: all 3s;
	transition: all 3s;
}
.header h1.sub {
	display: none;
}
.header h1.top {
	display: block;
}
.header.fixheader h1.sub,  .fp-viewing-secendPage .header h1.sub {
	display: block;
}
.header.fixheader h1.top,  .fp-viewing-secendPage .header h1.top {
	display: none;
}
.header.fixheader,  .fp-viewing-secendPage .header {
	background: #fff;
	box-shadow: 3px 3px 13px rgba(0,0,0,0.1);
}
.header h1 {
	float: left;
	padding-top: 45px;
}
.header h1 img {
}
.header .t_menu {
	position: absolute;
	top: 15px;
	right: 0px;
	overflow: hidden;
	border-radius: 5px;
	padding: 0px 10px 0px 5px;
}
.header .t_menu li {
	float: left;
	padding: 6px 5px;
}
.header .t_menu li a {
	line-height: 20px;
	font-size: 13px;
	letter-spacing: 0px;
	color: rgba(225,225,225,0.8);
	border-left: 1px solid rgba(225,225,225,0.4);
	padding-left: 15px;
}
.header .t_menu li a.orange {
	color: #fc4f21;
}
.header.fixheader.t_menu li a,  .fp-viewing-secendPage .t_menu li a {
	color: #666;
}
.top_text {
	overflow: hidden;
	float: left;
	padding-top: 64px;
	padding-bottom: 20px;
}
.top_text img {
	height: 80px;
}
/*gnb*/


.gnb {
	float: right;
	padding-top: 40px;
}
.gnb a.button {
	display: block;
}
.gnb li {
	float: left;
	padding: 0px 0px 0px 50px;
}
.gnb li a {
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	padding: 0px 15px;
	line-height: 90px;
	letter-spacing:0px
}
.header.fixheader .gnb li a,  .fp-viewing-secendPage .gnb li a {
	color: #111;
}
.snb {
	position: relative;
}
.snb ul {
	border: 1px solid #ddd;
	width: 180px;
	background: #fefefe;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99 !important;
}
.snb ul li {
	padding: 8px 0px;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.snb ul li:last-child {
	border-bottom: none;
}
.snb ul li a {
	color: #000;
	font-size: 13px;
	font-weight: normal;
	padding: 10px 0px;
	line-height: 20px;
}
/* drop down */
.gnb li:hover > .snb ul {
	opacity: 1;
	visibility: visible;
}
/* drop down */
.gnb li:hover > a {
	color: #c83ba8
}
.gnb .snb ul {
	opacity: 0;
	visibility: hidden;
	position: absolute !important;
	overflow: hidden;
	z-index: 60;
	width: 160px;
	margin-left: -25px;
	margin-top: 8px;
	background: #fff;
	border: 1px solid #bbb;
	/* width:200px; */
	-moz-transition: opacity .25s linear, visibility .1s linear .1s;
	-webkit-transition: opacity .25s linear, visibility .1s linear .1s;
	-o-transition: opacity .25s linear, visibility .1s linear .1s;
	transition: opacity .25s linear, visibility .1s linear .1s;
}
/*gray_area*/
.gray_area {
	width: 100%;
	overflow: hidden;
	background: #e5e5e5;
	padding: 20px 0px !important;
}
/*prepare*/

.prepare {
	width: 100%;
	overflow: hidden;
	padding: 40px 0px;
}
.prepare dt {
	text-align: center;
}
.prepare dt img {
	width: 35%;
}
.prepare dd {
	line-height: 100px;
	font-size: 40px;
	color: #222;
	text-align: center;
}
/*footer*/




.footer {
	background: #4b4b4b;
	padding: 15px 0px;
	width: 100%;
	overflow: hidden;
	padding: 30px 0px
}
.new_area {
	margin: 50px auto;
	padding: 40px 0px;
	width: 70%;
	border: 4px solid #ef501f;
	border-radius: 10px;
}
.new_area dt {
	text-align: center;
	color: #f86a3f;
	font-size: 30px;
	line-height: 45px;
	font-weight: bold;
}
.new_area dd {
	text-align: center;
	padding-top: 20px;
	font-size: 16px;
	color: #222;
}
.new_area dd a {
	background: #f54813;
	line-height: 30px;
	padding: 5px 10px;
	color: #fff;
	border: 1px solid #d43201;
}
.ondown {
	width: 100%;
	padding: 30px 0px;
	text-align: center;
	overflow: hidden;
}
.ondown a {
	display: inline-block;
	width: 300px;
	line-height: 40px;
	font-weight: bold;
	color: #fff !important;
	background: #ff7129 !important;
	border-radius: 10px;
	font-size: 16px;
	text-align: center;
	margin: 0px 20px;
}
