@-webkit-keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;width:100%;z-index:1}.react-loading-skeleton:after{-webkit-animation-direction:var(--animation-direction);animation-direction:var(--animation-direction);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:react-loading-skeleton;animation-name:react-loading-skeleton;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sec-announcement{align-items:center;background:#f6f6f6;display:flex;flex-direction:row;height:55px;justify-content:center;margin:0 auto;max-width:100%;min-height:35px;position:relative}.sec-announcement .announcement-desc{color:#000;margin:10px 20px 10px 10px}.sec-announcement .announcement-detail{color:#00b900;padding-left:5px}.sec-announcement .announcement-close{background-color:transparent;border:none;color:#000;margin-right:10px;position:absolute;right:0;top:calc(50% - 10px)}.sec-announcement .announcement-close-mobile{background-color:transparent;border:none;color:#000;margin-right:0;position:absolute;right:0;top:5px}.image-container{position:relative}.image-container .image-default-container{height:auto;width:100%}.image-container .image,.image-container img{border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.5);opacity:1;overflow:hidden;transition:opacity .2s linear}.image-container .image.is-loading,.image-container img.is-loading{opacity:.2}.instantSearchItem{align-items:center;border-bottom:1px solid #eee;display:flex;flex:initial;flex-direction:row;justify-content:flex-start;padding-bottom:10px;padding-top:10px;width:340px}.instantSearchItem:last-child{border-bottom:none}.instantSearchItem .matchTypeIcon{height:14px;margin-right:2.5px;vertical-align:middle;width:14px}.instantSearchItem .linkMelody{flex:initial;height:32px;width:32px}.instantSearchItem .imgCover{flex:initial;height:45px;line-height:0px;margin-right:10px;width:45px}.instantSearchItem .imgCover img{height:auto;width:100%}.instantSearchItem .itemDetail{color:#222;flex:1 1;font-size:14px;font-weight:400;line-height:10px;margin-right:10px;min-width:150px}.instantSearchItem .itemDetail p{margin:0}.instantSearchItem .itemDetail .nameMelodyTrial{display:flex;flex-direction:row}.instantSearchItem .itemDetail .nameMelodyTrial .title{display:block;float:left;font-weight:700;max-width:65.5%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}lui-navigation-bar .sec-profile-fullflex img{border-radius:50%;height:30px;width:30px}lui-navigation-bar .logo-fullflex img{display:block;height:auto;margin-left:auto;margin-right:auto;width:min(60%,140px)}lui-navigation-bar .search-fullflex{padding-right:calc(env(safe-area-inset-right) + 25px)}lui-navigation-bar .search-fullflex .la-search{font-size:22px}.search-bar-fullflex{background-color:#f6f6f6;border:2px solid #e2e2e2;border-radius:10px;display:flex;justify-content:space-between;margin:0 5px 10px;padding:10px 0;position:fixed;width:97%;z-index:99999}.search-bar-fullflex .lar.la-search{font-size:20px;margin:0 10px}.search-bar-fullflex .react-autosuggest__input{height:20px}.search-bar-fullflex ::-webkit-input-placeholder{color:#ccc;font-size:15px}.search-bar-fullflex .cancel-search{color:#d85353;font-size:15px;margin-right:10px;margin-top:3px}.search-bar-fullflex .cancel-search span{vertical-align:middle}.search-bar-fullflex .react-autosuggest__input{padding:0 0 0 10px}.search-bar-fullflex .react-autosuggest__suggestions-container--open{left:0;margin-top:15px;top:calc(env(safe-area-inset-top) + env(--lui-navigation-bar-height) + 15px);width:100%;z-index:99}.search-bar-fullflex .instantSearchOpen{box-sizing:border-box;margin-left:0;top:42px;width:100%;z-index:99}.search-bar-fullflex .instantSearchOpen .instantSearchItem{width:100%}.text-copy-paste{border:none;height:0;margin-left:30%;position:absolute;width:0;z-index:-9999}.tooltip{display:inline-block;position:relative}.tooltip.active .tooltip-text{opacity:1;visibility:visible}.tooltip .tooltip-text:after{border:5px solid transparent;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip .tooltip-text{background-color:#00b900;border-radius:0;bottom:120%;color:#fff;margin-left:-30px;opacity:0;padding:10px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:75px;z-index:1}.line-share-button{background-color:transparent;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.claim-coupon-modal{align-items:center;background-color:#fff;border-color:#fff;border-radius:5px;display:flex;flex-direction:column;margin:auto;max-height:30vh;max-width:500px;min-height:15vh;overflow:auto;padding:20px;position:relative;top:20%;width:75%}.claim-coupon-modal-title{font-size:1.3rem;text-align:center}.claim-coupon-modal-container{align-items:center;display:flex;flex-direction:column}.claim-coupon-modal-btns{-webkit-column-gap:15px;column-gap:15px;display:flex;flex-direction:row}.coupon-container{display:flex;flex-direction:column}.coupon-container .coupon{height:auto;width:110px}@media screen and (max-width:600px){.coupon-container .coupon{width:90px}}.coupon-container .discount-price-text{color:#fff;display:flex;flex-direction:column;left:50%;margin:0 auto;position:absolute;row-gap:3px;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999}.coupon-container .discount-coupons-per-collect{color:#fff;font-size:.8em;left:0;margin:0 auto;position:absolute;right:7px;text-align:right;top:5%;z-index:999}.coupon-container .lineCoin-price{display:block}.coupon-container .lineCoinIcon{height:auto;vertical-align:bottom;width:35%}.coupon-modal{align-items:center;background-color:#fff;border-color:#fff;border-radius:5px;display:flex;flex-direction:column;margin:auto;max-height:60vh;max-width:500px;min-height:15vh;overflow:auto;padding:20px;position:relative;top:20%;width:75%}.coupon-modal-title{font-size:1.3rem}.coupon-modal-container{align-items:center;display:flex;flex-direction:column}.coupon-modal-text-container{margin:2vh 0;max-height:40vh;overflow:auto}.coupon-modal-text{line-height:1.3;white-space:pre-line}.coupon-modal-btns{-webkit-column-gap:15px;column-gap:15px;display:flex;flex-direction:row}.discount-ticket-modal{background:#fff;border:1px solid #ccc;bottom:auto;left:50%;margin-right:-50%;max-height:65vh;max-width:480px;outline:none;overflow:scroll;padding:10px;position:absolute;right:auto;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:10000}.discount-ticket-modal .icon-close{position:absolute;right:16px;top:16px}.discount-ticket-modal .discount-ticket-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.discount-ticket-modal .discount-ticket-item{cursor:pointer;display:flex;flex-direction:column}.discount-ticket-modal .discount-ticket-item.image-wrapper{align-items:center;display:flex;justify-content:center;margin:20px;position:relative}.discount-ticket-modal .discount-ticket-item.image-ticket{height:100%;max-width:100px;position:relative;width:100%;z-index:-1}.discount-ticket-modal .discount-ticket-item.image-label{align-items:flex-end;color:#fff;display:flex;flex-direction:row;position:absolute}.discount-ticket-modal .discount-ticket-item.campaign-label,.discount-ticket-modal .discount-ticket-item.ticket-information{display:flex;flex-direction:column;row-gap:5px;word-break:break-word}.discount-ticket-modal .discount-ticket-item.ticket-information{margin-top:20px}@media screen and (max-width:600px){.discount-ticket-modal{max-width:90%}}.select-friend-modal-skeleton{display:flex;flex-direction:column}#root{height:100vh;margin:0 auto;width:100%}.position-relative{position:relative}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-green{color:#00c402!important}.font-green-melody{color:#00b900!important}.font-emerald-green{color:#1fb869!important}.font-white{color:#fff!important}.font-gray{color:#a5a5a5!important}.font-dark-gray{color:#999}.font-gray2{color:#cecece!important}.font-red{color:#c51905!important}.font-light-red{color:#d85353}.font-weight-normal{font-weight:400}.font-weight-bold{font-weight:700}.font-07em{font-size:.7em}.font-1em{font-size:1.2em}.font-15em{font-size:1.5em}.font-2em{font-size:2.2em}.font-3em{font-size:3em}.font-20px{font-size:20px}.font-24px{font-size:24px}.font-40px{font-size:40px}.opacity-middle{opacity:.5}.bg-white{background-color:#fff}.bg-green{background-color:#1fb869}.lh-0{line-height:0}.lh-1{line-height:1.5em}.lh-12{line-height:1.2em}.lh-18{line-height:1.8em}.lh-3{line-height:3em}.lh-4{line-height:4em}.mt-0{margin-top:0}.mt-3{margin-top:30px}.mt-4{margin-top:40px}.mt-2{margin-top:15px}.mt-5{margin-top:5%}.mt-15{margin-top:15%}.mt-30{margin-top:30px}.mt-50{margin-top:50px}.mb-5{margin-bottom:5px}.mb-2{margin-bottom:15px}.mb-18{margin-bottom:18px}.mb-40{margin-bottom:40px}.mb-70{margin-bottom:70px}.ml-5{margin-left:5px}.ml-2{margin-left:15px}.ml-25{margin-left:25px}.ml-5p{margin-left:5%}.pull-right{float:right}.pull-left{float:left}.flex-end{align-self:flex-end}.text-underline{text-decoration:underline}.text-wrap{white-space:pre-wrap}.hover-pointer{cursor:pointer!important}.badge{background-color:#f2f3f5;border-radius:1rem;color:#00b900;font-size:12px;line-height:1;padding:2% 4%}.badge-hd{display:inline-block;font-style:normal;padding:5px 10px;vertical-align:middle}.badge-free-trial{font-weight:400;margin-left:5px}.badge-cover-free-trial{left:0;margin:6%;position:absolute;top:0;z-index:1}.badge-cover-new-item-free-trial{margin:6% 20%}.badge-cover-new-item-coupon-free-trial{margin:6% 29%}.loader{display:block;margin-bottom:15px;margin-top:50px;text-align:center;width:100%}.sec-loader{min-height:500px}.modal-error{background:#fff;height:50vh;left:50%;max-width:520px;min-width:320px;outline:none;overflow-y:hidden;padding:10px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:85%}.modal-default{background-color:#fff;border-radius:30px;margin:auto;max-width:340px;min-height:40vh;padding:25px;position:relative;top:25%;width:76%}.modal-default:focus{outline:none}.modal-overlay{background-color:#00000061;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100000}.modal-bar .icon{width:15px}.melody-white-icon{margin-right:5px;max-width:15px;min-width:12px;width:2.8vw}.htitle{font-family:SukhumvitTadmai_Bol,Arial,Thonburi,sans-serif!important}html{-webkit-text-size-adjust:100%;line-height:1.15}body{font-family:Arial,Thonburi,sans-serif;font-size:14px;margin:0;padding:0}body.bg-voice-record{background-color:#23b769}body.bg-voice-recording{background-color:#d75353}h1{margin:0}h1,h2{font-family:SukhumvitTadmai_Bol,Arial,Thonburi,sans-serif;font-size:48px}h2{line-height:36px}h2,h3{color:#222}h3{font-family:Arial,Thonburi,sans-serif;font-size:24px;line-height:24px}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}img{font-size:.5rem}.text-line-through{text-decoration:line-through}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-end{text-align:end!important}a,a:visited{color:inherit}.nav-link,.nav-link:visited,a,a:visited{background-color:initial;text-decoration:none}.nav-link,.nav-link:visited{color:#222}.nav-link:hover{color:#00b900}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.strong,b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{-webkit-appearance:none;appearance:none;outline:0;overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}input,textarea{outline:0}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;background:url(/static/media/x.a9da34e5fa2eeae5c0f9.svg) no-repeat 0 0;background-size:contain;height:15px;width:15px}details{display:block}summary{display:list-item}[hidden],template{display:none}p{line-height:1.6;margin:.6em 0}.hide{display:none}.show{display:inherit!important}.full-container{padding:0 20px}.w-full{width:100%}.w-half{width:50%}.w-70{width:70%}.mb-0{margin-bottom:0}.mb-1{margin-bottom:10px}.mr-0{margin-right:0!important}.mr-3{margin-right:3px}.ml-3{margin-left:3px}ul.nav-menu{display:flex;height:20px;list-style-type:none;padding-left:0}ul.nav-menu li{border-right:1px solid #bab8b8;display:inline-flex}ul.nav-menu li:last-child{border-right:0}.nav-link{border:none;cursor:pointer;display:block;line-height:1.5;padding:0 1rem}.container{height:95%}.container .secContent{flex-grow:1;margin-bottom:75px}.sec-blank{min-height:400px}footer{background-color:#f6f6f6;border-radius:5px;margin:0 auto;max-width:1040px;padding:0 20px}.sec-footer{padding:30px 0}.sec-footer .logo{height:auto;max-width:260px;width:260px}.sec-footer .sec-logo{padding-right:30px;width:40%}.sec-footer .sec-desc{margin:10px 0 0}.sec-footer .sec-desc-m{display:none;margin:10px 0;text-align:center}.sec-footer .sec-link{width:40%}.sec-footer .sec-link .sec-link-col1{width:45%}.sec-footer .sec-link .sec-link-col2{width:55%}.sec-footer .sec-link .sec-link-row{margin:0 0 20px}.sec-footer .sec-lang{width:20%}.sec-footer .sec-lang .css-1hwfws3{line-height:1.6}.sec-footer .selopt{width:100%}.sec-footer .css-19bqh2r{color:#00b900}.sec-copy-footer{border-top:1px solid #d8d8d8;color:#ababab;padding:15px;text-align:center}.flex-container{display:flex}.flex-between{justify-content:space-between}.flex-center{justify-content:center}.flex-end{justify-content:flex-end}.flex-wrap{display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap}.flex-align-center{align-items:center}@font-face{font-display:swap;font-family:SukhumvitTadmai_Bol;font-style:normal;font-weight:400;src:url(/static/media/03_SukhumvitTadmai_Bol.a1fbe1f11fccc471a70e.eot);src:local("☺"),url(/static/media/03_SukhumvitTadmai_Bol.070d1322c1d91045d49d.woff) format("woff"),url(/static/media/03_SukhumvitTadmai_Bol.6f3ee785ef95e23a49e0.ttf) format("truetype"),url(/static/media/03_SukhumvitTadmai_Bol.dd678e8feba3619a0ea8.svg) format("svg")}.header-fixed-top{position:fixed;top:0;z-index:99999}.header-fix-warp{height:116px}.header-fix-warp-no-announce{height:61px}.header-mobile .container{display:flex;justify-content:space-between}.header-mobile .container .sec-profile{margin:0}.header-mobile .sec-profile img{border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.5);height:30px;width:30px}.header-mobile .container .secHead{flex:initial;margin-left:0;margin-right:20px}.header-mobile .container .search{display:flex;justify-content:space-between;margin:0}.header-mobile .container .icon-search:hover{cursor:pointer}.header-mobile .container .input-search{border:0;display:none;margin-left:10px;width:inherit}.header-mobile .container .icon-close{background:none!important;cursor:pointer;display:none;font-size:16px;height:30px;line-height:2;margin-right:15px}.header-mobile .instantSearchItem{width:100%}.icon-search{background:url(/static/media/search.33202b994a7693aa3cf3.svg) no-repeat 0 0;height:30px;width:32px}.icon-close{background-image:url(/static/media/x.a9da34e5fa2eeae5c0f9.svg);background-position:0 0;background-repeat:no-repeat;height:32px;width:40px}.icon-close.small{background-size:16px;cursor:pointer;height:16px!important;width:16px!important}header{min-height:50px;width:100%}header .container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin:5px auto;min-height:50px;padding:0 20px}header .container .logo{margin-top:3px;width:140px}header .container .logo img{height:auto;margin-left:1px;width:100%}header .container .secHead{display:flex;flex:1 1;margin-left:20px}header .container .secHead button.btnProfile{background-color:#fff;border:0;border-radius:50%;cursor:pointer;height:25px;margin:0 20px 0 0;padding:0;width:25px}header .container .secHead button.btnProfile span.profile{background:url(/static/media/profile.a5da91790b0fe0773653.svg) no-repeat 0 0;background-size:contain;cursor:pointer;display:inline-block;height:25px;width:25px}header .container .secHead .secSearch{background-color:#f2f2f2;border-radius:20px;min-width:240px;padding:0 12px;width:40%}header .container .secHead .secSearch input[type=search]{background-color:inherit;border:0 solid #fff;color:#4a4a4a;font-size:16px;padding:7px 0 7px 5px;width:90%}header .container .secHead .secSearch .iconSearch{background:url(/static/media/search.33202b994a7693aa3cf3.svg) no-repeat 0 0;background-size:16px;float:right;height:23px;margin-top:8px;width:23px}.secPlayer{align-items:stretch;background-color:#fff;display:flex;flex-direction:column;height:70px;justify-content:flex-end;max-width:1000px;width:100%;z-index:999;z-index:auto}.melody-detail-panel .melody-info .player{align-items:center;border-right:1px solid #d6d6d6;display:flex;padding-right:15px;padding-top:17px}.melody-detail-panel .melody-info .player .secPlayer{height:auto;width:auto}.melody-detail-panel .secPlayer .allControl button.playMelody span.iconPause,.melody-detail-panel .secPlayer .allControl button.playMelody span.iconPlay{height:60px;width:60px}.melody-coupons{-webkit-column-gap:10px;column-gap:10px;display:flex;flex-direction:row;margin-bottom:10px}.secPlayer .processBar{background-color:#d4d4d4;height:5px;position:relative;width:100%}.secPlayer .processBar .greenBar{background-color:#00b900;bottom:0;height:5px;left:0;position:absolute;width:60%}.secPlayer .allControl{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:65px;justify-content:flex-start;width:100%}.secPlayer .melodyControl{display:flex;flex:1 1}.separatorControl{border-left:1px solid #ddd;height:40px;margin-left:20px;margin-right:20px;width:1px}.secPlayer .purchaseControl{display:flex;flex-direction:row;justify-content:flex-start;margin-top:3px}.secPlayer .purchaseControl .btn-trial{line-height:0}.secPlayer .lineCoin{width:140px}.secPlayer .txt-period{font-size:.7rem;margin:0}.lineAmount span{line-height:1.5}.secPlayer .myCoins{color:#8e8e8e;display:inline-block;font-size:10px;margin-top:3px}.secPlayer .lineAmount{color:#d91900;display:inline-block;font-weight:700;height:15px;margin-left:0}.secPlayer .lineAmount span{border:none;font-size:10px;vertical-align:top}.secPlayer .btnCollapseLeft{margin-right:20px;margin-top:3px;padding:0}.secPlayer .btnCollapse,.secPlayer .btnCollapseLeft{background:transparent;border:none;cursor:pointer;margin-left:20px}.secPlayer .btnCollapse{line-height:0px;width:10px}.secPlayer .purchaseControl .lineCoinIcon{height:15px;vertical-align:top;width:15px}.secPlayer .purchaseControl .shared-bglp button{max-width:160px}.secPlayer .purchaseControl .shared-bglp button span{display:block;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secPlayer .allControl button.playMelody{background-color:transparent;border:0 solid;-moz-border-radius:50%;cursor:pointer;flex:initial;line-height:0px;margin-left:20px;margin-right:20px;padding:0;text-align:center}.linkMelody button.playMelody{background-color:#fff;border:1px solid #00b900;border-radius:50%;cursor:pointer;flex:initial;height:28px;text-align:center;width:28px}.linkMelody .iconPlay{border-bottom:7px solid transparent;border-left:7px solid #00b900;border-color:transparent transparent green;border-top:7px solid transparent;height:0;width:0}.linkMelody .iconPlay-white{border-color:transparent transparent transparent #fff}.linkMelody .playMelody .iconPlay{margin:auto auto auto 4px}.melodyPlayerContainer{bottom:0;display:flex;justify-content:center;position:fixed;width:100%;z-index:99}.melodyPlayerContainer.hidden{visibility:hidden}.melodyPlayerLeft{justify-content:left!important}.secPlayer .allControl button.playMelody span.iconPlay{background:url(/static/media/playcircle.edda91084aa5c9838d0d.svg) no-repeat 0 0;background-size:contain;cursor:pointer;display:inline-block;height:40px;line-height:0px;width:40px}.secPlayer .allControl button.playMelody span.iconPause{background:url(/static/media/pausecircle.97cfece9ed331afc4aca.svg) no-repeat 0 0;background-size:contain;cursor:pointer;display:inline-block;height:40px;line-height:0px;width:40px}.btnPlayCircle #progressBarPlayCircle{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:stroke-dashoffset .35s}.btnPlayCircle{min-height:32px;min-width:32px;position:relative}.melodyPlayerCircle .coverCircle .image{border-radius:50%;box-shadow:0 1px 1px 1px rgba(0,0,0,.5);cursor:pointer;height:72px;width:72px}.melodyPlayerCircle .btnPlayCircle{margin-top:-34px}.btnPlayCircle .iconPlayCircle{bottom:0;cursor:pointer;left:0;line-height:0px;position:absolute}.btnPlayCircle .iconPlayCircle img,.secCatalog .headCatalog .btnPlayCircle .iconPlayCircle img{height:32px;width:32px}.secPlayer .allControl .imgArtist{flex:initial;height:40px;margin-right:10px;width:40px}.secPlayer .allControl .imgArtist img{height:auto;width:100%}.secPlayer .allControl .detailMelody{flex:1 1;font-size:14px}.secPlayer .allControl .detailMelody p{font-weight:700;line-height:1.3;margin:.1em 0;max-width:228px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secPlayer .allControl .detailMelody p span.artist-name{font-size:12px;font-weight:400}.secPlayer .allControl .detailMelody p span.melodyTime{color:#8e8e8e;font-size:10px;font-weight:400}.secPlayer .allControl button.sendGift{background-color:#4f5b78;padding:10px}.secPlayer .allControl button.purchasePlayer,.secPlayer .allControl button.sendGift{border:0 solid;color:#fff;cursor:pointer;flex:initial;font-size:13px;height:30px;width:110px}.secPlayer .allControl button.purchasePlayer{background-color:#00b900;font-weight:700;margin-left:10px}.socialTools button.btnFav,.socialTools button.btnShare{background-color:#fff;border:1px solid #00b900;border-radius:50%;cursor:pointer;flex:initial;height:40px;margin:0;padding:4px 0 0;width:40px}.socialTools button.btnFav{margin-left:20px;margin-right:5px}.socialTools button.btnShare{margin-left:5px;margin-right:0}.socialTools button.btnFav span.iconFav{background:url(/static/media/favourite.2c4fdc58c93493b74b31.svg) no-repeat 0 0;background-size:contain;cursor:pointer;display:inline-block;height:18px;width:20px}.socialTools button.btnFavPressed span.iconFav{background:url(/static/media/favourited.c355e9feb95f2323d130.svg) no-repeat 0 0;background-size:contain}.socialTools button.btnFavPressed{background-color:#00b900}.socialTools button.btnShare span.iconLink{background:url(/static/media/share.1647ed17858a58aae82c.svg) no-repeat 0 0;background-size:contain;cursor:pointer;display:inline-block;height:20px;width:18px}section.secBanner{width:100%}section.secBanner .container{background-size:cover;margin:0 auto;max-width:1100px;min-height:120px;padding:0}.banner-item{cursor:pointer}.banner-item img{box-shadow:0 1px 1px rgba(0,0,0,.5);height:auto;width:100%}.carousel.carousel-slider{border-radius:5px}.sec-scroll{overflow-x:auto;overflow-y:hidden;padding:0;width:100%}.secCatalog{margin-bottom:75px;min-height:200px;width:100%}.secCatalog .catalogName{align-items:center;display:flex;margin:20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.secCatalog .catalogName .title{display:block;float:left;line-height:1.41;margin:0;max-width:95%;overflow:hidden;text-overflow:ellipsis}.secCatalog .headCatalog{align-items:flex-start;color:#fff;display:flex;flex-direction:row;height:203px;justify-content:flex-start;width:1040px}.secCatalog .headCatalog::-webkit-scrollbar{display:none}.secCatalog .headCatalog .imgCoverBig{flex:initial;height:200px;margin-right:10px;max-width:200px;overflow:hidden;position:relative;width:200px}.secCatalog .headCatalog .imgCoverBig .bigCoverPic .image{height:auto;width:100%}.secCatalog .headCatalog .imgCoverBig img{height:100%;width:100%}.secCatalog .headCatalog .imgCoverBig:after{background:linear-gradient(transparent 55%,rgba(0,0,0,.7));border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.secCatalog .headCatalog .imgCoverBig:hover{cursor:pointer}.secCatalog .headCatalog .imgCoverBig:last-child{margin-right:0}.secCatalog .headCatalog .imgCoverBig .playBtnOnCover{display:none;position:absolute;right:5%;top:5%;z-index:2}.secCatalog .headCatalog .imgCoverBig:hover .playBtnOnCover{display:block}.secCatalog .headCatalog .imgCoverBig .txtOnCover{bottom:0;left:0;line-height:8px;padding:6%;position:absolute;width:88%;z-index:1}.secCatalog .headCatalog .imgCoverBig .txtOnCover p.songName{font-family:SukhumvitTadmai_Bol,Arial,Thonburi,sans-serif;font-size:18px;font-weight:600;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secCatalog .headCatalog .imgCoverBig .txtOnCover .name_price{align-items:center;display:flex;flex-direction:row;font-size:14px;font-weight:100;height:20px;justify-content:space-between}.secCatalog .headCatalog .imgCoverBig .txtOnCover .name_price .artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secCatalog .headCatalog .imgCoverBig .txtOnCover .name_price p.price{font-size:12px;white-space:nowrap}.secCatalog .headCatalog .imgCoverBig .txtOnCover .name_price p.price img.lineCoinIcon{height:15px;margin-right:2px;vertical-align:middle;width:15px}.secCatalog .headCatalog .imgCoverBig .txtOnCover .name_price p.price span.promotion-price{color:#ff334b;font-weight:bolder}.secCatalog .listCatalog{grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;width:100%}.saveRingSetting.btn{bottom:25px;height:50px;position:fixed;width:92%}.saveRingSetting.btn:disabled{background-color:#ccc!important}.myMelodyView{padding-bottom:100px;padding-top:7vh}.myMelodyView .notfound-box{margin-top:50%}.myMelodyView{display:flex;flex-direction:column}.myMelodyView .secArtist .allMelody{flex:1 1;height:720px;overflow:auto}.myMelodyView .secArtist .allMelody .listMelody{height:70px;width:100%}.myMelodyLoaderModal{background:#fff;border:1px solid #ccc;border-radius:15%;bottom:auto;height:40%;left:50%;margin-right:-50%;min-width:85%;outline:none;overflow-y:hidden;padding:10px;position:absolute;right:auto;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%}.myMelodyLoaderModal .container{align-items:center;display:flex;flex-direction:column;justify-content:center}.myMelodyLoaderModal .text,.ringSettingFailureText{font-size:4.5vw}.ringSettingFailureContainer{padding-top:50%}.modalOverlay{background-color:rgba(0,0,0,.7);bottom:0;left:0;position:fixed;right:0;top:0}.listMelody{align-items:center;display:flex;flex:initial;flex-direction:row;justify-content:flex-start;margin-bottom:15px;min-width:265px;width:32.4%;width:100%}.secSearchMelody{display:flex;flex-direction:column}.listSearchColResult{display:flex;flex-direction:row;flex-wrap:wrap;flex-flow:row;justify-content:flex-start;max-width:none;overflow-x:auto;width:auto}.colMelody-2{margin-right:15px;width:300px}.colMelody-2 .listMelody{align-items:center;display:flex;flex:initial;flex-direction:row;justify-content:flex-start;margin-bottom:15px;margin-right:15px;width:100.4%}.listMelody .imgMelody{flex:initial;height:45px;line-height:0px;margin-right:10px;overflow:hidden;width:45px}.listMelody .imgMelody img{height:auto;width:100%}.listMelody .detailMelody{color:#222;flex:1 1;font-size:14px;font-weight:400;line-height:10px;margin-right:10px;min-width:150px}.listMelody .detailMelody p{margin:0}.listMelody .detailMelody .nameMelody{font-family:Arial,Thonburi;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listMelody .detailMelody .nameMelodyBadge{text-overflow:unset}.listMelody .detailMelody .nameMelodyBadge .title{float:left;max-width:68.5%;overflow:hidden;text-overflow:ellipsis}.listMelody .detailMelody .newItemCouponFreeTrialBadge .title{max-width:50.5%}.listMelody .detailMelody .couponFreeTrialBadge .title,.listMelody .detailMelody .newItemFreeTrialBadge .title{max-width:57.5%}.listMelody .detailMelody .newItemBadge .title{max-width:87.5%}.listMelody .detailMelody .artistMelody{font-size:12px;height:20px;line-height:1.8;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listMelody .detailMelody .priceMelody{font-size:10px}.listMelody .detailMelody .expiryDate{color:rgba(0,0,0,.5);font-size:10px}.listMelody .detailMelody .priceMelody .lineCoinIcon{height:auto;margin-right:5px;vertical-align:middle;width:10%}.listMelody .linkMelody{flex:initial;height:32px;width:32px}.listMelody .linkMelody button span.btnDots{background:url(/static/media/dots.8b30991bfb7cb02a3f44.svg) no-repeat 0 0;background-size:contain;cursor:pointer;display:inline-block;height:10px;width:23px}.listMelody .selectMelody{box-sizing:border-box;padding:0;width:55px}.listMelody .selectMelody .icon-check{margin-left:4px;margin-top:2px;width:42px}.listMelody .selectMelody .icon-uncheck{width:50px}.secMidBanner{margin:10px 0 80px}.secMidBanner img{border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.5);height:auto;width:100%}.secCollection{margin-bottom:75px;width:100%}.home-section .secCatalog .secCollection .collectionName,.secCollection .collectionName{display:flex;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.secCollection .collectionName h1{line-height:1.5;overflow:hidden;text-overflow:ellipsis}.home-section .secCatalog .secCollection .collectionName h2{line-height:1.5;margin:.8rem 0;overflow:hidden;text-overflow:ellipsis}.secCollection .playlistHead .collectionName{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.secCollection-paging{margin-bottom:0}.secCollection .socialTools button.btnShare{margin-right:0}.listCollection{align-items:flex-start;color:#222;justify-content:flex-start;margin:0 -5px}.listCollection,.listCollection .collection{display:flex;flex-direction:row;flex-wrap:wrap}.listCollection .collection{cursor:pointer;font-size:18px;font-weight:700;margin:5px;max-width:200px}.listCollection .collection p{margin:.5em 0}.listCollection .collection.vertical{flex-direction:row;flex-wrap:nowrap;margin-bottom:10px;margin-right:3%;max-width:none;width:97%}.listCollection .collection.vertical .nameCollection{align-items:center;display:flex;flex:1 1;font-size:large;margin-left:10px;max-width:70%}.listCollection .collection.vertical .nameCollection .collectionItemName{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:90%;overflow-wrap:break-word}.listCollection .collection p:hover{color:#00b900}.listCollection .collection:visited{color:inherit}.listCollection .collection .imgCollection{margin-bottom:0;min-height:120px;min-width:120px;position:relative}.imgCollection .collectionItemCoverPic img{height:auto;width:100%}.collectionItemCoverPic{max-height:200px;min-height:200px;min-width:200px}.collectionItemCoverPic .image-container{display:block;height:100%;width:100%}.listCollection .collection .imgCollection .collectionItemName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlistHead{align-items:flex-start}.collectionHead,.playlistHead{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}.collectionHead{align-items:center}.collectionHomeHead{align-items:center;display:flex;flex-direction:row}.playlistHead .catalogName{word-wrap:break-word;align-items:center;display:inline-flex;-webkit-hyphens:auto;hyphens:auto;max-width:85%;overflow-wrap:break-word}.playlistDetail{align-items:flex-start;flex-direction:row}.allMelody,.playlistDetail{display:flex;justify-content:flex-start}.allMelody{align-items:center;-webkit-column-gap:15px;column-gap:15px;flex:1 1;flex-direction:row;flex-wrap:wrap;width:100%}.allMelody .listMelody{width:49%}.allMelody .listMelody:nth-child(2n){margin-right:0}.secPopular{margin:40px 0}.secPopular .popular{flex-direction:row;flex-wrap:wrap;max-width:1040px}.secPopular .popular,.secPopular .popular .resultPop{align-items:center;display:flex;justify-content:flex-start}.secPopular .popular .resultPop{cursor:pointer;flex:initial;flex-direction:row;margin:0 10px 10px 0;width:265px}.secPopular .popular .resultPop:last-child{margin-right:0}.secPopular .popular .resultPop .imgPop{height:80px;margin-right:10px;width:80px}.secPopular .popular .resultPop .imgPop img{height:auto;width:100%}.secPopular .popular .resultPop .txtPop{color:#222;font-size:14px;line-height:18px}.secPopular .popular .resultPop .txtPop span{font-weight:700}.secListMelody{margin-bottom:40px}.secListMelody .searchMelody{align-items:center}.listArtist,.secListMelody .searchMelody{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:20px 0;overflow-x:auto;width:100%}.listArtist .artistCover{cursor:pointer;flex:initial;margin:0 10px 10px 0;width:120px}.listArtist .artistCover img{max-height:120px;max-width:120px}.listArtist .artistTitle{font-weight:700}.searchArtist .listArtist{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:0 0 20px;overflow-x:auto;width:100%}.searchArtist .listArtist .artistCover{cursor:pointer;flex:initial;margin:0 20px 10px 0;width:120px}.searchArtist .listArtist .artistCover .imgSearchArtist{margin-bottom:15px;width:100%}.searchArtist .listArtist .artistCover .imgSearchArtist img{height:auto;width:100%}.searchArtist .listArtist .artistCover p{color:#000;font-size:14px;font-weight:700}.favArtist .listArtist{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:0 0 20px;overflow-x:auto;width:100%}.favArtist .listArtist .artistCover{cursor:pointer;flex:initial;margin:0 20px 10px 0;width:120px}.favArtist .listArtist .artistCover .imgSearchArtist{margin-bottom:15px;width:100%}.favArtist .listArtist .artistCover .imgSearchArtist img{height:auto;width:100%}.favArtist .listArtist .artistCover p{color:#000;font-size:14px;font-weight:700}.tab{background-color:#fff;border-bottom:1px solid #efefef;overflow:hidden;width:-webkit-max-content;width:max-content}.tab button{background-color:inherit;border:none;color:#a3a3a8;cursor:pointer;float:left;font-size:14px;outline:none;padding:14px 16px;transition:.3s}.tab button:hover{background-color:#fff;border-bottom:none;color:#a3a3a8}.tab button.active{background-color:#fff;border-bottom:2px solid #000;color:#000}.tabcontent{-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s;display:block}.secProfileOrderTab,.secProfileTicketTab{display:flex}@-webkit-keyframes fadeEffect{0%{opacity:0}to{opacity:1}}@keyframes fadeEffect{0%{opacity:0}to{opacity:1}}section.secContentProfile{padding:0 15px}.secProfile{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start}.secProfile .logReport{flex:1 1;padding-top:20px}.secProfile .logReport .tab .tab-logout{display:none}.secProfile .profile{border-left:1px solid #d6d6d6;color:#000;flex:initial;font-size:26px;font-weight:700;height:90vh;margin:0 auto;padding-left:10px;padding-top:35px;text-align:center;width:30%}.secProfile .profile .imgProfile{height:100px;margin:0 auto;width:100px}.secProfile .profile .imgProfile img{border-radius:50%;height:auto;width:100%}.secProfile .profile button{background-color:#fff;border:1px solid #00b900;color:#00b900;cursor:pointer;font-size:14px;margin-top:20px;padding:8px 0;text-align:center;width:110px}.secProfileOrderTab .secPurchase{margin-right:5%;width:63%}.tabcontent .listPurchase{display:block;flex-wrap:wrap;margin:0;max-width:100%}.tabcontent .listPurchase .pagination{margin-top:10px}.tabcontent .listPurchase .purchaseDetail{border-bottom:1px solid #f1f1f1;display:flex;flex-direction:row;justify-content:flex-start;padding:20px 0}.tabcontent .listPurchase .purchaseDetail:last-child{border-bottom:0 solid #f1f1f1}.tabcontent .listPurchase .purchaseDetail .imgPurchase{flex:initial;height:50px;margin-right:10px;width:50px}.tabcontent .listPurchase .purchaseDetail .imgPurchase img{height:auto;width:100%}.tabcontent .listPurchase .purchaseDetail .detail{color:#000;flex:1 1;font-size:12px;line-height:20px}.tabcontent .listPurchase .purchaseDetail .detail span{font-size:14px;font-weight:700}.tabcontent .listPurchase .purchaseDetail .detail .artist-name span{font-weight:400}.tabcontent .listPurchase .purchaseDetail .datePrice{color:#ccc;flex:initial;font-size:10px;line-height:14px;margin-left:10px;max-width:40%;text-align:right}img.asGift{margin-top:-5px;vertical-align:middle;width:10px}.btnBack,.btnLinkAll{margin-top:0;width:100%}.btnBack button,.btnLinkAll button{align-items:center;background-color:#fff;border:0 solid #fff;color:#00b900;cursor:pointer;display:flex;font-size:16px;margin:0;padding:0}.btnLinkAll button span.btnArrow{-webkit-filter:FlipH;filter:FlipH;-ms-filter:"FlipH";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.btnBack button span.btnArrow,.btnLinkAll button span.btnArrow{background:url(/static/media/arrow.d8dec82f8df5fd3022c6.svg) no-repeat 0 0;background-size:contain;cursor:pointer;display:inline-block;height:15px;width:23px}.secButton button{background-color:#fff;border-radius:50%;cursor:pointer;height:36px;margin:0 5px;padding:3px 0 0;width:36px}.secButton button span.btnFav{background:url(/static/media/favourite.2c4fdc58c93493b74b31.svg) no-repeat 0 0;background-size:contain;cursor:pointer;display:inline-block;height:16px;width:18px}.secButton button span.btnLink{background:url(/static/media/share.1647ed17858a58aae82c.svg) no-repeat 0 0;background-size:contain;cursor:pointer;display:inline-block;height:19px;width:15px}.pagination{align-items:center;display:flex;justify-content:center;width:100%}.pagination .pagination-list{padding-left:0}.pagination ul li{color:#a4a4a4;display:inline-block;font-size:30px;list-style:none;margin:0 5px}.pagination ul li a{background-color:#e9e9e9;border-radius:50%;color:#4a4a4a;display:block;font-size:16px;font-weight:700;height:15px;line-height:1.1;padding:10px;text-align:center;transition:.3s linear;-webkit-transition:.3s linear;-moz-transition:.3s linear;width:15px}.pagination ul li a.active{background-color:#00b900;color:#fff;padding:11px 10px 9px}.pagination .firstLink a,.pagination .lastLink a,.pagination .nextLink a,.pagination .prevLink a{color:#00b900;font-size:25px;line-height:.5}.pagination .firstLink a:hover,.pagination .lastLink a:hover,.pagination .nextLink a:hover,.pagination .prevLink a:hover{background-color:#fff;color:#00b900;font-size:25px}.pagination .firstLink.disabled a,.pagination .lastLink.disabled a,.pagination .nextLink.disabled a,.pagination .prevLink.disabled a{color:#ccc}.socialTools{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;position:relative}.socialTools .sharePopup{top:-50px;z-index:999999}.socialTools .sharePopup.left{right:20px;top:-50px}.socialTools .sharePopup{background-color:#fff;box-shadow:-2px 11px 59px -11px rgba(0,0,0,.75);padding:10px 20px;position:absolute}.socialTools .sharePopup .shareButtons label{font-size:14px;margin-right:10px}.socialTools .sharePopup .shareButtons .separatorControlSm{height:25px;margin-left:15px;margin-right:20px}.socialTools .sharePopup .shareButtons .SocialMediaShareButton{cursor:pointer;padding:0 5px 0 0}.socialTools .sharePopup .shareButtons .SocialMediaShareButton--line img{vertical-align:middle}.socialTools .sharePopup .shareButtons{align-items:center;display:flex;z-index:0}.socialTools .sharePopup .btnCopyPaste{background-color:transparent;border:0 solid;cursor:pointer;flex:initial;line-height:0px;padding:0;text-align:center}.socialTools .sharePopup .btnCopyPaste .iconCopyPaste{background:url(/static/media/copylink.e097f5caf38f08399b3d.svg) no-repeat 0 0;background-size:contain;cursor:pointer;display:inline-block;height:25px;width:25px}.socialTools .sharePopup .sharePopupOverlay{bottom:0;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:-1}.sec-back{align-items:baseline;margin:25px 0;width:100%}.sec-agreement{align-items:center;display:flex;flex-direction:column;margin-left:20px;margin-right:auto;margin-top:50px}.sec-agreement p{font-size:20px;margin-top:15px}.sec-agreement .agree-checks{display:flex;flex-direction:column;height:55vh;margin-top:5vh;width:45%}.sec-agreement .agree-checks .agree-all{border:1px solid #c6c6c6;padding:16px}.sec-agreement .agree-checks .agree-all span{font-size:20px}.sec-agreement .agree-checks .agree-terms{margin-top:2vh;padding-left:16px}.sec-agreement .agree-checks .agree-terms label{display:flex;flex-direction:row;margin-top:2vh}.sec-agreement .agree-checks .agree-terms .agree-text{margin-right:5px}.sec-agreement .agree-read{margin-left:auto;text-decoration:underline}.sec-agreement button{height:4.5vh;margin-bottom:2vh;margin-top:auto;width:100%}.control{cursor:pointer;display:block;font-family:arial;line-height:1.5;margin-bottom:5px;padding-left:34px;padding-top:3px;position:relative}.control input{opacity:0;position:absolute;z-index:-1}.control-indicator{background:#e6e6e6;border:0 solid #000;border-radius:25px;height:25px;left:0;position:absolute;top:4px;width:25px}.control-radio .control-indicator{border-radius:10%}.control input:focus~.control-indicator,.control:hover input~.control-indicator{background:#ccc}.control input:checked:focus~.control-indicator,.control input:checked~.control-indicator,.control:hover input:not([disabled]):checked~.control-indicator{background:#00b900}.control input:disabled~.control-indicator{background:#e6e6e6;opacity:.6;pointer-events:none}.control-indicator:after{box-sizing:unset;content:"";display:none;position:absolute}.control input:checked~.control-indicator:after{display:block}.control-checkbox .control-indicator:after{border:solid #fff;border-width:0 2px 2px 0;height:11px;left:10px;top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:5px}.control-checkbox input:disabled~.control-indicator:after{border-color:#7b7b7b}.errorModal-container{align-items:center;background-color:#fff;border-color:#fff;border-radius:30px;display:flex;flex-direction:column;margin:auto;max-width:400px;min-height:17vh;padding:25px;position:relative;top:40%;width:60%}.errorModal-title{line-height:1.5}.errorModal-desc{color:#999;font-size:20px}.errorModal-container button{margin:5% 0;width:50%}.btn{border:none;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.3)}.btn,.btn-full{cursor:pointer;overflow:hidden;padding:10px 20px;white-space:nowrap}.btn-full{border:none;width:100%}.btn-full.large{font-size:1.8em;padding:15px 10px}.btn-full.medium{font-size:2em;padding:15px 10px}.btn-full.radius{border-radius:5px}.btn-full img.icon{margin-right:3px;width:20px}a.btn{display:inline-block}.btn:disabled{background-color:#e6e6e6!important;cursor:default}.btn-green{background-color:#00b900!important;color:#fff!important}.btn-emerald-green{background-color:#1fb869!important;color:#fff!important}.btn-red{background-color:#d85353!important;color:#fff}.btn-close{background-color:#4f5b78!important;color:#fff!important}.btn-green-white{background-color:#fff!important;border:1px solid #00b900!important;color:#00b900!important}.btn-green-white:hover{background-color:#00b900!important;color:#fff!important}.btn-green-white:disabled,.btn-green-white:hover:disabled{background-color:#ccc!important;border:none!important;color:#fff!important}.btn-dark{background-color:#4f5b78;color:#fff}.btn-pink{background-color:#d42c89!important;color:#fff!important}.btn-grey{background-color:#595959;color:#fff}.btn-trial{padding:10px}.setphone{margin-right:10px}.btn-w8{padding:10px 80px}.btn-w30{min-width:120px;padding:10px}.btn-w40{min-width:140px;padding:10px}.btn-w4p{padding:10px 80px;width:40%}.btn-wide{margin-top:auto;width:100%}.secSearch .react-autosuggest__container{margin-top:0}.react-autosuggest__container{display:inline-block;width:90%}.react-autosuggest__input{background-color:inherit;border:0 solid #fff;color:#4a4a4a;font-size:16px;height:20px;line-height:1.6;padding:6px 0 0 10px;width:100%}.react-autosuggest__suggestion{cursor:pointer}.react-autosuggest__suggestions-container{display:none;padding:10px}.react-autosuggest__suggestions-container--open{background-color:#fff;border:1px solid #aaa;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-radius:10px;display:block;font-family:Helvetica,sans-serif;font-size:16px;font-weight:300;margin-left:-10px;position:absolute;top:61px;width:390px;z-index:2}.header-mobile .react-autosuggest__suggestions-container,.header-mobile .react-autosuggest__suggestions-container--open{box-sizing:border-box;left:0;margin-left:0;width:100%}.react-autosuggest__suggestions-list{list-style:none;margin:0;padding-left:0}.react-autosuggest__suggestion{border-top:1px solid #eee;font-size:15px;font-weight:700;padding:10px}.react-autosuggest__suggestion--first{border-top:none}.react-autosuggest__suggestion--highlighted{color:#00b900}.react-autosuggest__section-title{font-size:15px;padding:10px}.melody-detail-panel{align-items:center;display:flex}.melody-detail-panel .melody-info{align-items:center;display:flex;flex:8 1;margin-bottom:15px}.melody-detail-panel .melody-picture{height:200px;margin-right:20px;width:200px}.melody-picture img{height:200px;width:200px}.melody-detail-panel .melody-content{align-items:center;display:flex;flex:8 1;font-size:1rem;padding:0 2% 0 0}.melody-content .detail{flex:9 1}.artist-name{color:#00b900}.artist-name a:hover{text-decoration:underline;text-decoration-thickness:.1rem}.melody-content .player{flex:1 1}.melody-content .player .secPlayer{height:inherit;width:inherit}.melody-content .lineCoin{font-size:.65rem;width:170px}.melody-content .lineCoin .lineCoinIcon{margin:5px 5px 5px 0;vertical-align:middle}.melody-content .player .secPlayer .playMelody{margin-right:0}.melody-content .player .secPlayer .iconPause,.melody-content .player .secPlayer .iconPlay{background-size:60px 60px!important;height:60px!important;width:60px!important}.melody-content .detail .title{font-size:1.5rem;font-weight:700;line-height:1.2;margin:.5rem 0}.melody-content .detail .price{line-height:2}.melody-content .detail .album{margin:.3rem 0}.melody-detail-panel .melody-shared{align-items:center;display:flex;flex:3 1}.melody-shared .socialTools{justify-content:center}.melody-shared .socialTools button.btnFav{margin-left:0}.melody-shared .socialTools button.btnShare{margin:0}.melody-shared .shared-social{flex:1 1}.melody-shared .shared-gift{display:flex;flex-direction:column}.melody-shared .shared-bglp{display:flex;flex-direction:row}.melody-shared .shared-bglp button{margin-left:4%;max-width:140px}.melody-shared .shared-bglp button span{display:block;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.melody-shared .shared-gift button{margin-bottom:10px}.sec-melody-list{margin:0 0 0 -15px}.melody-list-container{align-items:center;display:flex;gap:5px;justify-content:space-between;margin:0 10px 15px 0;max-width:336px;width:100%}.melody-list-container-skeleton{display:flex;flex-direction:column;gap:5px;width:200px}.sec-melody-list .listMelody{margin:0 0 15px 15px;width:336px}.sec-payment-result{min-height:500px;padding-top:5%}.sec-payment-result-campaign{padding:5% 0}.sec-payment-result-campaign-desc{padding:50px 0}.payment-icon{height:80px;width:80px}.carousel .slider .slide{background:transparent}.carousel .control-dots .dot{box-shadow:none!important;transition:none!important}.sec-error{padding-top:15%}.sec-error>h2{font-size:47px;line-height:1}.btn-error{display:flex;flex-direction:row;justify-content:center;margin-top:50px}.bottom-space{margin-bottom:50px}.white-space-pre{white-space:pre}.mb-player{box-shadow:0 -5px 5px -5px #d6d6d6;padding:5px 10px 10px;width:100%}.mb-player .panel{display:flex;flex-direction:column;width:100%}.mb-player .collapse{text-align:center;width:100%}.mb-player .content{align-items:center;display:flex;justify-content:space-between;line-height:1.5;width:100%}.mb-player .content .cover{width:20%}.mb-player.collapsed .content .cover{width:12%}.mb-player .content .detail{padding-left:10px;width:60%}.mb-player.collapsed .content .detail{padding-left:0;width:45%}.mb-player .content .detail .title{font-size:.8rem;font-weight:700;line-height:0}.mb-player .content .player{text-align:right;width:20%}.mb-player.collapsed .content .player{display:flex;justify-content:center;width:auto}.mb-player .content .btnPlayCircle,.mb-player .content .btnPlayCircle .iconPlayCircle img{height:60px;width:60px}.mb-player .content .cover img{height:auto;width:100%}.mb-player .panel .collapse .btnCollapse{background-color:initial;border:none}.mb-player .panel .collapse .btnCollapse img{height:10px;width:60px}.mb-player .panel .content .lineCoin .lineCoinIcon{height:auto;margin-right:5px;min-height:16px;min-width:16px;vertical-align:middle;width:7.6%}.mb-player .panel .content .player .playMelody{background-color:transparent;border:0 solid;-moz-border-radius:50%;cursor:pointer;flex:initial;line-height:0px;margin:auto;padding:0;text-align:center}.mb-player .panel .content .player .playMelody .iconPlay{background:url(/static/media/playcircle.edda91084aa5c9838d0d.svg) no-repeat 0 0;background-size:contain;cursor:pointer;display:inline-block;height:60px;line-height:0px;width:60px}.mb-player.collapsed .panel .content .player .playMelody .iconPlay{height:45px;width:45px}.mb-player .panel .content .player .playMelody .iconPause{background:url(/static/media/pausecircle.97cfece9ed331afc4aca.svg) no-repeat 0 0;background-size:contain;cursor:pointer;display:inline-block;height:60px;line-height:0px;width:60px}.mb-player.collapsed .panel .content .player .playMelody .iconPause{height:45px;width:45px}.mb-player .panel .progress-line .processBar{border:1px solid #e5e3e3;margin:10px 0}.mb-player .panel .progress-line .greenBar{background-color:#00b900;display:block;height:5px}.mb-player .panel .social{align-items:center;display:flex;padding:5px 0}.mb-player .panel .social .social-col{width:30%}.mb-player .panel .social .gift-col,.mb-player .panel .social .shared-bglp{display:flex;justify-content:flex-end;width:70%}.mb-player .panel .social .gift-col button{flex:1 1;min-width:96px;width:47%}.mb-player .panel .social .gift-col button:first-child{margin-left:0}.mb-player .panel .social .shared-bglp button{flex:1 1;max-width:50vw;width:100%}.mb-player .panel .social .shared-bglp button span{display:block;line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-player .panel .social .socialTools .btnFav{margin-left:0}.instantSearch,.secSearch.secSearchHideAutoSuggest .react-autosuggest__suggestions-container--open{display:none}.instantSearch .instantSearchTitle{font-size:14px}.instantSearchOpen{background-color:#fff;border:1px solid #aaa;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-radius:10px;display:block;font-family:Helvetica,sans-serif;font-size:16px;font-weight:300;margin-left:-10px;padding:10px 20px;position:absolute;top:61px;z-index:2}.header-mobile .instantSearchOpen{box-sizing:border-box;left:0;margin-left:0;width:100%}.listSearchResult{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:20px 0;overflow-x:auto;width:100%}.secSearchResult .secAlbum,.secSearchResult .secArtist{margin-top:32px}.default-modal{background:#fff;border:1px solid #ccc;border-radius:4px;bottom:auto;height:60%;left:50%;margin-right:-50%;min-width:350px;outline:none;overflow-y:hidden;padding:10px;position:absolute;right:auto;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%}.sendAsGift-modal-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:100000}.sendAsGift-modal-overlay-blur-bg{background-color:hsla(0,0%,100%,.75)}.sendAsGift-modal{background:#fff;bottom:auto;height:90%;left:50%;margin-right:-50%;min-width:480px;outline:none;overflow-y:hidden;padding:10px;position:absolute;right:auto;top:59.665%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%;z-index:10}.sendAsgift-modal .header-bar{margin:0 0 30px;width:100%}.sendAsGift-modal .header h3{margin-bottom:0}.sendAsGift-modal .body{height:51vh;margin-left:auto;min-height:320px;overflow:scroll;padding-right:20px;width:90%}.sendAsGift-modal .body .friend{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;padding:15px 0}.sendAsGift-modal .body .friend .pic{flex-grow:1}.sendAsGift-modal .body .friend .pic img{border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.5);height:44px;width:44px}.sendAsGift-modal .body .friend .displayName{flex-grow:8}.sendAsGift-modal .body .friend .action{flex-grow:1}.sendAsGift-modal .search-box{border:1px solid #e0e0e0;box-sizing:border-box;height:46px;margin:auto;position:relative;width:93%}.sendAsGift-modal .search-box input.search{background:transparent;border:none;color:#000;font-size:16px;height:100%;left:0;padding:0 45px 0 10px;position:absolute;top:0;width:100%}.sendAsGift-modal .search-box .icon-search{background:url(/static/media/search.33202b994a7693aa3cf3.svg) no-repeat 0 0;background-size:20px;float:right;height:30px;margin-right:5px;margin-top:12px;width:30px}.sec-scroll .listSearchColResult .ml-25 span,.secMelody .listSearchResult{margin-left:-20px}.secMelody .listSearchResult .listMelody{margin-left:25px;margin-right:0}.secAlbum .listSearchResult{margin-left:-20px}.secAlbum .listSearchResult .albumCover{margin-left:20px;max-width:120px;width:120px}.secAlbum .listSearchResult .albumCover img{height:auto;max-width:120px;width:120px}.secArtist .listSearchResult{margin-left:-20px}.secArtist .listSearchResult .artistCover{margin-left:20px;max-width:120px;width:120px}.secArtist .listSearchResult .artistCover img{height:auto;max-width:120px;width:120px}.trial-catalog-view .socialTools .btnShare{margin-right:0}.trial-catalog-view .sec-back{align-items:baseline;display:flex}.trial-catalog-banner{margin:auto;max-width:1040px}.trial-catalog-coverPic{height:auto;width:100%}.trial-catalog-desc{margin-top:15px!important;min-height:0!important;padding:0 15px!important;white-space:pre-wrap}.trial-catalog-melody-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.trial-catalog-melody-list .listMelody{margin-right:40px;width:320px}.trial-catalog-melody-list .listMelody:nth-child(3n){margin-right:0}.trial-desc{margin-top:30px}.trial-desc img{max-width:380px;width:100%}.campaign-view .socialTools .btnShare{margin-right:0}.campaign-view .sec-back{align-items:baseline;display:flex}.campaign-banner{margin:auto;max-width:1040px;padding-bottom:80px}.campaign-banner-mobile{padding-bottom:60px}.campaign-coverPic{height:auto;width:100%}.campaign-desc{font-size:2em;font-weight:700;margin-top:15px!important;min-height:0!important;padding:0 15px!important;text-align:center;white-space:pre-wrap}.campaign-steps-title{font-size:1.5em;padding-bottom:87px;padding-top:16px;text-align:center}.campaign-steps-body{display:flex;flex-direction:row;max-height:470px;padding-top:20px}.campaign-steps-body-mobile{display:flex;flex-direction:row;padding-top:10px}.campaign-steps{margin:0 auto;max-width:1040px}.campaign-steps,.campaign-steps-mobile{display:flex;flex-direction:column;padding-left:10px}.campaign-step{display:flex;flex-direction:row}.campaign-step-data{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;padding-left:10px;padding-top:65px}.campaign-step-data-popup{padding-top:40px!important}.campaign-step-data:nth-child(3){padding-top:48px}.campaign-step-data-popup:nth-child(3){padding-top:25px}.campaign-step-data-mobile{align-items:flex-start;display:flex;flex-direction:column;padding-left:5px;padding-right:15px;padding-top:13px}.campaign-step-data-mobile:nth-child(3){padding-top:13px!important}.campaign-step-desc{padding-bottom:3px}.campaign-step-desc-mobile:disabled,.campaign-step-desc:disabled{color:#e6e6e6}.campaign-step-img{max-width:45%}.campaign-step-img-popup{padding-top:135px!important}.campaign-step-img-mobile{padding:0 20px}.campaign-step-data-mobile:first-child,.campaign-step-data:first-child{padding-top:0}.campaign-steps-circle{background-color:#00b900;border-radius:100%;color:#fff;font-size:1.2em;line-height:50px;margin-top:80px;position:relative;text-align:center;width:50px;z-index:2}.campaign-steps-circle-disabled{background-color:#eee!important;color:#aaa!important}.campaign-steps-circle-disabled:before{border:1px solid #efefef!important}.campaign-steps-circle-mobile{background-color:#00b900;border-radius:100%;color:#fff;font-size:1.2em;line-height:33px;margin-top:33px;position:relative;text-align:center;width:33px;z-index:2}.campaign-steps-circle-mobile:first-child,.campaign-steps-circle:first-child{margin-top:0}.campaign-steps-circle-mobile:first-child:before,.campaign-steps-circle:first-child:before{display:none}.campaign-steps-circle:before{border:1px solid #00b900;content:"";display:block;height:80px;left:50%;margin-left:-1px;position:absolute;top:-80px;width:0;z-index:1}.campaign-steps-circle:nth-child(3):before{height:70px;top:-70px}.campaign-steps-circle:nth-child(3){margin-top:70px}.campaign-steps-circle-mobile:before{border:1px solid #00b900;content:"";display:block;height:33px;left:50%;margin-left:-1px;position:absolute;top:-33px;width:0;z-index:1}.campaign-steps-circle-mobile:nth-child(3):before{height:70px!important;top:-70px!important}.campaign-steps-circle-mobile:nth-child(3){margin-top:70px!important}.campaign-prize{margin:0 auto;max-width:1040px;padding-top:30px}.campaign-prize-lineup-img{width:100%}.campaign-post-feed{align-items:center;background-color:#343434;display:flex;flex-direction:column;margin:30px auto 0;max-width:1040px;padding:10px 0 20px}.campaign-post-feed-btn{background-color:#fff;color:#222}.campaign-term{margin:60px auto 0;max-width:1040px;padding:0 10px}.campaign-term-desc{font-size:.9em;white-space:pre-wrap}.campaign-payment-result{background-color:#f9f9f9;padding:30px 0}promotion-view .socialTools .btnShare{margin-right:0}.promotion-view .sec-back{align-items:baseline;display:flex}.promotion-banner{margin:auto;max-width:1040px}.promotion-banner-img{border-radius:5px;height:auto;width:100%}.promotion-melody-list{grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(3,1fr)}.promotion-ended{height:25vh;padding-top:18%!important}.coin-desc-modal{background:#fff;border:1px solid #ccc;bottom:auto;height:18%;left:50%;margin-right:-50%;outline:none;overflow-y:hidden;padding:10px;position:absolute;right:auto;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:21%}.coin-desc-modal .txt-desc{color:#959595;font-size:1rem;height:70%;line-height:24px}.coin-desc-modal .full-container{height:80%;padding:0 10px}.coin-desc-modal .container-btn{text-align:center}.coin-desc-modal .btn-modal{background-color:#fff;border:#fff;color:#00b900;font-size:1rem!important}.coin-desc-modal-overlay{background-color:#00000061;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100000}.info-icon{cursor:pointer;margin-left:5px!important;width:10%}.txt-period{color:#a5a5a5;margin:7px 0}.terms{background-color:#eee;line-height:20px;margin-bottom:-50px;padding-bottom:50px;padding-top:1px}.terms-txt{color:#747474}.padding-7{padding:7%}.white-space-no-wrap{white-space:nowrap}.discount-history{align-items:center;border-bottom:1px solid #efefef;display:flex;justify-content:space-between;padding:20px 0}.discount-history .flex-container .ticket{height:auto;width:40%}.listTicket-moblie .discount-history .flex-container .ticket{height:auto;width:50%}.txt-available{color:#44cb3c}.txt-expired{color:#ff8e8e}.discount-history .flex-container{align-items:center;width:70%}.listTicket-moblie{display:flex;flex-wrap:wrap;margin:10px 0;max-width:100%}.listTicket-moblie .discount-history{border-bottom:1px solid #efefef;padding:20px 0;width:50%}.listTicket-moblie .discount-history .flex-container{align-items:center;width:100%}.none-border{border-bottom:0!important}.ticket-wrap{display:inline-block;position:relative}.listTicket-moblie .ticket-wrap .text{left:0;margin:0 auto;right:0;top:30%;width:60%}.listTicket-moblie .ticket-wrap .text,.ticket-wrap .text{color:#fff;position:absolute;text-align:center;z-index:999}.ticket-wrap .text{top:25%;width:40%}.discount-history .ticket-title{margin-left:-100px}.tabcontent .howToUseTicket{background-color:#fafafa;color:#ccc;font-size:16px;font-weight:400;line-height:20px;padding:15px}.tabcontent .howToUseTicket-mobile{background-color:#fafafa;border-bottom:1px solid #efefef;color:#ccc;font-size:.8rem;font-weight:400;line-height:18px;padding:10px 10px 10px 15px}.tabcontent .listTicket{display:block;flex-wrap:wrap;margin:10px 0;max-width:100%}.secProfileTicketTab .secTicket{margin-right:5%;width:63%}.secLogout .title{margin:12vh 2vh 12vh 0}.btn-logout{border-radius:5px;font-size:1.4em;padding:20px;width:75%}.history-price{align-items:center;display:flex;justify-content:flex-end}.campaign-share{margin-bottom:82px;margin-top:23px}.checkbox-panel-terms{margin-bottom:20px;padding:0 10% 0 0}.btn-voice-term-container{margin-left:-10%;text-align:center!important}.secMelodyByMe{margin-right:2vw}.secMelodyByMe .banner{margin:3vh 0 10vh}.secMelodyByMe img{width:95%}.btn-melodybyme{border-radius:10px;font-size:1.4em;max-width:300px;padding:20px;width:75%}.voice-record-container{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:640px;min-height:calc(100vh - 61px);padding:0 30%}.voice-record-container.voice-liff{margin-top:20px}.voice-record-header{color:#fff;font-size:1.3em;font-weight:bolder;padding:25px 0 15px;text-align:center}.voice-help-bg{background:#23b769;border-radius:35px;height:25px;padding:10px;width:25px}.voice-record-help{color:#fff;font-size:1.2rem;padding:15px 0;text-align:right;text-align:-webkit-right}.voice-record-help.top{color:#fff;font-size:1.2rem;padding:22px 0;position:absolute;right:-20px;text-align:end;top:30px}.voice-record-help.on-boarding{position:absolute;right:15px;top:50px}.voice-record-help.on-boarding-liff{position:absolute;right:15px;top:100px}.voice-record-help.arrow{padding:95px 25px 5px 0;text-align:end}.voice-record-help.arrow-liff{padding:165px 25px 5px 0}.voice-record-help.text{padding:0 15px;text-align:end}.voice-record-title{color:#fff;font-family:SukhumvitTadmai_Bol,Arial,Thonburi,sans-serif!important;font-size:2rem;font-weight:700;line-height:50px;margin-top:10%}.voice-record-title.termsCond{color:#fff;font-size:2rem!important;font-weight:700;line-height:45px!important}.voice-term-section{bottom:46px;position:absolute;width:auto}.voice-term-box{background:#24b668;border:2px solid #fff;border-radius:3px;height:20px;left:0;position:absolute;top:0;width:20px}.voice-login-modal{background:#fff;border:1px solid #ccc;border-radius:10%;bottom:auto;height:32%;left:50%;margin-right:-50%;min-width:85%;outline:none;overflow-y:hidden;padding:10px;position:absolute;right:auto;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:15%}.voice-login-container{display:flex;flex-direction:column;height:95%;margin:0 5%}.voice-login-desc{font-size:1.3rem;font-weight:700;margin-bottom:auto;margin-top:20%}.btn-voice-login{border-radius:5px;font-size:1rem;font-weight:700;height:6vh;margin-top:auto;width:100%}.control-voice-term{color:#fff;cursor:pointer;display:block;font-family:arial;font-size:16px;padding-left:35px;position:relative}.control-voice-term input{opacity:0;position:absolute;z-index:-1}.control-voice-term-radio .voice-term-box{border-radius:10%}.control-voice-term input:focus~.voice-term-box,.control-voice-term:hover input~.voice-term-box{background:#23b769;border:2px solid #fff}.control-voice-term input:checked:focus~.voice-term-box,.control-voice-term input:checked~.voice-term-box,.control-voice-term:hover input:not([disabled]):checked~.voice-term-box{background:#fff}.control-voice-term input:disabled~.voice-term-box{background:#e6e6e6;opacity:.6;pointer-events:none}.voice-term-box:after{box-sizing:unset;content:"";display:none;position:absolute}.control-voice-term input:checked~.voice-term-box:after{display:block}.control-voice-term-checkbox .voice-term-box:after{border:solid #23b769;border-width:0 2px 2px 0;height:12px;left:7px;top:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:5px}.control-voice-term-checkbox input:disabled~.voice-term-box:after{border-color:#7b7b7b}.btn-voice-term{background-color:#fff;color:#23b769}.btn-voice-term,.btn-voice-term.disabled.btn:disabled{border-radius:10px;font-size:1.5rem;font-weight:700;height:70px;margin-top:7%;width:80%}.btn-voice-term.disabled.btn:disabled{color:#bbb}.voice-record-item-list{margin:10% auto 0;width:100%}.voice-record-item{background-color:#fff;border-radius:15px;display:block;height:auto;margin:0 0 6%;padding:15px 22px 12px}.voice-record-item-title{font-size:1.5em;line-height:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.voice-record-item .item{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.voice-record-item .progress-line .processBar{background-color:#d8d8d8;border:0 solid #e5e3e3;border-radius:10px;margin:10px 0}.voice-record-item .progress-line .greenBar{background-color:#00b900;border-radius:10px;display:block;height:8px}.voice-record-item-play-btn{background:transparent;border:0 solid;display:contents;width:50%}.voice-record-item-play-btn>.icon-player{text-align:end;width:30%}.voice-record-item-play-btn>.icon-player img{width:40px!important}.on-broading-modal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100%;outline:none;overflow-y:hidden;position:absolute;width:100%}.on-broading-modal-overlay{background-color:#062709c2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100000}.voice-help-liff{background:#fff;border-top-left-radius:30px;border-top-right-radius:30px;bottom:0;float:right;height:0;margin-right:34px;margin-top:200px;position:fixed;transition:height .8s ease-in-out;width:42%;z-index:2000}.voice-help-liff.open{height:320px}.voice-help-liff .btnClose{margin-right:20px;margin-top:15px;text-align:right}.voice-help-liff .btnClose img{width:5%}.helper-container{padding:0 10%}.text-helper{font-size:2em;line-height:2em}.voice-help-icon{height:25px;width:25px}.voice-record-liff{background:#fff;border-top-left-radius:30px;border-top-right-radius:30px;bottom:0;float:right;height:0;margin-right:34px;margin-top:200px;position:fixed;transition:height .8s ease-in-out;width:42%;z-index:1000}.voice-record-liff.open{height:70vh}.voice-record-liff .recordNav{margin-top:20px;min-height:20px}.voice-record-liff .btnClose{margin-right:20px;text-align:right}.voice-record-liff .btnClose img{width:5%}.voice-record-liff .loader{margin-bottom:-10px;margin-top:18px}.input-voice-name{border:none;font-family:SukhumvitTadmai_Bol,Arial,Thonburi,sans-serif!important;font-size:2.5em;line-height:normal;padding:0;text-align:left;width:100%}.input-voice-name:disabled{background-color:#fff;color:#000}.input-voice-name:focus:first-line{background-color:#fcd9d9}.voice-time-player{display:flex;flex-direction:row;margin-bottom:-20px}.processBar-pointer{background:#fff;border:4px solid #05b901;border-radius:8px;display:inline-block;margin-left:50%;margin-top:-2px;padding:2px;position:absolute}.processBar-pointer.recording{border:4px solid #d65353}.voice-record-liff .progress-line .processBar{background-color:#d8d8d8;border:0 solid #e5e3e3;border-radius:10px;margin:10px 0}.voice-record-liff .progress-line .greenBar{background-color:#00b900;border-radius:10px;display:block;height:8px}.voice-record-liff .progress-line .redBar{background-color:#d65353;border-radius:10px;display:block;height:8px}.voice-record-list-section{margin-top:auto;padding-top:10px}.voice-record-panel-section{bottom:0;text-align:center;width:100%}.voice-record-panel-section.empty-record{margin-bottom:15vh;margin-left:-30%;position:fixed}.voice-record-panel-container{align-items:center;display:flex}.voice-record-panel-container.record-1 .left-wave img,.voice-record-panel-container.record-1 .right-wave img,.voice-record-panel-container.record-2 .left-wave img,.voice-record-panel-container.record-2 .right-wave img{display:none}.voice-record-panel-container .center-content{width:30%}.voice-record-panel-container .left-wave{text-align:right;width:40%}.voice-record-panel-container .left-wave.default{text-align:right;width:5%}.voice-record-panel-container .left-wave img{background-color:initial;margin-right:-20%;max-width:150px;opacity:.3;width:20%}.voice-record-panel-container .right-wave{text-align:left;width:40%}.voice-record-panel-container .right-wave img{background-color:initial;margin-left:-20%;max-width:150px;opacity:.3;width:20%}.btn-voice-record{border:none;cursor:pointer;margin:0;padding:0}.btn-voice-record-label.empty-record span{display:initial}.btn-voice-record-label.default span{display:none}.icon-voice-record{background-color:#24b668;background-size:contain;height:100%;width:100%}.icon-voice-record img{max-width:150px;width:70%}.voice-record-wave{margin-top:10%;width:100%}.voice-recorder-btn{background:transparent;border:0;left:35%;position:absolute;width:30%}.review-voice-container{display:flex;flex-direction:row;justify-content:center}.review-voice-record-btn{padding:0 5%}.action-voice-record-btn,.review-voice-record-btn{background:transparent;border:0 solid}.warning-max-voice{border-radius:15px;color:#fff;display:block;font-size:1.1em;height:auto;line-height:20px;margin:0 0 6%;max-width:340px;padding:15px 22px;text-align:center}.voice-suggestion-banner{display:none;left:0;line-height:1.41;width:100%}.voice-suggestion-banner,.voice-suggestion-banner.open{background-color:#4f5c78;bottom:0;position:fixed;text-align:center}.voice-suggestion-banner.open{display:block;width:42%}.voice-suggestion-banner div{align-items:flex-end;display:flex;justify-content:center;padding:15px}.voice-suggestion-banner img{width:5%}.voice-suggestion-banner span{color:#fff;margin-left:5px}.line-melody-voice-icon{width:120px}.troubleshoot-browser-modal-container{background:#fff;border:1px solid #ccc;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;left:50%;max-width:480px;outline:none;overflow-y:hidden;padding:30px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:85%}.troubleshoot-browser-modal-btn{align-items:center;border-radius:5px;box-sizing:border-box;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;margin-top:20px;width:100%}.voice-record-modal-title,.voice-record-modal-title h3{line-height:1}.voice-record-modal-title small{font-size:.8rem}.voice-price-icon img,.voice-price-icon picture source{height:auto;margin-right:5px;margin-top:-5px;vertical-align:middle;width:30px}.voice-record-liff-container{padding:0 30%}.btn-voice-record-purchase:disabled{background-color:#f3f3f3!important;color:#b1b1b1!important}.media-stream-error-modal{background-color:#fff;border-color:#fff;border-radius:30px;margin:auto;max-width:340px;min-height:11vh;padding:25px;position:relative;top:40%;width:76%}.ReactModal__Body--open{overflow:hidden}.voice-gift-err .sec-error{padding:0}.voice-gift-err .container{height:175px;padding:0}.gift-detail-view{background-color:#f3f3f3;height:89vh;margin:0 auto;max-width:1040px;overflow:auto}.gift-title{background-color:#fff;padding-bottom:5px;padding-top:4vh}.sec-gift-detail{padding-top:4vh}.sec-gift-box,.sec-gift-detail{align-items:center;display:flex;flex-direction:column}.sec-gift-box{max-width:300px;width:100%}.gift-detail{background-color:#fff;border:1px solid #e3e3e3;border-radius:5px;height:360px;margin:20px 0;width:100%}.gift-buttons{margin-top:20px}.btn-gift{background-color:#17c950;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin:5px 0;width:100%}.btn-gift,.gift-back{border:none;font-size:16px;padding:15px}.gift-back{font-weight:600;margin:5px}.gift-back,.gift-back:visited{color:#42659a}.gift-detail-card-container{background:#fff;border-radius:17px;overflow:hidden;width:100%}.gift-detail-card .sticker-container{background:#6dcff6;height:210px}.gift-detail-card .sticker{display:block;height:100%;margin:0 auto;width:auto}.gift-detail-card .information-container{display:flex;padding:20px 15px}.gift-detail-card .information-footer{border-top:1px solid #eaeaea;color:#444;font-size:12px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:.17px;line-height:normal;margin:0 15px;padding:15px;text-align:center}.gift-detail-card .information{align-self:center;line-height:1.41;margin-left:20px;overflow:hidden;width:100%}.gift-detail-card .information-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-height:45px;overflow:hidden;word-break:break-word}.gift-detail-card .information .title{color:#000}.gift-detail-card .information .artist,.gift-detail-card .information .title{font-size:14px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:.26px;vertical-align:top}.gift-detail-card .information .artist{color:#444;display:inline-block;width:100%}.gift-detail-card .information .timer{color:#00b900;font-size:14px;font-stretch:normal;font-style:normal;font-weight:900;letter-spacing:.26px;vertical-align:top}.gift-detail-card .information .btn-see-all-melodies button{color:#576e9d;font-size:13px}.gift-detail-card .control-btn{align-items:center;bottom:0;display:flex;height:30px;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:0;width:30px;z-index:1}.gift-detail-card .pause-btn{display:flex}.gift-detail-card .pause-btn .pause-item{background:#fff;border-radius:3px;height:22px;width:6px}.gift-detail-card .pause-btn .pause-item:first-child{margin-right:5px}.gift-detail-card .information-typography{line-height:23px}.gift-melody-player{align-self:center;border-radius:4px;cursor:pointer;flex-shrink:0;height:85px;overflow:hidden;position:relative;width:85px}.gift-melody-player img{height:100%;width:100%}.gift-melody-player.dimmed:after{background:#000;bottom:0;content:"";height:100%;left:0;opacity:.6;position:absolute;right:0;top:0;width:100%}.gift-melody-player .progress-bar-container{bottom:5px;left:5px;position:absolute;width:calc(100% - 10px);z-index:1}.gift-melody-player .progress-bar-placeholder{border:2px solid #fff;border-radius:4px;bottom:0;box-sizing:border-box;height:1px;left:0;opacity:.3;position:absolute;width:100%}.gift-melody-player .progress-bar-status{border:2px solid #17c950;border-radius:4px;bottom:0;box-sizing:border-box;height:1px;left:0;position:absolute;width:0}.gift-preview{background:#f3f3f3;box-sizing:border-box;display:block;justify-content:center;margin:0 auto;min-height:100vh;padding:20px;width:100%}.gift-preview .gift-container{margin:0 auto;max-width:300px}.gift-preview .btnBack{margin-bottom:0}.gift-preview .btnBack button{background-color:initial;border-color:transparent}.gift-preview .title-container{padding:15px;text-align:center}.gift-preview .title-container .title{color:#222;font-size:14px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;line-height:normal}.gift-preview .price{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px}.gift-preview .my-coins{color:#a5a5a5;margin-top:5px;text-align:center;width:100%}.gift-preview .price .lineCoinIcon{height:20px;margin-right:5px;vertical-align:middle;width:20px}.line-credit-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.ReactModal__Overlay{z-index:10000}@media screen and (min-device-width:768px) and (max-device-width:1366px){.container .secContent{padding:0 15px}.listTicket-moblie .discount-history .flex-container{display:flex;flex-direction:column}.btn-voice-term{margin-top:4%!important}.voice-record-container{padding:0 15% 10%!important}.voice-record-panel-section.empty-record{margin-bottom:15vh;margin-left:30%;margin-left:-30%;position:fixed}.voice-record-panel-container .left-wave img{margin-right:-20%;max-width:150px;opacity:.3;width:25%}.voice-record-panel-container .right-wave img{margin-left:-20%;max-width:150px;opacity:.3;width:25%}.icon-voice-record img{max-width:150px;width:70%}.voice-record-panel-container .left-wave.default{text-align:right;width:5%}.voice-suggestion-banner.open{background-color:#4f5c78;bottom:0;display:block;position:fixed;text-align:center;width:40%}}@media screen and (min-width:1024px){.melody-content .lineCoin .lineCoinIcon{height:auto;width:2.5vw}.listMelody .detailMelody .priceMelody .lineCoinIcon{height:auto;width:8%}.mb-player .panel .content .lineCoin .lineCoinIcon{height:auto;width:5%}}@media screen and (min-width:1000px) and (min-height:900px){.btn-voice-term{margin-top:4%!important}.control-voice-term{font-size:2em;padding-left:60px}.voice-term-box{height:35px;top:-11px;width:35px}.control-voice-term-checkbox .voice-term-box:after{border-width:0 3px 3px 0;left:14px;top:10px}.voice-record-container{padding:0 15% 10%!important}.voice-record-panel-section.empty-record{margin-bottom:15vh;margin-left:-30%;position:fixed}.voice-record-panel-container .left-wave img{margin-right:-20%;max-width:150px;opacity:.3;width:20%}.voice-record-panel-container .right-wave img{margin-left:-20%;max-width:150px;opacity:.3;width:20%}.icon-voice-record img{max-width:150px;width:70%}.voice-record-panel-container .left-wave.default{text-align:right;width:5%}.voice-suggestion-banner.open{background-color:#4f5c78;bottom:0;display:block;position:fixed;text-align:center;width:40%}}@media screen and (max-width:992px){h2{font-size:2.5rem!important}.container .secContent,.full-container{padding:0 15px}.flex-align-center{align-items:normal}.sec-footer{padding:30px 10px}.flex-container{display:flex;flex-direction:column}.nav-link{padding:0 5px}.sec-footer .sec-logo{padding-right:0;text-align:center;width:100%}.sec-footer .logo{max-width:40%;width:auto}.sec-footer .sec-desc{display:none}.sec-footer .sec-desc-m{display:block;margin:10px 0;text-align:center}.sec-footer .sec-link{display:flex;flex-direction:row;width:100%}.sec-footer .sec-link .sec-link-col1{text-align:center;width:45%}.sec-footer .sec-link .sec-link-col2{text-align:center;width:55%}.sec-footer .sec-link .sec-link-row{height:28px;margin:33px 0 0}.sec-footer .sec-lang{padding:20px 10px;text-align:center;width:auto}.sec-footer .selopt{padding-left:30%;width:40%}.coin-desc-modal,.max-reward-desc-modal{width:25%}.voice-record-container{padding:0 15% 10%!important}.voice-record-panel-section.empty-record{margin-bottom:15vh;margin-left:-30%;position:fixed}.voice-record-panel-container .left-wave img{margin-right:-15%;max-width:150px;opacity:.3;width:20%}.voice-record-panel-container .right-wave img{margin-left:-15%;max-width:150px;opacity:.3;width:20%}.icon-voice-record img{max-width:150px;width:70%}.voice-record-panel-container .left-wave.default{text-align:right;width:5%}.voice-suggestion-banner.open{background-color:#4f5c78;bottom:0;display:block;position:fixed;text-align:center;width:40%}}@media screen and (max-width:600px){body{font-size:12px}h1{font-size:1.5rem}h2{font-size:1.5rem!important}h3{font-size:1.1rem}.font-2em{font-size:2em}section.secBanner{margin-bottom:0}.secCatalog>h2{margin-bottom:12px;margin-top:36px}section.secContent .secCatalog .catalogName{margin-bottom:.8rem}section.secContent .secCatalog .catalogName .title{max-width:85%}section.secContent .secCatalog .headCatalog .imgCoverBig{height:150px!important;margin-right:10px!important;width:150px!important}section.secContent .secCatalog .headCatalog{height:153px;justify-content:flex-start;width:800px}.sec-scroll::-webkit-scrollbar{display:none}section.secContent .secCatalog .headCatalog .imgCoverBig .txtOnCover .name_price,section.secContent .secCatalog .headCatalog .imgCoverBig .txtOnCover p.songName{font-size:inherit}section.secContent .secCatalog .listCatalog{margin:10px 0 0}.sec-scroll .listCatalog{width:955px!important}.sec-scroll .listCatalog .listMelody{margin-right:20px;width:300px!important}.sec-agreement{align-items:flex-start;margin:6vh 5vw 5vw 2vh}.sec-agreement h1{word-wrap:break-word;line-height:1;max-width:80%}.sec-agreement p{word-wrap:break-word;font-size:16px;margin-top:15px;max-width:90%}.sec-agreement h1 span{font-size:30px}.sec-agreement .agree-checks{margin-top:2vh;width:100%}.sec-agreement .agree-checks .agree-all,.sec-agreement .agree-checks .agree-terms{padding:10px}.errorModal-container{min-height:20vh}.errorModal-desc{font-size:16px}.btnBack button,.btnLinkAll button{font-size:14px}.btnLinkAll button span.btnArrow{height:13px;width:21px}.listMelody{margin-bottom:10px;margin-right:20px;width:300px}.sec-melody-list{margin:0}.sec-melody-list .listMelody{margin:0 0 15px;max-width:none;width:100%}.instantSearchItem .detailMelody,.listMelody .detailMelody{font-size:.8rem}.listMelody .detailMelody .priceMelody .lineCoinIcon{height:15px;width:15px}.melody-content .detail .title{font-size:.8rem;margin:0 0 .3rem}.secProfileOrderTab{margin-right:15px}.secProfileOrderTab .secPurchase{margin-right:0;width:100%}.tabcontent .listPurchase .purchaseDetail{padding:15px 0}.tabcontent .listPurchase .purchaseDetail .datePrice{width:120px}.line-credit-label{display:block}.secCatalog{margin-bottom:0}.secMidBanner{margin:30px 0}section.secContent .secCollection{margin-bottom:50px}.listCollection{margin:0 0 10px!important}.secCollection .listCollection{margin:0 15px 10px 0!important}.secCollection .listCollection .collection:nth-child(2n){margin-right:0}.listCollection .collection .imgCollection{height:auto;margin-bottom:0;width:100%}.listCollection .collection p{margin:.5em 0 .8em}.listCollection .collection.vertical .imgCollection{height:auto;min-height:auto;min-width:auto;width:25%}.listCollection .collection.vertical .collectionItemCoverPic{max-height:120px;min-height:auto;min-width:auto}.collectionItemCoverPic{min-height:120px;min-width:120px}.listCollection .collection{font-size:14px;margin:0 auto 0 0;width:47%}.secCollection>h2{margin-bottom:.8rem}.CollectionItemPanel.collection p{margin:5px 0 10px}.playlistDetail{flex-direction:column}.allMelody{width:100%}.allMelody .listMelody{margin-right:0;width:100%}.secArtist .playlistHead>h1{font-size:1.6rem;margin:0 0 10px}.listMelody{width:100%}.sec-back{margin:30px 0}.sec-back-gift{margin:30px 0;padding-left:4vw}.btnBack{margin-bottom:-10px}header .container .logo{margin-top:3px;width:40%}header .container .secHead{flex:2 1}header .container .secHead .secSearch{min-width:inherit}header .secSearch{width:100%}header ul.nav-menu{flex:2 1}.container .secContent{margin-bottom:50px;padding:0 15px}.full-container{padding:0 20px}.flex-align-center{align-items:normal}.sec-footer{padding:30px 0}.flex-container{display:flex;flex-direction:column}.sec-footer .sec-logo{padding-right:0;text-align:center;width:100%}.sec-footer .logo{max-width:40%;width:auto}.sec-footer .sec-desc{display:none}.sec-footer .sec-desc-m{display:block;font-size:.9em;margin:10px 0;text-align:center}.sec-footer .sec-link{display:flex;flex-direction:row;width:100%}.sec-footer .sec-link .sec-link-col1{text-align:center;width:45%}.sec-footer .sec-link .sec-link-col2{text-align:center;width:55%}.sec-footer .sec-link .sec-link-row{height:33px;margin:28px 0 0}.sec-footer .sec-lang{padding:44px 10px 20px;text-align:center;width:auto}.sec-footer .selopt{padding-left:25%;width:50%}.agree-oa-checkbox .control-indicator{top:0}.icon-close{background-size:26px;height:26px;width:31px}.secContentProfile{padding:0 0 0 15px}.secContentProfile .tab{margin-right:15px}.secProfile .sec-scroll .listArtist{justify-content:flex-start;width:525px}.listArtist .artistCover .artistTitle{font-size:14px;line-height:1}.secProfile .logReport{margin-right:0;padding-top:0;width:100%}.secProfile .logReport .tab .tab-logout{display:initial}.secProfile .profile{display:none!important}.logReport .tab button{font-size:.8rem;padding:14px 8px}.tabContent .tabcontent .howToUseTicket{font-size:.8rem}.secProfileTicketTab .secTicket{width:100%}.melody-detail-panel .melody-content{border-right:none;flex-direction:column;font-size:.7rem}.melody-detail-panel .melody-content .detail{flex:initial;width:100%}.melody-content .detail .price{font-size:.6rem}.melody-detail-panel .melody-content .lineCoin{font-size:.6rem;width:100%}.melody-detail-panel .melody-content .lineCoin .lineCoinIcon{height:auto;margin:0 5px 3px 0;width:8%}.melody-detail-panel .melody-picture{height:auto;margin-right:10px;max-height:145px;width:25%}.melody-detail-panel .melody-picture img{height:auto;width:100%}.melody-detail-panel .melody-shared{border-top:1px solid #d6d6d6;display:flex;justify-content:center;padding-top:15px;width:100%}.melody-detail-panel .melody-shared .shared-bglp,.melody-detail-panel .melody-shared .shared-gift{flex:1.5 1;flex-direction:row}.melody-detail-panel{flex-direction:column}.melody-detail-panel .melody-shared .socialTools{justify-content:flex-start}.melody-detail-panel .melody-info{padding-top:10px;width:100%}.melody-detail-panel .melody-info .player{border:none;display:flex;justify-content:center;padding-right:0;padding-top:0}.melody-detail-panel .melody-info .secPlayer{height:auto;justify-content:center;width:auto}.melody-detail-panel .melody-shared .shared-gift button{flex-basis:47%;margin-bottom:0;margin-left:4%;max-width:120px;padding:10px 5px}.melody-detail-panel .melody-shared .shared-bglp button{margin-bottom:0;margin-left:11%;max-width:55vw;padding:10px 20px;width:100%}.melody-detail-panel .melody-shared .shared-bglp button span{display:block;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-player .panel .social .gift-col button{margin-right:4%!important;max-width:120px;min-width:70px;padding:10px 0;width:auto}.mb-player .panel .social .gift-col button:last-child{margin-right:0!important}.melody-detail-panel .secPlayer .allControl button.playMelody span.iconPause,.melody-detail-panel .secPlayer .allControl button.playMelody span.iconPlay{height:50px;width:50px}.melody-detail-panel .secPlayer .allControl button.playMelody{margin:0}.socialTools .button.btnFav{margin-left:0;margin-right:5px}.socialTools button.btnShare{margin-left:5px;margin-right:0}.sendAsGift-modal{height:98.2%;min-width:94.8%;top:60%}.sendAsGift-modal .body{height:58vh}.sendAsGift-modal .body.ios{height:50vh}.sendAsGift-modal .body.liff{height:64vh}.ReactModal__Body--open{overflow-y:hidden}.listMelody .detailMelody .nameMelodyBadge .title{max-width:50.5%}.listMelody .detailMelody .newItemBadge .title{max-width:85.5%}.btn-w8{padding:10px 15%}.btn-w30{padding:10px 5%}.btn-w40{min-width:120px;padding:10px}.sec-error{padding-top:20%}.trial-catalog-view .btnBack{margin-bottom:0}.trial-catalog-melody-list .listMelody{margin-right:0;width:96%}.promotion-view .btnBack{margin-bottom:0}.promotion-view .socialTools .btnShare{margin-right:0}.promotion-melody-list{display:grid;grid-template-columns:repeat(1,1fr)}.campaign-view .btnBack{margin-bottom:0}.colMelody-2{width:330px}.listSearchColResult .colMelody-2 .listMelody{width:240px}.coin-desc-modal{height:17%;width:60%}.coin-desc-modal .btn-modal{font-size:1.5rem!important}.max-reward-desc-modal{width:60%}.max-reward-desc-modal .btn-modal{font-size:1.5rem!important}.sec-condition .box{height:28vh;max-height:30vh}.btn-voice-term{margin-top:10%!important}.text-helper{font-size:1.7em}.sec-payment-result{padding-top:20%}.voice-record-title.termsCond{font-size:2.5em!important;line-height:35px!important}.gift-detail-card .lineCoinIcon{height:15px;margin-right:5px;vertical-align:middle;width:15px}}@media screen and (max-height:812px){.myMelodyView section.secContent .secArtist .allMelody{height:712px}.coin-desc-modal{height:21%!important}.voice-record-liff.open{height:70vh}}@media screen and (max-height:740px){.voice-record-liff.open{height:65vh}}@media screen and (max-height:700px){.myMelodyView section.secContent .secArtist .allMelody{height:600px}.coin-desc-modal{height:24%!important}.voice-record-liff.open{height:65vh}}@media screen and (max-height:667px){.voice-record-liff.open{height:70vh}}@media screen and (max-height:640px){.myMelodyView section.secContent .secArtist .allMelody{height:560px}.voice-record-liff.open{height:70vh}}@media screen and (max-height:568px){.myMelodyView section.secContent .secArtist .allMelody{height:468px}.coin-desc-modal{height:25%!important}.melody-detail-panel .melody-shared .shared-bglp button{margin-bottom:0;margin-left:3%;max-width:190px;padding:10px 5px;width:100%}.voice-record-liff.open{height:76vh}}@media screen and (max-height:520px){.myMelodyView section.secContent .secArtist .allMelody{height:468px}.coin-desc-modal{height:35%!important}}@media screen and (max-height:350px){.myMelodyView section.secContent .secArtist .allMelody{height:468px}.coin-desc-modal{height:45%!important}}@media screen and (max-width:768px){.coin-desc-modal{height:22%;width:36%}.coin-desc-modal .txt-desc{color:#959595;font-size:1.3rem;height:70%;line-height:38px}.coin-desc-modal .btn-modal{font-size:1.3rem!important}.coin-desc-modal .full-container{height:80%;padding:0 10px}.max-reward-desc-modal{width:66%}.max-reward-desc-modal .txt-desc{color:#959595;font-size:1.3rem;height:70%;line-height:38px}.max-reward-desc-modal .btn-modal{font-size:1.3rem!important;width:40%!important}.max-reward-desc-modal .full-container{height:80%;padding:0 10px}.btn-voice-term{margin-top:10%!important}}@media screen and (max-width:300px) and (max-height:660px){.melody-detail-panel .melody-shared .shared-bglp button{margin-bottom:0;max-width:55vw;padding:10px 5px;width:100%}}@media screen and (max-width:640px){.coin-desc-modal{height:22%;width:36%}.coin-desc-modal .txt-desc{color:#959595;font-size:1.3rem;height:70%;line-height:31px}.coin-desc-modal .btn-modal{font-size:1.3rem!important}.max-reward-desc-modal{width:77%}.max-reward-desc-modal .txt-desc{color:#959595;font-size:1.3rem;height:70%;line-height:31px}.max-reward-desc-modal .btn-modal{font-size:1.3rem!important;width:40%!important}.btn-voice-term{margin-top:10%!important}.voice-record-container{padding:0 10% 20%!important}.voice-record-panel-section.empty-record{margin-bottom:15vh;margin-left:-10%;position:fixed}.voice-record-panel-container .left-wave img{margin-right:10px;max-width:150px;opacity:.3;width:60%}.voice-record-panel-container .right-wave img{margin-left:10px;max-width:150px;opacity:.3;width:60%}.voice-record-panel-container .left-wave.default{text-align:right;width:25%}.icon-voice-record img{max-width:150px;width:100%}.voice-record-liff-container{padding:0}.voice-help-liff{margin-left:-10%;z-index:2000}.voice-help-liff,.voice-record-liff{background:#fff;border-top-left-radius:30px;border-top-right-radius:30px;bottom:0;float:right;height:0;margin-right:34px;margin-top:200px;position:fixed;transition:height .8s ease-in-out;width:100%}.voice-record-liff{z-index:1000}.voice-help-liff.open{height:270px}.voice-suggestion-banner.open{background-color:#4f5c78;bottom:0;display:block;position:fixed;text-align:center;width:100%}}@media screen and (max-width:540px){.btn-voice-term{margin-top:10%!important}}@media screen and (max-width:480px){.coin-desc-modal{height:150px;width:225px}.coin-desc-modal .txt-desc{color:#959595;font-size:1rem;height:70%;line-height:25px}.coin-desc-modal .btn-modal{font-size:1rem!important}.coin-desc-modal .full-container{height:85%;padding:0 10px}.max-reward-desc-modal{width:48%}.max-reward-desc-modal .txt-desc{color:#959595;font-size:1rem;height:70%;line-height:25px}.max-reward-desc-modal .btn-modal{font-size:1rem!important;padding:5%;width:55%!important}.max-reward-desc-modal .full-container{height:85%;padding:0 10px}}@media screen and (max-width:414px){.coin-desc-modal{height:20%;width:56%}.coin-desc-modal .txt-desc{color:#959595;font-size:1rem;height:70%;line-height:25px}}@media screen and (max-width:375px){.coin-desc-modal{height:24%;width:61%}.max-reward-desc-modal{width:85%}.sec-condition .box{height:28vh;max-height:30vh}}@media screen and (max-width:360px){.coin-desc-modal{height:25%;width:64%}.max-reward-desc-modal{width:85%}.sec-condition .box{height:21vh;max-height:30vh}.share-campaign-modal{height:61%!important;padding:46px 0 0;width:90%!important}}@media screen and (max-width:375px) and (max-height:667px){.gift-detail-view{height:590px}.gift-title{padding-top:2vh}}@media screen and (max-width:320px){.coin-desc-modal{height:25%;width:72%}.coin-desc-modal .txt-desc{color:#959595;font-size:1rem;height:70%;line-height:21px}.max-reward-desc-modal{width:85%}.max-reward-desc-modal .txt-desc{color:#959595;font-size:1rem;height:70%;line-height:21px}.sec-condition .box{height:21vh;max-height:30vh}.voice-record-title.termsCond{font-size:1.9em!important;line-height:21px!important}}@media screen and (max-width:280px){.share-campaign-modal{height:auto!important;padding:46px 0 0;width:90%!important}.voice-record-title{color:#fff;font-size:1.2rem;font-weight:700;line-height:30px}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){.sendAsGift-modal{height:98.2%;min-width:94.8%;top:61%}}@media only screen and (min-device-width:768px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2){header .secSearch{width:100%}}.compact.melody-detail-panel{margin-bottom:0}section.compact.secBanner{align-items:center;display:flex;height:42vh;justify-content:center}@media screen and (max-height:274px){section.compact.secBanner{height:35vh}section.compact.secBanner .carousel-root{width:85%}}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:80px}.App-header{background-color:#222;color:#fff;height:150px;padding:20px}.App-title{font-size:1.5em}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container{margin:0 auto;max-width:1040px}.container,.go-to-top-btn{display:flex;flex-direction:column}.go-to-top-btn{align-items:center;background-color:#00b900;border:none;border-radius:50%;bottom:3vh;box-shadow:0 5px 5px rgba(0,0,0,.4);height:45px;justify-content:center;outline:none;position:fixed;right:3vw;width:45px;z-index:100}.go-to-top-player{bottom:24vh}.go-to-top-collapse-player{bottom:11vh}.go-to-top-icon{height:25px;width:25px}.hero-banner-carousel .skeleton-loader{height:0;padding-bottom:27.3%}@media screen and (max-width:600px){.hero-banner-carousel .skeleton-loader{padding-bottom:27.3%}}.header-skeleton{align-items:center;display:flex;flex-direction:row}.header-skeleton .searchBox{flex:1 1;margin-left:20px}.header-skeleton .searchBox .seachBar{height:30px;width:264px}.header-skeleton .logo{height:30px;vertical-align:middle;width:140px}.header-skeleton .navMenu{display:flex;flex-direction:row}.header-skeleton .navMenu .menuItem{border-right:1px solid #bab8b8;height:20px;margin-right:10px;padding:0 1rem;width:80px}.header-skeleton .navMenu .menuItem:last-child{border-right:none;margin-right:0;padding:0}.icon-circle{height:30px;margin:0 20px;width:30px}.header-skeleton-mobile{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.header-skeleton-mobile .logo{height:30px;vertical-align:middle;width:140px}.header-skeleton-liff{margin-bottom:10px}.melody-item-skeleton{align-items:center;display:flex;gap:8px}.melody-item-skeleton .typography-wrapper{display:flex;flex-direction:column;gap:4px;width:200px}.melody-item-skeleton .player-wrapper{margin-left:auto}.melody-list-skeleton{grid-gap:12px;display:grid;gap:12px;margin-top:36px}.melody-list-skeleton .image-cover{display:flex;gap:12px;max-width:100%;overflow:hidden}.melody-list-skeleton .image-cover .skeleton-loader{height:200px;width:200px}@media screen and (max-width:600px){.melody-list-skeleton .image-cover .skeleton-loader{height:150px;width:150px}}.melody-list-skeleton .melody-list{grid-gap:12px;display:grid;gap:12px;grid-auto-flow:column;grid-template-rows:repeat(4,1fr);margin-bottom:10px;max-width:100%;overflow:hidden}@media screen and (max-width:600px){.melody-list-skeleton{margin-top:0}}.home-section .skeleton-loader-container{margin-top:35px}.home-section .skeleton-loader{height:50px;width:400px}@media screen and (max-width:600px){.home-section .skeleton-loader-container{margin-bottom:12px;margin-top:36px}.home-section .skeleton-loader{height:30px;width:200px}}.music-compact-view-skeleton{display:flex;flex-direction:column}.music-compact-view-skeleton .melody-section{display:flex;flex-direction:row;margin:10px 0;width:100%}.music-compact-view-skeleton .cover-pic{margin-right:10px}.music-compact-view-skeleton .melody-info{display:flex;flex-direction:column;flex-grow:2}.music-compact-view-skeleton .melody-player{display:flex;flex-direction:column;justify-content:center}.music-compact-view-skeleton .melody-share{border-top:1px solid #d6d6d6;display:flex;flex-direction:row;padding-top:15px}.music-compact-view-skeleton .share-btn{flex-grow:2}.music-compact-view-skeleton .purchase-btn,.music-compact-view-skeleton .share-btn{-webkit-column-gap:5px;column-gap:5px;display:flex;flex-direction:row}.music-compact-view-skeleton .hero-banners{display:flex;flex-direction:column;height:42vh;justify-content:center;width:100%}.coupon{width:120px}@media screen and (max-width:600px){.coupon{width:90px}}.coupon-text{color:#fff;font-size:1.3em;left:50%;margin:0 auto;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999}.coupon-close-btn{align-items:center;border:none;border-radius:50%;display:flex;flex-direction:column;font-size:.9em;height:20px;justify-content:center;position:absolute;right:-8px;top:-20px;width:20px}.coupon-hide{visibility:hidden}.vote{border-radius:12px;height:100px;width:120px}@media screen and (max-width:600px){.vote{height:75px;width:90px}}.vote-close-btn{align-items:center;background-color:#333;border:none;border-radius:50%;color:#fff;display:flex;flex-direction:column;font-size:.9em;height:24px;justify-content:center;position:absolute;right:-8px;top:-24px;width:24px}.vote-hide{visibility:hidden}.bubble-container{align-items:flex-end;display:flex;flex-direction:column;position:fixed;z-index:9999}@media screen and (max-width:600px){.bubble-container{bottom:9vh;right:3vw}}@media screen and (min-width:600px)and (max-width:1040px){.bubble-container{bottom:2vh;right:2vw}}@media screen and (min-width:1040px){.bubble-container{bottom:2vh;right:calc(50vw - 520px)}}.bubble-player{bottom:7vh}@media screen and (max-width:600px){.bubble-player{bottom:30vh}}.bubble-collapse-player{bottom:7vh}@media screen and (max-width:600px){.bubble-collapse-player{bottom:17vh}}.vote-container{margin-top:20px}