* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	letter-spacing: -0.05rem;
}
html,body {
	font-size:20px;
}
.flex_wrapper,.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.align-center {
	align-items:center;
}
.wrap_770 {
	max-width:770px;
	width:90%;
	margin:0 auto;
}
.wrap_1140 {
	max-width:1140px;
	width:100%;
	margin:0 auto;
}
.wrap_1280 {
	max-width:1280px;
	width:100%;
	margin:0 auto;
}
.wrap_1620 {
	max-width:1620px;
	width:90%;
	margin:0 auto;
}

.org {
	color:#FF7511 !important;
}
.logo_wrap {
	position:absolute;
	left:50%;
	top:1.4rem;
	transform:translate(-50%,0);
	z-index: 2;
}
.logo_wrap img {
	width:4rem;
}

#Index {
	min-height:100vh;
	min-height:100dvh;
	width:100%;
	background:#FF7511;
	overflow:hidden;
	position:relative;
}
#Index .cont_wrap {
	padding:2rem 0;
	position: absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
#Index .flex_wrapper {
	height: 24.3rem;
}
#Index .flex_wrapper .left {
	text-align: center;
}
#Index .left .title_wrap {
	position: relative;
}
#Index .left .title_wrap .bubble {
	position: absolute;
	left: 0.85rem;
	top: 0;
	/* opacity: 0; */
	animation:zoomIn 0.7s ease;
	animation-delay:0s;
	animation-fill-mode: forwards;
}
#Index .left .title_wrap .mini_title {
	position: absolute;
	right: 2rem;
	top: 1.05rem;
	opacity: 0;
	animation:fadeIn 0.7s ease;
	animation-delay:0.4s;
	animation-fill-mode: forwards;
}
#Index .left .title_wrap .title {
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	opacity: 0;
	animation:slideInUp 1.2s ease;
	animation-delay:0.6s;
	animation-fill-mode: forwards;
}
#Index .right img {
	transform: translate(-11%,-12%);
}


@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.4, .4, .4);
  }

  80% {
    opacity: 1;
  }
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 2%, 0);
    visibility: visible;
    opacity:0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity:1;
  }
}
@keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
#Index ul {
	font-size : 0.9rem;
	color:#331E07;	
	font-weight:500;
	border-radius:0.75rem;
	margin:auto;
}
#Index ul li {
	display:inline-block;
	font-size: 0.9rem;
	color: #fff;
	font-weight: 400;
	letter-spacing: -5%;
}
#Index ul li:first-child {
	margin-right:1.2rem;
}
#Index ul span {
	display:inline-block;
	width:4.8rem;
	background:#919191;
	padding:0.2rem 0;
	margin-right:0.3rem;
	border-radius:0.75rem;
	font-size: 0.9rem;
	color:#fff;
	font-weight:700;
	text-align:center;
}
#Index .btn {
	position: relative;
	z-index: 3;
	display: block;
	display: inline-block;
}
.iframe_wrapper {
	border-radius: 0.6rem;
	overflow: hidden;
	padding-top:56%;
	position:relative;
}
.iframe_wrapper iframe {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}

