@charset utf-8;
/*
Theme Name: vt
*/

@font-face {
    font-family: "Roboto-Black";
    src: url("fonts/Roboto-Black.ttf") format("truetype"),
         url("fonts/Roboto-Black.woff2") format("woff2"),
         url("fonts/Roboto-Black.woff") format("woff"),
         url("fonts/Roboto-Black.eot") format("embedded-opentype"),
         url("fonts/Roboto-Black.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-BlackItalic";
    src: url("fonts/Roboto-BlackItalic.ttf") format("truetype"),
         url("fonts/Roboto-BlackItalic.woff2") format("woff2"),
         url("fonts/Roboto-BlackItalic.woff") format("woff"),
         url("fonts/Roboto-BlackItalic.eot") format("embedded-opentype"),
         url("fonts/Roboto-BlackItalic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Bold";
    src: url("fonts/Roboto-Bold.ttf") format("truetype"),
         url("fonts/Roboto-Bold.woff2") format("woff2"),
         url("fonts/Roboto-Bold.woff") format("woff"),
         url("fonts/Roboto-Bold.eot") format("embedded-opentype"),
         url("fonts/Roboto-Bold.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-BoldItalic";
    src: url("fonts/Roboto-BoldItalic.ttf") format("truetype"),
         url("fonts/Roboto-BoldItalic.woff2") format("woff2"),
         url("fonts/Roboto-BoldItalic.woff") format("woff"),
         url("fonts/Roboto-BoldItalic.eot") format("embedded-opentype"),
         url("fonts/Roboto-BoldItalic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Italic";
    src: url("fonts/Roboto-Italic.ttf") format("truetype"),
         url("fonts/Roboto-Italic.woff2") format("woff2"),
         url("fonts/Roboto-Italic.woff") format("woff"),
         url("fonts/Roboto-Italic.eot") format("embedded-opentype"),
         url("fonts/Roboto-Italic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Light";
    src: url("fonts/Roboto-Light.ttf") format("truetype"),
         url("fonts/Roboto-Light.woff2") format("woff2"),
         url("fonts/Roboto-Light.woff") format("woff"),
         url("fonts/Roboto-Light.eot") format("embedded-opentype"),
         url("fonts/Roboto-Light.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-LightItalic";
    src: url("fonts/Roboto-LightItalic.ttf") format("truetype"),
         url("fonts/Roboto-LightItalic.woff2") format("woff2"),
         url("fonts/Roboto-LightItalic.woff") format("woff"),
         url("fonts/Roboto-LightItalic.eot") format("embedded-opentype"),
         url("fonts/Roboto-LightItalic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Medium";
    src: url("fonts/Roboto-Medium.ttf") format("truetype"),
         url("fonts/Roboto-Medium.woff2") format("woff2"),
         url("fonts/Roboto-Medium.woff") format("woff"),
         url("fonts/Roboto-Medium.eot") format("embedded-opentype"),
         url("fonts/Roboto-Medium.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-MediumItalic";
    src: url("fonts/Roboto-MediumItalic.ttf") format("truetype"),
         url("fonts/Roboto-MediumItalic.woff2") format("woff2"),
         url("fonts/Roboto-MediumItalic.woff") format("woff"),
         url("fonts/Roboto-MediumItalic.eot") format("embedded-opentype"),
         url("fonts/Roboto-MediumItalic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Regular";
    src: url("fonts/Roboto-Regular.ttf") format("truetype"),
         url("fonts/Roboto-Regular.woff2") format("woff2"),
         url("fonts/Roboto-Regular.woff") format("woff"),
         url("fonts/Roboto-Regular.eot") format("embedded-opentype"),
         url("fonts/Roboto-Regular.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Thin";
    src: url("fonts/Roboto-Thin.ttf") format("truetype"),
         url("fonts/Roboto-Thin.woff2") format("woff2"),
         url("fonts/Roboto-Thin.woff") format("woff"),
         url("fonts/Roboto-Thin.eot") format("embedded-opentype"),
         url("fonts/Roboto-Thin.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
:root {
    --font-size-mobileHeader:26px;
    --font-size-mobileBody:12px;
    --text-text-Primary-Blue-P100: #718ADF;
    --text-text-Neutral-N60: #B3B9C4;
}
*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{background:none;-webkit-text-size-adjust:100%;height:100%;}
body{ background: #040406; font-size:var(--font-size-bodyLarge); color:var(--text-text-white-static); font-weight:normal;font-family: "Roboto-Regular";}
a{color:#031F45;text-decoration:none;outline-style:none;}
a:hover{color:#031F45;text-decoration:none;}
.a_other{color:#0A36C7;}
.a_other:hover{color:#0A36C7;}
p{line-height:var(--Body-Large-R);margin:0px 0px 23px;}
li{list-style:none outside none;}
strong,
b{font-weight:normal; font-family: "Roboto-Bold";}
em,
i{font-style:normal;}
strong em,
em strong{font-style:normal;font-weight:normal; font-family: "Roboto-Bold";}
h1,
h2,
h3,
h4,
h5,
h6{ font-weight:normal; margin-bottom:30px;font-family: "Roboto-Bold";}
h1{font-size:var(--font-size-displayLarge);line-height:var(--Display-Large-S);}
h2{font-size:var(--font-size-displayMedium);line-height:var(--Display-Medium-S);}
h3{font-size:var(--font-size-headlineLarge);line-height:var(--Headline-Large-S);}
h4{font-size:var(--font-size-headlineMedium);line-height:var(--Headline-Medium-S);}
h5{font-size:var(--font-size-headlineSmall);line-height:var(--Headline-Small-S);}
h6{font-size:var(--font-size-titleLarge);line-height:var(--Title-Large-S);}
img{max-width:100%;height:auto;vertical-align:middle;}
hr{clear:both;margin:40px 0;border:0;border-bottom:0;padding:0px;width:100%;background:#e1e0da;height:1px;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i{color: #00F0FF;}

.public_wrapper{margin: 0 auto;}
.tableBox{padding: 40px 0 0; width:100%;height:100%;}
.table_cellBox{display:table-cell;vertical-align:middle;}
.inner{max-width:1160px;padding-left:20px;padding-right:20px;margin:0 auto;}
.flex{display: flex;justify-content: space-between;align-items: center;}
.button{border: 1px solid var(--text-text-white-static);color: var(--text-text-white-static);position: relative;z-index: 1;overflow: hidden;background:transparent;border-radius:8px; padding:16px 40px; display:inline-block; color:#fff; font-size:var(--font-size-titleLarge);line-height:var(--Title-Large-S);text-decoration:none; font-family: "Roboto-Bold";-webkit-tap-highlight-color: transparent;transition: all .3s linear;width: 100%;max-width: -moz-max-content;max-width: -webkit-max-content;}
.button:hover{color: var(--text-text-white-static);border: 1px solid var(--functional-tints-blue);background: var(--functional-tints-primary-bg);}
.button:active{color: var(--text-text-white-static);border: 1px solid var(--functional-tints-blue);background: var(--functional-blue-2);}
.blue_border_button{border: 1px solid var(--functional-tints-blue);padding: 12px 24px;color: var(--text-text-primary);font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);text-decoration: none;font-family: "Roboto-Bold";-webkit-tap-highlight-color: transparent;transition: all .3s linear;width: 100%;max-width: -moz-max-content;max-width: -webkit-max-content;}
.blue_border_button:hover{border: 1px solid var(--functional-tints-blue);background: var(--functional-tints-primary-bg);}
.blue_border_button:active{border: 1px solid var(--functional-tints-blue);background: var(--functional-blue-2);}
.white_button{position: relative;z-index: 1;overflow: hidden;background: var(--text-text-primary); border-radius:8px; padding:16px 40px; display:inline-block; color:#000; font-size:var(--font-size-titleLarge);line-height:var(--Title-Large-S);text-decoration:none; font-family: "Roboto-Bold";-webkit-tap-highlight-color: transparent;transition: all .3s linear;width: 100%;max-width: -moz-max-content;max-width: -webkit-max-content;}
.white_button:hover{background: var(--functional-tints-blue);color: var(--text-text-white-static);}
.white_button:active{background: var(--functional-blue-5);color: var(--text-text-white-static);}
.blue_button{position: relative;z-index: 1;overflow: hidden;background:var(--functional-tints-blue); border-radius:8px; padding:16px 40px; display:inline-block; color:var(--text-text-primary); font-size:var(--font-size-titleLarge);line-height:var(--Title-Large-S);text-decoration:none; font-family: "Roboto-Bold";-webkit-tap-highlight-color: transparent;    transition: all .3s linear;width: 100%;max-width: -moz-max-content;max-width: -webkit-max-content;}
.blue_button:hover{background: var(--functional-tag-border-blue);color: var(--text-text-white-static);}
.blue_button:active{background: var(--functional-blue-5);color: var(--text-text-white-static);}

a .textindent{position: absolute;text-indent: -9999px;}

.post_list_turn_item{color:var(--text-text-tertiary);}
.post_list_turn_item ul{display: flex;align-items: center;justify-content: center;gap: 5px;}
.post_list_turn_item li.first a{border: none;}
.post_list_turn_item li .page-numbers{font-size: 13px;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 8px;border: 1px solid var(--fill-brand-bg);background: var(--fill-page-primary);}
.post_list_turn_item li .page-numbers.prev{border: none;}
.post_list_turn_item li .page-numbers.dots{border: none;}
.post_list_turn_item li .current{border: none;color: var(--text-text-special);background:var(--text-text-blue-cyan);}
.post_list_turn_item a{color: var(--text-text-tertiary);width: 32px;height: 32px;border-radius: 8px;display: flex;align-items: center;justify-content: center;}
.post_list_turn_item li.last a{border: 1px solid var(--fill-brand-bg);}

@media (max-width: 980px) {
    h1{font-size: var(--font-size-displayMedium);line-height: var(--Display-Medium-S);}
    h2{font-size:var(--font-size-headlineLarge);line-height:var(--Headline-Large-S);}
}
@media (max-width: 768px) {
    .button{padding: 12px 32px;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);}
    .white_button{padding: 12px 32px;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);}
    .blue_button{padding: 12px 32px;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);}
}
@media (max-width: 500px) {
    h1{font-size: var(--font-size-headlineLarge);line-height: var(--Headline-Large-S);}
    h2{font-size: var(--font-size-headlineSmall);line-height: var(--Headline-Small-S);;}

    .button{padding: 8px 24px;font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);border-radius: 4px;}
    .white_button{padding: 8px 24px;font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);border-radius: 4px;}
    .blue_button{padding: 8px 24px;font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);border-radius: 4px;}

}

/* hide input icon of safari  */
input::-webkit-credentials-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    position: absolute; 
    right: 0;
}
input,
button,
textarea{outline-style:none;}

/* new homepage using*/
.show_fade_in{opacity: 1 !important;}
.init_fade{opacity: 0;transition: all 2s;}


.grecaptcha-badge{
    display: none !important;
}

@-webkit-keyframes sdb {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 10px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translate(0, 10px);
		opacity: 0;
	}
}
.srcollBtn{position: absolute;bottom: 100px;left: 0;right: 0;text-align: center;z-index: 1;}
.srcollBtn a{-webkit-animation: sdb 1.5s infinite;animation: sdb 1.5s infinite;display: inline-block;}
@media (max-width: 768px) {
    .srcollBtn{bottom: 60px;}
    .srcollBtn a{max-width: 25px;}
}

/* page_start_steps */
.page_start_steps{position: relative;overflow: hidden;}
.page_start_steps[data-wpr-lazyrender] {content-visibility: initial;}
.page_start_steps .page_steps_wrapper{padding: 102px 0 104px;position: relative;z-index: 1;}
.page_start_steps .page_steps_wrapper .content_box{max-width: 508px;width: 100%;display: flex;flex-direction: column;gap: 56px;}
.page_start_steps .page_steps_wrapper h2{width: 100%;color: var(--text-text-primary);margin-bottom: 0;}
.page_start_steps .page_steps_wrapper h2 .mobile_text{display: none;}
.page_start_steps .page_steps_wrapper ul{max-width: 358px;width: 100%;justify-content: flex-start;gap: 80px; align-items: flex-start;}
.page_start_steps .page_steps_wrapper li{display: flex;flex-direction: column;align-items: center;}
.page_start_steps .page_steps_wrapper li div{position: relative;font-size:var(--font-size-headlineLarge);line-height:var(--Headline-Large-S);font-family: "Roboto-Bold";display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;color: var(--text-text-black-static);background: var(--special-static-white);text-align: center;border-radius: 50%;margin-bottom: 10px;}
.page_start_steps .page_steps_wrapper li p{text-align: center;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);margin: 0;font-weight: 600;}
.page_start_steps .page_steps_video video{position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;object-fit: cover;}
/* .page_start_steps .page_steps_video video.mobile_video{display: none;} */
.page_start_steps .page_steps_wrapper .content_bottom{max-width: max-content;width: 100%;}
.page_start_steps .page_steps_wrapper .blue_button{padding: 12px 32px;font-size: 22px;line-height: 1.27;letter-spacing: 0.62px;text-transform: capitalize;}
.page_start_steps .page_steps_wrapper .content_bottom p{text-align: center;margin: 0;color: var(--text-text-primary);}
.page_start_steps .page_steps_wrapper .content_bottom p a{font-size: var(--font-size-linkLarge);line-height: var(--Link-Large-R);color: var(--text-text-blue-cyan);text-decoration-line: underline;}

@media (max-width: 1200px) {
    .page_start_steps .page_steps_wrapper{padding: 60px 80px;}
}
@media (max-width: 980px) {
    .page_start_steps .inner{padding: 0;}
    .page_start_steps .page_steps_wrapper{padding: 40px;}
    .page_start_steps .page_steps_video video{height: 101%;}
}
@media (max-width: 768px) {
     .page_start_steps .page_steps_wrapper .content_box{gap: 24px;}
     .page_start_steps .page_steps_wrapper ul{gap: 52px;align-items: flex-start;}
     .page_start_steps .page_steps_wrapper .blue_button{font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);}
}
@media (max-width: 600px) {
    .page_start_steps .page_steps_wrapper{padding: 36px 20px 272px;}
    .page_start_steps .page_steps_video video{height: 100%;}
    /* .page_start_steps .page_steps_video video.pc_video{display: none;} */
    .page_start_steps .page_steps_video video.mobile_video{top: auto;bottom: 0;}
}
@media (max-width: 500px) {
    .page_start_steps .page_steps_wrapper .content_box{gap: 0;}
    .page_start_steps .page_steps_wrapper h2{margin-bottom: 28px;text-align: center;}
    .page_start_steps .page_steps_wrapper h2 .mobile_text{display: block;color: var(--text-text-white-static);}
    .page_start_steps .page_steps_wrapper h2 .mobile_text span{color: var(--text-text-blue-cyan);}
    .page_start_steps .page_steps_wrapper h2 .pc_text{display: none;}
    .page_start_steps .page_steps_wrapper ul{margin: 0 auto 28px;max-width: 257px;}
    .page_start_steps .page_steps_wrapper li div{width: 50px;height: 50px;font-size: 24px;line-height: 1.16;letter-spacing: 0.72px;margin-bottom: 5px;}
    .page_start_steps .page_steps_wrapper li div::after{position: absolute;left: 50px;content: "";width: 53px;height: 1px;border-bottom: 1px dashed rgba(255, 255, 255, 0.5);}
    .page_start_steps .page_steps_wrapper li:last-child div::after{display: none;}
    .page_start_steps .page_steps_wrapper li p{font-size: var(--font-size-bodySmall);line-height: var(--Body-Small-R);font-weight: 400;}
    .page_start_steps .page_steps_wrapper .blue_button{padding: 8px 24px;font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);border-radius: 4px;}
    .page_start_steps .page_steps_wrapper .content_bottom{display: flex;margin: 0 auto;}
    .page_start_steps .page_steps_wrapper .content_bottom p{display: none;}
}
/* page_start_steps */

/* faq */
.markets_faq{background:var(--special-static-black);}
.markets_faq .inner{padding-top:80px;padding-bottom:80px;}
.markets_faq .markets_faq_box h2{color:var(--text-text-primary);margin-bottom:28px;text-align:center;position:relative;}
.markets_faq .markets_faq_box h2::after{content: '';position: absolute;bottom: 12px;width: 6px;height: 6px;border-radius: 50%;background-color: #00F0FF;margin-left: 3px;}
.faq_module_inner .faq_list{padding:24px 16px;border-bottom: 1px solid var(--line-border);}
.faq_module_inner .faq_list .faq_module_tit{cursor: pointer;display:flex;justify-content: space-between;align-items: flex-start;}
.faq_module_inner .faq_list .faq_module_tit .list-serial{display: flex;align-items: flex-start;}
.faq_module_inner .faq_list .faq_module_tit h3{color:var(--text-text-secondary);font-size:var(--font-size-bodyMedium);line-height:var(--Body-Medium-R);margin-bottom:0px;font-family: "Roboto-Regular";}
.faq_module_inner .faq_list .faq_module_tit span.serial{color:var(--text-text-secondary);font-size:var(--font-size-bodyMedium);line-height:var(--Body-Medium-R);width: 16px;margin-right: 6px;display: block;}
.faq_module_inner .faq_list .faq_module_detial p{color: var(--text-text-secondary);font-size: var(--font-size-bodyMedium);line-height: var(--Body-Medium-R);margin-bottom:30px;}
.faq_module_inner .faq_list .faq_module_detial p:last-child{margin-bottom: 0px;}
.faq_module_inner .faq_list .faq_module_detial p a{color: var(--text-text-blue-cyan);}
.faq_module_inner .faq_list .faq_module_tit p{margin-bottom: 0px;}
.faq_module_inner .faq_list a{text-decoration: underline;}
.faq_module_inner .faq_list .faq_module_tit p.faq_module_icon{width: 90px;height: 22px;display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox;display: flex;justify-content: flex-end;position: relative;}
.faq_module_inner .faq_list .faq_module_detial{display: none;padding-left: 16px;padding-right: 16px;margin-top: 8px;}
.faq_module_inner .faq_list .faq_module_detial ol{padding-left: 25px;}
.faq_module_inner .faq_list .faq_module_detial ol li{list-style: auto;}
.add_subtract {position: relative;display: block;}
.add_subtract::before{content: '';display: block;width: 2px;height: 14px;position: absolute;top: 50%;right: 7px;transform: translate(50%,-50%);z-index: 1;background-color: #fff;transition: all .2s linear;}
.add_subtract::after {content: '';display: block;width: 14px;height: 2px;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);z-index: 2;background-color: #fff;transition: all .2s linear;}
.add_subtract_change::before {background-color: #fff;transform: translate(50%,-50%) rotate(-90deg);}
.add_subtract_change::after {background-color: #fff;}

@media (max-width: 768px){
    .markets_faq{background:var(--fill-page-primary);}
}
@media (max-width: 500px){
    .markets_faq .inner{padding-top:60px;padding-bottom:60px;}
    .markets_faq .markets_faq_box h2{margin-bottom:16px;}
    .markets_faq .markets_faq_box h2::after{bottom: 8px;width: 4px;height: 4px;}
    .faq_module_inner .faq_list{padding: 16px 0px;border-bottom: 1px solid #2D3033;}
    .faq_module_inner .faq_list:last-child{border:none;}
    .faq_module_inner .faq_list .faq_module_tit{align-items: center;}
    .faq_module_inner .faq_list .faq_module_tit span.serial{color:var(--text-text-primary);font-size:var(--font-size-bodyLarge);line-height:var(--Body-Large-R);}
    .faq_module_inner .faq_list .faq_module_tit h3{color:var(--text-text-primary);font-size:var(--font-size-bodyLarge);line-height:var(--Body-Large-R);}
    .faq_module_inner .faq_list .faq_module_detial{margin-top: 8px;margin-bottom: 0px;padding-left: 20px;padding-right: 0px;}
    .faq_module_inner .faq_list .faq_module_detial p{margin-bottom: 20px;color:var(--text-text-tertiary);}
    .add_subtract::before{height: 10px;right: 5px;}
    .add_subtract::after{width: 10px;}
}
/* faq */

/* news */
.post_top_box .post_list_content .post_tags .tags_item a:hover{color:var(--text-text-blue-cyan);}
.post_item .post_text .text_box .post_tags .tags_item a:hover{color:var(--text-text-blue-cyan);}
/* news */

/* tnc */
.page_tnc{background:var(--special-static-black);padding-bottom:80px;}
.page_tnc .tnc_border{background: linear-gradient(to right, #00F0FF, #0A36C7, #FFFFFF);padding:1px;border-radius: 8px;}
.page_tnc .tnc_box{background:var(--fill-page-primary);border-radius: 8px;padding:24px 16px;cursor: pointer;}
.page_tnc .tnc_box .tnc_title{display: flex;justify-content: space-between;align-items: center;}
.page_tnc .tnc_box .tnc_title .title_text{color:var(--text-text-blue-cyan);margin-bottom:0px;}
.page_tnc .tnc_box .tnc_content{display:none;padding:16px 32px 0;}
.page_tnc .tnc_box .tnc_content p{color:var(--text-text-tertiary);font-size:var(--font-size-bodyMedium);line-height:var(--Body-Medium-R);margin-bottom:16px;word-wrap: break-word;word-break: normal;}
.page_tnc .tnc_box .tnc_content>p:last-child{margin-bottom:0px;}
.page_tnc .tnc_box .tnc_content p a{color:var(--text-text-blue-cyan);text-decoration: underline;}
.ol_decimal, .ol_disc{padding: 0 0 0 35px;}
.ol_decimal>li{list-style: decimal;}
.ol_decimal>li::marker{color:var(--text-text-tertiary);font-size:var(--font-size-bodyMedium);line-height:var(--Body-Medium-R);}
.ol_decimal>li .child_lower_alpha{padding-left: 24px;}
.ol_decimal>li .child_lower_alpha>li{list-style: lower-alpha;}
.ol_decimal>li .child_lower_alpha>li::marker{color:var(--text-text-tertiary);font-size:var(--font-size-bodyMedium);line-height:var(--Body-Medium-R);}
.table_box .link_table{width: 100%;padding: 16px;border-radius: 16px;border: 1px solid var(--line-border);background: var(--fill-page-secondary);border-collapse: separate;border-spacing: 0;margin-bottom: 16px;}
.table_box .conditions_table{width: 100%;padding: 16px;border-radius: 16px;border: 1px solid var(--line-border);background: var(--fill-page-secondary);border-collapse: separate;border-spacing: 0;margin-bottom: 16px;}
.table_box tr{display: flex;align-items: center;gap: 8px;max-width: none;padding: 16px;border-bottom: 1px solid var(--line-border);}
.table_box tr th{width: 100%;font-weight: 600;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);color: var(--text-text-special);}
.table_box tr td{width: 100%;color: var(--text-text-secondary);font-size: var(--font-size-bodyMedium);line-height: var(--Body-Medium-R);}
.table_box .conditions_title{display: flex;gap: 8px;width: 100%;border: none;padding: 16px;margin-bottom: 0;border-radius: 8px;background: var(--text-text-blue-cyan);}
.table_box .conditions_title td{width: 100%;font-weight: 600;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);color: var(--text-text-special);}
.table_box tr:nth-last-child(1){border-bottom: none;padding: 16px 16px 8px;}
.table_box .a_other{color:var(--text-text-blue-cyan);}

@media (max-width: 850px){
    .table_box{overflow: auto;margin-bottom: 16px;}
    .table_box .conditions_table{width: 680px;}
}
@media (max-width: 768px){
    .page_tnc{padding:60px 0;}
    .page_tnc .tnc_box{padding:16px;}
    .page_tnc .tnc_box .tnc_content{padding: 16px 16px 0;}
    .ol_decimal, .ol_disc{padding: 0 0 0 26px;}
}
@media (max-width:450px) {
    .page_tnc .tnc_box .tnc_content{padding: 16px 0px 0;}
    .ol_decimal>li .child_lower_alpha{padding-left: 16px;}
    .table_box .link_table tr{text-align: center;padding: 0;}
    .table_box .link_table tr:nth-last-child(1){padding: 0;}
    .page_tnc .tnc_box .tnc_title{gap: 16px;}
}
/* tnc */

/* register steps */
.register_steps{background:var(--special-static-black);padding:100px 0;}
.register_steps .register_steps_box{background:var(--fill-page-primary);border-radius: 32px;border:1px solid var(--line-border);padding: 100px;}
.register_steps .register_steps_box .steps_number{display: flex;justify-content: space-between;margin-bottom:60px;}
.register_steps .register_steps_box .steps_number .steps_item{max-width: 240px;width: 100%;text-align: center;}
.register_steps .register_steps_box .steps_number .steps_item img{margin-bottom:32px;}
.register_steps .register_steps_box .steps_number .steps_item h3{margin-bottom:8px;}
.register_steps .register_steps_box .steps_number .steps_item p{color:var(--text-text-secondary);font-size:var(--font-size-bodyMedium);line-height:var(--Body-Medium-R);margin-bottom:0px;}
.register_steps .register_steps_box .step_text{text-align:center;color:var(--text-text-primary);margin-bottom:24px;}
.register_steps .register_steps_box .blue_button{margin: 0 auto;display: flex;gap: 12px;padding:18px 40px;margin-bottom:4px;align-items: center;}
.register_steps .register_steps_box .demo_text{color:var(--text-text-primary);margin-bottom:0px;text-align:center;}
.register_steps .register_steps_box .demo_text a{color:var(--text-text-blue-cyan);text-decoration: underline;}
@media (max-width:1200px){
    .register_steps .register_steps_box{padding: 70px 60px;}
}
@media (max-width:980px){
    .register_steps .register_steps_box{padding: 50px 40px;}
    .register_steps .register_steps_box .steps_number{gap:40px 16px;}
    .register_steps .register_steps_box .steps_number .steps_item img{margin-bottom: 16px;max-width: 110px;}
    .register_steps .register_steps_box .steps_number .steps_item h3{font-size:28px;}
}
@media (max-width:820px){
    .register_steps .register_steps_box{padding: 30px 20px;}
    .register_steps .register_steps_box .steps_number{flex-wrap: wrap;margin-bottom: 40px;}
}
@media (max-width:768px){
    .register_steps{padding:60px 0;}
}
@media (max-width:600px){
    .register_steps .register_steps_box .steps_number{justify-content: center;}
    .register_steps .register_steps_box .steps_number .steps_item{max-width: 100%;}
}
@media (max-width:500px){
    .register_steps .register_steps_box .steps_number .steps_item img{max-width: 80px;}
    .register_steps .register_steps_box .steps_number .steps_item h3{font-size: var(--font-size-headlineSmall);line-height: var(--Headline-Small-S);}
    .register_steps .register_steps_box .blue_button{padding: 8px 24px;}
    .register_steps .register_steps_box .blue_button img{max-width: 14px;}
    .register_steps .register_steps_box .demo_text{font-size: var(--font-size-bodyMedium);line-height: var(--Body-Medium-R);}
}
/* register steps */

/* page sub menu */
.nav_sub_hidden{transform: translateY(calc(-80px* 2));}
.nav_sub_menu{position: fixed;top:80px;width: 100%;background: linear-gradient(90deg, rgba(0, 240, 255, 0.24) 0%, rgba(10, 54, 199, 0.24) 100%);z-index:99;transition: all 0.8s;}
.nav_sub_menu .menu_box{padding:16px 0;margin: 0 auto;display: flex;justify-content: center;gap: 54px;}
.nav_sub_menu .menu_box p{font-family: "Roboto-Bold";font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);margin: 0;}
.nav_sub_menu .menu_box ul{display: flex;justify-content: center;gap: 54px;}
html[lang='it-IT'] .nav_sub_menu .menu_box ul {gap: 40px;}
.nav_sub_menu .menu_box a{display: block;font-family: "Roboto-Bold";color:var(--text-text-primary);font-size:var(--font-size-titleSmall);line-height:var(--Title-Small-S);transition: all .3s linear;}
.nav_sub_menu .menu_box a:hover{color:var(--text-text-blue-cyan);}
.nav_sub_menu .menu_box a.active{color:var(--text-text-blue-cyan);}
html[lang='fr-FR'] .nav_sub_menu .inner,
html[lang='es-ES'] .nav_sub_menu .inner,
html[lang='pt-PT'] .nav_sub_menu .inner,
html[lang='de-DE'] .nav_sub_menu .inner{max-width: fit-content;}

@media (max-width:1400px){
    .nav_sub_menu .menu_box{gap: 32px;}
    .nav_sub_menu .menu_box ul{gap: 32px;}
}
@media (max-width:1200px){
    html[lang='es-ES'] .nav_sub_menu .menu_box{gap: 16px;}
    html[lang='es-ES'] .nav_sub_menu .menu_box p{white-space: nowrap;padding-right: 16px;border-right: 1px solid var(--text-text-white-static);}
    html[lang='es-ES'] .nav_sub_menu .menu_box .menu_line{overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;scrollbar-color: transparent transparent;-webkit-scrollbar-width: thin;-webkit-scrollbar-color: transparent transparent;-moz-scrollbar-width: thin;-moz-scrollbar-color: transparent transparent;}
    html[lang='es-ES'] .nav_sub_menu .menu_box .menu_line::-webkit-scrollbar {display: none; }
    html[lang='es-ES'] .nav_sub_menu .menu_box ul{width: max-content;justify-content: flex-start;gap: 32px;}
}
@media (max-width:1160px){
    html[lang='de-DE'] .nav_sub_menu .menu_box{gap: 16px;}
    html[lang='de-DE'] .nav_sub_menu .menu_box p{white-space: nowrap;padding-right: 16px;border-right: 1px solid var(--text-text-white-static);}
    html[lang='de-DE'] .nav_sub_menu .menu_box .menu_line{overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;scrollbar-color: transparent transparent;-webkit-scrollbar-width: thin;-webkit-scrollbar-color: transparent transparent;-moz-scrollbar-width: thin;-moz-scrollbar-color: transparent transparent;}
    html[lang='de-DE'] .nav_sub_menu .menu_box .menu_line::-webkit-scrollbar {display: none; }
    html[lang='de-DE'] .nav_sub_menu .menu_box ul{width: max-content;justify-content: flex-start;gap: 32px;}

    html[lang='it-IT'] .nav_sub_menu .menu_box{gap: 16px;}
    html[lang='it-IT'] .nav_sub_menu .menu_box p{white-space: nowrap;padding-right: 16px;border-right: 1px solid var(--text-text-white-static);}
    html[lang='it-IT'] .nav_sub_menu .menu_box .menu_line{overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;scrollbar-color: transparent transparent;-webkit-scrollbar-width: thin;-webkit-scrollbar-color: transparent transparent;-moz-scrollbar-width: thin;-moz-scrollbar-color: transparent transparent;}
    html[lang='it-IT'] .nav_sub_menu .menu_box .menu_line::-webkit-scrollbar {display: none; }
    html[lang='it-IT'] .nav_sub_menu .menu_box ul{width: max-content;justify-content: flex-start;gap: 32px;}
}
@media (max-width:1140px){
    html[lang='fr-FR'] .nav_sub_menu .menu_box{gap: 16px;}
    html[lang='fr-FR'] .nav_sub_menu .menu_box p{white-space: nowrap;padding-right: 16px;border-right: 1px solid var(--text-text-white-static);}
    html[lang='fr-FR'] .nav_sub_menu .menu_box .menu_line{overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;scrollbar-color: transparent transparent;-webkit-scrollbar-width: thin;-webkit-scrollbar-color: transparent transparent;-moz-scrollbar-width: thin;-moz-scrollbar-color: transparent transparent;}
    html[lang='fr-FR'] .nav_sub_menu .menu_box .menu_line::-webkit-scrollbar {display: none; }
    html[lang='fr-FR'] .nav_sub_menu .menu_box ul{width: max-content;justify-content: flex-start;gap: 32px;}
}
@media (max-width:1120px){
    .nav_sub_menu{top: 78px;}
}
@media (max-width:1080px){
    html[lang='pt-PT'] .nav_sub_menu .menu_box{gap: 16px;}
    html[lang='pt-PT'] .nav_sub_menu .menu_box p{white-space: nowrap;padding-right: 16px;border-right: 1px solid var(--text-text-white-static);}
    html[lang='pt-PT'] .nav_sub_menu .menu_box .menu_line{overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;scrollbar-color: transparent transparent;-webkit-scrollbar-width: thin;-webkit-scrollbar-color: transparent transparent;-moz-scrollbar-width: thin;-moz-scrollbar-color: transparent transparent;}
    html[lang='pt-PT'] .nav_sub_menu .menu_box .menu_line::-webkit-scrollbar {display: none; }
    html[lang='pt-PT'] .nav_sub_menu .menu_box ul{width: max-content;justify-content: flex-start;gap: 32px;}
}
@media (max-width:1010px){
    html[lang='pl-PL'] .nav_sub_menu .menu_box{gap: 16px;}
    html[lang='pl-PL'] .nav_sub_menu .menu_box p{white-space: nowrap;padding-right: 16px;border-right: 1px solid var(--text-text-white-static);}
    html[lang='pl-PL'] .nav_sub_menu .menu_box .menu_line{overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;scrollbar-color: transparent transparent;-webkit-scrollbar-width: thin;-webkit-scrollbar-color: transparent transparent;-moz-scrollbar-width: thin;-moz-scrollbar-color: transparent transparent;}
    html[lang='pl-PL'] .nav_sub_menu .menu_box .menu_line::-webkit-scrollbar {display: none; }
    html[lang='pl-PL'] .nav_sub_menu .menu_box ul{width: max-content;justify-content: flex-start;gap: 32px;}
}
@media (max-width:980px){
    .nav_sub_menu .menu_box{gap: 16px;}
    .nav_sub_menu .menu_box p{white-space: nowrap;padding-right: 16px;border-right: 1px solid var(--text-text-white-static);}
    .nav_sub_menu .menu_box .menu_line{overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;scrollbar-color: transparent transparent;-webkit-scrollbar-width: thin;-webkit-scrollbar-color: transparent transparent;-moz-scrollbar-width: thin;-moz-scrollbar-color: transparent transparent;}
    .nav_sub_menu .menu_box .menu_line::-webkit-scrollbar {display: none; }
    .nav_sub_menu .menu_box ul{width: max-content;justify-content: flex-start;gap: 32px;}
}
@media (max-width:500px){
    .nav_sub_menu{top: 57px;background: var(--fill-page-secondary);}
    .nav_sub_menu .inner{padding:0 16px;}
    .nav_sub_menu .menu_box{padding: 6px 0;}
    .nav_sub_menu .menu_box ul{gap: 16px;}
    .nav_sub_menu .menu_box a{font-family: "Roboto-Regular";font-size: var(--font-size-bodyMedium);line-height: var(--Body-Medium-R);}
    html[lang='fr-FR'] .nav_sub_menu .menu_box ul,
    html[lang='es-ES'] .nav_sub_menu .menu_box ul,
    html[lang='pt-PT'] .nav_sub_menu .menu_box ul,
    html[lang='pl-PL'] .nav_sub_menu .menu_box ul,
    html[lang='de-DE'] .nav_sub_menu .menu_box ul{gap: 16px;}
}
@media (max-width: 450px) {
    html[lang='fr-FR'] .nav_sub_menu{top: 95px;}
    html[lang='it-IT'] .nav_sub_menu{top: 95px;}
}
@media (max-width: 420px) {
    html[lang='pt-PT'] .nav_sub_menu{top: 95px;}
}
@media (max-width: 390px) {
    html[lang='es-ES'] .nav_sub_menu{top: 95px;}
    html[lang='de-DE'] .nav_sub_menu{top: 95px;}
    html[lang='pl-PL'] .nav_sub_menu{top: 95px;}
}
@media (max-width: 370px) {
    .nav_sub_menu{top: 95px;}
}

/* page sub menu */

/* banner */
.banner_box .banner_content .text_box{max-width:455px;}
.banner_box .banner_content h1 p {color: var(--text-text-secondary);font-size: var(--font-size-titleLarge);line-height: var(--Title-Large-S);margin-bottom: 16px;}

@media (max-width:768px){
    .banner_box .banner_content .text_box{max-width: 100%;}
}
@media (max-width:500px){
    .banner_box .banner_content h1 p{margin-bottom: 0;font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);}
}
/* banner */