.single_reult_body.orange_bg{
	background-color: #ef5a24;
}

.single_reult_body.silver_bg{
	background-color: #9fa1a4;
}

.single_reult_body.black_bg{
	background-color: #000;
	color:#9fa1a4;
}

.black_bg .chat_result_box + .chat_result_box {
	border-left: 1px solid #9fa1a4;
  }

  .black_bg .chat_result_box_wrapper {
	border-left: 1px solid #9fa1a4;
	border-right: 1px solid #9fa1a4;
}

.black_bg .share_bottom_btn_wrapper{
	background-color: #000;
	border-top: 1px solid #9fa1a4;
	color:#9fa1a4;
}

.black_bg .share_bottom_btn_wrapper > a{
	color:#9fa1a4;
}

.black_bg .share_bottom_btn_wrapper > a:hover {
	background-color: #9fa1a4;
	color: #000;
  }

.black_bg  .share_bottom_btn_wrapper::after {
	border-left: 1px solid #9fa1a4;
  }

.black_bg .chat_result_content, 
.black_bg .chat_result_top_bg, 
.black_bg .chat_result_bottom_bg{
	background: #000;
}

.black_bg .chat_result_top_bg::after{
	border-color: transparent transparent transparent #000;
}

.black_bg .chat_result_top_bg::before {
	border-color: transparent transparent #000 transparent;
  }

.black_bg   .chat_result_bottom_bg::after {
border-color: #000 transparent transparent transparent;
}
.black_bg   .chat_result_bottom_bg::before {
border-color: transparent #000 transparent transparent;
}

.black_bg .score_percentage_bar {
	border: 1px solid #9fa1a4;
  }

.black_bg  .score_percentage_bar > div{
	background-color: #9fa1a4;
}

.black_bg .score_icon_item + .score_icon_item::after {
	border-left: 1px solid #9fa1a4;
  }


  .black_bg   .score_percentage_bar .line {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #9fa1a4;
  }

  .black_bg     .score_icon_item_wrapper {
	border-top: 1px solid #9fa1a4;
  }


.black_bg .chat_result_content .ps__thumb-y::before {
	background-color: #fff;
  }
  
  .black_bg .chat_result_content .ps:hover > .ps__rail-y:before,
  .black_bg .chat_result_content .ps--focus > .ps__rail-y:before,
  .black_bg .chat_result_content .ps--scrolling-y > .ps__rail-y:before {
	background-color: #fff;
  }
  

  .black_bg .chat_result_logo{
	background-image: url("../images/share_logo_silver.png");
}

.black_bg .ticket_top_text{
	background-image: url("../images/ticket_top_text_silver.png");
}

.chat_top_logo{
	display: block;
}


.silver_bg .ps__thumb-y::before {
  background-color: #fff;
}

.silver_bg .chat_result_content .ps:hover > .ps__rail-y:before,
.silver_bg .chat_result_content .ps--focus > .ps__rail-y:before,
.silver_bg .chat_result_content .ps--scrolling-y > .ps__rail-y:before {
  background-color: #fff;
}

.silver_bg .share_bottom_btn_wrapper{
	
	background-color: #9fa1a4;
	color:#000;
}


.silver_bg .chat_result_content, 
.silver_bg .chat_result_top_bg, 
.silver_bg .chat_result_bottom_bg{
	background: #9fa1a4;
}

.silver_bg .chat_result_top_bg::after{
	border-color: transparent transparent transparent #9fa1a4;
}

.silver_bg .chat_result_top_bg::before {
	border-color: transparent transparent #9fa1a4 transparent;
  }

.silver_bg   .chat_result_bottom_bg::after {
border-color: #9fa1a4 transparent transparent transparent;
}
.silver_bg   .chat_result_bottom_bg::before {
border-color: transparent #9fa1a4 transparent transparent;
}

.silver_bg   .score_percentage_bar .line {
	border-left: 1px solid #9fa1a4;
	border-right: 1px solid #9fa1a4;
  }

  .silver_bg.single_reult_body   .chat_top_btn_wrapper{
border-bottom: 1px solid #000;
 } 

 .body_test_humanity_result_done.orange_bg a.chat_top_btn_wrapper{
	background-color:#ef5a24;
	color:#000;
}

.body_test_humanity_result_done.silver_bg a.chat_top_btn_wrapper{
	background-color:#9fa1a4;
	color:#000;
}
.body_test_humanity_result_done.black_bg a.chat_top_btn_wrapper{
	background-color:#000;
	color:#9fa1a4;
}

.body_test_humanity_result_done.orange_bg a.chat_top_btn_wrapper .chat_top_logo{
	color:#000;
}

.body_test_humanity_result_done.silver_bg a.chat_top_btn_wrapper .chat_top_logo{
	color:#000;
}
.body_test_humanity_result_done.black_bg a.chat_top_btn_wrapper .chat_top_logo{
	color:#9fa1a4;
}

.body_test_humanity_result_done.orange_bg a.chat_top_btn_wrapper:hover{
	background-color:#000;
	color:#ef5a24;
}

.body_test_humanity_result_done.silver_bg a.chat_top_btn_wrapper:hover{
	background-color:#000;
	color:#9fa1a4;
}
.body_test_humanity_result_done.black_bg a.chat_top_btn_wrapper:hover{
	background-color:#9fa1a4;
	color:#000;
}

.body_test_humanity_result_done.orange_bg a.chat_top_btn_wrapper:hover .chat_top_logo{
	color:#ef5a24;
}

.body_test_humanity_result_done.silver_bg a.chat_top_btn_wrapper:hover .chat_top_logo{
	color:#9fa1a4;
}
.body_test_humanity_result_done.black_bg a.chat_top_btn_wrapper:hover .chat_top_logo{
	color:#000;
}

.noscroll .scroll_area {
	pointer-events: none;
  }


.top_logo{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: fixed;
	left: 50px;
	top:50px;
	z-index: 999;
	pointer-events: none;
	width: 55%;
}

.hasActiveLetter .top_logo{
	width: 35%;
}


.bottom_date{
	position: fixed;
	left: 50px;
	bottom:50px;
	z-index: 999;
	pointer-events: none;
	width: 8%;
}

.bottom_logo{
	position: fixed;
	right: 50px;
	bottom:50px;
	z-index: 999;
	pointer-events: none;
	width: 5%;
}



.home_status{
	-webkit-transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s,  opacity 0.9s ease 0s; 
    transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s,  opacity 0.9s ease 0s; 
	transform: scale(1,1);
	position: fixed;
	text-align: center;
	left: 50px;
	right: 50px;
	bottom: 50px;
	z-index: 99;
	color: #000;
	margin: auto;
	font-size: 20px;
	letter-spacing: 0.1em;
}


.random_text{
	-webkit-transition: all 0.6s cubic-bezier(0.645, 1.325, 0.530, 0.980) 0s; 
    transition: all 0.6s cubic-bezier(0.645, 1.325, 0.530, 0.980) 0s; 
	position: fixed;
	width: 50%;
	right: 0px;
	top: 0px;
	height: 100%;
	z-index: 9;
	display: flex;
	flex-wrap: wrap;
	transform: scale(0,0);
}

.startAnalysing .random_text{
	transform: scale(1,1);
}

.random_text_box{
	position: absolute;
	width: 300px;
	height: 300px;
	border:1px solid #fff;
	color:#fff;
	margin: auto;
	top:0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	padding: 20px;
}