.Subpage {
	min-height:100vh;
	min-height:100dvh;
	background:#fff;
	position:relative;
	padding: 3.5rem 0 2.75rem;
}
.Subpage .bar_bg {
	width: 68px;
	height: 100%;
	position: fixed;
	left:0;
	top:0;
	background: url(../img/question/bar_bg.png) #F9F9F9 no-repeat top center;
	background-size: contain;
}
.Subpage .bar_bg .logo {
	position: absolute;
	left:13px;
	bottom: 21px;
}
.Subpage .top_bg {
	position: absolute;
	width: calc(100% - 68px);
	top: 0;
	right: 0;
	background: linear-gradient(180deg, #E9E9E9 0%, transparent 46.63%);
	height: 173px;
	/* border: 1px solid black; */
}
.Subpage .top_bg .select {
	position: absolute;
	left: 19px;
	top: 19px;
}
.Subpage .top_bg .share {
	position: absolute;
	right: 40px;
	top: 19px;
}
.Subpage .contents {
	position:relative;
	z-index: 2;
}
.Subpage .cont_wrap {
	/* border: 1px solid black; */
}
.Subpage .question {
	display: block;
	margin-left: auto;
	animation:fadeInUp 0.7s ease;
	animation-delay:0s;
	animation-fill-mode: forwards;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.Subpage .ai_answer {

}
.Subpage .typing-demo {
	font-size: 0.9rem;
	color: #000;
	line-height: 144.44%;
	overflow: hidden;
	/* border-right: 2px solid #000; */
	animation: cursor 0.5s infinite alternate;
	animation-delay: 0.5s;
}
@keyframes cursor {
  50% { border-color: transparent; }
}
    
.Subpage .tab_wrapper {
	margin-bottom:-0.6rem;
}
.Subpage .tab_wrapper li.active {
	background:#FF7511;
}
.Subpage .tab_wrapper li {
	width:33%;
	background:#DBD2CA;
	border-radius:1rem 1rem 0 0;
	padding:0.2rem 0 1rem;
}
.Subpage .tab_wrapper li a {
	color:#fff;
	font-size:1.1rem;
	font-weight:700;
}
.Subpage .tab_wrapper li a small {
	font-weight:400;
	font-size:0.8rem;
}
.Subpage .tab_cont {
	background:#fff;
	border:1px solid #CDCDCD;
	text-align:center;
	color:#7B6353;
	border-radius:0.5rem;
	padding:2.5rem 2.5rem 1.7rem 2.5rem;
	position:relative;
	font-weight:400;
}
.Subpage .tab_cont>img {
	max-width:100%;
}
.Subpage .tab_cont p {
	font-size:1.1rem;
}
.Subpage .tab_cont>h3 {
	font-size:1.05rem;
	font-weight:bold;
	letter-spacing: -7%;
	color: #fff;
	background: #FF7511;
	padding: 0.25rem 3.2rem;
	border-radius: 3rem;
	position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    left: 50%;
    width: max-content;
}
.Subpage .tab_cont>h4 {
	font-size:1.3rem;
	font-weight:600;
	line-height:1.3;
}
.popup_back {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	height:100svh;
	background:rgba(0,0,0,0.4);
	z-index: 4;
	/* display:none; */
}
.popup_back .pop_wrapper {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:390px;
}
.popup_back .pop_wrapper button {
	position: absolute;
	right:0;
	top: -40px;
}
.popup_back .pop_cont {
	width: 390px;
	height: 566px;
	background: url(../img/finish/popup_cont.png) no-repeat center center;
	background-size: contain;
}
.popup_back .pop_cont a {
	position: absolute;
	bottom: 13px;
	left:39px;

}

.ai_answer .desc {
	opacity: 0;
	font-size: 0.7rem;
	line-height: 1.3rem;
	letter-spacing: -6%;
	color: #747474;
	text-align: center;
}

#Question .ai_answer img {
	opacity: 0;
	animation:fadeInUp 0.8s ease;
	animation-delay:2.3s;
	animation-fill-mode: forwards;
}
#Question .ai_answer img.answer2 {
	animation-delay: 2.6s;
}
#Question .ai_answer img.answer3 {
	animation-delay: 2.8s;
}
#Question .ai_answer img.answer4 {
	animation-delay: 3s;
}
#Question .ai_answer .btn {
	opacity: 0;
	display: block;
	margin: 0 auto 0.5rem;
	animation:fadeIn 0.8s ease;
	animation-fill-mode: forwards;
	animation-delay: 3.6s;
}
#Question .ai_answer .desc {
	opacity: 0;
	font-size: 0.7rem;
	line-height: 1.3rem;
	letter-spacing: -6%;
	color: #747474;
	animation:fadeIn 0.8s ease;
	animation-fill-mode: forwards;
	animation-delay: 3.6s;
	text-align: center;
}

#Answer .ai_answer img {
	opacity: 0;
	animation:fadeInUp 0.8s ease;
	animation-delay:2.2s;
	animation-fill-mode: forwards;
}
#Answer .ai_answer .iframe_wrapper {
	opacity: 0;
	animation:fadeInUp 0.8s ease;
	animation-delay:2.4s;
	animation-fill-mode: forwards;
}
#Answer .ai_answer img.answer2 {
	animation-delay: 2.6s;
}
#Answer .ai_answer .btn {
	opacity: 0;
	display: block;
	margin: 0 auto 0.5rem;
	animation:fadeIn 0.8s ease;
	animation-fill-mode: forwards;
	animation-delay: 3s;
}
#Answer .ai_answer .desc {
	animation:fadeIn 0.8s ease;
	animation-fill-mode: forwards;
	animation-delay: 3s;
	text-align: center;
}

#Finish .ai_answer img {
	opacity: 0;
	animation:fadeInUp 0.7s ease;
	animation-delay:0.3s;
	animation-fill-mode: forwards;
}
#Finish .ai_answer img.gift02 {
	animation-delay:0.5s;
}
#Finish .ai_answer .btn {
	opacity: 0;
	display: block;
	margin: 0 auto 0.5rem;
	animation:fadeIn 0.8s ease;
	animation-fill-mode: forwards;
	animation-delay: 0.7s;
}


.mb_10 { margin-bottom:0.5rem !important;}
.mb_15 { margin-bottom:0.75rem !important;}
.mb_20 { margin-bottom:1rem !important;}
.mb_25 { margin-bottom:1.25rem !important;}
.mb_30 { margin-bottom:1.5rem !important;}
.mb_35 { margin-bottom:1.75rem !important;}
.mb_40 { margin-bottom:2rem !important;}
.mb_50 { margin-bottom:2.5rem !important;}
.mb_60 { margin-bottom:3rem !important;}
.mb_70 { margin-bottom:3.5rem !important;}
.mb_80 { margin-bottom:4rem !important;}
.mb_90 { margin-bottom:4.5rem !important;}


@media (max-width:1620px) or (max-height:900px){
	.wrap_1620 {
		width:90%;
	}
	html {
		font-size:19px;
	}
}
@media (max-width:1440px) or (max-height:800px){
	html {
		font-size:18px;
	}
}
@media (max-width:1280px) or (max-height:700px){

	html,body {
		min-width:1200px;
	}
}


/* @media screen and (max-height:900px) {
	#Index > *{ zoom:0.9;}
}
@media screen and (max-height:800px) {
	#Index > *{ zoom:0.8;}
}
@media screen and (max-height:700px) {
	#Index > *{ zoom:0.75;}
	#Index {
		min-height:750px;
	}
} */