/* Description: Transfer the in-page styles from timeclub.php to a separate CSS file.  Last Updated: 2025-06-03 */

    body {
        font-family: "Montserrat", "Noto Sans SC", chinese !important;
    }
/*	
	.specialnotify_promotion_alert {
		display: none!important; 
	}
*/	
	.timeclub {
		width: 100%;
		margin-bottom: 10vh;
		overflow-y: hidden;
	}
	
	.timeclub img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	.timeclub_container {
		position: relative;
    	font-family: "Montserrat", "Noto Sans SC", chinese !important;
		font-weight: 300;
		color: #121212;
    	background: #fff;
    	padding: 48px 0 50px;
    	line-height: 1;
		overflow-y: hidden;
		background: #fff;
		
		padding-top: 15vh;
	}
	
	.topvisual {
		display: flex;
		width: 100%;
    	overflow: hidden;
		position: relative;
		height: 220px;
		min-height: 100px;
		display: none;
	}
	
	.topvisual div {
		width: 100%;
	}
	
	.topvisual div:nth-child(1) img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.topvisual div:nth-child(2) {
		position: absolute;
		width: 100%;
		bottom: 0;
	}
	
	.title_main {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 80px 15px 30px;
		text-align: center;
	}
	
	.title_main span {
		text-transform: none!important;
	}
	
	.title_main div:nth-child(1) img {
		max-height: 60px;
		margin-bottom: 30px;
	}
	
	.title_main div:nth-child(2) {
		font-size: 60px;
		color: #BA8C2A;
		margin-bottom: 12px;
	}

	.title_main div:nth-child(3) {
		display: flex;
		align-items: center;
		font-size: 18px;
	}
	
	.title_main div:nth-child(3) i {
		display: inline-block;
		width: 4px;
		height: 4px;
		border-radius: 10px;
		background: #121212;
		margin: 0 8px;
	}
	
	[lang=en] .title_main div:nth-child(3) i {
		display: none;
	}
	
	.title_wline {
		display: flex;
		justify-content: center;
		margin-bottom: 30px;
	}
	
	.title_wline p {
		font-size: 30px;
		font-weight: 200;
		color: #C29A45;
		position: relative;
		background: #fff;
		margin: 0;
	}
	
	.title_wline p span {
		display: block;
		padding: 0 10px;
		background: #fff;
		position: relative;
		z-index: 1;
	}
	
	.title_wline p:after {
		content: "";
		display: block;
		position: absolute;
		width: 160%;
		height: 0;
		top: 50%;
		left: -30%;
		border-bottom: 1px solid #C29A45;
		z-index: 0;
	}
	
	.title_desc {
		font-size: 18px;
		text-align: center;
		line-height: 1.2;
	}
	
	
	.timeclub_steps {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap: 20px;
		padding: 40px 0;
		text-align: center;
	}
	
	.timeclub_steps .stepbar {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding-bottom: 15px;
	}
	
	.timeclub_steps .stepbar .stepbar_wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		max-height: 100px;
		aspect-ratio: 11 / 1;
		background: #f4f4f4;
		border-radius: 8px;
		box-shadow: 0 4px 10px rgba(0,0,0,0.1);
		max-width: 1100px;
		position: relative;
		margin: 0 15px;
	}
	
	.timeclub_steps .stepbar .stepbox {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		position: relative;
		height: 100%;
		gap: 8%;
		background: url(/library/images/tc/single_page/timeclub/step_arrow.svg) no-repeat left center;
		background-size: contain;
		font-weight: 300;
		padding-left: 3%;
	}
	
	.timeclub_steps .stepbar .stepbox:nth-child(1) {
		background: none;
	}
	
	.timeclub_steps .stepbar .stepbox span {
		z-index: 1;
		text-transform: none!important;
	}	
	
	.timeclub_steps .stepbar .stepbox span:nth-of-type(1) {
		font-size: 22px;
		color: #BA8C2A;
	}
	
	.timeclub_steps .stepbar .stepbox span:nth-of-type(2) {
		font-size: 14px;
		color: #000;
	}
	
	[lang=en] .timeclub_steps .stepbar .stepbox span:nth-of-type(2) {
		font-size: 13px;
		max-width: 150px;
	}
	
	
	
	.timeclub_steps .stepbar .stepbox img {
		height: 122%;
		width: auto;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 0;
		-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.05));
  		filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.05));0 2px 2px rgba(0,0,0,05);
	}
	
	.timeclub_steps .note {
		font-size: 16px;
		line-height: 1.2;
		padding: 0 30px;
	}
	
	.timeclub_steps .steps_btn {
		display: flex;
		justify-content: center;
		gap: 30px;
		padding: 50px 30px;
		width: 100%;
		gap: 10px;
	}
	
	.timeclub_steps .steps_btn .btn {
		background: url(/library/images/tc/single_page/timeclub/bg_circlebtn.png) no-repeat center;
		background-size: cover;
		padding: 1px;
		border-radius: 2px;
		box-shadow: 0 4px 4px rgba(0,0,0,0.2);
		cursor: pointer;
		white-space: nowrap;
	}
	
	.timeclub_steps .steps_btn .btn span {
		display: block; 
		background: #fff;
		font-size: 15px;
		font-weight: 300;
		color: #BA8C2A;
		line-height: 1;
		text-transform: none!important;
		padding: 10px 50px;
		border-radius: 1px;
		background: rgb(255,255,255);
		background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
		background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
		background: linear-gradient(rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	}
	
	.timeclub_privilege {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-items: center;
	}
	
	.timeclub_privilege .timeclub_privilege_container {
		padding: 80px 0 0;
		max-width: 1920px;
		width: 100%;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-items: center;
		background: url(/library/images/tc/single_page/timeclub/bg_ribbon1.png) no-repeat left top;
		background-size: contain;
	}
	
	.timeclub_privilege .title {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-bottom: 100px;
		padding: 0 30px;
	}
	
	.timeclub_privilege .privileges_table {
		display: flex;
		justify-content: space-between;
		width: 90vw;
		max-width: 1200px;
		gap: 2px;
	}
	
	.timeclub_privilege .privileges_table .table_col {
		flex: 1;
		border-radius: 0 0 20px 20px;
		background: rgb(255,255,255);
		background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(240,240,240,0.3) 60%);
		background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(240,240,240,0.3) 60%);
		background: linear-gradient(rgba(255,255,255,0) 0%, rgba(240,240,240,0.3) 60%);
	}
	
	.timeclub_privilege .privileges_table .table_col:nth-child(1) {
		background: none;
	}
	
	.timeclub_privilege .privileges_table .card {
		position: relative;
		width: 100%;
		height: auto;
		display: flex;
		justify-content: center;
		aspect-ratio: 10 / 7;
		margin-bottom: -15%;
	}
	
	.timeclub_privilege .privileges_table .card div:nth-child(1) {
		position: absolute;
		top: 0;
		width: 60%;
		height: auto;
		transform: rotate(-15deg);
		z-index: 0;
	}
	
	.timeclub_privilege .privileges_table .card div:nth-child(2) {
		position: absolute;
		bottom: 0;
		z-index: 1;
	}

	.timeclub_privilege .privileges_table .mem_type {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
		font-size: 13px;
		gap: 12px;
		margin-bottom: 30px;
	}
	
	.timeclub_privilege .privileges_table .mem_type .type_name {
		font-size: 20px;
		font-weight: 500;
	}
	
	.timeclub_privilege .privileges_table .mem_type .type_desc div:nth-child(1) {
		font-weight: 500;
		margin-bottom: 3px;
	}
	
	.timeclub_privilege .privileges_table .mem_type .type_desc div:nth-child(2) {
		line-height: 24px;
		height: 24px;
	}
	
	.timeclub_privilege .privileges_table .mem_type .type_desc div:nth-child(2) span {
		font-size: 1.5em;
		font-weight: 500;
	}
	
	
	.timeclub_privilege .privileges_table .mem_type .type_symbol {
		width: 40px;
		height: auto;
		aspect-ratio: 1 / 1;
		-webkit-filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.25));
  		filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.25));0 2px 2px rgba(0,0,0,0.25);
	}
	
	.timeclub_privilege .table_col:nth-child(2) .mem_type { 
		color: #7F8891;
	}
	
	.timeclub_privilege .table_col:nth-child(3) .mem_type { 
		color: #B19B27;
	}
	
	.timeclub_privilege .table_col:nth-child(4) .mem_type { 
		color: #465D72;
	}
	
	.timeclub_privilege ul, .timeclub_privilege li { 
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
	}
	
	.timeclub_privilege ul {
		flex-direction: column;
		padding: 0 20px 20px;
		height: 100%;
	}
	
	.timeclub_privilege li { 
		gap: 10px;
		align-items: center;
		padding: 20px 10px;
		border-bottom: 1px dotted #aaaaaa80;
	}
	
	.timeclub_privilege li:last-child {
		border: none;
	}
	
	.timeclub_privilege li:nth-child(odd){ 
		background: #f4f4f480;
	}
	
	.timeclub_privilege li i {
		width: 32px;
		height: 32px;
		aspect-ratio: 1 / 1;
	}
	
	.timeclub_privilege li span { 
		font-size: 14px;
		text-transform: none!important;
	}
	
	
	.timeclub_plans {
		background: url(/library/images/tc/single_page/timeclub/bg_2circles.png) no-repeat center;
		background-size: cover;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}
	
	.timeclub_plans .timeclub_plans_container { 
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 10vh 0 15vh;
	}
	
	.timeclub_plans:before, .timeclub_plans:after {
		content: '';
		width: 100%;
		height: 50px;
		position: absolute;
		background: rgb(255,255,255);
		background: -webkit-linear-gradient(rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
		background: linear-gradient(rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
	}
	
	.timeclub_plans:before {
		top: 0;
	}
	
	.timeclub_plans:after {
		bottom: 0;
		transform: rotate(180deg)
	}
	
	.timeclub_plans .circle {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		border-radius: 1000px;
		padding: 0.5%;
		background: #fff;
		aspect-ratio: 1 / 1;
		position: relative;
		overflow: hidden;
		width: 48%;
		max-width: 640px;
		box-shadow: 0 4px 20px rgba(0,0,0,0.2);
	}
	
	.timeclub_plans .circle .circle_content {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		border-radius: 1000px;
		aspect-ratio: 1 / 1;
		position: relative;
		z-index: 2;
		width: 100%;
		height: 100%;
	}
	
	.timeclub_plans .circle.circle_left {
		margin-right: -3%;
		bottom: 50px;
		z-index: 4;
		animation: MoveUpDown1 5s linear infinite;
	}
	
	.timeclub_plans .circle.circle_right  {
		margin-left: -3%;
		bottom: -100px;
		z-index: 5;
		animation: MoveUpDown2 5s linear infinite;
	}
	
	@keyframes MoveUpDown1 {
	  0%, 50%, 100% {
		bottom: 50px;
	  }
	  25%, 75% {
		bottom: 60px;
	  }
	}	
	
	@keyframes MoveUpDown2 {
	  0%, 50%, 100% {
		bottom: -100px;
	  }
	  25%, 75% {
		bottom: -110px;
	  }
	}	
	
	.timeclub_plans .circle.circle_left:hover, .timeclub_plans .circle.circle_right:hover {
		z-index: 5;
	}
	
	.timeclub_plans .circle.circle_left .circle_content {
		background: url(/library/images/tc/single_page/timeclub/bg_circle1.png) no-repeat center;
		background-size: cover;
	}
	
	.timeclub_plans .circle.circle_right .circle_content {
		background: url(/library/images/tc/single_page/timeclub/bg_circle2.png) no-repeat center;
		background-size: cover;
	}
	
	.timeclub_plans .circle {
		font-size: 2vw;
	}
	
	.timeclub_plans .circle .title_main {
		width: 100%;
		padding: 30px 15px;
		white-space: nowrap;
	}
	
	[lang=en] .timeclub_plans .circle .title_main {
		white-space: normal;
	}
	
	.timeclub_plans .circle .title_main div:nth-child(1) img {
		margin-bottom: 10%;
	}
	
	.timeclub_plans .circle .title_main > div:nth-child(1) {
		padding: 0 25%;
	}
	
	.timeclub_plans .circle .title_main div:nth-child(2) {
		padding: 0 15px;
		font-size: 1.75em;
		white-space: nowrap;
	}
	
	[lang=en] .timeclub_plans .circle .title_main div:nth-child(2) {
		font-size: 2em;
	}
	
	[lang=en] .timeclub_plans .circle .title_main div:nth-child(2) span {
		font-size: 0.5em;
		display: block;
		margin-bottom: 5px;
		text-transform: none!important;
	}
	
	.timeclub_plans .circle .title_main div:nth-child(3) {
		padding: 0 10px;
		font-size: 0.75em;
	}
	
	[lang=en] .timeclub_plans .circle .title_main div:nth-child(3) {
		font-size: 0.7em;
		letter-spacing: -0.01em;
		line-height: 1.25;
		flex-direction: column;
	}
	
	[lang=en] .timeclub_plans .circle .title_main div:nth-child(3) i {
		display: none;
	}

	
	.timeclub_plans .circle .circle_border {
		display: none;
	}
	
	.timeclub_plans .circle:hover .circle_border {
		display: block;
		position: absolute;
		animation: rotate360-ani 10s infinite linear;
		width: 100%;
		height: 100%;
		background: url(/library/images/tc/single_page/timeclub/bg_circle_hover.png) no-repeat center;
		background-size: cover;
		z-index: 1;
	}

	@keyframes rotate360-ani {
		0% {
			transform: rotate(0deg);
			}
		50% {
			transform: rotate(180deg);
			}
		100% {
			transform: rotate(360deg);
		}
	}
	
	.timeclub_plans .circle .btn {
		background: url(/library/images/tc/single_page/timeclub/bg_circlebtn.png) no-repeat center;
		background-size: cover;
		padding: 2px;
		border-radius: 100px;
		box-shadow: 0 4px 4px rgba(0,0,0,0.2);
		cursor: pointer;
	}
	
	.timeclub_plans .circle .btn span {
		display: block; 
		background: #fff;
		font-size: 0.5em;
		font-weight: 400;
		color: #BA8C2A;
		text-transform: none!important;
		padding: 10px 50px;
		border-radius: 100px;
		background: rgb(255,255,255);
		background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
		background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
		background: linear-gradient(rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	}
	
	
	.tnc_btn{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 30px 0;
		gap: 10px;
	}
	
	.tnc_btn span{
		font-size: 12px;
		color: #4a4a4a;
		text-align: center;
		text-transform: none!important;
	}
	
	.tnc_btn .tnc_arrow{
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 36px;
		height: 36px;
		border: 1px solid #4a4a4a;
		border-radius: 30px;
		cursor: pointer;
	}
	
	.tnc_btn .tnc_arrow:after{
		content: '';
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 11px;
		height: 11px;
		border: 1px solid #4a4a4a;
		border-width: 0 1px 1px 0;
		transform: rotate(45deg);
		top: -2px;
		transition: none;
	}
	
	.tnc_btn .tnc_arrow.active:after{
		transform: rotate(-135deg);
		top: 4px;
	}
	
	.tnc_section {
        display: flex;
        align-items: center;
        flex-direction: column;
        position: relative;
        letter-spacing: 0.5px;
        gap: 50px;
        padding: 0 20px;
		margin: 0 auto;
		max-width: 1000px;
		max-height: 0;
		overflow: hidden;
		margin-bottom: 100px;
		transition-duration: 0.5s;
    }
	
	.tnc_section.active {
		max-height: 2000px;
    }
	
	.line{
        font-size: 18px;
        font-weight: 500;
        color: #adadad;
        border-bottom: 1px solid #dadada;
        padding-bottom: 10px;
        padding-top: 10px;
		color: #BA8C2A;
		text-align: center;
		margin-bottom: 20px;
    }
	
	.bgblur { 
		filter: blur(4px) grayscale(1); 
		transform: scale(0.9); 
		z-index: 3; 
	}
	
	
	
	
	
	
	
/************************ MOBILE ************************/	
	
	@media only screen and (min-width: 1301px) {
		.timeclub_plans .circle {
			font-size: 30px;
		}
		
		[lang=en] .timeclub_plans .circle {
			font-size: 24px;
			letter-spacing: -0.02em;
		}
	}
	
	@media only screen and (min-width: 1921px) {
		
		.timeclub_plans .circle.circle_left {
			margin-right: -2%;
		}
		
		.timeclub_plans .circle.circle_right {
			margin-left: -2%;
		}
	}
	
	@media only screen and (max-width: 1300px) {
		
		.topvisual {
			max-height: 210px;
		}
		
		.timeclub_privilege .timeclub_privilege_container {
			background: url(/library/images/tc/single_page/timeclub/bg_ribbon1.png) no-repeat left top 10vh;
    		background-size: 32%;
		}
		
		.timeclub_plans .circle {
			font-size: 2.25vw;
		}
	}
	
	@media only screen and (max-width: 1000px) {
		
		.topvisual {
			max-height: 140px;
		}
		
		.title_main {
			padding: 50px 15px 20px;
		}
		
		.timeclub_privilege .timeclub_privilege_container {
			background: none;
			height: auto;
		}
		
		.timeclub_privilege .privileges_table_wrapper {
			background: url(/library/images/tc/single_page/timeclub/bg_ribbon_mobile.png) no-repeat center left 20vw;
			background-size: contain;
		}
		
		.timeclub_privilege .privileges_table .table_col.spacer {
			display: none;
		}
		
		.timeclub_privilege .privileges_table .mem_type .type_symbol {
			width: 30px;
		}
		
		.timeclub_privilege .privileges_table {
			width: 100%;
		}
		
		.timeclub_plans .circle .btn span {
			font-size: 13px;
		}
		
	}
	
	@media only screen and (max-width: 819px) {
		
		.topvisual {
			height: 100%;
			max-height: 280px;
		}
		
		.title_wline {
			margin-bottom: 20px;
		}
		
		.title_wline p {
			font-size: 24px;
		}
		
		.title_desc {
			font-size: 16px;
		}
		
		.timeclub_steps .stepbar {
			max-width: none;
		}
		
		.timeclub_steps .stepbar .stepbox span:nth-of-type(1) {
			font-size: 18px;
		}
		
		.timeclub_steps .stepbar .stepbox span:nth-of-type(2) {
			font-size: 12px;
		}
		
		.timeclub_steps .note {
			font-size: 14px;
		}
		
		.timeclub_steps .steps_btn {
			padding: 30px 30px 50px;
			gap: 4vw;
		}
		
		.timeclub_steps .steps_btn .btn span {
			font-size: 14px;
			padding: 8px 40px;
		}
		
		.timeclub_privilege li {
			padding: 15px 10px;
		}	
		
		.timeclub_privilege li i {
			width: 28px;
		}

		.timeclub_privilege li span {
			font-size: 13px;
		}
		
		[lang=en] .timeclub_privilege li span {
			font-size: 12px;
		}
		
	}
	
	@media only screen and (max-width: 500px) {
   		.timeclub_container {
			padding: 70px 0 64px;
			padding-top: 15vh;
		}
		
		.title_main {
			padding: 50px 15px;
		}
		
		.title_main div:nth-child(1) img {
			max-height: 40px;
		}

		.title_main div:nth-child(2) {
			font-size: 44px;
		}

		.title_main div:nth-child(3) {
			font-size: 15px;
		}
		
		.title_desc {
			font-size: 14px;
		}
		
		.timeclub_steps {
			gap: 10px;
			padding: 0 0 40px;
		}
		
		.timeclub_steps .stepbar  {
			overflow: auto;
			min-height: 110px;
			justify-content: flex-start;
			align-items: flex-end;
			box-sizing: content-box; 
			margin-top: -10px;
		}
		
		.timeclub_steps .stepbar .stepbar_wrapper {
			width: 880px;
			height: 85px;
			margin: 0 25%;
		}
		
		.timeclub_steps .stepbar .stepbox {
			min-width: 220px;
		}
		
		.timeclub_steps .steps_btn .btn span {
			font-size: 13px;
		}
		
		.timeclub_privilege .timeclub_privilege_container {
			padding: 50px 0 0;
		}
		
		.timeclub_privilege .privileges_table {
			width: 200vw;
			padding-top: 18%;
			background-position: center;
			overflow: hidden;
		}
		
		.timeclub_privilege .privileges_table_wrapper {
			width: 100%;
			overflow-y: hidden;
			overflow-x: scroll;
		}
		
		.timeclub_privilege .title {
			margin-bottom: 0;
		}
		
		.timeclub_privilege li {
			padding: 8px 5px;
		}
		
		.timeclub_privilege .privileges_table .card {
			width: 80%;
			margin: 0 auto -15%;
		}
		/*
		.timeclub_plans {
			margin-top: -50px;
		}
		*/
		
		.timeclub_plans .timeclub_plans_container {
			width: auto;	
			padding: 0 0 18vh;
		}
		
		.timeclub_plans .circle {
			width: 88vw;
			font-size: 18px;
		}
		
		.timeclub_plans .circle.circle_left {
			margin-right: -18%;
		}
		
		.timeclub_plans .circle.circle_right {
			margin-left: -19%;
			margin-top: 44%;
		}
		
		.timeclub_plans .circle .title_main {
			padding-bottom: 20px;
		}
		
		.timeclub_plans .circle .title_main div:nth-child(3) {
			display: flex;
			flex-direction: column;
			gap: 5px;
			font-size: 0.75em;
		}
		
		/*
		.timeclub_plans .circle .title_main div:nth-child(3) span:nth-child(1),*/
		.timeclub_plans .circle .title_main div:nth-child(3) i {
			display: none;
		}
		
		.timeclub_plans .circle .title_main div:nth-child(2) {
			letter-spacing: -0.02em;
		}
		
		[lang=en] .timeclub_plans .circle .title_main div:nth-child(2) {
			font-size: 1.75em;
		}
		
		.timeclub_plans .circle .btn span {
			font-size: 12px;
		}
		
		[lang=en] .timeclub_plans .circle .btn span {
			font-size: 11px;
		}
		
		::-webkit-scrollbar {
  			height: 0px;
  			border: 1px solid #fff;
		}
		
	}
	
	
	.timeclub_textbox .content {
        display: flex;
        flex-direction: column;
        gap: 5px;
        padding: 15px 0;
        height: 100%;
        overflow: auto;
    }

    .timeclub_textbox .note_title {
        font-size: 15px;
        font-weight: 500;
        color: #BA8C2A;
		margin-bottom: 5px;
    }
    .timeclub_textbox li::marker{
        color: #BA8C2A;
    }
	
	.timeclub_textbox li a {
		font-weight: 700;
    	border-bottom: 1px dotted #222;
	}
	
    .referral_note {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .timeclub_textbox {
        width: 100%;
        font-size:12px;
        font-weight: 500;
    }

    .timeclub_textbox p {
        margin: 0 0 3px;
        font-size: 12px;
        font-weight: 300;
        line-height: 1.2;
    }

    .timeclub_textbox p.link {
        padding-top: 5px;
    }

    .timeclub_textbox p.link a {
        text-decoration: underline;
    }

    .timeclub_textbox p span {
        font-weight: 500;
        text-transform: none;
    }

    .timeclub_textbox ul {
        padding: 0 0 0 15px;
        margin: 0;
        font-size: 12px;
        font-weight: 300;
        line-height: 1.2;
    }

    .timeclub_textbox li {
        margin-bottom: 5px;
    }

    .timeclub_textbox ul.note {
        font-size: 11px;
        line-height: 1.25;
        border: 1px solid #eee;
        padding: 8px 25px 5px;
        margin-top: 8px;
    }
    .timeclub_textbox ol.note {
        font-size: 11px;
        line-height: 1.25;
        border: 1px solid #eee;
        padding: 8px 25px 5px;
        margin-top: 8px;
        font-weight:300;
    }
    .timeclub_textbox .qna_q {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .timeclub_note .color-with-marker{
        font-size:12px;
        list-style-position: unset;
    }



#popupContainer ,#popupContainer2{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
	
  padding: 2vh 2vw 6vh;
}

#popupContent {
  position: relative;
  width: 100%;
  height: 100%;
  animation: gb-popup-slide-zoom-right 0.5s forwards;
}

#popupContent2 {
  position: relative;
  width: 100%;
  height: 100%;
  animation: gb-popup-slide-zoom-left 0.5s forwards;
}
	
.popup_container { 
	display: flex; 
	justify-content: center; 
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 12px;
	background: #fff;
}

@keyframes gb-popup-slide-zoom-right {
  0% {opacity: 0; transform: scale(0.2) translate(-200%, 0%);}
  100% {opacity: 1; transform: scale(1) translate(0%, 0%);}
}

@keyframes gb-popup-slide-zoom-left {
 0% {opacity: 0;transform-origin: 100% 50%;transform: scale(0.2) translate(200%, 0%);}
 100% {opacity: 1;transform-origin: 100% 50%;transform: scale(1) translate(0%, 0%);}
}

#closeButton ,#closeButton2 {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 50px;
  font-weight: 100;
  line-height: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background: #ffffff80;
  border-radius: 100px;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
}