.random_text .col{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ticket_wrapper{
	position: fixed;
	right: 0px;
	width: 50%;
	top:0px;
	bottom: 0px;
	margin: auto;
	perspective: 1000px;
	overflow: auto;
	padding-top: 200px;
	padding-bottom: 200px;
	display: none;
}

.ticket{
	-webkit-transition: all 1.2s cubic-bezier(0.645, 1.325, 0.530, 0.980) 0s; 
    transition: all 1.2s cubic-bezier(0.645, 1.325, 0.530, 0.980) 0s; 
	position: absolute;
	width: 50%;
	left: 0%;
	right: 0%;
	margin: auto;
	transform: translateY(75%) rotateX(-15deg);
	z-index: 9;
}

body{
}

.finishAnalysing .ticket{
	transform: translateY(0%) rotateX(0deg);
}


.overlay{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: fixed;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 100%;
	background-color: #ff8535;
	z-index: 1;
	mix-blend-mode: difference;
	pointer-events: none;
}

.body_test_humanity .overlay, .body_user_guide .overlay{
	left: -50%;
}

.body_played_test .overlay{
	left: -50%;
}

.over_btn_wrapper_bg{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: fixed;
	top:0%;
	right: 50px;
	bottom: 0%;
	margin: auto;
	width: 100%;
	max-width: 220px;
	max-height: 320px;
	z-index: 97;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	mix-blend-mode: color-burn;
}

.over_btn_wrapper{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: fixed;
	top:0%;
	right: 50px;
	bottom: 0%;
	margin: auto;
	width: 100%;
	max-width: 220px;
	max-height: 320px;
	z-index: 97;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	cursor: pointer;
	border-radius: 10px;
	color:#9fa1a4;
	background-color: rgba(0, 0, 0, 0.5);
	border:1px solid #9fa1a4;
	/* filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5)); */
	overflow: hidden;
}


.body_test_humanity .over_btn_wrapper, .body_test_humanity .over_btn_wrapper_bg{
	top: -250%;
}

.body_user_guide .over_btn_wrapper, .body_user_guide .over_btn_wrapper_bg{
	top: 250%;
}

.over_btn_wrapper .over_btn_head{
	padding: 15px 0px;
	z-index: 1;
	text-align: center;
	}

.over_btn_wrapper .over_btn_year {
	border: 1px solid #9fa1a4;
	  border-top-color: rgb(159, 161, 164);
	  border-right-color: rgb(159, 161, 164);
	  border-bottom-color: rgb(159, 161, 164);
	  border-left-color: rgb(159, 161, 164);
	padding: 2px 3px;
	position: relative;
	top: 1px;
	left: 5px;
	transform: scale(0.8);
	transform-origin: top left;
	height: auto;
	line-height: 1em;
  }

.over_btn{
	display: flex;
	align-items: center;
	color: #9fa1a4;
	border-top:1px solid #9fa1a4;
	flex-grow: 1;
	position: relative;
	z-index: 1;
    overflow: hidden;
}

.over_btn .bg{
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background-color: rgba(0, 0, 0, 0.5);
}

.over_btn:hover .bg{
	transform: scale(1);
}

.over_btn .text_wrapper{
	position: relative;
	z-index: 1;
	margin: auto;
	text-align: center;
}

.chat_wrapper{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: fixed;
	left: 0px;
	top:100%;
	width: 100%;
	height: 100%;
	margin: auto;
	/* -webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px); */
	z-index: 1;
}

.body_test_humanity .chat_wrapper{
	top: 0%;
}

.body_test_humanity_result_loading .chat_wrapper, .body_test_humanity_result_done .chat_wrapper{
	top: -100%;
}

.chat_question_wrapper{
	position: absolute;
	left: 0px;
	top: 45px;
	bottom: 160px;
	right: 0px;
	margin: auto;
	overflow: auto;
}

.chat_question_inwrapper{
	position: relative;
}

.chat_question{
	padding: 50px 50px 0px 50px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.chat_question_item{
	max-width: 50%;
	position: relative;
	border-radius: 5px;
	padding: 10px 20px;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.chat_question_item_system{
	background-color: rgba(0, 0, 0, 0.5);
	border:1px solid #17e397;
	color: #9fa1a4;
}

.chat_question_item_left{
	background-color: rgba(0, 0, 0, 0.5);
	border:1px solid #17e397;
	color: #9fa1a4;
}

.chat_question_item_left.loading_text::before{
	content:"...";
	display: block;
	animation: loading_text 1s linear infinite;
}

@keyframes loading_text {
	0%   {content:".";}
	33.33%  {content:"..";}
	66.66%  {content:"...";}
}

.chat_question_item_left.typing_text::after{
	content:"typing...";
	display: block;
	position: absolute;
	left: 0px;
	top:100%;
	margin-top: 10px;
	color: #fff;
	animation: typing_text 1s linear infinite;
}

@keyframes typing_text {
	0%   {content:"typing.";}
	33.33%  {content:"typing..";}
	66.66%  {content:"typing...";}
}

.chat_question_item + .chat_question_item{
	margin-top: 20px;
}

.chat_question_item_right{
	background-color: transparent;
	color:#9fa1a4;
	border:1px solid #9fa1a4;
	align-self: flex-end;
}

.chat_answer_wrapper{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: absolute;
	left: 50px;
	bottom: 50px;
	right: 50px;
	margin: auto;
}

.chat_answer_remark{
	color:#9fa1a4;
	margin-bottom: 10px;
	float: left;
}

.chat_answer_remark_right{
	float: right;
	margin-top: 5px;
}

.startchat .chat_answer_remark_right{
	display: none;
}

.chat_answer_remark_right a{
	display: inline-block;
	padding: 2px 5px;
	border:1px solid transparent;
	color:#9fa1a4;
}

.chat_answer_remark_right a:hover{
	opacity: 0.5;
}

.chat_answer_remark_right a.active{
	border:1px solid #9fa1a4;
}

.chat_answer_wrapper.stopTyping{
	pointer-events: none;
	opacity: 0.5;
}

.chat_answer{
	position: relative;
	height: 60px;
	width: 100%;
	border-radius: 5px;
	background-color: #9fa1a4;
	clear: both;
}

.chat_answer_input_wrapper{
	left: 20px;
	top:0px;
	bottom: 0px;
	right: 260px;
	position: absolute;
}

.chat_answer_input{
	background: none;
	border: none;
	line-height: 1em;
	width: 100%;
	height: 100%;
	position: absolute;
}

.chat_answer_submit{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s, opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s, opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: absolute;
	top:0px;
	right: 0px;
	bottom: 0px;
	width: 240px;
	background-image: url(../images/chat_btn_icon.png);
	background-size: auto 400%;
	background-position: center 0%;
	background-repeat: no-repeat;
	cursor: pointer;
}


.chat_answer_wrapper.notstartfirstchat .chat_answer_submit, .chat_answer_wrapper.endchat .chat_answer_submit, .chat_answer_wrapper.restartchat .chat_answer_submit{
	width: 100%;
}

.chat_answer_wrapper.startchat .chat_answer_submit{
	background-position: center 33.33%;
}

.chat_answer_wrapper.endchat .chat_answer_submit{
	background-position: center 66.66%;
}

.chat_answer_wrapper.restartchat .chat_answer_submit{
	background-position: center 100%;
}


.chat_answer_submit:hover{
	opacity: 0.5;
}

.chat_answer_submit::after{
	content:"";
	position: absolute;
	left: 0px;
	top:5px;
	bottom: 5px;
	border-left:1px solid #000000;
	margin: auto;
}

.chat_answer_wrapper.notstartfirstchat .chat_answer_submit::after, .chat_answer_wrapper.endchat .chat_answer_submit::after, .chat_answer_wrapper.restartchat .chat_answer_submit::after{
	border-left:none;
}



.chat_result_loading{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: fixed;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
	margin: auto;
	z-index: 1;
	display: flex;
	align-items: center;
	opacity: 0;
	pointer-events: none;
	color: #9fa1a4;
}


.chat_result_loading div{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	height: 0px;
	text-align: center;
	margin: auto;
	line-height: 0px;
	overflow: hidden;
	border-top:1px solid #9fa1a4;
	border-bottom: 1px solid #9fa1a4;
	width: 100%;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.chat_result_loading div::before{
	content:"Analysing.";
	animation: analysing_text 1s linear infinite;
}

@keyframes analysing_text {
	0%   {content:"Analysing.";}
	33.33%  {content:"Analysing..";}
	66.66%  {content:"Analysing...";}
}

.body_test_humanity_result_loading .chat_result_loading{
	opacity: 1;
}
.body_test_humanity_result_loading .chat_result_loading div{
	height: 30px;
	line-height: 30px;
}

.body_test_humanity_result_done .chat_result_loading div::before{
	content:"Done!";
	animation: none;
}

.chat_result_wrapper{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: fixed;
	left: 0px;
	top:120%;
	width: 100%;
	height: 0%;
	margin: auto;
	z-index: 1;
	display: flex;
	align-items: center;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.body_test_humanity_result_done .chat_result_wrapper{
	top:0%;
	height: 100%;
}

.body_test_humanity_result_done .chat_result_wrapper{
	top:0%;
}

.chat_result_wrapper .bg{
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}


.chat_result_inwrapper{
	width: 80%;
	position: relative;
	margin: auto;
}

.chat_result{
	margin: auto;
	padding-bottom: 40%;
	position: relative;
	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.body_test_humanity_result_done .chat_result{
}

.chat_result_story{
	transform: translateY(-50px) translateX(-50px);

}

.chat_result_top_bg{
	position: absolute;
	left: 50px;
	top:0px;
	right: 50px;
	background: #ef5a24;
	height: 50px;
}

.chat_result_story .chat_result_top_bg{
	background: #9fa1a4;
}

.chat_result_top_bg::before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 50px 50px;
	border-color: transparent transparent #ef5a24 transparent;
	position: absolute;
	right: 100%;
	top:0px;
}

.chat_result_story .chat_result_top_bg::before{
	border-color: transparent transparent #9fa1a4 transparent;
}

.chat_result_top_bg::after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0 0 50px;
	border-color: transparent transparent transparent #ef5a24;
	position: absolute;
	left: 100%;
	top:0px;
}

.chat_result_story .chat_result_top_bg::after{
	border-color: transparent transparent transparent #9fa1a4;
}

.chat_result_bottom_bg{
	position: absolute;
	left: 50px;
	bottom:0px;
	right: 50px;
	background: #ef5a24;
	height: 50px;
}

.chat_result_story .chat_result_bottom_bg{
	background: #9fa1a4;
}

.chat_result_bottom_bg::before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50px 50px 0;
	border-color: transparent #ef5a24 transparent transparent;
	position: absolute;
	right: 100%;
	top:0px;
}

.chat_result_story .chat_result_bottom_bg::before{
	border-color: transparent #9fa1a4 transparent transparent;
}

.chat_result_bottom_bg::after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 0;
	border-color: #ef5a24 transparent transparent transparent;
	position: absolute;
	left: 100%;
	top:0px;
}

.chat_result_story .chat_result_bottom_bg::after{
	border-color: #9fa1a4 transparent transparent transparent;
}


.chat_result_content {
	position: absolute;
	left: 0px;
	top:50px;
	bottom:50px;
	right: 0px;
	background: #ef5a24;
}

.chat_result_story .chat_result_content{
	background: #9fa1a4;
}

.chat_result_logo{
	position: absolute;
	left: 50px;
	top:0px;
	height: 70px;
	width: 100%;
	background-image: url("../images/share_logo.png");
	background-position: left center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.ticket_top_text{
	position: absolute;
	right: 50px;
	top:0px;
	height: 70px;
	width: 100%;
	background-image: url("../images/ticket_top_text.png");
	background-position: right center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}


.chat_result_content_scroll_wrapper{
	position: absolute;
	left: 50px;
	top:120px;
	right: 50px;
	bottom: 0px;
	margin: auto;
}
.chat_result_content_scroll{
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


.chat_result_box_wrapper{
	-webkit-transition: border-left 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s, border-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: border-left 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s, border-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: absolute;
	left: 0px;
	top:0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	overflow: hidden;
	display: flex;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.chat_result_box{
	display: flex;
	position: relative;
	width: 33.33%;
}

.chat_result_box2{
	width: 50%;
}

.chat_result_box + .chat_result_box{

	-webkit-transition: border-left 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: border-left 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	border-left: 1px solid #000;

}

.chat_result_box_scroll{
	display: flex;
	position: relative;
	width: 100%;
}

.chat_result_box_content{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-left: 30px;
	padding-right: 30px;
	width: 100%;
	gap: 30px;
	box-sizing: border-box;
}

.chat_result_box_content .top2{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}

.chat_result_box_content .top_icon{
	margin-top: 15px;
	flex-grow: 1;
	display: flex;
	overflow: hidden;
}

.chat_result_box_content .top_flex{
	display: flex;
	gap: 0px 60px;
	margin-top: 30px;
	position: relative;
}

.chat_result_box_content .top_flex::before{
	content:"";
	position: absolute;
	left: 50%;
	top:0px;
	bottom: 0px;
	margin: auto;
	border-left:1px solid #000;
}

.chat_result_box_content .top_flex > div{
	width: 50%;
}

.chat_result_box_content .top_flex .chat_result_identity_icon{
	width: 100%;  
	padding-bottom: 100%;
}

.score_icon_item_wrapper{  
	display: flex;
	gap: 30px;
	box-sizing: border-box;
	padding-top: 10px;
	border-top: 1px solid #000;
}

.score_icon_item{
	-webkit-transition: color 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: color 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	width: 33.33%;
	position: relative;
	cursor: pointer;
}

.score_icon_item:hover{
	color: #fff;
}

.score_icon_item + .score_icon_item::after{
	content:"";
	position: absolute;
	top:0px;
	bottom: 0px;
	left: -15px;
	margin: auto;
	border-left: 1px solid #000;
}

.score_icon_item_top{
	display: flex;
}

.score_percentage_bar{
	margin-top: 5px;
	height: 7px;
	width: 100%;
	position: relative;
	margin-bottom: 3px;
	border:1px solid #000;
	box-sizing: border-box;
}

.score_percentage_bar > div{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s, background-color 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s, background-color 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;  
	height: 5px;
	width: 0%;
	position: relative;
	background-color: #000;
}


.score_icon_item:hover .score_percentage_bar > div{
	background-color: #fff;
}

.score_percentage_bar .noanimation{
	-webkit-transition: all 0s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
}

.score_percentage_bar .line{
	position: absolute;
	width: 1px;
	top:-3px;
	bottom: -3px;
	margin: auto;
	right: 0px;
	border-left: 1px solid #ef5a24;
	border-right: 1px solid #ef5a24;
	background-color: #000;
}

.score_icon_item_top .score_icon{
	width: 30%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 10px;
}

.score_icon_item_top .score_percentage{
    font-family: 'Supply';
    font-weight: 300;
}

.chat_result_box .chat_hover_text{
	position: absolute;
	left: 30px;
	right: 30px;
	top:0px;
	bottom: 0px;
	margin: auto;
	overflow: hidden;
	opacity: 0;
	background-color: #fff;
	display: flex;
	align-items: center;
}

.chat_result_box .chat_hover_text div{
	text-align: center;
	width:80%;
	margin: auto;
}

.chat_result_box:hover .chat_hover_text{
	opacity: 1;
}



.chat_result_box .icon_cover_wrapper{
	position: absolute;
	left: 30px;
	right: 30px;
	top:0px;
	bottom: 0px;
	margin: auto;
	overflow: hidden;
	pointer-events: none;
}

.chat_result_box .icon_cover{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: absolute;
	left: 0px;
	right: 0px;
	top:0px;
	bottom: 0px;
	margin: auto;
	background-color: #ef5a24;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.body_test_humanity_result_done .icon_cover1, .body_test_humanity_result_done .icon_cover3{
	transform: translateY(-100%);
}

.body_test_humanity_result_done .icon_cover2{
	transform: translateY(100%);
}

.chat_result_identity_icon{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	flex-grow: 1;
	position: relative;
	transform: translateY(100%);
}

.body_test_humanity_result_done.loadfinish .chat_result_identity_icon.show{
	transform: translateY(0%);
}

.chat_result_identity_icon_human{
	background-image: url(../images/icon_human.png);
}

.body_test_humanity_result_done.black_bg .chat_result_identity_icon_human{
	background-image: url(../images/icon_human_silver.png);
}

.chat_result_identity_icon_robot{
	background-image: url(../images/icon_ghost.png);
}

.body_test_humanity_result_done.black_bg .chat_result_identity_icon_robot{
	background-image: url(../images/icon_ghost_silver.png);
}

.chat_result_identity_icon_animal{
	background-image: url(../images/icon_animal.png);
}

.body_test_humanity_result_done.black_bg .chat_result_identity_icon_animal{
	background-image: url(../images/icon_animal_silver.png);
}

.identity_guess{
	text-align: center;
}

.chat_top_btn_wrapper{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: absolute;
	left: 0px;
	top: -100%;
	right: 0px;
	margin: auto;
	display: flex;
	align-items: center;
	border-bottom:1px solid #9fa1a4;
	z-index: 1;
	height: 120px;
}

.body_test_humanity .chat_top_btn_wrapper{
	top: 0%;
	height: 45px;
}

.share_bottom_btn_wrapper{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: fixed;
	left: 0px;
	bottom: -100%;
	right: 0px;
	margin: auto;
	display: flex;
	align-items: center;
	border-top:1px solid #000;
	background-color: #ef5a24;
	z-index: 1;
}

.body_test_humanity.body_test_humanity_result_done .share_bottom_btn_wrapper{
	bottom: 0%;
}
.story_box li.assistant{
	counter-increment: inst;

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.story_box li+li{
	margin-top: 30px;
}
.story_box li.assistant::before{
	content: counter(inst);
	margin: auto;
	margin-bottom: 30px;
    font-family: 'Supply';
    font-weight: 300;
	font-size: calc(12px + 2.4vw);
	line-height:1.2em;
	display: block;
	width: 100%;
	text-align: center;
}

.share_bottom_btn_wrapper::after{
	content:"";
	position: absolute;
	left: 50%;
	top:5px;
	bottom: 5px;
	border-left:1px solid  #000;
	margin: auto;
}

.share_bottom_btn_wrapper > a{
	-webkit-transition: background-color 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s, color 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: background-color 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s, color 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s;  
	width: 50%;
}

.share_bottom_btn_wrapper > a:hover{
	background-color: #000;
	color:#fff;
}

.share_result_btn{
	cursor: pointer;
	padding: 10px 50px;
}

.share_result_btn div{
	margin: auto;
	text-align: center;
}

.share_restart_btn{
	cursor: pointer;
	padding: 10px 50px;
}

.share_restart_btn div{
	margin: auto;
	text-align: center;
}

.chat_top_logo{
	-webkit-transition: color 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: color 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	color:#9fa1a4;
	text-align: center;
	margin: auto;
}


.top_arrow_btn{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: absolute;
	left: 80px;
	margin: auto;
	text-align: center;
	z-index: 1;
	mix-blend-mode: difference;
	color:#9fa1a4;
	cursor: pointer;
}

.body_test_humanity .top_arrow_btn{
	left: 50px;
}

.bottom_arrow_btn{
	position: fixed;
	bottom:20px;
	left: 0px;
	right: 0px;
	margin: auto;
	text-align: center;
	z-index: 1;
	mix-blend-mode: difference;
	color:#000;
	cursor: pointer;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	border-radius: 999px;
}

.leave_user_guide_btn{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	opacity: 0;
	pointer-events: none;
}

.body_user_guide .leave_user_guide_btn{
	opacity: 1;
	pointer-events: auto;
}

.blur_bg{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: fixed;
	left: 0px;
	top:-100%;
	width: 100%;
	height: 100%;
	margin: auto;
	z-index: 11;
	/* -webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px); */
}

.body_user_guide .blur_bg{
	top:0%;
}



/* detail page */

.sticky_book_page{
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	/* top: 100px; */
	top: 90px;
	align-self: flex-start;
}

.load_content{
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: fixed;
	left: 0px;
	top:-100%;
	width: 100%;
	height: 100%;
	margin: auto;
	z-index: 11;
}

.body_user_guide .load_content{
	top:0%;
	width: 100%;
	height: 100%;
	position: absolute;
}

.scrolltonext, .scrolltoprev{
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	bottom: 20px;
	width: 200px;
	background-color: #fff;
	color: #000;
	text-align:center;
	border-radius: 999px;
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
	z-index: 3;
	/* filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5)); */
}

.scrolltonext.show, .scrolltoprev.show{
	opacity: 1;
}


.scrolltonext .progress, .scrolltoprev .progress{
	position: absolute;
	left: 0px;
	top:0px;
	width: 0%;
	height: 100%;
	background-color: #ef5a24;
	border-radius: 999px;
}

.scrolltonext.ok .progress{
	-webkit-transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	width: 100% !important;
}

.scrolltonext .text, scrolltoprev .text{
	position: relative;
	z-index: 1;
}

.scrolltonext .text::before{
	content:"Next Page 下一頁"
}

.scrolltonext.reversed {
	bottom: auto;
	top: 20px;
}
.scrolltonext.reversed .text::before{
	content:"Previous Page 上一頁";
}

/* .scrolltonext.reversed .progress {
	right: 0;
	margin-left: auto;
} */

.book_style4 .scrolltonext .text::before{
	content:"Close Page 關閉"
}


.scrolltonext.ok .text::before, .scrolltoprev.ok .text::before, .book_style4 .scrolltonext.ok .text::before{
	content:"OK"
}

.book_wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	perspective: 500px;
	pointer-events: none;
}

.body_user_guide .book_wrapper{
	pointer-events: auto;
}

.book_wrapper.active{
	display: block;
}

.book_wrapper .book{
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	transform: translateY(500px) rotateX(45deg);
	opacity: 0;
}

.book_wrapper.show .book{
	transform: translateY(0px) rotateX(0deg);
	opacity: 1;
}

.book_page .chi_text{
	letter-spacing: 0.1em;
}

.book_page a:hover{
	opacity: 0.5;
}

.book{
	pointer-events: none;
	filter: none !important;
}

.book .book_page_scroll_wrapper{
	pointer-events: auto;
	border:1px solid #000;
}

.dropdown .book .book_page_scroll_wrapper{
	border:none;
}

.book .book_page_scroll_wrapper::after{
	pointer-events: none;
}

.book_style0 {
	position: absolute;
	width: 70%;
	margin: auto;
	display: flex;
	align-items: center;  
	left: 0px;
	right: 0px;
	top:0px;
	bottom: 0px;
	color: #000000;
	min-width: 900px;
	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
}

.book_style0 .book_page_scroll_wrapper {
	width: 100%;
	padding-bottom: 50%;
	position: relative;
	background-color: #ef5a24;
	border-radius: 15px;
	overflow: hidden;
  }

  .book_style0 .book_page_scroll_wrapper::after{
	content:"";
	position: absolute;
	top:0px;
	bottom:0px;
	left:50%;
	width: 50px;
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); 
	z-index: 2;
  }

.book_style0 .book_page_scroll {
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
}

.book_style0 .book_page_wrapper{
	display: flex;
	flex-wrap: wrap;
}
.book_style0 .book_page{
	width: 50%;
	padding: 50px;
	box-sizing: border-box;
}

.book_style0 .book_page_head{
	padding: 25px 50px;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
	align-self: flex-start;
	background-color: #ef5a24;
	z-index: 1;
	margin-bottom: 25px;
}

.book_style0 .book_page_body{
	padding-top: 0px;
}

.book_style0 .ps__rail-y {
	z-index: 2;
}

.book_style1{
	position: absolute;
	width: 70%;
	margin: auto;
	display: flex;
	align-items: center;  
	left: 0px;
	right: 0px;
	top:0px;
	bottom: 0px;
	color:#9fa1a4;
	min-width: 900px;
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
}


.book_style1 .book_page_scroll_wrapper {
	width: 100%;
	padding-bottom: 50%;
	position: relative;
	background-color: #fff;
	border-radius: 15px;
	overflow: hidden;
  }

  .book_style1 .book_page_scroll_wrapper::after{
	content:"";
	position: absolute;
	top:0px;
	bottom:0px;
	left:50%;
	width: 50px;
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); 
	z-index: 2;
  }

.book_style1 .book_page_scroll {
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
}

.book_style1 .book_page_wrapper{
	display: flex;
	flex-wrap: wrap;
}
.book_style1 .book_page{
	width: 50%;
	padding: 50px;
	box-sizing: border-box;
}

.book_style1 .book_page_head{
	padding: 25px 50px;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
	align-self: flex-start;
	background-color: #fff;
	z-index: 1;
	margin-bottom: 25px;
}

.book_style1 .book_page_body{
	padding-top: 0px;
}

.book_style1 .ps__rail-y {
	z-index: 2;
}

.book_style1_2{
	left: 0%;
	right: 0%;
	top:0%;
	bottom: 0%;
}

.book_style1_2 .book_page_scroll_wrapper{
	background-color: #e6ea7a;
}

.book_style1_2 .book_page_head{
	background-color: #e6ea7a;
}

.book_style1_3{
	left: 0%;
	right: 5%;
	top:5%;
	bottom: 5%;
	}


.book_style1_4{
	left: 5%;
	right: 0%;
	top:5%;
	bottom: 0%;
}

.book_style1_4 .book_page_scroll_wrapper{
	background-color: #ff0000;
}

.book_style1_4 .book_page_head{
	background-color: #ff0000;
}

.book_style1_5{
	left: 0%;
	right: 0%;
	top:0%;
	bottom: 0%;
	color: #000000;
}

.book_style1_5 .book_page_scroll_wrapper{
	background-color: #ffffff;
}

.book_style1_5 .book_page_head{
	background-color: #ffffff;
}
	
.line_ul{
	border-top:1px solid #9fa1a4;
	border-bottom:1px solid #9fa1a4;
}

.line_ul li{
	padding: 5px 0px;
	}

.line_ul li+li{
	border-top:1px solid #9fa1a4;
}

.line_ul a{
	display: block;
	position: relative;
}

.line_ul li a::after {
	margin: auto;
    content: "→";
    position: absolute;
    color: #9fa1a4;
    width: 10px;
    height: 10px;
    top: 0px;
    bottom: 0px;
    right: 10px;
	line-height: 10px;
}
.line_ul li a:hover{
	color:#000;
}


.line_ul li a:hover::after{
	color:#000;
}

.book_artist_bio {
	display: flex;
    flex-wrap: wrap;
}
.book_page_head {
	display: flex;
}
.book_page_head .boxed_2023 {
	border: 1px solid #9fa1a4;
	padding: 2px 3px;
	position: relative;
	top: 1px;
	left: 5px;
	transform: scale(0.8);
	transform-origin: top left;
	height: auto;
	line-height: 1em;
}

.book_style0 .boxed_2023 {
	border-color: #000;
}
.book_style1 .boxed_2023 {
	border-color: #9fa1a4;
}
.book_style2 .boxed_2023 {
	border-color: #9fa1a4;
}
.book_style5 .boxed_2023 {
	border-color: #000;
}
.book_style7 .boxed_2023 {
	border-color: #000;
}
.book_style9 .boxed_2023 {
	border-color: #9fa1a4;
}
.book_page_head_left {
	margin-right: auto;
}
.book_page_head_right {
	margin-left: 0.25em;
}
.book_section_head {
	display: flex;
	padding: 25px 0 10px 0;
	border-bottom: 1px solid #9fa1a4;
	flex-basis: 100%;
}
.book_style4 .book_section_head {
	border-color: #000;
}
.book_profile {
	width: 33%;
	flex-basis: 33%;
	margin-top: 25px;
}
.book_artist_pic {
	width: 100%;
	padding-bottom: 133%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.25);
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	border-radius: 15px;
}
.book_artist_desc {
	width: 67%;
	flex-basis: 67%;
    padding-left: 25px;
    box-sizing: border-box;
	/* overflow: hidden; */
    margin-top: 25px;
}

.book_logo{
	width: 50%;
	max-width: 100px;
}

.book_artist_name {
	margin-top: 10px;
}
.book_artist_name p{
	margin-top: 10px;
}
.book_artist_mobile_info{
	display: none;
}
.book_style2{
	position: absolute;
	width: 70%;
	margin: auto;
	display: flex;
	align-items: center;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	color: #9fa1a4;
	min-width: 900px;
	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
}

.book_style2 .book_page_scroll_wrapper {
	width: 100%;
	padding-bottom: 50%;
	position: relative;
	background-color: #000;
	border-radius: 15px;
	overflow: hidden;
  }

.book_style2 .book_page_scroll_wrapper::after{
	content:"";
	position: absolute;
	top:0px;
	bottom:0px;
	left:50%;
	width: 50px;
	background: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); 
	z-index: 2;
}

.book_style2 .book_page_scroll {
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
}

.book_style2 .book_page_wrapper{
	display: flex;
	flex-wrap: wrap;
}
.book_style2 .book_page{
	width: 50%;
	padding: 50px;
	box-sizing: border-box;
}

.book_style2 .book_page_head{
	padding: 25px 50px;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
	align-self: flex-start;
	background-color: #000;
	z-index: 1;
	margin-bottom: 0px;
}

.book_style2 .book_page_body{
	padding-top: 0px;
	padding-bottom: 10px;
}
.book_style2 .book_page_body:last-child {
	padding-bottom: 25px;
}

.book_style2 .ps__rail-y {
	z-index: 2;
  }

.book_style2_2 .sticky_book_page{
	display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-between;
    flex-direction: column;
}


.book_style2_2{
	color: #000;
	min-width: 900px;
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
}

.book_style2_2 .book_page_scroll_wrapper::after {
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
  }

.book_style2_2 .boxed_2023 {
	border-color: #000;
  }

.book_style2_2 .book_page_scroll_wrapper {
	background-color: #ff0000;
  }


  .book_style2_2 .book_page_head{
	background-color: #ff0000;
}

.book_style2_2 .boxed_registration {
	color: rgb(0, 0, 0);
  }

  .book_style2_2   a:hover .boxed_registration {
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	opacity: 1;
  }

  .book_style2_2 .left_bottom_text{
	margin-top: 30px;
  }

.book_style2_2 .left_bottom_text .row{
	display: flex;
	align-items: end;
}

.book_style2_2 .left_bottom_text .row .col {
	margin-top: auto;
}

.book_style2_2 hr{
   border-top:1px solid #000;
   }

.book_style2_2 .line_header{ 
	padding-top: 30px;
	border-bottom:1px solid #000;
	display: flex;
	align-items: center;
    justify-content: space-between;
	padding-bottom: 5px;
	position: sticky;
	top: 60px;
	align-self: flex-start;
	background-color: #ff0000;
}

.book_style2_2 .image_box_wrapper{
	margin-top: 30px; 
	padding-top: 30px;
	border-top:1px solid #000;
}

.book_style2_2 .book_artist_bio:first-child {
	margin-top: 0px;
	border-top: none
}

.book_style2_2 .book_artist_bio:first-child .book_section_head {
	margin-top: 0px;
}


.book_style2_2 .book_artist_bio:first-child .book_profile {
	margin-top: 0px;
}

.book_style2_2 .book_artist_bio:first-child .book_artist_desc {
    margin-top: 0px;
}

.book_style2_2 .book_section_head.mobile_show{
	display: none;
}


.image_box_wrapper .row{
	display: flex;
	flex-wrap: wrap;
	margin-top: -30px;
}

.image_box_wrapper .col{
	margin-top: 30px;
}

.image_box_wrapper .bg{
	padding-bottom: 66.66%;
	background-position: center center;
	background-size: cover;
	border-radius: 10px;
}

.book_style2_2 .image_box_wrapper .text{
	margin-top: 10px;
}

.book_style2_2 .scrollto_btn{
	cursor: pointer;
}

.book_style2_2 .scrollto_btn:hover .bg{
	opacity: 0.5;
}

.book_style2_2 .scrollto_box_wrapper{
	margin-top: 30px;
	border-top:1px solid #000
}

.book_style2_2 .scrollto_box + .scrollto_box{
	margin-top: 30px;
	border-top:1px solid #000
}

.book_style2_2 .scrollto_box{
	padding-top: 30px;
}

.book_style2_2 .scrollto_box .center_text{
	margin-left: auto;
	margin-right: auto;
}

.book_style2_2 .book_section_head {
	border-color: #000;
  }

.main_book_page_body{
	text-align: center;
}

.main_ex_text{
	padding-top: 10px;
	border-top:1px solid #9fa1a4;
	width: 100%;
	height: 0;
    padding-bottom: 118%;
    position: relative;
}
.main_ex_text[data-target]{
	cursor: pointer;
}

.main_ex_text[data-target]:hover .img {
	/* opacity: 0.5; */
	transform: translate(-50%, -50%) scale(1.1);
}
.main_ex_text[data-target]:hover .cover_title_top,
.main_ex_text[data-target]:hover .cover_title_bottom {
	color: #FFFFFF;
	transition: color 250ms ease-out;
}

.main_ex_text h5 {
	text-align: left;
}
.main_ex_text .img{
	width: 100%;
	padding-bottom: 66.7%;
	overflow: hidden;
	background-size: cover;
	/* padding-bottom: 100%; */
	/* border-radius: 100%; */
	/* border:1px solid #fff; */
	/* margin-top: 10px; */
	transition: transform 250ms ease-out, opacity 250ms;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
}

.cover_title_bottom, .cover_title_top{
    position: absolute;
    width: 100%;
}
.cover_title_top{
	top: 10px;
}
.cover_title_bottom{
	bottom: 10px;
}



.book_style3{
	position: absolute;
	width: 80%;
	margin: auto;
	display: flex;
	align-items: center;  
	left: 5%;
	right: 0px;
	top:10%;
	bottom: 0px;
	color:#000;
	min-width: 900px;
	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
}

.book_style3 .book_page_scroll_wrapper {
	width: 100%;
	padding-bottom: 40%;
	position: relative;
	background-color: #9fa1a4;
	border-radius: 15px;
	overflow: hidden;
  }

  .book_style3 .book_page_scroll_wrapper::after{
	content:"";
	position: absolute;
	top:0px;
	bottom:0px;
	left:50%;
	width: 50px;
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); 
	z-index: 2;
  }

