/******************************************/
/*##################################################################################################*/

@media (min-width:1100px) {
body{
	width:100%;
	height:100%;
	background-color:#f4f4f4;

}
.main{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:100px 0 0 0;
	text-align:center;
	display:block;
	background-color:#f4f4f4;

}
.main .box {
        margin:0px auto;
	padding:45px 0px;
	width:400px;
	display:block;
	background-color:#fff;

}
.login_logo{
	width:300px;
	height:159px;
	margin:0 auto;
	padding:0 0 0 0;
	display:block;
	text-indent:-9999px;
	background:url(../img/login_logo2.svg);
	background-repeat:no-repeat;
	background-size:contain;

}
.midashi{
	width:100%;
	margin:30px auto 0 auto;
	padding:0 0 0 0;
	display:block;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:16px;
	line-height:28px;
	font-family: "Hiragino Kaku Gothic ProN", "Osaka", Arial, sans-serif;

}
.txt_box{
	margin:15px auto 0 auto;
	padding:0 10px;
	width:300px;
	height:35px;
	display:block;
	text-align:left;
	color:#000;
	font-weight:bold;
	font-size:14px;
	line-height:35px;
}
.txt_l{
	margin:20px 0 0 0;
	width:100%;
	font-size:12px;
	color:#000;
	text-align:left;
	text-indent:45px;
}
.txt_l a{
	color:#ff0000;
}
.txt_red{
	margin:5px 0 0 0;
	width:100%;
	font-size:12px;
	color:#ff0000;
	text-align:left;
	text-indent:45px;

}
.login_bn a{
	width:320px;
	height:50px;
	margin:20px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:50px;
	border:solid 1px #ff0000;
	border-radius: 25px;
	background-color:#ff0000;
	text-indent:-1em;
}
.new_bn a{
	width:320px;
	height:50px;
	margin:10px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:50px;
	border:solid 1px #359dbe;
	border-radius: 25px;
	background-color:#359dbe;
	text-indent:-1em;

}
.riyou_bn a{
	width:320px;
	height:50px;
	margin:50px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:15px;
	line-height:50px;
	border:solid 1px #000;
	border-radius: 25px;
	background-color:#fff;
	text-indent:-1em;

}
.login_bn a img{
	margin:0 10px -2px 0;

}
.new_bn a img{
	margin:0 10px -2px 0;

}
.riyou_bn a img{
	margin:0 10px -2px 0;

}
}

/******************************************/
/*##################################################################################################*/

@media screen and (min-width:768px) and ( max-width:1099px) {
body{
	width:100%;
	height:100%;
	background-color:#f4f4f4;

}
.main{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:100px 0 0 0;
	text-align:center;
	display:block;
	background-color:#f4f4f4;

}
.main .box {
        margin:0px auto;
	padding:45px 0px;
	width:400px;
	display:block;
	background-color:#fff;

}
.login_logo{
	width:300px;
	height:159px;
	margin:0 auto;
	padding:0 0 0 0;
	display:block;
	text-indent:-9999px;
	background:url(../img/login_logo2.svg);
	background-repeat:no-repeat;
	background-size:contain;

}
.midashi{
	width:100%;
	margin:30px auto 0 auto;
	padding:0 0 0 0;
	display:block;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:16px;
	line-height:28px;
	font-family: "Hiragino Kaku Gothic ProN", "Osaka", Arial, sans-serif;

}
.txt_box{
	margin:15px auto 0 auto;
	padding:0 10px;
	width:300px;
	height:35px;
	display:block;
	text-align:left;
	color:#000;
	font-weight:bold;
	font-size:14px;
	line-height:35px;
}
.txt_l{
	margin:20px 0 0 0;
	width:100%;
	font-size:12px;
	color:#000;
	text-align:left;
	text-indent:45px;
}
.txt_l a{
	color:#ff0000;
}
.txt_red{
	margin:5px 0 0 0;
	width:100%;
	font-size:12px;
	color:#ff0000;
	text-align:left;
	text-indent:45px;

}
.login_bn a{
	width:320px;
	height:50px;
	margin:20px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:50px;
	border:solid 1px #ff0000;
	border-radius: 25px;
	background-color:#ff0000;
	text-indent:-1em;
}
.new_bn a{
	width:320px;
	height:50px;
	margin:10px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:50px;
	border:solid 1px #359dbe;
	border-radius: 25px;
	background-color:#359dbe;
	text-indent:-1em;

}
.login_bn a img{
	margin:0 10px -2px 0;

}
.new_bn a img{
	margin:0 10px -2px 0;

}
.riyou_bn a{
	width:320px;
	height:50px;
	margin:50px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:15px;
	line-height:50px;
	border:solid 1px #000;
	border-radius: 25px;
	background-color:#fff;
	text-indent:-1em;

}
.riyou_bn a img{
	margin:0 10px -2px 0;

}
}

