@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400..700&family=Kaushan+Script&display=swap");@media (min-width: 769px) and (max-width: 1440px){.header-nav{min-width:0;width:100%}.header-nav .nav-left .nav-menu .nav-list{flex-shrink:0}.footer{padding:0 30px;min-width:0;width:100%}.footer .footer-cnt{align-items:stretch}.footer .footer-cnt ._left{max-width:25%;padding:0 !important;padding-right:60px !important}.footer .footer-cnt ._right{padding-left:60px !important;padding-right:0 !important}}@media (min-width: 768px) and (max-width: 1110px){.header-nav.header-product .header-wrapper{padding:0 16px !important}.header-nav.header-product .nav-left .nav-menu{margin-left:40px !important}}.social-left{position:fixed;display:block;z-index:99;color:#4b4b4b;text-align:center;left:auto;right:auto;width:auto;top:auto;bottom:calc(4% + 150px);opacity:1;visibility:visible !important;transition:opacity 0.3s ease}.social-left.pos-on{opacity:0;visibility:hidden !important;transition:opacity 0.3s ease}.media-icons{display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:10px;margin:24px auto}.media-icons a{background-color:#0054FF;background-repeat:no-repeat;background-position:center;display:block;height:48px;width:48px;border-radius:100%;position:relative;transition:all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1)}.media-icons a.facebook{background-image:url(../images/blog/20240222/share_fb.svg)}.media-icons a.twitter{background-image:url(../images/blog/20240222/share_tw.svg)}.media-icons a.whatsapp{background-image:url(../images/blog/20240222/share_whatsapp.svg)}.media-icons a:hover{background-color:#4D88FF}.media-icons .sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.td-container{position:relative;margin:0 auto;width:1200px}.share-like-wrapper{display:flex;align-items:flex-end;justify-content:flex-start;column-gap:30px}.share-like-section{margin-top:40px}.share-like-section .share-like-left p{color:#1E1C2C;font-size:20px;line-height:1.5;font-weight:500}.share-like-section .share-like-left .share-like-desc{font-size:16px;font-weight:400}.share-like-section .post-icons-container,.share-like-section .share-post{display:flex;justify-content:flex-start;align-items:center;column-gap:24px}.share-like-section .share-post{text-align:center;display:inline-flex;justify-content:center;column-gap:10px;color:#1E1C2B;font-size:20px;font-weight:400;line-height:1.2}.share-like-section .share-post .share-post-icon{position:relative;display:block;flex-shrink:0;width:42px;height:42px;cursor:pointer;background:rgba(255,255,255,0.4);border-radius:50%;border:1px solid rgba(112,112,112,0.4)}.share-like-section .share-post .share-post-icon svg{display:block;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.share-like-section .share-post .share-post-icon:hover svg path{fill:#848484 !important}.submit-disabled{pointer-events:none}.comment-err{border-color:#fd3b3c !important}.comments-area{margin-bottom:92px}.comments-area .comment-title{margin-bottom:20px;color:#1E1C2C;font-weight:500;font-size:20px;line-height:1.5}.comments-area .comment-title span{padding-left:15px;font-size:16px;line-height:1.5;font-weight:400;color:#A5A5A5}.comments-area .comment-form{display:flex;align-items:stretch;flex-wrap:wrap;justify-content:flex-start;column-gap:20px}.comments-area .comment-form-item{max-width:50%;display:flex;justify-content:flex-start;align-items:center;column-gap:10px;margin-bottom:15px}.comments-area .comment-form-item.comment-form-comment{max-width:100%;width:100%;flex-wrap:wrap}.comments-area .comment-form-item.comment-form-comment label{padding-bottom:10px}.comments-area .comment-form-item label{display:block;font-size:16px;font-weight:400;text-transform:uppercase;line-height:1.8;color:#1E1C2B}.comments-area .comment-form-item label span{font:inherit;color:inherit}.comments-area .comment-form-item label span.required{color:#cf1369}.comments-area .comment-form-item input,.comments-area .comment-form-item textarea{outline:none;margin:0;padding:10px;width:205px;height:30px;background:#fff;border:1px solid #E7E5EC;-webkit-appearance:none}.comments-area .comment-form-item textarea{height:116px;resize:none;width:100%}.comments-area .comment-submit{position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:normal;margin-bottom:0;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;background-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background:linear-gradient(90deg, #6584FF 0%, #0054FF 100%);border-radius:6px;color:#fff;font-size:16px;line-height:1.2;font-weight:400;padding:8px 20px;min-width:172px;max-width:100%;height:36px}.comments-area .comment-submit:hover,.comments-area .comment-submit:active,.comments-area .comment-submit:focus{background:linear-gradient(90deg, #1965fd 0%, #70f 100%)}.comments-list .comments-area{margin-bottom:0}.comments-list .comments-title{padding-bottom:24px;color:#1E1C2C;font-size:20px;line-height:1.5;font-weight:500}.comments-list .comments-title span,.comments-list .comments-title b{font:inherit;color:inherit}.comment-item{margin-bottom:30px}.comment-child-item{padding-left:38px}.comment-author{display:flex;align-items:center;justify-content:flex-start;column-gap:10px}.comment-author .author-thumbnail{width:28px;height:28px;background:#D8D8D8;border-radius:4px;flex-shrink:0}.comment-author .author-comment-img{--avatar: url(../images/blog/20240222/blog_comment_user.png);position:relative;display:inline-block;width:100%;height:100%;border-radius:inherit;overflow:hidden;background-image:var(--avatar);background-position:center center;background-repeat:no-repeat;background-size:contain}.comment-author .author-comment-img img{width:100%;display:block;max-width:none;height:100%;position:absolute;object-fit:cover;object-position:center bottom;border-radius:50%}.comment-author .author-comment-info{display:inline-flex;align-items:center;justify-content:flex-start}.comment-author .comment-size-name,.comment-author .author-comment-time{display:inline-block;color:#1E1C2C;font-size:14px;line-height:1.2;font-weight:500}.comment-author .comment-size-name a,.comment-author .author-comment-time a{font:inherit;color:inherit}.comment-author .comment-size-name{max-width:85%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.comment-author .author-comment-time{font-size:12px;color:#A7A7A7;font-weight:400;padding:0 10px}.comment-content,.comment-action{padding-left:38px}.comment-content{padding-top:10px;padding-bottom:20px;text-align:left}.comment-content p{color:#1E1C2C;font-size:12px;line-height:1.5;font-weight:500}.comment-action-toolbar{display:flex;align-items:center;justify-content:flex-start;column-gap:52px}.comment-action-toolbar .pull-left{display:flex;align-items:center;justify-content:center;column-gap:5px}.comment-action-toolbar .click-like-icon{display:block;flex-shrink:0;width:35px;height:35px;border-radius:50%;cursor:pointer;background-image:url(../images/blog/20240222/list_like_icon.svg);background-position:center center;background-repeat:no-repeat}.comment-action-toolbar .click-like-icon:hover{background-image:url(../images/blog/20240222/list_like_icon_hover.svg);background-color:#E8E8E8}.comment-action-toolbar .like-num{color:#1E1C2C;font-size:12px;line-height:1.5;font-weight:500}.comment-action-toolbar .reply-btn{display:inline-block;color:#1E1C2C;font-size:12px;line-height:1.5;font-weight:400;text-decoration:underline;cursor:pointer}.comment-action-toolbar .reply-btn:hover{opacity:0.8}.comments-more{display:block;margin:0;margin-left:38px;margin-bottom:92px;width:35px;height:34px;cursor:pointer;transition:all 0.3s;background-image:url(../images/blog/20240222/expand-arrow-left.png);transform:rotate(-90deg)}.comments-more:hover{opacity:0.8}.reply-button-show{margin-top:14px;color:#0556FF;font-size:12px;line-height:1.5;font-weight:400;cursor:pointer}.reply-button-show span,.reply-button-show i{display:inline-block;font:inherit;color:inherit;vertical-align:middle}.reply-button-show i{margin-right:5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #0556FF}.reply-button-show.reply-open{transition:all 0.3s ease}.reply-button-show.reply-open i{transform:rotate(180deg)}.comment-reply-dialog{padding-top:18px}.comment-reply-dialog .reply-row{display:flex;justify-content:flex-start;align-items:flex-end;column-gap:26px;padding-bottom:26px}.comment-reply-dialog .reply-row-image{width:28px;height:28px;background:#D8D8D8;border-radius:4px;flex-shrink:0;background:url(../images/blog/20240222/blog_comment_user.png) center center no-repeat;background-size:contain}.comment-reply-dialog .reply-row-image>a{position:relative;display:inline-block;width:100%;height:100%;border-radius:inherit;overflow:hidden}.comment-reply-dialog .reply-row-image>a img{width:100%;display:block;max-width:none;height:100%;position:absolute;object-fit:cover;object-position:center bottom;border-radius:50%}.comment-reply-dialog .reply-row-input{border-bottom:1px solid #CCC;flex:1 1 0}.comment-reply-dialog .reply-row-input .reply-text{display:inline-block;padding:8px 0;margin:0;appearance:none;border:0;width:100%;color:#464451;font-size:12px;line-height:1.5;font-weight:400}.comment-reply-dialog .reply-row-input .reply-text::placeholder{color:#939393}.comment-reply-dialog .reply-row-input .reply-text::-webkit-input-placeholder{color:#939393}.comment-reply-dialog .reply-row-input .reply-text::-moz-placeholder{color:#939393}.comment-reply-dialog .reply-row-input .reply-text:-moz-placeholder{color:#939393}.comment-reply-dialog .reply-row-input .reply-text:-ms-input-placeholder{color:#939393}.comment-reply-dialog .row-action{display:flex;align-items:stretch;justify-content:flex-end;width:100%;column-gap:40px}.comment-reply-dialog .action-btn{flex-shrink:0;background:transparent;border:0;outline:0;cursor:pointer;overflow:hidden;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;font:inherit;color:#33313E;font-size:12px;line-height:1.5;font-weight:400;padding:0;margin:0;transition:all 0.3s ease}.comment-reply-dialog .action-btn:hover{text-decoration:underline;transition:all 0.3s ease}.comment-reply-dialog .reply-sure-btn{color:#fff;padding:0 16px;height:28px;border-radius:8px;background:#0556FF}.comment-reply-dialog .reply-disabled{color:#A9A9A9;pointer-events:none;background:transparent}.side-banner{display:flex !important;position:fixed;right:2%;left:auto;top:27% !important;z-index:-98;margin:0;opacity:1;visibility:hidden;transform:translateY(400px);transition:transform 0.3s ease-out;text-align:center;background:#fff;width:250px;min-height:285px;max-height:40%;box-shadow:0px 15px 30px #C4CCDC;border-radius:5px;flex-direction:column;align-items:center;justify-content:center;row-gap:10px;padding:10px 4px}.side-banner.side-on{z-index:98;opacity:1;visibility:visible;transform:translateY(0px);transition:transform 0.3s ease-out}.side-banner.direction-rtl{direction:rtl;z-index:-97;right:auto;left:2%}.side-banner.direction-rtl.side-on{z-index:97}.side-banner-title{font-size:18px;line-height:1.2;font-weight:600;color:#000}.side-banner-title.title-small{font-size:14px}.side-banner-title.title-small span{font-size:16px}.side-banner-title span{display:block;font:inherit;color:inherit}.side-banner-desc{font-size:12px;line-height:28px;font-weight:500;letter-spacing:-0.12px;color:#565454;max-width:252px}.side-banner-desc p{font:inherit;color:inherit}.side-banner-list{padding:0 10px;text-align:right}.side-banner-list li{padding:4px 0;position:relative;color:#565454;font-size:12px;line-height:1.5;font-weight:500;column-gap:12px;display:flex;justify-content:flex-start;align-items:center}.side-banner-list li::before{content:'';display:block;flex-shrink:0;width:13px;height:12px;background:url(../images/blog/20240222/banner_list_check.svg) center center no-repeat}.side-banner-list li span{font:inherit;color:inherit}.side-banner-bottom{display:flex;justify-content:center;align-items:stretch;flex-direction:column;row-gap:12px;width:calc(100% - 22px)}.side-banner .side-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;width:100%;height:45px;border-radius:6px;color:#fff;font-size:14px;line-height:1.2;font-weight:500;text-align:center}.side-banner .side-btn.side-down-btn{background:linear-gradient(90deg, #6584FF 0%, #0054FF 100%)}.side-banner .side-btn.side-down-btn:hover,.side-banner .side-btn.side-down-btn:active,.side-banner .side-btn.side-down-btn:focus{background:linear-gradient(90deg, #1965fd 0%, #70f 100%)}.side-banner .side-btn.side-buy-btn{background:linear-gradient(279deg, #FF9D2B 0%, #FFC400 100%)}.side-banner .side-btn.side-buy-btn:hover,.side-banner .side-btn.side-buy-btn:active,.side-banner .side-btn.side-buy-btn:focus{background:#ffca1d}.blogdetail-body .to-top-etc,.to-top-etc{bottom:10%}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents{margin:0;padding:0;position:fixed;top:22%;left:1%;z-index:-98;max-width:250px;max-height:60%;opacity:1;visibility:hidden;transform:translateY(-400px);transition:transform 0.3s ease-out;background-color:#fff}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents.direction-rtl{left:auto;right:1%}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents .list-wrap{width:100%;max-height:460px;overflow-x:hidden;overflow-y:auto}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents .list-wrap::-webkit-scrollbar{width:4px;height:4px}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents .list-wrap::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background-color:#99a9bf}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents .list-wrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:5px;background-color:#d3dce6}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents.side-on{z-index:98;opacity:1;visibility:visible;transform:translateY(0px);transition:transform 0.3s ease-out}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .left-menu-arrow{display:block;width:35px;height:34px;margin-bottom:10px;cursor:pointer;transition:all 0.3s;background-image:url(../images/blog/20240222/expand-arrow-left.png)}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .left-menu-arrow.direction-rtl{transform:rotate(-180deg)}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .left-menu-arrow.direction-rtl.menu-close{transform:rotate(0deg)}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .left-menu-arrow.menu-close{transform:rotate(180deg)}.blog-detail:not([data-product="idr"]) .article-authors{font-size:14px;line-height:2;color:#8e8b9d}.blog-detail:not([data-product="idr"]) .article-authors a{font:inherit;color:inherit}.blog-detail:not([data-product="idr"]) .article-authors a:hover{opacity:0.8;text-decoration:underline}.blog-detail .w-p,.blog-detail .td-container,.blog-detail .article-related-reference.w-p{max-width:1200px;width:calc(100% - 6% - 250px - var(--sw) - 88px)}.blog-detail .article-cnt .article-box p img{max-width:100%}.blog-detail .article-cnt .article-box .banner1{flex-wrap:wrap;justify-content:center;padding:20px 30px;column-gap:50px}.blog-detail .article-cnt .article-box .banner2{flex-wrap:wrap;column-gap:30px}.blog-detail .article-cnt .article-box .banner3,.blog-detail .article-cnt .article-box .banner5,.blog-detail .article-cnt .article-box .banner4{flex-wrap:wrap;column-gap:90px}.blog-detail .article-cnt .article-box .banner3 .left,.blog-detail .article-cnt .article-box .banner5 .left,.blog-detail .article-cnt .article-box .banner4 .left{flex-shrink:0}.blog-detail .article-cnt .article-box .banner3 .right,.blog-detail .article-cnt .article-box .banner5 .right,.blog-detail .article-cnt .article-box .banner4 .right{margin-left:0;max-width:none;width:auto}.blog-detail .article-cnt .article-box .banner5{row-gap:90px}@media (max-width: 1800px){.blog-detail .w-p,.blog-detail .td-container,.blog-detail .article-related-reference.w-p{margin-right:calc(250px + 3%)}}.article-related-reference{overflow:visible !important}.article-author-info .author-title{padding:75px 96px 0;color:#292735;font-size:30px;line-height:1.2;font-weight:600;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;column-gap:18px}.article-author-info .author-title::before,.article-author-info .author-title::after{content:"";display:block;margin-top:2px;width:15px;height:6px;flex-shrink:0;background:#1E5AFF}.article-author-info .author-title::after{display:none}.article-author-info .author-info{margin-top:14px;margin-bottom:75px;padding:90px 96px;background:#fff;border:1px solid #DBDBDB;border-radius:20px;display:flex;align-items:center;justify-content:flex-start;column-gap:40px;box-shadow:0px 20px 30px #0008FF0F}.article-author-info .author-pic{position:relative;width:150px;height:150px;background:#fff;border-radius:50%;flex-shrink:0;overflow:hidden}.article-author-info .author-pic img{width:100%;display:block;max-width:none;height:100%;position:absolute;object-fit:cover;object-position:center bottom;border-radius:50%}.article-author-info .author-content{text-align:left;max-width:768px}.article-author-info .author-content.direction-rtl{text-align:right}.article-author-info .author-content .author-name{padding-bottom:16px;color:#292735;font-size:28px;font-weight:600;line-height:1.2}.article-author-info .author-content .author-desc{color:#292735;padding:0;font-size:16px;font-weight:400;line-height:1.5}.article-author-info .author-content .author-media{padding:16px 0 28px;display:flex;align-items:center;justify-content:flex-start;column-gap:16px}.article-author-info .author-content .author-media a{display:block;position:relative;transition:all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);cursor:pointer}.article-author-info .author-content .author-media a img{display:inline-block;vertical-align:top}.article-author-info .author-content .author-media a:hover{opacity:0.8}@media (max-width: 1220px){.side-banner{display:none !important}.td-container{width:100%;padding:0 16px}.blog-detail .w-p,.blog-detail .td-container,.blog-detail .article-related-reference.w-p{max-width:1200px;margin-left:calc(3% + var(--sw) + 88px);width:calc(100% - 6% - var(--sw) - 88px);margin-right:auto}.blog-detail .td-container{padding:0}.blog-detail .article-cnt{padding:60px}.blog-detail .article-cnt .article-box p img{width:auto !important;height:auto !important;max-width:100% !important}.blog-detail .article-cnt .article-box .banner1{padding-bottom:30px;flex-wrap:wrap;column-gap:20px}.blog-detail .article-cnt .article-box .banner1 .right{width:100%}.blog-detail .article-cnt .article-box .banner1 .d_btn{flex-wrap:wrap}.blog-detail .article-cnt .article-box .banner.banner2 .left{width:100% !important}.blog-detail .article-cnt .article-box .banner3{column-gap:30px}.blog-detail .article-cnt .article-box .banner3 .right{margin-left:0}}@media (max-width: 768px){.td-container{width:100%;padding:0 16px}.side-banner{display:none !important}.social-left{position:relative;right:auto !important;left:auto !important;bottom:auto !important}.media-icons{flex-direction:row;column-gap:10px;margin:14px auto;justify-content:flex-start}.media-icons a{height:40px;width:40px}.share-like-wrapper{row-gap:30px;flex-direction:column;align-items:flex-start;justify-content:center}.comments-area{margin-bottom:40px}.comments-area .comment-title span{display:block;padding-left:0}.comments-area .comment-form-item{max-width:none;width:100%;flex-direction:column;margin-bottom:20px}.comments-area .comment-form-item label{text-align:left;width:100%}.comments-area .comment-form-item input,.comments-area .comment-form-item textarea{width:100%;height:36px}.comments-area .comment-form-item textarea{height:160px;width:100%;box-sizing:border-box}.comments-area .form-submit{text-align:center;width:100%}.comments-area .comment-submit{margin:0 auto;min-width:205px;height:45px}.comments-list .comments-area{margin-bottom:0}.comments-more{margin-bottom:40px}.comment-author .comment-size-name{max-width:50%}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents{margin:0}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents{position:relative;top:0 !important;left:0;z-index:1;max-width:none;max-height:none;overflow:hidden;opacity:1;visibility:visible;transform:translateY(0);background-color:transparent;padding:0 !important}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents.direction-rtl{left:0;right:0}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents dl .list ul{padding-left:16px !important}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents .list-wrap{max-width:none;max-height:none;overflow:hidden}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .left-menu-arrow{display:none}.blog-detail:not([data-product="idr"]) .w-p,.blog-detail:not([data-product="idr"]) .td-container,.blog-detail:not([data-product="idr"]) .article-related-reference.w-p{max-width:100%;width:100%;margin-left:auto;margin-right:auto;padding:0 16px}.blog-detail:not([data-product="idr"]) .article-cnt .article-box p img{height:auto !important}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner2{flex-wrap:wrap;column-gap:30px}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner3,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner5,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner4{flex-wrap:wrap;column-gap:90px}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner3 .left,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner5 .left,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner4 .left{flex-shrink:0}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner3 .right,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner5 .right,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner4 .right{margin-left:0;max-width:none;width:auto}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner5,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner3,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner1{row-gap:0px}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner5 .left,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner3 .left,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner1 .left{position:relative;left:0;right:0;top:0;bottom:0;margin:-88px auto -40px}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner3 .left{margin:-88px auto}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner1 .left{margin:0 auto}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner1 .right dl dt{color:#fff}.blog-detail:not([data-product="idr"]) .article-related-reference{margin-bottom:30px}.article-author-info{text-align:center}.article-author-info .author-title{padding:60px 16px 0;font-size:20px;column-gap:12px;flex-wrap:nowrap;justify-content:center}.article-author-info .author-title::after{display:block}.article-author-info .author-info{padding:54px 40px;flex-direction:column;column-gap:0px;row-gap:20px;justify-content:center}.article-author-info .author-pic{width:110px;height:110px}.article-author-info .author-content{text-align:center}.article-author-info .author-content.direction-rtl{text-align:center}.article-author-info .author-content .author-name{padding-bottom:12px;font-size:18px}.article-author-info .author-content .author-desc{font-size:14px;line-height:1.5}}.comm-popup-bg{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.82);left:0;top:0;opacity:0;transition:all ease 0.3s;z-index:-99999;display:block !important}.comm-popup-bg.comm-on{opacity:1;z-index:99999}.comm-popup{width:724px;height:427px;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-100000;margin:auto;transition:all ease 0.3s;opacity:0;transform:scale(0.1);display:block !important;text-align:center;border-radius:16px;background:#fdfdfc;border:2px solid #feead0}.comm-popup.comm-on{z-index:100000;opacity:1;transform:scale(1)}.comm-popup img{max-width:none;width:auto}.comm-popup .comm-close{position:absolute;top:10px;right:22px;z-index:9;width:24px;height:24px;cursor:pointer}.comm-popup .comm-close svg{display:block;pointer-events:none;width:inherit;height:inherit;fill:#252834}.comm-popup .comm-close:hover{opacity:0.8}.comm-popup .pop-solgon{font-family:"Kaushan Script", Arial, "Microsoft Yahei", sans-serif;margin:0;margin-top:-70px;display:inline-block;position:relative;z-index:0;font-size:86px;font-weight:400;line-height:1;color:#4DA62F;text-align:center}.comm-popup .pop-solgon::after{content:attr(data-text);position:absolute;left:0;z-index:-1;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:8px #fff;text-shadow:none}.comm-popup .pop-solgon::before{content:'';display:none;position:absolute;top:-32px;left:-8px;z-index:2;width:78px;height:58px;background:url("../images/2022christmas/purchase/comm_pop_cap.png") no-repeat;transform:scale(0.7)}.comm-popup .pop-solgon.festival::before{display:block}.comm-popup .pop-title{padding:24px 0 8px;text-align:center;color:#000;font-size:20px;line-height:1.5;font-weight:700;font-family:"Inter", Arial, "Microsoft Yahei", sans-serif}.comm-popup .pop-title span{font:inherit;color:inherit}.comm-popup .pop-title b{font:inherit;color:#FF0A0A;font-weight:700}.comm-popup .pop-subtitle{text-align:center;color:#919399;font-size:14px;line-height:1.5;font-weight:400;font-family:"Inter", Arial, "Microsoft Yahei", sans-serif}.comm-popup .pop-offer{display:flex;align-items:flex-start;justify-content:center;column-gap:26px;padding:0 20px}.comm-popup .pop-image{position:relative;z-index:1;margin:0;width:268px;flex-shrink:0;margin-left:-30px}.comm-popup .pop-image>img{display:inline-block;vertical-align:top;width:100%}.comm-popup .pop-discount{display:block;position:absolute;top:-20px;right:-110px;width:130px;height:78px;background:url("../images/2022christmas/purchase/popup_tag.png") no-repeat}.comm-popup .pop-discount span{display:inline-block;padding:34px 0 0;color:#fff;font-size:12px;font-weight:700;text-align:left;transform:rotate(-45deg);vertical-align:top}.comm-popup .pop-discount span.off{font-size:26px;transform:rotate(-15deg)}.comm-popup .pop-discount span.percent{padding-top:24px;transform:rotate(-15deg);text-align:left}.comm-popup .pop-discount span em{display:block;color:#fff;font-size:12px;font-weight:700}.comm-popup .pop-sale{padding-top:32px;text-align:center}.comm-popup .pop-tag{position:relative;margin:0 auto;padding:12px;min-width:118px;font-size:20px;font-weight:700;color:#fff;line-height:1.5;text-align:center;display:inline-flex;align-items:center;justify-content:center;font-family:"Inter", Arial, "Microsoft Yahei", sans-serif;background:#FF0A0A;border-radius:10px}.comm-popup .pop-tag .anti{display:block;--c1: #fff;--c2: #FF0A0A;--line-width: 0.5px;position:absolute;height:88%;width:6px;top:50%;transform:translateY(-50%);background:radial-gradient(circle at 0px 10px, var(--c1) 6px, var(--c2) 6px, var(--c2) 0);background-size:6px 20px}.comm-popup .pop-tag .anti::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:radial-gradient(circle at 0px 10px, transparent, transparent calc(6px - var(--line-width)), var(--c1) calc(6px - var(--line-width)), var(--c2) calc(6px + var(--line-width)), transparent calc(6px + var(--line-width)), transparent)}.comm-popup .pop-tag .anti.anti-left{left:0}.comm-popup .pop-tag .anti.anti-right{right:-1px;transform:translateY(-50%) rotate(-180deg)}.comm-popup .pop-tag b,.comm-popup .pop-tag small{font:inherit;color:inherit}.comm-popup .pop-tag b{font-size:30px}.comm-popup .pop-tag b small{font-size:20px}.comm-popup .pop-list{padding:20px 0 15px;display:flex;align-items:center;justify-content:center;gap:30px}.comm-popup .pop-list li{text-align:center;min-width:84px;font-family:"Inter", Arial, "Microsoft Yahei", sans-serif}.comm-popup .pop-list li p{color:#919399;font:inherit;font-size:12px;line-height:1.5;font-weight:500;text-align:center}.comm-popup .pop-list li p.pop-price{display:inline-block;padding-top:8px;position:relative;color:#252834;font-size:16px;line-height:20px;font-weight:700}.comm-popup .pop-list li p.pop-price.sale{color:#FF0A0A;font-size:22px}.comm-popup .pop-list li p.pop-price.sale::before{display:none}.comm-popup .pop-list li p.pop-price::before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:61px;height:11px;background:url("../images/2022christmas/purchase/del.svg") no-repeat}.comm-popup .pop-desc{padding-top:12px;font-size:12px;line-height:16px;font-weight:600;color:#252834;font-family:"Inter", Arial, "Microsoft Yahei", sans-serif}.comm-popup .pop-desc span,.comm-popup .pop-desc b{font:inherit;color:#F0491A;font-weight:600}.comm-popup .comm-popup-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;min-width:276px;height:50px;color:#fff;font-size:16px;font-weight:700;border-radius:18px;background:linear-gradient(#F0491A 0%, #F98C3D 100%);font-family:"Inter", Arial, "Microsoft Yahei", sans-serif}.comm-popup .comm-popup-btn span,.comm-popup .comm-popup-btn em{pointer-events:none;color:inherit;font-size:12px;font-weight:700;font-style:normal}.comm-popup .comm-popup-btn .comm-second{padding-left:4px}.comm-popup .comm-popup-btn:hover{background:linear-gradient(#F98C3D 0%, #F0491A 100%)}.comm-popup .comm-popup-btn.festival{background:linear-gradient(279deg, #fd0 0%, #fd0 100%);box-shadow:inset 1px -2px 27px #FF0000CF, 0px 20px 30px #A403036E;border-radius:9999px;color:#000}.comm-popup .comm-popup-btn.festival::before{content:'';display:block;position:absolute;top:0;left:0;right:0;z-index:-1;margin:0 auto;width:100%;height:100%;border-radius:inherit;opacity:0.1;background:repeating-linear-gradient(-45deg, #F0491A, #F0491A 10px, #fff 0, #fff 16px)}.comm-popup .comm-popup-btn.festival:hover{background:linear-gradient(97deg, #FFD724 0%, #FFF946 100%);background:#FFF946}@media (max-width: 768px){.comm-popup{width:86%;height:44%;border:0;background:#FFF3EF;border-radius:12px}.comm-popup img{max-width:100%;width:100%}.comm-popup .pop-title{padding:15px 20px 0;font-size:16px}.comm-popup .pop-title span{display:block}.comm-popup .pop-subtitle{padding:5px 40px;margin:0 auto}.comm-popup .pop-solgon{margin-top:-70px;font-size:50px}.comm-popup .pop-offer{column-gap:0px;padding:0 10px;align-items:center;justify-content:center}.comm-popup .pop-image{width:138px;margin-left:0px;margin-right:-10px}.comm-popup .pop-sale{padding-top:16px}.comm-popup .pop-tag{padding:5px 10px;max-width:90%;font-size:16px}.comm-popup .pop-tag b{font-size:24px}.comm-popup .pop-tag b small{font-size:16px}.comm-popup .pop-list{padding:10px 0;gap:16px}.comm-popup .pop-list li p{font-size:14px}.comm-popup .pop-list li p.pop-price{font-size:14px}.comm-popup .pop-list li p.pop-price.sale{font-size:18px}.comm-popup .comm-bottom{position:fixed;left:0;right:0;padding:18px 16px 0;margin:0 auto;width:100%;text-align:center}.comm-popup .comm-popup-btn{margin:0 auto;max-width:240px;width:100%;height:38px;font-size:14px;min-width:160px}}