.book_style3 .book_page_scroll {
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
}

.book_style3 .book_page_wrapper{
	display: flex;
	flex-wrap: wrap;
}
.book_style3 .book_page{
	width: 50%;
	padding: 50px;
	box-sizing: border-box;
}

.book_style3 .book_page_head{
	padding: 25px 50px;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
	align-self: flex-start;
	background-color: #9fa1a4;
	z-index: 1;
	margin-bottom: 25px;
}

.book_style3 .book_page_body{
	padding-top: 0px;
}

.book_style3 .ps__rail-y {
	z-index: 2;
  }

.book_leave_btn{
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.book_style4{
	position: absolute;
	width: 65%;
	margin: auto;
	display: flex;
	align-items: center;  
	left: 0px;
	right: 0%;
	top:10%;
	bottom: 0%;
	color:#000;
	min-width: 860px;
	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
}

.book_style4 .book_page_scroll_wrapper {
	width: 100%;
	padding-bottom: 50%;
	position: relative;
	background-color: #ef5a24;
	border-radius: 15px;
	overflow: hidden;
}
.color_blue .book_page_scroll_wrapper {
	background-color: #6666ff;
}
.color_yellow .book_page_scroll_wrapper {
	background-color: #e6ea7a;
}

.book_style4 .book_page_scroll_wrapper::after{
	content:"";
	position: absolute;
	top:0px;
	bottom:0px;
	left:50%;
	width: 50px;
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); 
	z-index: 2;
}

