/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)  and (-ms-high-contrast: active), (-ms-high-contrast: none) {

   .end_bg {
       width: 600px;
       top: 20px;
   }
}

@media (min-width: 992px) {
	.section.active {
    	-webkit-animation: m_from_down 0.7s ease-in-out;
    	-moz-animation: m_from_down 0.7s ease-in-out;
    	-ms-animation: m_from_down 0.7s ease-in-out;
    	-o-animation: m_from_down 0.7s ease-in-out;
    	animation: m_from_down 0.7s ease-in-out;
        top: 23%;
		max-width: 850px;
		left: 50%;
		margin-left: -425px;
	}
	.icon_phone {
	    width: 120px;
    	height: 160px;
		left: 0px;
		bottom: 0px;
	}
	.icon_ruler {
		width: 160px;
	    height: 80px;
	    left: 300px;
	    bottom: 0px;
	}
	.icon_cafe {
		width: 190px;
	    height: 240px;
	    left: 14%;
	    top: -50px;
	}
	.icon_questionnaire {
		width: 420px;
		height: 250px;
		left: 45%;
		top: -30px;
	}
	.icon_pen {
		width: 270px;
		height: 100px;
		left: 69%;
		bottom: 10px;
	}
	.icon_bg_left {
	    width: 300px;
	    height: 160px;
	    left: 50px;
	    bottom: 0px;
	}
	.icon_bg_right {
	    width: 500px;
	    height: 100%;
	    right: -100px;
	    bottom: 0px;
	}
	.icon_bg_top {
	    width: 500px;
	    height: 200px;
	    left: -30px;
	    top: 0px;
	}
	.header_title {
	    text-align: center;
	    position: relative;
    	top: 100px;
	}
	.intro_text {
	    letter-spacing: 0.5px;
	    font-size: 18px;
	    margin-top: 40px;
	    margin-bottom: 30px;
	    width: 60%;
	}
    .agree_radio_title {
        display: block;
    }
    .agree_radio {
    	padding: 0px;
    }
    .agree_radio > div {
	    width: 20%;
	    padding: 0px;
	    padding-top: 5px;
	    padding-left: 15px;
	    line-height: 0px;
	}
	tbody {
		width: 95%;
		display: table;
	}
    .mshow {
        display: none;
    }
    .pc_radio_title {
        display: block;
    }
    .radio_group {
    	border: 0px;
    }
    .radio_group:hover {
        background: #dff2f3;
    }

	.top_area {
		padding: 20px;
		border-bottom: 10px solid #daeaea;
	}
	.question_area {
		padding: 20px;
	}
	.ques_number {
		position: relative;
		display: inline-block;
	}
	.pad_1 {
		padding-left: 0px;
	}
	.style_1 {
	    padding-left: 0px;
	    padding-right: 5px;
	    /*width: 20%;*/
	}
	.pc_radio_title {
		padding-bottom: 5px;
	    border-bottom: 1px solid #ddd;
	    margin-bottom: 5px;
	}

    .ques_item .mdl-checkbox:hover, .ques_item .mdl-radio:hover {
        background: #dff2f3;
        height: auto;
    }
    .mdl-textfield {
		width: 86%;
		padding-top: 0px;
		/*float: right;*/
	}
    .process {
    	max-width: 850px;
	    height: 62px;
	}
	.ques_item {
	    margin: 0px 20px;
	}
	.endbtn {
	    width: 33%;
	}

	/* end */
	.end_bg {
		background: url('../images/finish/finish_paper.svg');
		background-size: 100%;
		background-repeat: no-repeat;
		/*position: fixed;*//*ie cannot*/
		position: absolute;
        width: 650px;
	    height: 70%;
	    left: 50%;
	    top: 80px;
	    z-index: -1;
	    margin-left: -300px;
	}
	.q_woman {
	    width: 220px;
	    height: 600px;
	    right: 12%;
	    top: 0px;
	    z-index: 5;
	}
	.end_text {
        color: #069c96;
        left: 50%;
        position: absolute;
        top: 50%;
        margin-left: -240px;
        width: 480px;
        margin-top: -130px;
	}
	.text_b {
	    font-size: 1.8em;
	    line-height: 1.5em;
	    font-weight: 700;
	    text-shadow: 0px 0px 0px #333;
	}
	.close_end_page {
		width: 90%;
		/*margin: 0px auto;*/
		text-align: center;
	}
	.close_end_btn {
	    /*cursor: pointer;*/
	    display: inline-block;
	}
	.green_cloud_1 {
		width: 160px;
	    height: 120px;
	    left: 10%;
	    top: 30%;
	}
	.green_cloud_2 {
		width: 160px;
		height: 150px;
		right: 10%;
		top: 50%;
		z-index: 0;
	}
	.white_cloud_1 {
		top: 50%;
	}
	.white_cloud_2 {
		width: 120px;
	    height: 180px;
	    right: 20px;
	    top: 20%;
    }
    .moutain_1 {
        left: -100px;
        bottom: 0px;
        height: 150px;
    }
    .moutain_2 {
        width: 500px;
        bottom: 0px;
        height: 100px;
        left: 20%;
    }
    .moutain_3 {
        bottom: 0px;
        right: -180px;
        width: 500px;
        height: 130px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.section.active {
    	-webkit-animation: d_from_down 0.7s ease-in-out;
    	-moz-animation: d_from_down 0.7s ease-in-out;
    	-ms-animation: d_from_down 0.7s ease-in-out;
    	-o-animation: d_from_down 0.7s ease-in-out;
    	animation: d_from_down 0.7s ease-in-out;
        top: 22%;
    }
	.icon_cafe {
		top: -90px;
	}
	.icon_phone {
		width: 140px;
		height: 181px;
	}
	.icon_ruler {
		width: 160px;
	    height: 80px;
	    left: 300px;
	    bottom: 0px;
	}
	.icon_questionnaire {
		width: 400px;
		left: 53%;
	}
	.icon_pen {
	    height: 100px;
	    left: 73%;
	    bottom: 20px;
	}
	.icon_bg_left {
	    width: 300px;
	    height: 160px;
	    left: 50px;
	    bottom: 0px;
	}
	.icon_bg_right {
	    width: 500px;
	    height: 100%;
	    right: -100px;
	    bottom: 0px;
	}
	.icon_bg_top {
	    width: 500px;
	    height: 200px;
	    left: -30px;
	    top: 0px;
	}
	.intro_text {
	    letter-spacing: 0.5px;
	    font-size: 18px;
	    margin-top: 40px;
	    margin-bottom: 30px;
	    width: 40%;
	}
	.end_bg {
        top: 40px;
    	margin-left: -350px;
	}
	.q_woman {
	    right: 20%;
	}
	.white_cloud_2 {
	    right: 12%;
    	top: 35%;
	}
	.green_cloud_2 {
	    right: 15%;
        width: 220px;
	}
	.close_end_page {
		width: 70%;
	}
	/*.end_text {
	    margin: 12% 30% 6% 28%;
	}*/
	.moutain_1 {
	    left: -50px;
	    bottom: -50px;
	    z-index: 0;
	    height: 170px;
	}
	.moutain_2 {
	    width: 460px;
	    bottom: -60px;
	    height: 150px;
	}
	.moutain_3 {
	    bottom: -50px;
        right: -150px;
        z-index: 1;
        width: 550px;
        height: 180px;
	}

}