@charset "UTF-8";
@font-face {
    font-family: 'Cafe24Oneprettynight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.footer {margin-top: 0px !important;}
.page_sq{padding:50px 0 120px 0; color:#666;}
.page_sq .title:after { content:""; clear:both; display:block; }
.page_sq .title .title_logo{float:right;}
.page_sq .content{padding:65px 0 90px 0; background:#fff;}
.page_sq .content .text_question{font-family: 'Cafe24Oneprettynight'; font-size: 36px; color:#666; text-align: center; padding:0 0 40px 0;}
.page_sq .content .text_question span{color:#f2758c;}
.page_sq .content .text_big{font-size: 24px; color:#666;line-height: 30px; text-align: center;}
.page_sq .content .text_normal{font-size: 18px; color:#666;line-height: 30px;}
.page_sq .content .text_normal span{font-size: 24px; color:#f2758c;}

.sq_intro{background:url(../images/sq/bg_intro.jpg) right bottom no-repeat; background-size: 100%;}
.sq_intro .content .text_normal{width:785px; margin:auto; word-break:keep-all;}
.sq_intro .box_ban{width: 780px; margin:auto;}
.sq_intro .box_ban button{padding: 0;border: 0;}
.sq_intro .box{background:#f1f1f1; width:780px; margin: 10px auto 0;padding:35px 0;}
.sq_intro .box .info{font-size: 18px; color:#666; text-align: center;}
.sq_intro .box .info_box{width:610px; margin:30px auto 20px;}
.sq_intro .box .info_box input[type='text']{border:1px solid #d4d8e3; border-radius:5px; background:#fff; line-height: 50px;    display: inline-block; width: 49%;    padding: 0 10px;}
.sq_intro .box .info_bt{text-align: center;}
.sq_intro .box .info_bt button{display:inline-block; font-size: 20px; color:#fff; text-align: center;border-radius:5px; background: #f2758c; width:180px; height:50px;}
.sq_intro .box .info_bt a{display:inline-block; font-size: 20px; color:#fff; text-align: center;border-radius:5px; background: #f2758c; width:180px; height:50px; line-height: 50px;}


.white_content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
        z-index: 999;
}
.white_content:target {
    opacity:1;
    pointer-events: auto;
}
.white_content > div {
	position: absolute;
	    top: 10%;
    left: 50%;
    margin-left: -495px;
	width: 1000px;
    height: 705px;
	background-color: white;
	overflow: auto;	
}

.white_content .pop_close{position: absolute; right: 15px; top: 15px;}
.white_content .pop_img{}

.white_content2 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background:rgba(0, 0, 0, 0.5);
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
        z-index: 9;
}
.white_content2:target {
    opacity:1;
    pointer-events: auto;
}
.white_content2 > div {
	position: absolute;
	    top: 35%;
    left: 50%;
    margin-left: -10%;
	width: 330px;
    height: 195px;
	background-color: white;
	overflow: auto;	
    border:1px solid #e6e6e6;
}

.white_content2 .pop_close{position: absolute; right: 15px; top: 15px;}
.white_content2 .pop_close img{width:20px;}
.white_content2 .pop_share{    padding: 10px 10px 10px;}
.white_content2 .pop_share:after { content:""; clear:both; display:block; }
.white_content2 .pop_share li{width:33.3%; float:left; padding: 10px 0;}
.white_content2 .pop_share li:last-child{text-align: left; width:50%;}
.white_content2 .pop_share li a{font-size:14px;}
.white_content2 .pop_share li p{margin:5px 0 0 0;}

.sq_category{background:url(../images/sq/bg_intro.jpg) right bottom no-repeat; background-size: 100%;padding: 50px 0 400px 0;}
.sq_category .list{padding:0 0 0 125px; color:#666;}
.sq_category .list table{width:100%;}
.sq_category .list th{text-align: left;    padding: 10px 0;}
.sq_category .list li{display: inline-block; width:15.666%;}
.sq_category .list li span{margin: 0 0 0 5px;}
.sq_category .list input[type=text]{border:1px solid #bfbfbf; width:100px;}

[type="radio"] {
  vertical-align: middle;
  appearance: none;
  border: max(2px, 0.1em) solid gray;
  border-radius: 50%;
  width: 1.05em;
  height: 1.05em;
  transition: border 0.1s ease-in-out;
}

[type="radio"]:checked {
  border: 0.4em solid #435ebe;
}

[type="radio"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) dotted #435ebe;
}

[type="radio"]:hover {
  box-shadow: 0 0 0 max(4px, 0.2em) lightgray;
  cursor: pointer;
}

[type="radio"]:disabled {
  background-color: lightgray;
  box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed;
}

[type="radio"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}

.sq_category .info_bt{text-align: center; margin:50px 0 0 0;}
.sq_category  .info_bt button{display:inline-block; font-size: 20px; color:#fff; text-align: center;border-radius:5px; background: #f2758c; height:50px;    padding: 0 20px;}
.sq_category  .info_bt a{display:inline-block; font-size: 20px; color:#fff; text-align: center;border-radius:5px; background: #f2758c; height:50px; line-height: 50px;    padding: 0 20px;}


.sq_question_step1{background:url(../images/sq/bg_intro.jpg) right bottom no-repeat; background-size: 100%;}
.sq_step2_question1{background:url(../images/sq/bg_step2_question1.jpg) right bottom no-repeat; background-size: 100%;}
.sq_step2_question2{background:url(../images/sq/bg_step2_question2.jpg) right bottom no-repeat; background-size: 100%;}
.sq_step2_question3{background:url(../images/sq/bg_step2_question3.jpg) right bottom no-repeat; background-size: 100%;}
.sq_step2_question4{background:url(../images/sq/bg_step2_question4.jpg) right bottom no-repeat; background-size: 100%;}
.sq_step2_result{background:url(../images/sq/bg_step2_result.jpg) center center no-repeat; background-size:cover;}
.sq_question .list{padding:0 20px; color:#666;}
.sq_question .list table{width:100%;}
.sq_question .list th{text-align: left;    padding: 20px 0; width:57%;border-bottom: 1px dotted #bcbcbc;}
.sq_question .list th span{margin:0 15px 0 0;}
.sq_question .list td{border-bottom: 1px dotted #bcbcbc;}
.sq_question .list li{display: inline-block; padding: 0 20px 0 0;}
.sq_question .list li span{margin: 0 0 0 5px;}
.sq_question .info_bt{text-align: center; margin:50px 0 0 0;}
.sq_question .info_bt button{display:inline-block; font-size: 20px; color:#fff; text-align: center;border-radius:5px; background: #f2758c; height:50px;   padding: 0 20px;}
.sq_question .info_bt a{display:inline-block; font-size: 20px; color:#fff; text-align: center;border-radius:5px; background: #f2758c; height:50px; line-height: 50px;    padding: 0 20px;}




.sq_step1_result{background:url(../images/sq/bg_intro.jpg) right bottom no-repeat; background-size: 100%;}
.sq_step1_result .content{padding: 65px 0 10px 0;}
.sq_step1_result .content .text_normal{width:900px; margin:auto;}
.sq_step1_result .content .text_normal li{    display: inline-block; vertical-align: top;}
.sq_step1_result .content .text_big{margin:0 0 30px 0;}
.sq_step1_result .box{background:#f1f1f1; width:780px; margin: 50px auto 0;padding:35px 0;}
.sq_step1_result .box .info{font-size: 18px; color:#666; text-align: center;}
.sq_step1_result .box_ban{    text-align: center; margin: 40px 0 0 0;}
.sq_step1_result .box_ban button{padding: 0;border: 0;}
.sq_step1_result .box .info_box{width:610px; margin:30px auto 20px;}
.sq_step1_result .box .info_box input[type='text']{border:1px solid #d4d8e3; border-radius:5px; background:#fff; line-height: 50px;    display: inline-block; width: 49%;    padding: 0 10px;}
.sq_step1_result .info_bt{text-align: center; margin:30px 0 40px 0; position: relative;}
/*.sq_step1_result .info_bt a{display:inline-block; font-size: 20px; color:#fff; text-align: center;border-radius:5px; background: #f2758c;  height:50px; line-height: 50px; padding:0 20px;}*/
.sq_step1_result .info_bt button{display:inline-block; font-size: 20px; color:#fff; text-align: center;border-radius:5px; background: #aaa; border:1px solid #aaa; height:50px;  padding:0 20px;    margin: -5px 0 0 0;}
.sq_step1_result .info_bt button.restart{display:inline-block; font-size: 22px; font-weight:600; color:#fff; text-align: center;border-radius:5px; background: #002e80; border:1px solid #002e80; height:50px;  padding:0 20px;    margin: -5px 0 0 0;}
.sq_step1_result .info_bt1_1{text-align: center; margin:0 0 80px 0;}
.sq_step1_result .info_bt1_1 button{display:inline-block; font-size: 20px; color:#fff; text-align: center;border-radius:5px; background: #aaa;  height:50px;  padding:0 20px;}

.sq_step1_result .content2{padding:65px 0 90px 0; background:rgba(255,238,221,0.8);}
.sq_step1_result .content2 .text_question2{font-family: 'Cafe24Oneprettynight'; font-size: 36px; color:#666; text-align: center;}
.sq_step1_result .content2 .text_question2 span{font-size:24px;}
.sq_step1_result .text_box{width:970px; margin:auto;}
.sq_step1_result .text_box:after { content:""; clear:both; display:block; }
.sq_step1_result .text_box li{width:100%; font-size: 18px; color:#666;line-height: 30px; text-align:center;}
.sq_step1_result .text_box li:last-child{margin:25px 0 30px 0;}
.sq_step1_result .info_bt2{text-align: center; margin:20px 0 0 0;}
/*.sq_step1_result .info_bt2 a{display:inline-block; font-size: 20px; color:#fff; text-align: center;border-radius:5px; background: #c97c31;  height:50px; line-height: 50px; padding:0 100px;}*/

.sq_step1_result .box_keyword{}
.sq_step1_result .box_keyword .text{text-align: center; font-size: 20px; margin:70px 0 35px 0;}
.sq_step1_result .box_keyword .keyword{text-align: center;}
.sq_step1_result .box_keyword .keyword .keyword_link{display:inline-block; font-size: 25px;}
.sq_step1_result .box_keyword .keyword .keyword_link a{color:#666; border:2px solid #e1e1e1; padding:15px 25px;}
.sq_step1_result .box_keyword .keyword .keyword_link a:hover{background:#e1e1e1; }

.sq_step1_result .share_bt{background: #fff !important; padding: 0 !important; border: 0px !important;}
.sq_step1_result .share_box #shareHideBtn{background: #fff !important; padding: 0 !important; border: 0px !important; position:absolute; top: 5px; right:10px;}
.sq_step1_result .share_box #shareHideBtn img{width:25px;}
.sq_step1_result .share_box{padding: 10px 10px 10px;    width: 330px;
    height: 195px;
    background-color: white;
    overflow: auto;
    border: 1px solid #e6e6e6;position: absolute;left: 50%;
    margin-left: -23.2%;
    top: 50px;}
.sq_step1_result .share_box .pop_share:after { content:""; clear:both; display:block; }
.sq_step1_result .share_box .pop_share li{width:33.3%; float:left; padding: 10px 0;}
.sq_step1_result .share_box .pop_share li:last-child{text-align: left; width:50%;}
.sq_step1_result .share_box .pop_share li a{font-size:14px;}
.sq_step1_result .share_box .pop_share li p{margin:5px 0 0 0;}


.sq_step2_result .box{border-bottom:1px solid #e2e2e2;padding: 50px 0;}
.sq_step2_result .box:after { content:""; clear:both; display:block; }
.sq_step2_result .left{float:left; width:20%; text-align:center;}
.sq_step2_result .text_title{font-size: 30px; color:#666;    margin: 0 0 20px 0;}
.sq_step2_result .right{float:left; width:80%; }
.sq_step2_result .right .text_normal{padding: 0 40px 0 0;}
.sq_step2_result .con_temple{margin:30px 0 20px 0; display:none;}
.sq_step2_result .con_temple:after { content:""; clear:both; display:block; }
.sq_step2_result .con_temple .foto_step2_1_temple_a{background:url(../images/sq/step2_1_temple_a.jpg) top center no-repeat; background-size:cover;}
.sq_step2_result .con_temple .foto_step2_1_temple_b{background:url(../images/sq/step2_1_temple_b.jpg) top center no-repeat; background-size:cover;}
.sq_step2_result .con_temple .foto_step2_1_temple_c{background:url(../images/sq/step2_1_temple_c.jpg) top center no-repeat; background-size:cover;}
.sq_step2_result .con_temple .foto_step2_2_temple_a{background:url(../images/sq/step2_2_temple_a.jpg) top center no-repeat; background-size:cover;}
.sq_step2_result .con_temple .foto_step2_2_temple_b{background:url(../images/sq/step2_2_temple_b.jpg) top center no-repeat; background-size:cover;}
.sq_step2_result .con_temple .foto_step2_2_temple_c{background:url(../images/sq/step2_2_temple_c.jpg) top center no-repeat; background-size:cover;}
.sq_step2_result .con_temple .foto_step2_3_temple_a{background:url(../images/sq/step2_3_temple_a.jpg) top center no-repeat; background-size:cover;}
.sq_step2_result .con_temple .foto_step2_3_temple_b{background:url(../images/sq/step2_3_temple_b.jpg) top center no-repeat; background-size:cover;}
.sq_step2_result .con_temple .foto_step2_3_temple_c{background:url(../images/sq/step2_3_temple_c.jpg) top center no-repeat; background-size:cover;}
.sq_step2_result .con_temple .foto_step2_4_temple_a{background:url(../images/sq/step2_4_temple_a.jpg) top center no-repeat; background-size:cover;}
.sq_step2_result .con_temple .foto_step2_4_temple_b{background:url(../images/sq/step2_4_temple_b.jpg) top center no-repeat; background-size:cover;}
.sq_step2_result .con_temple .foto_step2_4_temple_c{background:url(../images/sq/step2_4_temple_c.jpg) top center no-repeat; background-size:cover;}
.sq_step2_result .con_temple .foto{float:left; width:40%;position:relative; cursor:pointer;}
.sq_step2_result .con_temple .foto:before{content:"";display:block;padding-bottom:62%;}
.sq_step2_result .con_temple .foto:hover .foto_link{display:block; transition: all ease 0.3s;}
.sq_step2_result .con_temple .foto:hover:before{background:rgba(0,0,0,0.5);}
.sq_step2_result .con_temple .foto .foto_link{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); color:#fff;}
.sq_step2_result .con_temple .temple_info{float:left; width:60%;     padding: 0 50px 0 20px; cursor:pointer;}
.sq_step2_result .con_temple .temple_info .text1 span{font-size: 14px; color:#fff; background: #aea186; border-radius:10px;padding: 5px 10px;}
.sq_step2_result .con_temple .temple_info .text2{font-size: 18px; margin:20px 0 10px 0;font-weight: 600;}
.sq_step2_result .con_temple .temple_info .text3{font-size: 16px; line-height:24px;}

.sq_step2_result .info_bt{text-align:Center; padding:30px 0 0 0;}
.sq_step2_result .info_bt .bt_gray{background:#aaa; color:#fff; border:1px solid #aaa;font-size: 20px;height:50px; }
.sq_step2_result .info_bt .bt_pink{background:#f2758c; color:#fff; border:1px solid #f2758c;font-size: 20px;height:50px; }

.page_sq .content .text_normal span.firstsentence {font-size:22px; color:##f2758c;}


.policy {font-size:14px; padding:20px; line-height:21px; font-weight:400;}
.agreement{position:relative;margin:25px 0 0 20px;}
.agreement [type="checkbox"]{display:none;}
.agreement [type="checkbox"] + label{position:relative;display:inline-block;vertical-align:middle;font-size:18px;font-weight:500;color:#7e7e7e;line-height:1.8;padding-left:30px;cursor:pointer;}
.agreement [type="checkbox"] + label:before,
.agreement [type="checkbox"] + label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:3px;border:2px solid #6da7ff;box-sizing:border-box;}
.agreement [type="checkbox"] + label:after{display:none;border-color:transparent;background-image:url(../images/page_modal_agreement_checkbox_icon.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.agreement [type="checkbox"]:checked + label:after{display:block;}


.sq_step1_result_quick{position:absolute;border-radius:50%;background:#efefef; width:200px; height:200px;text-align:center;top:1000px; right:5%;}
.sq_step1_result_quick:before{content:"";display:block;padding-bottom:100%; }
.sq_step1_result_quick_in{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width: 100%;}
.sq_step1_result_quick ul{padding: 0 0 0 40px;}
.sq_step1_result_quick li{text-align:left;    padding: 0 0 10px 0;}
.sq_step1_result_quick li a{font-size:18px; line-height:20px;}

.sq_step1_result_quick .sq_step1_result_quick_close{    position: absolute; right: 0; top: -15px;}
.sq_step1_result_quick .sq_step1_result_quick_close button{background: none; border: none;}
.sq_step1_result_quick .sq_step1_result_quick_close button img{    width: 25px;}