.book_style4 .book_page_scroll {
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
}

.book_style4 .book_page_wrapper{
	display: flex;
	flex-wrap: wrap;
}
.book_style4 .book_page{
	width: 50%;
	padding: 50px;
	box-sizing: border-box;
}

.book_style4 .book_page_head{
	padding: 25px 50px;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
	align-self: flex-start;
	background-color: #ef5a24;
	z-index: 1;
	margin-bottom: 25px;
}

.book_style4 .book_page_body{
}

.book_style4 .ps__rail-y {
	z-index: 2;
  }

.book_style4 .book_page_body.headless_book_page {
	padding-top: 50px;
}

.book_project_info {
	display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-between;
    flex-direction: column;
	z-index: 2;
	top:0px;
}

.book_project_info .project_name {
	margin-top: 0;
	margin-bottom: auto;
	align-self: flex-start;
}

.project_image_gallery {
	width: 100%;
    border-radius: 15px;
    align-self: flex-end;
	position: relative;
}

.project_image_gallery .swiper-slide{

}

.project_image_gallery .bg{
	padding-bottom: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	border-radius: 15px;
	display: block;
}

.project_image_gallery .num{
	position: absolute;
	top:100%;
	left:0px;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	height: 6px;
	line-height: 6px;
}

.project_image_gallery .num .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background: #9fa1a4;
	opacity: 1;
	margin-left: 6px;
	margin-right: 6px;
  }

  .project_image_gallery .num .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;
  }

