@media (max-width:1180px) { 
	.box {
		width: 99%;
	}
	
	.boxs {
		width: 90%;
	}
	
}


@media (max-width:800px) { 
	.head .r {
		padding-top: 20px;
		float: none;
		line-height: normal;
		text-align: center;
	}
	.head .box {
		background-size: auto 400px;
		background-position: center bottom;
		height: 770px;
	}
	
	.head .r .next {
		margin: 30px auto 0px auto;
	}
	
	.sep {
		margin: 0px auto 0px auto;
	}
	
	.notice .l {float: left; width: 10%; padding-left: 0%;}
	.notice .r {float: right; width: 85%; padding-right: 5%; font-size: 16px;}
	
	.bubble {
		width: 90%;
		font-size: 35px;
		margin: 20px auto 0px auto;
	}
	
	
	.start-form .l {
		width: 100%;
		text-align: center;
		line-height: 150px;
		float: none;
	}
	
	.start-form .r {
		float: none;
		width: 80%;
		margin: 0px auto 0px auto;
		line-height: 200px;
	}
	
	.start-form .r .note {
		float: none;
		width: 100%;
		border-right: 0px;
	}
	
	.start-form .r .form {
		float: none;
		width: 100%;
		padding-bottom: 45px;
	}
	
	.start-form .l ul li {
		display: inline-block;
	}
	
	.select form input[type="submit"] {
		width: 50%;
	}
	
	.reg .box .back {
		width: 30%;
	}
	
	.reg .box .next {
		width: 30%;
	}
	
	.reg .box .save {
		width: 34%;
	}
	
	.reg .boxs .option .data .more-info .part2 {
		width: 100%;
	}
	
	.reg .boxs .option .data input, .reg .boxs .option .data select {
		width: 48%;
	}
	
	.reg .boxs .option .data input:nth-child(3n), .reg .boxs .option .data select:nth-child(3n) {
		margin-right: 1%;
		width: 48%;
	}
	
	.reg .boxs .option .more-descr .part1 {
		width: 100%;
	}
	
	.reg .boxs .option .descr {
		width: 48%;
	}
	
	.reg .boxs .option .descr:nth-child(3n) {
		margin-right: 1%;
		width: 48%;
	}
	
	
	.foot .box {width: 80%;}
	.foot .part.s {width: 50%;}
	.foot .part.m {width: 50%;}
}


@media (max-width:810px) and (orientation:landscape) {

}