.disable-select{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width:768px){header::after{content:'';position:absolute;top:0;left:0;width:100%;min-height:1000px;height:50vh;z-index:-1;background-repeat:no-repeat;background-position:center top;background-size:auto;background-image:url(../img/icon/livetrade/intro/intro-back.svg)}}main .intro{padding-top:167px;text-align:center}@media (max-width:768px){main .intro{padding-top:42px}}main .intro>.container{padding:0 60px;overflow:hidden}main .intro .title{position:relative}main .intro .title h1{font-size:42px;font-weight:500;line-height:110px;text-align:center;letter-spacing:-0.5px}@media (max-width:768px){main .intro .title h1{font-size:24px;margin-left:auto;margin-right:auto;line-height:26px;margin-top:15px;line-height:30px;opacity:0;-webkit-animation:1s fadein-box-video forwards;-moz-animation:1s fadein-box-video forwards;-o-animation:1s fadein-box-video forwards;-ms-transition:1s fadein-box-video forwards;animation:1s fadein-box-video forwards}}main .intro .title img,main .intro .title svg{position:absolute;top:63px;right:256px;z-index:-1}@media (max-width:768px){main .intro .title img,main .intro .title svg{width:133px;top:19px;right:27px}}main .intro .desc{color:#8C979C;font-size:18px;max-width:400px;margin:-10px auto 0 auto;line-height:30px;font-weight:300;letter-spacing:-0.5px}@media (max-width:768px){main .intro .desc{font-size:14px;margin-top:16px;line-height:25px;opacity:0;-webkit-animation:1s fadein-box-video forwards;-moz-animation:1s fadein-box-video forwards;-o-animation:1s fadein-box-video forwards;-ms-transition:1s fadein-box-video forwards;animation:1s fadein-box-video forwards}}main .video-guide{margin-top:115px}@media (max-width:768px){main .video-guide{margin-top:65px}}main .video-guide .container{padding:0 60px}main .video-guide .container .breadcrumb{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px}main .video-guide .container .breadcrumb span{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;font-size:13px;font-weight:400;color:#333;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}main .video-guide .container .breadcrumb span:not(:first-child):before{content:'';width:4px;height:4px;aspect-ratio:1;border-radius:50%;background-color:#8C979C}main .video-guide .container .breadcrumb span.active{color:#121618}main .video-guide .container .breadcrumb span.active:before{background-color:#121618}main .video-guide .container .breadcrumb span a{color:inherit}main .video-guide .container .breadcrumb span a:hover{color:#294175}main .video-guide .container .tab{display:flex;align-items:flex-start;width:100%;flex-wrap:nowrap;flex-direction:column;margin-top:10px}main .video-guide .container .tab>.content{border-radius:32px;padding:20px;background-color:#ffffff;display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (max-width:768px){main .video-guide .container .tab>.content{padding:10px;border-radius:24px 24px 0 0}}main .video-guide .container .tab>.content.show{display:block}main .video-guide .container .tab>.content.hide{display:none}main .video-guide .container .tab>.content .box-video{position:relative;background-image:url(../img/icon/loading.gif);background-repeat:no-repeat;background-position:center center;background-size:auto;border-radius:8px;overflow:hidden;max-width:1280px;margin:10px auto;max-height:720px}@media (max-width:768px){main .video-guide .container .tab>.content .box-video{scale:0;opacity:0;-webkit-animation:scalein-box-video 500ms forwards,fadein-box-video 1s forwards;-moz-animation:scalein-box-video 500ms forwards,fadein-box-video 1s forwards;-o-animation:scalein-box-video 500ms forwards,fadein-box-video 1s forwards;-ms-transition:scalein-box-video 500ms forwards,fadein-box-video 1s forwards;animation:scalein-box-video 500ms forwards,fadein-box-video 1s forwards}}main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame,main .video-guide .container .tab>.content .box-video .youtube-video-place{position:relative}main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame::before,main .video-guide .container .tab>.content .box-video .youtube-video-place::before{content:'';cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);background-repeat:no-repeat;background-position:center center;background-size:auto;z-index:2}main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame>img,main .video-guide .container .tab>.content .box-video .youtube-video-place>img{width:100%;height:auto;font-size:1px}@media (min-width:1440px){main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame>img,main .video-guide .container .tab>.content .box-video .youtube-video-place>img{min-height:500px}}@media (max-width:768px){main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame>img,main .video-guide .container .tab>.content .box-video .youtube-video-place>img{min-height:131px}}@media (min-width:768px){main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame .img-mobile,main .video-guide .container .tab>.content .box-video .youtube-video-place .img-mobile{display:none}}@media (max-width:768px){main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame .img-desktop,main .video-guide .container .tab>.content .box-video .youtube-video-place .img-desktop{display:none}}@media (max-width:768px){main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame picture img,main .video-guide .container .tab>.content .box-video .youtube-video-place picture img{width:100%;height:auto}}main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame.icon-play-hide::before,main .video-guide .container .tab>.content .box-video .youtube-video-place.icon-play-hide::before{content:none;display:none}main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame iframe,main .video-guide .container .tab>.content .box-video .youtube-video-place iframe{width:100%}@media (min-width:768px){main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame iframe,main .video-guide .container .tab>.content .box-video .youtube-video-place iframe{min-height:560px}}@media (min-width:1200px){main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame iframe,main .video-guide .container .tab>.content .box-video .youtube-video-place iframe{min-height:720px}}@media (max-width:768px){main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame iframe,main .video-guide .container .tab>.content .box-video .youtube-video-place iframe{min-height:200px}}main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame::before{background-image:url(../img/expert/icon/icon-play-aparat.svg);background-size:40px}@media (min-width:992px){main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame::before{background-size:60px}}main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame .ratio{display:block;width:100%;height:auto}main .video-guide .container .tab>.content .box-video .h_iframe-aparat_embed_frame iframe{position:absolute;top:0;left:0;width:100%;height:100%}main .video-guide .container .tab>.content .box-video .youtube-video-place::before{background-image:url(../img/expert/icon/icon-play-youtube.svg);background-size:70px}main .video-guide .container .tab>.footer{background-color:#ffffff;text-align:center;padding:0px 20px 20px 20px;border-radius:0 0 32px 32px;width:auto;margin-left:auto;margin-right:auto;position:relative}@media (max-width:768px){main .video-guide .container .tab>.footer{padding:0 10px 10px 10px;border-radius:0 0 16px 16px;width:100%}}main .video-guide .container .tab>.footer:before,main .video-guide .container .tab>.footer:after{content:'';width:40px;height:40px;background-color:rgba(252,214,16,10.5)}main .video-guide .container .tab>.footer:before{right:-20px}main .video-guide .container .tab>.footer:after{left:-20px;border-bottom-left-radius:40px}main .video-guide .container .tab>.footer .buttons{background-color:#EEF4F5;padding:10px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px}@media (max-width:768px){main .video-guide .container .tab>.footer .buttons{border:1px solid #E2ECEF;padding:5px;border-radius:12px;opacity:0;-webkit-animation:.5s fadein-box-video 1s forwards;-moz-animation:.5s fadein-box-video 1s forwards;-o-animation:.5s fadein-box-video 1s forwards;-ms-transition:.5s fadein-box-video 1s forwards;animation:.5s fadein-box-video 1s forwards}}main .video-guide .container .tab>.footer .buttons button{text-align:center;font-size:13px;font-weight:400;letter-spacing:-0.2px;color:#8C979C;border-radius:16px;padding:10px;background-color:transparent;border:none;transition:all ease-in-out .3s}@media (max-width:768px){main .video-guide .container .tab>.footer .buttons button{border-radius:8px;flex-grow:1;color:#8C979C !important}}main .video-guide .container .tab>.footer .buttons button.active,main .video-guide .container .tab>.footer .buttons button:hover{transition:all ease-in-out .3s;color:#121618;background-color:#ffffff}@media (max-width:768px){main .video-guide .container .tab>.footer .buttons button.active span,main .video-guide .container .tab>.footer .buttons button:hover span{color:#121618}}main .quick-guide{margin-top:80px;overflow:hidden}main .quick-guide .header{text-align:center}main .quick-guide .header .title{font-size:32px;color:#121618;font-weight:500;letter-spacing:-0.5px}@media (max-width:768px){main .quick-guide .header .title{font-size:20px;scale:0;opacity:0;-webkit-animation:scalein-box-video 1s forwards,fadein-box-video 1.5s forwards;-moz-animation:scalein-box-video 1s forwards,fadein-box-video 1.5s forwards;-o-animation:scalein-box-video 1s forwards,fadein-box-video 1.5s forwards;-ms-transition:scalein-box-video 1s forwards,fadein-box-video 1.5s forwards;animation:scalein-box-video 1s forwards,fadein-box-video 1.5s forwards}}main .quick-guide .content{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-direction:row;flex-wrap:wrap;margin-top:55px}@media (max-width:768px){main .quick-guide .content{margin-top:30px;flex-direction:column}}main .quick-guide .content div{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}main .quick-guide .content div img{max-width:100%}@media (max-width:768px){main .quick-guide .content div img{order:2}}main .quick-guide .content div .title{font-size:18px;font-weight:500;color:#121618;letter-spacing:-0.5px;margin-top:7px;background-image:url(../img/icon/livetrade/quick-guide/icon-title-livetrade.svg);background-position:right center;background-repeat:no-repeat;padding-right:35px}@media (max-width:768px){main .quick-guide .content div .title{font-size:14px}}main .quick-guide .content div .desc{font-size:16px;font-weight:400;letter-spacing:-0.5px;margin-top:10px}@media (min-width:768px){main .quick-guide .content div .desc{color:#8C979C}}@media (max-width:768px){main .quick-guide .content div .desc{font-size:14px;margin-top:20px;scale:0;opacity:0;-webkit-animation:scalein-box-video 1s forwards,fadein-box-video 1.5s forwards;-moz-animation:scalein-box-video 1s forwards,fadein-box-video 1.5s forwards;-o-animation:scalein-box-video 1s forwards,fadein-box-video 1.5s forwards;-ms-transition:scalein-box-video 1s forwards,fadein-box-video 1.5s forwards;animation:scalein-box-video 1s forwards,fadein-box-video 1.5s forwards}}main .quick-guide .footer{margin-top:75px;text-align:center}@media (max-width:768px){main .quick-guide .footer{margin-top:20px}}main .quick-guide .footer button,main .quick-guide .footer a{margin-left:auto;margin-right:auto;background-color:#121618;color:white;text-align:center;padding:16px 25px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;letter-spacing:-0.5px;border-radius:16px;gap:20px;width:100%;max-width:290px}@media (max-width:768px){main .quick-guide .footer button,main .quick-guide .footer a{padding:11px 25px}}main .quick-guide .footer button:before,main .quick-guide .footer a:before,main .quick-guide .footer button:after,main .quick-guide .footer a:after{content:'';width:24px;height:24px;background-position:center;background-repeat:no-repeat}main .quick-guide .footer button:before,main .quick-guide .footer a:before{background-image:url(../img/icon/livetrade/quick-guide/icon-button-user.svg)}main .quick-guide .footer button:after,main .quick-guide .footer a:after{background-image:url(../img/icon/livetrade/quick-guide/icon-button-user-arrow.svg)}@-moz-keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@-ms-keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@-o-keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@-webkit-keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@-moz-keyframes scroll-right{from{transform:translateX(calc(-100% - var(--gap)))}to{transform:translateX(0)}}@-ms-keyframes scroll-right{from{transform:translateX(calc(-100% - var(--gap)))}to{transform:translateX(0)}}@-o-keyframes scroll-right{from{transform:translateX(calc(-100% - var(--gap)))}to{transform:translateX(0)}}@-webkit-keyframes scroll-right{from{transform:translateX(calc(-100% - var(--gap)))}to{transform:translateX(0)}}@keyframes scroll-right{from{transform:translateX(calc(-100% - var(--gap)))}to{transform:translateX(0)}}@-moz-keyframes fadein-box-video{to{opacity:1}}@-ms-keyframes fadein-box-video{to{opacity:1}}@-o-keyframes fadein-box-video{to{opacity:1}}@-webkit-keyframes fadein-box-video{to{opacity:1}}@keyframes fadein-box-video{to{opacity:1}}@-moz-keyframes scalein-box-video{to{scale:1}}@-ms-keyframes scalein-box-video{to{scale:1}}@-o-keyframes scalein-box-video{to{scale:1}}@-webkit-keyframes scalein-box-video{to{scale:1}}@keyframes scalein-box-video{to{scale:1}}@-moz-keyframes fadein-color-primary{to{color:#121618}}@-ms-keyframes fadein-color-primary{to{color:#121618}}@-o-keyframes fadein-color-primary{to{color:#121618}}@-webkit-keyframes fadein-color-primary{to{color:#121618}}@keyframes fadein-color-primary{to{color:#121618}}/*# sourceMappingURL=./livetrade-critical.css.map */