.project_image_gallery .caption {
	margin-top: 5px;
    font-size: calc(12px);
    line-height: 1.2em;
}

.book_project_info .book_artist_name {
	text-align: right;
    /* width: 100%;
    align-self: flex-end; */
	margin-bottom: 10px;
}

.subhead-p {
	margin-bottom: -15px;
	border-top: 1px solid;
	padding-top: 10px;
}

.book_style5 {
	position: absolute;
	width: 70%;
	margin: auto;
	display: flex;
	align-items: center;  
	left: 5%;
	right: 0px;
	top:10%;
	bottom: 0px;
	color:#000;
	min-width: 900px;
	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
}

.book_style5 hr {
	border-color: #000000;
}

.dashed_hr {
	border-top-style: dashed;
}

.book_style5 .book_page_scroll_wrapper {
	width: 100%;
	padding-bottom: 50%;
	position: relative;
	background-color: #6666ff;
	border-radius: 15px;
	overflow: hidden;
  }

  .book_style5 .book_page_scroll_wrapper::after{
	content:"";
	position: absolute;
	top:0px;
	bottom:0px;
	left:50%;
	width: 50px;
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); 
	z-index: 2;
  }

.book_style5 .book_page_scroll {
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
}

.book_style5 .book_page_wrapper{
	display: flex;
	flex-wrap: wrap;
}
.book_style5 .book_page{
	width: 50%;
	padding: 50px;
	top: 100px;
	box-sizing: border-box;
}

