@media screen and (max-width: 1180px){
	#main{
		min-width:94%;
	}
	#main .visualArea{
		width:94%;
		margin:2.5em auto 0;
	}
	#main .visualArea .inner .textArea{
		width:64%;
	}
	#main .visualArea .inner .textArea .subject{
		font-size:30px;
		line-height:48px;
	}
	#main .visualArea .inner .textArea .substance{
		font-size:18px;
	}
	#main .visualArea .inner .textArea .button{
		padding:12px 30px;
		font-size:15px;
	}
	#main .visualArea .inner .imgArea{
		width:35%;
		text-align:center;
	}
	#main .visualArea .inner .imgArea .visual{
		width:75%;
		left:11%;
	}
	#main .visualArea .inner .imgArea .visual img{
		background:pink
	}
}


@media screen and (max-width: 767px){
	#main .visualArea .inner .textArea{
		width:100%;
		text-align:center;
	}
	#main .visualArea .inner .textArea .subject{
		font-size:24px;
		text-align:center;
	}
	#main .visualArea .inner .textArea .substance{
		font-size:14px;
		text-align:center;
	}
	#main .visualArea .inner .textArea .button{
		margin:50px auto 0;
		width:200px;
		text-align:center;
	}
	#main .visualArea .inner .imgArea{
		width:90%;
		margin-top:2em;
		margin-left:2em
	}
}


@media screen and (max-width: 1180px){

	#main .mainTitle .title{
		font-size:30px;
	}
	#main .mainTitle .subs{
		word-break:keep-all;
	}
}



@media screen and (max-width: 767px){

	#main .mainTitle .title{
		font-size:24px;
	}
	#main .mainTitle .subs{
		font-size:14px;
	}

}


@media screen and (max-width: 1180px){

	#main .document{
		width:94%;
		margin:7.5em auto 0;
	}
	#main .document .doctype{
		margin-top:2.5em;
	}
	#main .document .doctype li{
		width:32%;
		display:inline-block;
		float:left;
		margin-left:2%;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		background:#f7f7f7;
		padding:3.5em 2em;
	}
	#main .document .doctype li .icon{
		width:50px;
	}
	#main .document .doctype li .subject{
		font-size:20px;
	}
	#main .document .doctype li .substance{
		font-size:13px;
		letter-spacing:-1px;
	}
	#main .document .doctype li .more{
		margin-top:2.5em;
	}

	#main .document .doctype li .more .text{
		font-size:14px;
	}

	#main .document .doctype li .more .icon{
		width:30px;
	}

}


@media screen and (max-width: 767px){

	#main .document .doctype li{
		width:100%;
		clear:both;
		margin-left:0%;
		margin-top:1em;
		padding:3.5em 2.5em;
	}
	#main .document .doctype li .subject{
		font-size:18px;
	}
	#main .document .doctype li .substance{
		letter-spacing:-0.5px;
	}

}

@media screen and (max-width: 1180px){

	#main .security{
		width:94%;
		margin:7.5em auto 0;
	}
	#main .security .securityList{
		margin:2.5em auto 0;
	}
	#main .security .securityList img{
		width:100%;
	}
}

@media screen and (max-width: 767px){
	#main .security .securityList{
		width:280px;
	}
}

@media screen and (max-width: 1180px){
	#main .easy{
		margin-top:7.5em;
		padding:7.5em 0px;
	}
	#main .easy .easyProcess{
		width:94%;
		margin:2.5em auto 0;
	}
}



@media screen and (max-width: 767px){

	#main .easy .easyProcess dd .subject{
		width:100%;
		font-size:16px;
		text-align:left;
		padding-top:20px;

	}
	#main .easy .easyProcess dd:first-child .subject{
		border-top:1px solid #e5e5e5;
	}
	#main .easy .easyProcess dd .processList{
		width:100%;
	}
	#main .easy .easyProcess dd:first-child .processList{
		border-top:0px solid #e5e5e5;
	}
	#main .easy .easyProcess dd .processList li{
		width:19%;
	}
	#main .easy .easyProcess dd .processList li .icon{
		width:30px;
	}
	#main .easy .easyProcess dd .processList li .text{
		font-size:12px;
	}
	#main .easy .easyProcess dd .processList .arrow .startBar{
		width:10px;
	}
	#main .easy .easyProcess dd .processList .arrow .startBar:First-child{
		display:none;
	}
	#main .easy .easyProcess dd .processList .arrow .startBar img{
		width:100%;
	}
	#main .easy .easyProcess dd .processList .arrow .finishBar{
		width:10px;
		margin:0;
	}
}