/******************************************/
/*##################################################################################################*/


@media (max-width:767px) {

body{
	width:100%;
	height:100%;
	background-color:#f4f4f4;

}
.main{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:14% 0 0 0;
	text-align:center;
	display:block;
	background-color:#f4f4f4;

}
.main .box {
        margin:0px auto;
	padding:10% 0px;
	width:95%;
	display:block;
	background-color:#fff;

}
.login_logo{
	width:75%;
	height:36vw;
	margin:0 auto;
	padding:0 0 0 0;
	display:block;
	text-indent:-9999px;
	background:url(../img/login_logo2.svg);
	background-repeat:no-repeat;
	background-size:contain;

}
.midashi{
	width:100%;
	margin:7% auto 0 auto;
	padding:0 0 0 0;
	display:block;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:16px;
	line-height:24px;
	font-family: "Hiragino Kaku Gothic ProN", "Osaka", Arial, sans-serif;

}
.txt_box{
	margin:2% auto 0 auto;
	padding:0 10px;
	width:80%;
	height:30px;
	display:block;
	text-align:left;
	color:#000;
	font-weight:bold;
	font-size:13px;
	line-height:30px;
}
.txt_l{
	margin:5% 0 0 0;
	width:100%;
	font-size:12px;
	color:#000;
	text-align:left;
	text-indent:9%;
}
.txt_l a{
	color:#ff0000;
}
.txt_red{
	margin:2% 0 0 0;
	width:100%;
	font-size:12px;
	color:#ff0000;
	text-align:left;
	text-indent:9%;

}
.login_bn a{
	width:80%;
	height:40px;
	margin:4% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:40px;
	border:solid 1px #ff0000;
	border-radius: 20px;
	background-color:#ff0000;
	text-indent:-1em;
}
.new_bn a{
	width:80%;
	height:40px;
	margin:2% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:40px;
	border:solid 1px #359dbe;
	border-radius: 20px;
	background-color:#359dbe;
	text-indent:-1em;

}
.riyou_bn a{
	width:80%;
	height:40px;
	margin:5% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:13px;
	line-height:40px;
	border:solid 1px #000;
	border-radius: 20px;
	background-color:#fff;
	text-indent:-1em;

}
.login_bn a img{
	margin:0 7px -2px 0;

}
.new_bn a img{
	margin:0 7px -2px 0;

}
.riyou_bn a img{
	margin:0 7px -2px 0;

}

}

/*#######################################################################################*/


.swiper-button-prev {
	width:30px;
	height:30px;
	display:block;
	border-radius: 15px;
	background-repeat:no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23dc0000'%2F%3E%3C%2Fsvg%3E");
	background-size:30%;
	background-color:#fff;
}
.swiper-button-next {
	width:30px;
	height:30px;
	display:block;
	border-radius: 15px;
	background-repeat:no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23dc0000'%2F%3E%3C%2Fsvg%3E");
	background-size:30%;
	background-color:#fff;
}


.clear{
	clear:both;
}
.list60{
width:60px;
padding:3px 2px;
}
.list130{
width:130px;
padding:3px 2px;
}
.list250{
width:270px;
padding:3px 2px;
}