.book_style5 .book_page_head{
	padding: 25px 50px;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
	align-self: flex-start;
	background-color: #6666ff;
	z-index: 1;
	margin-bottom: 25px;
}

.book_style5 .transparent_bg_color {
	background-color: initial;
}

.book_page_head_bg_img {
	display: block;
	position: absolute;
    width: 100%;
    left: 0;
	margin-top: -100px;
    /* padding-bottom: 100%; */
	/* padding-top: 100px; */
	/* padding-bottom: calc(100% + 150px); */
    background-position: center center;
    background-size: cover;
}

.book_style5 .book_page_body h4 {
	position: absolute;
    bottom: 50px;
}

.book_style5 .book_page_body{
	padding-top: 0px;
}

.book_style5 .ps__rail-y {
	z-index: 2;
}

.book_style5 .sticky_book_page {
	background-image: linear-gradient(45deg, #fff, #000);
}

.book_style5 .row_content {
	display: flex;
	width: 100%;
    padding-left: 0px;
	margin-left: auto;
    box-sizing: border-box;
    justify-content: space-between;
}
.book_style5 .row_content > .col6:first-child {
	padding-right: 0px;
}

.book_style5 .boxed_registration_btn{
	margin-top: auto;
	flex: auto;
	padding-left: 25px;
}
.book_style5 a .boxed_registration {
	color: rgb(0, 0, 0);
}

.book_style5 a:hover .boxed_registration {
	background-color: rgba(0, 0, 0, 0.2);
	color: rgba(255, 255, 255, 0.5);
	/* color: rgba(0, 0, 0, 1); */
	opacity: 1;
}

.book_style7 {
	position: absolute;
	width: 70%;
	margin: auto;
	display: flex;
	align-items: center;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	color: #000000;
	min-width: 900px;
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
}

.book_style7 .book_page_scroll_wrapper {
	width: 100%;
	padding-bottom: 50%;
	position: relative;
	background-color: #9fa1a4;
	border-radius: 15px;
	overflow: hidden;
  }

.book_style7 .book_page_scroll_wrapper::after{
	content:"";
	position: absolute;
	top:0px;
	bottom:0px;
	left:50%;
	width: 50px;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); 
	z-index: 2;
}

.book_style7 .book_page_scroll {
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
}

.book_style7 .book_page_wrapper{
	display: flex;
	flex-wrap: wrap;
}
.book_style7 .book_page{
	width: 50%;
	padding: 50px;
	box-sizing: border-box;
}

.book_style7 .book_page_head{
	padding: 25px 50px;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
	align-self: flex-start;
	background-color: #9fa1a4;
	z-index: 1;
	margin-bottom: 0px;
}

.book_style7 .book_page_body{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: auto;
}
.book_style7 .book_page_body:last-child {
	padding-bottom: 0;
}

.book_style7 .ps__rail-y {
	z-index: 2;
}

.book_style7 .ps__rail-y .ps__thumb-y::before{
    background-color: #666;
}

.book_style7 .ps:hover .ps__rail-y::before {
	background-color: #666;
}

.book_style7 .row_content {
	padding-left: 0;
    width: 100%;
	align-items: flex-end;
	margin-bottom: 30px;
}
.book_style7 .row_content > .col6:first-child {
    padding-right: 10px;
}
.book_style7 .row_content > div {
    padding-left: 10px;
    border-left: none;
}

.screening_img {
	width: 100%;
	padding-bottom: 67%;
	background-color: #000;
	border-radius: 10px;
	overflow: hidden;
	background-size: contain;
	background-position: center;
	margin-top: 5px;
	transition: opacity 250ms ease-out;
}

.sp_item[data-target]{
	cursor: pointer;
	transition: opacity 250ms ease-out;
}
.sp_item:hover {
	/* color: rgba(255, 255, 255, 0.75); */
	opacity: 0.5;
}
/* .sp_item:hover .screening_img {
	opacity: 0.75;
} */

.book_style4_2 .bottom_left_image {
	width: 50%;
    aspect-ratio: 242/161;
    /* padding-bottom: 22%; */
    background-size: cover;
    background-position: center;
}

.page_head_logo {
	width: 50%;
	max-width: 200px;
}

.book_style4_2 .row_content {
	width: 100%;
	padding-left: 0;
	justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid;
    padding-top: 20px;
}

.book_style4_2 .row_content:first-child {
    border-top: none;
	margin-top: 0;
	margin-bottom: 10px;
}
.book_style4_2 .row_content:nth-child(2) {
	margin-top: 10px;
}

.book_style4_2 .row_content_title {
	width: 100%;
	text-align: center;
}

.book_style4_2 .book_project_info {
	flex-wrap: nowrap;
}

.book_style4_2 .project_name {
	margin-bottom: 10px;
}

.book_style4_2 hr {
	border-top:1px solid #000;
}

.book_style4_2 .book_artist_bio:first-child .book_section_head {
	padding-top: 0;
}

.book_style8{
	position: absolute;
	width: 70%;
	margin: auto;
	display: flex;
	align-items: center;  
	left: 0px;
	right: 10%;
	top:10%;
	bottom: 0px;
	color:#9fa1a4;
	min-width: 900px;
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
}

.book_style8 .book_page_scroll_wrapper {
	width: 100%;
	padding-bottom: 50%;
	position: relative;
	background-color: #fff;
	border-radius: 15px;
	overflow: hidden;
  }

  .book_style8 .book_page_scroll_wrapper::after{
	content:"";
	position: absolute;
	top:0px;
	bottom:0px;
	left:50%;
	width: 50px;
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); 
	z-index: 2;
  }

.book_style8 .book_page_scroll {
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
}

.book_style8 .book_page_wrapper{
	display: flex;
	flex-wrap: wrap;
}
.book_style8 .book_page{
	width: 50%;
	padding: 50px;
	box-sizing: border-box;
}

.book_style8 .book_page_head{
	padding: 25px 50px;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
	align-self: flex-start;
	background-color: #fff;
	z-index: 1;
	/* margin-bottom: 25px; */
}
.book_style8 .row {
	margin: 0;
}
.book_style8 .book_page_body{
	padding-top: 0;
    /* padding-bottom: 25px; */
}
.book_page_body.book_page_1quart {
	width: 25%;
}
.book_page_body.book_page_3quart {
    width: 75%;
}
.book_style8 .row_title {
    width: calc((100% - 50px) / 3);
    /* flex-basis: calc((100% - 50px) * 0.3333); */
}