@media screen and (max-width: 1180px){

	#main .convenient{
		width:94%;
		padding-bottom:7.5em;
	}
	#main .convenient .textArea{
		width:48%;
	}
	#main .convenient .textArea .tabList li{
		padding:12px 20px;
		font-size:14px;
	}
	#main .convenient .imgArea{
		width:48%;
		margin-left:3.5%;
	}
	#main .convenient .imgArea .imgCont{
		width:100%;
	}
	#main .convenient .imgArea .imgCont img{
		width:100%;
	}
}


@media screen and (max-width: 767px){

	#main .convenient .textArea{
		width:100%;
	}
	#main .convenient .textArea .mainTitle .title{
		text-align:center;
	}
	#main .convenient .textArea .mainTitle .subs{
		text-align:center;
	}
	#main .convenient .textArea .tabList{
		margin-top:50px;
		text-align:center;
		width:100%;
	}
	#main .convenient .textArea .tabList li{
		padding:12px 30px;
		font-size:13px;
	}
	#main .convenient .imgArea{
		width:100%;
		margin-left:0%;
		margin-top:2em;
	}

}


@media screen and (max-width: 1180px){

	#main .mydocument{
		width:94%;
		margin:7.5em auto 7.5em;
	}
	#main .mydocument .imgArea{
		width:48%;
	}
	#main .mydocument .imgArea .visual{
		width:80%;
		margin-left:-40%;
	}
	#main .mydocument .textArea{
		width:48%;
		margin-left:3.5%;
	}
}



@media screen and (max-width: 767px){

	#main .mydocument .imgArea{
		width:100%;
		text-align:center;
	}
	#main .mydocument .imgArea .visual{
		margin-left:-38%;
	}
	#main .mydocument .imgArea .visual .docPhone img{
		width:100%;
	}
	#main .mydocument .imgArea .visual .viAbsol{
		width:70%;
		left:50%;
		margin-left:-37%;
		top:-3%;
	}
	#main .mydocument .imgArea .visual .viAbsol img{
		width:100%;
	}
	#main .mydocument .textArea{
		width:100%;
		margin-left:0%;
		margin-top:2em;
	}
	#main .mydocument .textArea .mainTitle .title{
		text-align:center
	}
	#main .mydocument .textArea .mainTitle .subs{
		text-align:center
	}
}


@media screen and (max-width: 1180px){
	#main .function{
		width:94%;
		margin:7.5em auto 0;
	}
	#main .function .textArea{
		width:48%;
	}
	#main .function .imgArea{
		width:48%;
		margin-left:3.5%;
	}
	#main .function .imgArea .functionImg{
		width:80%;
	}
	#main .function .imgArea .functionImg img{
		width:100%;
	}
}



@media screen and (max-width: 767px){

	#main .function .textArea{
		width:100%;
	}

	#main .function .textArea .mainTitle .title{
		text-align:center;
	}

	#main .function .textArea .mainTitle .subs{
		text-align:center;
	}

	#main .function .imgArea{
		width:100%;
		margin-left:0%;
		margin-top:2em;
	}
}


@media screen and (max-width: 1180px){

	#main .difficult{
		width:94%;
		margin:7.5em auto 0;
	}

	#main .difficult .difficultList{
		margin-top:2.5em;
	}

	#main .difficult .difficultList li{
		margin:0px 1em;
	}

}


@media screen and (max-width: 767px){

	#main .difficult .difficultList li{
		width:80px;
		margin:0px 0.5em;
	}

	#main .difficult .difficultList .arrow{
		width:10px;
	}

}


@media screen and (max-width: 1180px){

	#main .counsel{
		width:94%;
		margin:7.5em auto 7.5em;
	}

}


@media screen and (max-width: 767px){

	#main .counsel .formList li{
		width:100%;
	}

	#main .counsel .formList li.right{
		margin-left:0;
	}
}