.row_item {
	border-top: 1px solid #9fa1a4;
    padding-top: 25px;
    padding-bottom: 25px;
    justify-content: right;
}
.row_content {
	display: flex;
	width: calc((100% - 50px) * 2 / 3 + 50px);
    padding-left: 50px;
	margin-left: auto;
    box-sizing: border-box;
    justify-content: right;
}

.row_content > div {
	padding-left: 25px;
	border-left: 1px solid;
	box-sizing: border-box;
}
.row_content > div:first-child {
	padding-left: 0;
	border-left: none;
}
.row_content > .col6:first-child {
	padding-right: 25px;
}
.row_item .col12 {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid;
}
.row_item > div:nth-child(2) .col12,
.row_item > div:nth-child(1) .col12 {
	padding-top: 0;
    border-top: none;
}
.row_item > div:last-child .col12 {
	padding-bottom: 0;
}
.row_item:last-child {
	padding-bottom: 0;
}
.row_footnote {
	width: 100%;
	font-size: calc(8px + 0.25vw);
	line-height: 1.5;
}

.row_content .multiple_boxed_registration_btn {
	margin-top: auto;
    padding-left: 0;
    border-left: none;
    width: 50%;	
}
.multiple_boxed_registration_btn .boxed_registration_btn {
	margin-top: 10px;
}

.boxed_registration_btn{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	opacity: 1;
	display: block;
}

a.boxed_registration_btn:hover{
	opacity: 1;
}

a .boxed_registration {
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	color: rgb(159, 161, 164);
}

a:hover .boxed_registration {
	background-color: rgb(159, 161, 164);
	color: rgb(255, 255, 255);
	opacity: 1;
}
.boxed_registration {
	margin-top: 5px;
    border: 1px solid;
    padding: 10px;
    display: block;
    box-sizing: border-box;
}

.registration_note {
	padding-bottom: 10px;
	font-size: calc(8px + 0.1vw);
    line-height: 1.5;
}

.registration_cta {
	width: 100%;
    border-top: 1px solid;
    padding-top: 10px;
    position: relative;
    padding-right: 20px;
    box-sizing: border-box;
}

.registration_cta::after {
	content: "→";
    position: absolute;
	right: 0;
}

.registration_cta:first-child {
    border-top: none;
    padding-top: 0;
}
.book_style8 .ps__rail-y {
	z-index: 2;
}

.book_style9{
	position: absolute;
	width: 70%;
	margin: auto;
	display: flex;
	align-items: center;  
	left: 10%;
	right: 0px;
	top: 20%;
	bottom: 0px;
	color:#9fa1a4;
	min-width: 900px;
	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
}
.book_style9 .row {
	margin: 0;
}

.book_style9 .book_page_scroll_wrapper {
	width: 100%;
	padding-bottom: 50%;
	position: relative;
	background-color: #000;
	border-radius: 15px;
	overflow: hidden;
  }

.book_style9 .book_page_scroll_wrapper::after{
	content:"";
	position: absolute;
	top:0px;
	bottom:0px;
	left:50%;
	width: 50px;
	background: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); 
	z-index: 2;
}

.book_style9 .book_page_scroll {
	position: absolute;
	left: 0px;
	top:0px;
	width: 100%;
	height: 100%;
}

.book_style9 .book_page_wrapper{
	display: flex;
	flex-wrap: wrap;
}
.book_style9 .book_page{
	width: 50%;
	padding: 50px;
	box-sizing: border-box;
}

.book_style9 .book_page_head{
	padding: 25px 50px;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
	align-self: flex-start;
	background-color: #000;
	z-index: 1;
	/* margin-bottom: 25px; */
}
.book_style9 .row_item {
	justify-content: left;
}
.book_style9 .book_page_body{
	padding-top: 0;
    /* padding-bottom: 25px; */
}
.book_style9 .ps__rail-y {
	z-index: 2;
}

.book_style9_2{
	left: 15%;
	right: 0%;
	top:0%;
	bottom: 10%;
}

.book_style9 a{
	color: #9fa1a4;
}

.sponsors_row {
	font-size: calc(12px);
	line-height:1.4em;
	margin-bottom: 50px;
}

.sponsors_row:last-child {
	margin-bottom: 0px;
}

.sponsors_logo_row {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	margin-bottom: 10px;
}

.sponsors_logo_item {
	margin-right: 25px;
}
.sponsors_logo_item img{
	height: 100%;
}


.book_style0,
.book_style1,
.book_style2,
.book_style3,
.book_style4,
.book_style5,
.book_style6,
.book_style7,
.book_style8,
.book_style9 {
	/* width: auto; */
	/* max-width: none; */
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.book_wrapper.reach-end .book {
	-webkit-transition: bottom 0.3s ease-out, right 0.3 ease-out;
	transition: bottom 0.3s ease-out, right 0.3 ease-out;
	/* -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;  */
    /* transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;  */
}

.one-liner {
	display: inline-block;
}

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

	.chat_result{
		padding-bottom: 45%;
	}
	

	.chat_result_logo{
		height: 35px;
	}

	.ticket_top_text{
		height: 35px;
	}
	
	.chat_result_content_scroll_wrapper{
		top:85px;
	}

}


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


}

@media screen and (max-width: 1023px) { 
	.book {
		min-width: 80%;
	}

	.book .book_page {
		width: 100%;
	}

	.book .book_page_scroll_wrapper {
		padding-bottom: 0;
		height: 100%;
		margin-top: auto;
	}

	.book_style0,
	.book_style1,
	.book_style2,
	.book_style3,
	.book_style4,
	.book_style5,
	.book_style6,
	.book_style7,
	.book_style8,
	.book_style9 {
		width: auto;
		max-width: none;
		left: 20px;
		right: 20px;
		top:70px;
		bottom:20px;
	}

	.book_style4{
		left: 40px;
		right: 40px;
		top:90px;
		bottom:20px;
	}

	.book_style0{
		top:70px !important;
	}

	.book .book_page_head{
		padding: 20px;
	}

	.book .book_page {
		padding: 20px;
	}

	/* :nth-last-child(1 of .reach-end) {
		margin-bottom: 2.5%;
	}
	:nth-last-child(2 of .reach-end) {
		margin-bottom: 5%;
	}
	:nth-last-child(3 of .reach-end) {
		margin-bottom: 7.5%;
	}
	:nth-last-child(4 of .reach-end) {
		margin-bottom: 10%;
	} */

	.book .book_page_scroll_wrapper::after{
		content: none;
	}

	.book_page.book_page_head:first-child {
		display: none;
	}

	.book_project_info {
		display: block;
		height: auto;
		padding-top: 50px;
		padding-bottom: 25px;
		top: 0;
		border-bottom: 1px solid #000;
		background-color: #ef5a24;
	}
	.color_blue .book_project_info {
		background-color: #6666ff;
	}
	.color_yellow .book_project_info {
		background-color: #e6ea7a;
	}

	.book_artist_bio {
		margin-top: 25px;
		/* padding-top: 25px; */
		border-top: 1px solid #000;
	}

	.book_artist_bio:first-child {
		margin-top: 0;
		/* padding-top: 25px; */
		border-top: none;
	}

	.book_profile {
		display: flex;
		flex-basis: 100%;
	}
	.book_section_head {
		display: block;
		position: absolute;
		left: 0%;
		flex-basis: 67%;
		align-self: self-start;
		margin-top: 25px;
		margin-left: calc((100% - 50px) * 0.33 + 25px);
		padding: 0 0 10px 25px;
		border: none;
		box-sizing: border-box;
	}
	.book_style2_2 .book_section_head.mobile_show{
		display: flex;
	}
	.book_page_head_right {
		margin-left: 0;
	}
	.book_artist_pic {
		flex-basis: 33%;
		padding-bottom: 44%;
	}

	.book_artist_mobile_info{
		flex-basis: 67%;
		display: flex ;
		flex-direction: column;
		justify-content: space-between;
	}
	.book_artist_name {
		margin-left: 25px;
		box-sizing: border-box;
		margin-top: auto;
	}
	.book_artist_desc {
		flex-basis: 100%;
    	padding-left: 0;
	}

	.book_style4 .book_page_body.headless_book_page {
		/* padding-top: calc(min(65vh, 32vw) + 25px); */
		padding-top: 25px;
	}

	.book_style4 .book_project_info {
		padding-top: 25px;
		padding-bottom: 50px;
	}
	.book_style8 .sticky_book_page {
		/* padding-bottom: 50px;
		padding-top: 100px;
		margin-top: -100px;
		margin-bottom: 25px;
		margin-left: 50px;
		margin-right: 50px;
		padding-left: 0;
		padding-right: 0;
		top: 0;
		background-color: #FFFFFF;
		border-bottom: 1px solid; */
		position: relative;
		top: 0;
		margin-top: 25px;
	}
	.book_style8 .row_title {
		width: 100%;
		flex-basis: 100%;
		padding-bottom: 25px;
	}
	.row_content {
		width: 100%;
		flex-basis: 100%;
		padding-left: 0;
		flex-direction: column;
	}
	.book_style4_2 .col6, .book_style8 .col6 {
		width: 100%;
		flex-basis: 100%;
		padding-left: 0;
		border-left: none;
		border-top: 1px solid;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.book_style7 .book_page_body.mobile_collapse {
		padding-bottom: 0;
	}
	.book_style7 .book_page_body.mobile_collapse {
		padding-top: 0;
	}
	.book_style7 .row_content {
		flex-direction: row;
		padding-bottom: 20px;
	}
	/* .book_style7 .row_content > .col6:first-child {
		padding-right: 0px;
	}
	.book_style7 .row_content > div {
		padding-left: 0px;
	} */

	.book_style4_2 .col6:first-child, .book_style8 .col6:first-child {
		border-top: none;
		padding-top: 0;
	}
	.book_style4_2 .col6:last-child, .book_style8 .col6:last-child {
		padding-bottom: 0;
	}

	.book_style4_2 .book_project_info {
		border-top: 1px solid;
	}
	.book_style4_2 .book_page_wrapper:first-child .book_project_info {
		border-top: none;
	}

	.sticky_book_page {
		position: relative;
		top: auto;
	  }

	.book_project_info{
		height: auto !important;
	}

	.project_image_gallery .bg{
		border-radius: 5px;
	}
	.main_ex_text {
		padding-bottom: 80%;
	}
	.main_ex_text .img {
		width: 81%;
		padding-bottom: 54%;
	}

	h4 {
		font-size: 5vw;
	}

	.text6.chi_text {
		font-size: 3vw;
	}

	.book_style2 .text6 {
		font-size: 2.5vw;
	}
	.book_style2 .main_ex_text .text7 {
		font-size: 2vw;
	}

	.bottom_arrow_btn{
		bottom:-25px;
		line-height: 28px;
	}

	.reach-end .scrolltonext{
		opacity: 1;
		pointer-events: all;
	}

	.book_page_wrapper {
		padding-bottom: 50px;
	  }


	.book_style5 .sticky_book_page {
		height: auto;
		overflow: hidden;
		top: 0px;
		margin-top: -25px;
		padding-top: 0;
	}
	.book_style5 .book_page_body h4 {
		position: relative;
		bottom: 0;
		margin-top: 45px;
	}
	.book_page_head_bg_img {
		height: 100%;
    	margin-top: 0px;
	}
	.book_style5 .boxed_registration_btn {
		padding-left: 0;
	}
	.row_content .multiple_boxed_registration_btn {
		width: 100%;
	}


	.chat_answer_wrapper {
		position: absolute;
		left: 0px;
		bottom: 0px;
		right: 0px;
		margin: auto;
		padding: 20px;
		/* -webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px); */
		padding-top: 15px;
		background-color: rgba(0,0,0,0.5);
	  }

	  .chat_answer {
		height: 30px;
	  }

	  .chat_answer_input_wrapper {
		left: 10px;
		right: 80px;
	  }

	  .chat_answer_submit{
		width: 80px;
	  }

	  .chat_top_btn_wrapper{
		height: 100px;

	  }

	  .body_test_humanity .chat_top_btn_wrapper {
		top: 0%;
		height: 100px;
	  }

	  .single_reult_body .chat_top_btn_wrapper{
		height: 45px;
	  }
	  
	  .top_arrow_btn {
		position: absolute;
		left: 0px;
		right: 0px;
		top:auto;
		bottom: 0px;
		margin: auto;    
		text-align: left;
		mix-blend-mode: normal;
		color: #9fa1a4;
		border-top:1px solid #9fa1a4;
		/* -webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px); */
		line-height: 30px;
		padding: 0px 20px;
		height: 30px;    
		background-color: rgba(0,0,0,0.5);
	  }

	  .body_test_humanity .top_arrow_btn {
		left: 0px;
	  }

	  .chat_result_logo {
		left: 20px;
		height: 25px;
	  }

	  .chat_result_top_bg {
		position: relative;
		margin-left: 25px;
		margin-right: 25px;
		left: 0px;
		right: 0px;
		height: 25px;
	  }

	  .chat_result_top_bg::after {
		right: -25px;
		border-width: 25px 0 0 25px;
	  }
	  .chat_result_top_bg::before {
		left: -25px;
		border-width: 0 0 25px 25px;
	  }

	  .chat_result_bottom_bg {
		position: relative;
		margin-left: 25px;
		margin-right: 25px;
		left: 0px;
		right: 0px;
		height: 25px;
	  }

	  .chat_result_bottom_bg::after {
		right: -25px;
		border-width: 25px 25px 0 0;
	  }
	  .chat_result_bottom_bg::before {
		left: -25px;
		border-width: 0 25px 25px 0;
	  }

	  .chat_question_wrapper {
		top: 100px;
		bottom: 108px;
		border-bottom: 1px solid #9fa1a4;
	  }

	.chat_question{
		padding: 20px 20px 0px 20px;
	}

	.chat_question_item {
		max-width: 75%;
	  }

	  .chat_result_wrapper{
		overflow: auto;
		position: relative;
		display: block;
		-webkit-backdrop-filter: blur(0px);
		backdrop-filter: blur(0px);
	  }

	  .chat_result_content {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		margin-top: auto;
		margin-bottom: auto;
	  }

	  .chat_result_content_scroll {
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		height: auto;
		overflow: hidden;
	  }

	  .chat_result_inwrapper {  
		width: auto;
		position: relative;
		top:auto;
		right: auto;
		bottom: auto;
		left: auto;
		margin: 120px 20px 100px 20px;
	  }


	  .single_reult_body .chat_result_inwrapper{
		margin-top: 90px;
	  }

	  .chat_result{
		position: relative;
		padding: 0px;
	}

	.ticket_top_text{
		display: none;
	}

	.chat_result_identity_icon {
		height: 150px;
	  }

	.chat_result_content_scroll_wrapper{
		top:auto;
		left: auto;
		right: auto;
		position: relative;
		margin-left: 20px;
		padding-top: 45px;
		margin-right: 20px;
	}

	.chat_result_box_content {
		padding-left: 0px;
		padding-right: 0px;
		gap: 20px;
	  }
	.chat_result_box{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.chat_result_box2{
		width: 100%;
	}
	
	.chat_result_box_wrapper{
		display:block;
		border-left: none !important;
		border-right: none !important;  
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		margin: auto;
		overflow: hidden;
	}

	.chat_result_box + .chat_result_box {
		border-left: none !important;
		border-top: 1px solid #000;
	
	}

	.silver_bg .chat_result_content .chat_result_box + .chat_result_box {
		border-top: 1px solid #000;
	}
	.orange_bg .chat_result_content .chat_result_box + .chat_result_box {
		border-top: 1px solid #000;
	}
	.black_bg .chat_result_content .chat_result_box + .chat_result_box {
		border-top: 1px solid #9fa1a4;
	}

	.over_btn_wrapper{
		left: 50px;
	}
	.over_btn_wrapper_bg{
		left: 50px;
	}

	.share_result_btn {
		padding: 10px 10px;
	  }

	.share_restart_btn {
		padding: 10px 10px;
	  }
}

@media screen and (max-width: 600px) { 
	.book_style2 .col6{
		display: block;
		float: none;
		width: auto;
	}

	.book_page_body.main_book_page_body {
		padding: 0 20px;
	}

	.book_style2 .main_ex_text.left_text {
		padding: 20px 0 40px 0;
		margin-top: 25px;
		height: auto;
		border-top: none;
	}

	.cover_title_top{
		top: 20px;
	}
	.cover_title_bottom{
		bottom: 20px;
	}

	h4 {
		font-size: calc(12px + 1.0vw);
	}
	.text6.chi_text {
		font-size: calc(12px + 0.3vw);
	}
	.book_style2 .text6 {
		font-size: calc(12px + 0.3vw);
	}
	.book_style2 .text7 {
		font-size: calc(12px);
	}

	.book_style2_2 .image_box_wrapper .col6 {
		width: 50%;
	}

	.book_style7 .row_content {
		flex-direction: column;
		padding-left: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.book_style7 .row_content > div {
		padding-left: 0px;
	}

	.book_style7 .col6 {
		width: 100%;
		flex-basis: 100%;
		padding-left: 0;
		border-left: none;
		border-top: 1px solid;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	/* .book_style2 .col6 + .col6{
		margin-top: 40px;
	} */

	/* .scrolltonext.reversed {
		bottom: 20px;
		top: auto;
	} */

	.over_btn_wrapper{
		left: 50px;
		max-width: 200px;
		max-height: 280px;
	}
	.over_btn_wrapper_bg{
		left: 50px;
		max-width: 200px;
		max-height: 280px;
	}

}