@keyframes react-loading-skeleton{to{transform:translate(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);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;overflow:hidden;z-index:1}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.sec-announcement{margin:0 auto;max-width:100%;background:#f6f6f6;height:55px;position:relative;display:flex;min-height:35px;justify-content:center;align-items:center;flex-direction:row}.sec-announcement .announcement-desc{color:#000;margin:10px 20px 10px 10px}.sec-announcement .announcement-detail{color:#00b900;padding-left:5px}.sec-announcement .announcement-close{color:#000;margin-right:10px;background-color:transparent;border:none;right:0;top:calc(50% - 10px);position:absolute}.sec-announcement .announcement-close-mobile{color:#000;margin-right:0;background-color:transparent;border:none;right:0;top:5px;position:absolute}.image-container{position:relative}.image-container .image-default-container{width:100%;height:auto}.image-container .image.is-loading,.image-container img.is-loading{opacity:.2}.image-container .image,.image-container img{opacity:1;transition:opacity .2s linear;overflow:hidden;border-radius:5px;box-shadow:0 1px 1px #00000080}.instantSearchItem{flex:initial;width:340px;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;padding-bottom:10px;padding-top:10px;border-bottom:1px solid #eeeeee}.instantSearchItem:last-child{border-bottom:none}.instantSearchItem .matchTypeIcon{width:14px;height:14px;vertical-align:middle;margin-right:2.5px}.instantSearchItem .linkMelody{flex:initial;width:32px;height:32px}.instantSearchItem .imgCover{flex:initial;margin-right:10px;line-height:0px;width:45px;height:45px}.instantSearchItem .imgCover img{width:100%;height:auto}.instantSearchItem .itemDetail{flex:1;margin-right:10px;font-size:14px;font-weight:400;color:#222;line-height:10px;min-width:150px}.instantSearchItem .itemDetail p{margin:0}.instantSearchItem .itemDetail .nameMelodyTrial{display:flex;flex-direction:row}.instantSearchItem .itemDetail .nameMelodyTrial .title{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:65.5%;display:block;float:left}lui-navigation-bar .sec-profile-fullflex img{width:30px;height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}lui-navigation-bar .logo-fullflex img{width:min(60%,140px);height:auto;display:block;margin-left:auto;margin-right:auto}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{display:flex;justify-content:space-between;margin:0 5px 10px;padding:10px 0;background-color:#f6f6f6;border:2px solid #e2e2e2;border-radius:10px;position:fixed;z-index:99999;width:97%}.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{font-size:15px;color:#ccc}.search-bar-fullflex .cancel-search{font-size:15px;color:#d85353;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;top:calc(env(safe-area-inset-top) + env(--lui-navigation-bar-height) + 15px);width:100%;z-index:99;margin-top:15px}.search-bar-fullflex .instantSearchOpen{top:42px;margin-left:0;width:100%;box-sizing:border-box;z-index:99}.search-bar-fullflex .instantSearchOpen .instantSearchItem{width:100%}.text-copy-paste{width:0px;height:0px;border:none;position:absolute;z-index:-9999;margin-left:30%}.tooltip{position:relative;display:inline-block}.tooltip.active .tooltip-text{visibility:visible;opacity:1}.tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.tooltip .tooltip-text{visibility:hidden;color:#fff;background-color:#00b900;text-align:center;padding:10px;border-radius:0;position:absolute;margin-left:-30px;width:75px;bottom:120%;z-index:1;opacity:0;transition:opacity .3s}.line-share-button{background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.claim-coupon-modal{width:75%;max-width:500px;background-color:#fff;position:relative;top:20%;margin:auto;padding:20px;border-color:#fff;min-height:15vh;max-height:30vh;overflow:auto;display:flex;flex-direction:column;align-items:center;border-radius:5px}.claim-coupon-modal-title{font-size:1.3rem;text-align:center}.claim-coupon-modal-container{display:flex;flex-direction:column;align-items:center}.claim-coupon-modal-btns{display:flex;flex-direction:row;column-gap:15px}.coupon-container{display:flex;flex-direction:column}.coupon-container .coupon{width:110px;height:auto}@media screen and (max-width:600px){.coupon-container .coupon{width:90px}}.coupon-container .discount-price-text{position:absolute;color:#fff;text-align:center;z-index:999;left:50%;margin:0 auto;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;row-gap:3px}.coupon-container .discount-coupons-per-collect{position:absolute;color:#fff;text-align:right;z-index:999;left:0;margin:0 auto;right:7px;top:5%;font-size:.8em}.coupon-container .lineCoin-price{display:block}.coupon-container .lineCoinIcon{width:35%;height:auto;vertical-align:bottom}.coupon-modal{width:75%;max-width:500px;background-color:#fff;position:relative;top:20%;margin:auto;padding:20px;border-color:#fff;min-height:15vh;max-height:60vh;overflow:auto;display:flex;flex-direction:column;align-items:center;border-radius:5px}.coupon-modal-title{font-size:1.3rem}.coupon-modal-container{display:flex;flex-direction:column;align-items:center}.coupon-modal-text-container{max-height:40vh;overflow:auto;margin:2vh 0}.coupon-modal-text{white-space:pre-line;line-height:1.3}.coupon-modal-btns{display:flex;flex-direction:row;column-gap:15px}.discount-ticket-modal{position:absolute;inset:50% auto auto 50%;border:1px solid rgb(204,204,204);background:#fff;outline:none;padding:10px;margin-right:-50%;width:100%;transform:translate(-50%,-50%);max-width:480px;max-height:65vh;overflow:scroll;z-index:10000}.discount-ticket-modal .icon-close{position:absolute;top:16px;right:16px}.discount-ticket-modal .discount-ticket-list{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.discount-ticket-modal .discount-ticket-item{display:flex;flex-direction:column;cursor:pointer}.discount-ticket-modal .discount-ticket-item.image-wrapper{display:flex;justify-content:center;align-items:center;margin:20px;position:relative}.discount-ticket-modal .discount-ticket-item.image-ticket{width:100%;height:100%;z-index:-1;position:relative;max-width:100px}.discount-ticket-modal .discount-ticket-item.image-label{position:absolute;display:flex;align-items:flex-end;flex-direction:row;color:#fff}.discount-ticket-modal .discount-ticket-item.campaign-label{display:flex;flex-direction:column;word-break:break-word;row-gap:5px}.discount-ticket-modal .discount-ticket-item.ticket-information{display:flex;flex-direction:column;word-break:break-word;row-gap:5px;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{width:100%;margin:0 auto;height:100vh}.position-relative{position:relative}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{font-size:12px;padding:2% 4%;line-height:1;border-radius:1rem;color:#00b900;background-color:#f2f3f5}.badge-hd{display:inline-block;vertical-align:middle;padding:5px 10px;font-style:normal}.badge-free-trial{margin-left:5px;font-weight:400}.badge-cover-free-trial{position:absolute;top:0;left:0;z-index:1;margin:6%}.badge-cover-new-item-free-trial{margin:6% 20%}.badge-cover-new-item-coupon-free-trial{margin:6% 29%}.loader{display:block;width:100%;text-align:center;margin-top:50px;margin-bottom:15px}.sec-loader{min-height:500px}.modal-error{position:absolute;height:50vh;width:85%;min-width:320px;max-width:520px;padding:10px;top:50%;left:50%;background:#fff;transform:translate(-50%,-50%);outline:none;overflow-y:hidden}.modal-default{width:76%;max-width:340px;background-color:#fff;position:relative;top:25%;margin:auto;border-radius:30px;padding:25px;min-height:40vh}.modal-default:focus{outline:none}.modal-overlay{position:fixed;inset:0;background-color:#00000061;z-index:100000}.modal-bar .icon{width:15px}.melody-white-icon{width:2.8vw;min-width:12px;max-width:15px;margin-right:5px}.htitle{font-family:SukhumvitTadmai_Bol,Arial,Thonburi,sans-serif!important}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:Arial,Thonburi,sans-serif;font-size:14px}body.bg-voice-record{background-color:#23b769}body.bg-voice-recording{background-color:#d75353}h1{font-size:48px;margin:0;font-family:SukhumvitTadmai_Bol,Arial,Thonburi,sans-serif}h2{font-size:48px;line-height:36px;color:#222;font-family:SukhumvitTadmai_Bol,Arial,Thonburi,sans-serif}h3{font-size:24px;line-height:24px;color:#222;font-family:Arial,Thonburi,sans-serif}hr{box-sizing:content-box;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{background-color:transparent;text-decoration:none;color:inherit}.nav-link,.nav-link:visited{color:#222;background-color:transparent;text-decoration:none}.nav-link:hover{color:#00b900}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong,.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:baseline}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{overflow:visible;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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:baseline}textarea{overflow:auto;outline:0}input{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;height:15px;width:15px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3ex%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20stroke-linecap='square'%3e%3cg%20id='Search-mob-2'%20transform='translate(-680.000000,%20-55.000000)'%20fill-rule='nonzero'%20stroke='%23979797'%20stroke-width='3'%3e%3cg%20id='x'%20transform='translate(682.000000,%2057.000000)'%3e%3cpath%20d='M0,0%20L28.2842712,28.2842712'%20id='Line'%3e%3c/path%3e%3cpath%20d='M0,0%20L28.2842712,28.2842712'%20id='Line'%20transform='translate(14.142136,%2014.142136)%20scale(-1,%201)%20translate(-14.142136,%20-14.142136)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}p{margin:.6em 0;line-height:1.6}.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{list-style-type:none;padding-left:0;height:20px;display:flex}ul.nav-menu li{display:inline-flex;border-right:1px solid #bab8b8}ul.nav-menu li:last-child{border-right:0}.nav-link{display:block;padding:0 1rem;border:none;line-height:1.5;cursor:pointer}.container{max-width:1040px;margin:0 auto;height:95%}.container .secContent{flex-grow:1;margin-bottom:75px}.sec-blank{min-height:400px}footer{background-color:#f6f6f6;max-width:1040px;margin:0 auto;border-radius:5px;padding:0 20px}.sec-footer{padding:30px 0}.sec-footer .logo{width:260px;max-width:260px;height:auto}.sec-footer .sec-logo{width:40%;padding-right:30px}.sec-footer .sec-desc{margin:10px 0 0}.sec-footer .sec-desc-m{margin:10px 0;text-align:center;display:none}.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;padding:15px;text-align:center;color:#ababab}.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-family:SukhumvitTadmai_Bol;src:url(/assets/03_SukhumvitTadmai_Bol-BKUbLvy7.eot);src:local("☺"),url(/assets/03_SukhumvitTadmai_Bol-A0-mS6t1.woff) format("woff"),url(/assets/03_SukhumvitTadmai_Bol-C6eTBWyz.ttf) format("truetype"),url(/assets/03_SukhumvitTadmai_Bol-CNb8sjOl.svg) format("svg");font-weight:400;font-style:normal;font-display:swap}.header-fixed-top{top:0;position:fixed;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{width:30px;height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-shadow:0 1px 1px #00000080}.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{display:none;width:inherit;border:0;margin-left:10px}.header-mobile .container .icon-close{display:none;cursor:pointer;font-size:16px;height:30px;line-height:2;margin-right:15px;background:none!important}.header-mobile .instantSearchItem{width:100%}.icon-search{height:30px;width:32px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='25px'%20height='26px'%20viewBox='0%200%2025%2026'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eFill%201%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Favorite-mob-1'%20transform='translate(-685.000000,%20-51.000000)'%20fill='%239B9B9B'%3e%3cpath%20d='M689.636402,66.1884473%20C688.275957,64.83144%20687.438073,62.970309%20687.438073,60.9020261%20C687.438073,58.8353615%20688.275957,56.9742305%20689.636402,55.6180324%20C691.000098,54.2634527%20692.868474,53.4283714%20694.944087,53.4275622%20C697.020512,53.4283714%20698.890514,54.2634527%20700.252584,55.6180324%20C701.612216,56.9734213%20702.450913,58.8345523%20702.450913,60.9020261%20C702.450913,62.970309%20701.612216,64.83144%20700.252584,66.1884473%20C698.890514,67.543027%20697.020512,68.37649%20694.944087,68.3772992%20C692.868474,68.37649%20690.998472,67.543027%20689.636402,66.1884473%20Z%20M710,75.2837135%20L702.266433,67.5859139%20C703.890189,65.8235038%20704.888986,63.4817155%20704.888986,60.9020261%20C704.888986,55.4343469%20700.437878,51.0008092%20694.944087,51%20C689.451921,51.0008092%20685,55.4343469%20685,60.9020261%20C685,66.372942%20689.451921,70.8040522%20694.944087,70.8048613%20C696.965249,70.8048613%20698.84094,70.2012076%20700.411059,69.1703028%20L708.276282,77%20L710,75.2837135%20Z'%20id='Fill-1'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left}.icon-close{height:32px;width:40px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3ex%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20stroke-linecap='square'%3e%3cg%20id='Search-mob-2'%20transform='translate(-680.000000,%20-55.000000)'%20fill-rule='nonzero'%20stroke='%23979797'%20stroke-width='3'%3e%3cg%20id='x'%20transform='translate(682.000000,%2057.000000)'%3e%3cpath%20d='M0,0%20L28.2842712,28.2842712'%20id='Line'%3e%3c/path%3e%3cpath%20d='M0,0%20L28.2842712,28.2842712'%20id='Line'%20transform='translate(14.142136,%2014.142136)%20scale(-1,%201)%20translate(-14.142136,%20-14.142136)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left top}.icon-close.small{height:16px!important;width:16px!important;background-size:16px;cursor:pointer}header{width:100%;min-height:50px}header .container{margin:5px auto;min-height:50px;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;padding:0 20px}header .container .logo{width:140px;margin-top:3px}header .container .logo img{width:100%;height:auto;margin-left:1px}header .container .secHead{flex:1;display:flex;margin-left:20px}header .container .secHead button.btnProfile{background-color:#fff;margin:0 20px 0 0;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:25px;height:25px;padding:0;border:0}header .container .secHead button.btnProfile span.profile{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='30px'%20height='30px'%20viewBox='0%200%2030%2030'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eFill%201%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Favorite-mob-1'%20transform='translate(-624.000000,%20-49.000000)'%20fill='%239B9B9B'%3e%3cpath%20d='M648.208022,73.2080219%20C648.075165,73.340879%20647.938022,73.4704394%20647.79956,73.5973625%20C647.792637,73.5940658%20647.786374,73.5887911%20647.77945,73.5858241%20C646.89,73.1714285%20644.10989,71.4597801%20642.49978,70.6656043%20C642.319121,70.2680219%20641.988461,70.1012087%20641.873407,69.6241758%20C641.81967,69.405934%20641.646593,69.3001098%20641.444835,69.2496703%20C641.394396,68.713956%20641.381538,67.8416483%20641.381538,67.3148351%20C641.474505,67.2156044%20641.616264,67.0072527%20641.70033,66.9040659%20C641.987143,66.5542857%20642.317802,66.0116483%20642.493516,65.0513187%20C642.765494,64.9313187%20643.006483,64.2792308%20643.184835,63.7316484%20C643.388901,63.1003297%20643.254396,62.5032967%20642.79978,62.3691209%20C642.902308,61.8439561%20642.982418,61.2198901%20642.982418,60.5087913%20C642.982418,58.205055%20641.074615,57.2226375%20638.832857,56.9648353%20C637.298242,56.787143%20636.604286,57.3943957%20636.194506,58.1737363%20C636.08967,58.2406594%20635.99011,58.3145056%20635.911319,58.4051649%20C635.262198,59.1426374%20634.793077,59.7324176%20635.071319,61.4424176%20C635.128681,61.8007693%20635.176813,62.1004396%20635.221319,62.3628572%20C634.74989,62.4891209%20634.608791,63.0914286%20634.814176,63.7316484%20C634.995495,64.2772527%20635.233517,64.9306593%20635.504506,65.0503297%20C635.681868,66.01%20636.013187,66.5542857%20636.299341,66.9040659%20C636.388022,67.0128571%20636.534725,67.2264835%20636.631648,67.3323076%20C636.631648,67.8541758%20636.61978,68.7195604%20636.570659,69.2496703%20C636.367582,69.3001098%20636.194835,69.405934%20636.141099,69.6241758%20C636.025714,70.1012087%20635.695055,70.2680219%20635.516703,70.6656043%20C633.902637,71.4597801%20631.077692,73.1710988%20630.188572,73.5858241%20C630.054066,73.4621977%20629.921209,73.3372526%20629.792308,73.2080219%20C627.433846,70.8485713%20625.978681,67.5990109%20625.978022,64%20C625.978681,60.4006594%20627.433846,57.1517583%20629.792308,54.7919781%20C632.151758,52.4338463%20635.400659,50.9786815%20639,50.9780221%20C642.599011,50.9786815%20645.848571,52.4338463%20648.208022,54.7919781%20C650.566154,57.1517583%20652.021319,60.4006594%20652.021978,64%20C652.021319,67.5990109%20650.566154,70.8485713%20648.208022,73.2080219%20M649.606813,53.3935166%20C646.895604,50.6806595%20643.139011,48.9993409%20639,49.0000002%20C634.861319,48.9993409%20631.104725,50.6806595%20628.393187,53.3935166%20C625.68066,56.1047254%20623.999341,59.8609891%20624,64%20C623.999341,68.1390109%20625.68066,71.8956043%20628.393187,74.606813%20C631.104725,77.3196702%20634.861319,79.0006591%20639,78.9999998%20C643.139011,79.0006591%20646.895604,77.3196702%20649.606813,74.606813%20C652.31967,71.8956043%20654.000659,68.1390109%20654,64%20C654.000659,59.8609891%20652.31967,56.1047254%20649.606813,53.3935166'%20id='Fill-1'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:25px;width:25px}header .container .secHead .secSearch{background-color:#f2f2f2;border-radius:20px;padding:0 12px;min-width:240px;width:40%}header .container .secHead .secSearch input[type=search]{border:0px solid #fff;padding:7px 0 7px 5px;color:#4a4a4a;font-size:16px;background-color:inherit;width:90%}header .container .secHead .secSearch .iconSearch{height:23px;width:23px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='25px'%20height='26px'%20viewBox='0%200%2025%2026'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eFill%201%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Favorite-mob-1'%20transform='translate(-685.000000,%20-51.000000)'%20fill='%239B9B9B'%3e%3cpath%20d='M689.636402,66.1884473%20C688.275957,64.83144%20687.438073,62.970309%20687.438073,60.9020261%20C687.438073,58.8353615%20688.275957,56.9742305%20689.636402,55.6180324%20C691.000098,54.2634527%20692.868474,53.4283714%20694.944087,53.4275622%20C697.020512,53.4283714%20698.890514,54.2634527%20700.252584,55.6180324%20C701.612216,56.9734213%20702.450913,58.8345523%20702.450913,60.9020261%20C702.450913,62.970309%20701.612216,64.83144%20700.252584,66.1884473%20C698.890514,67.543027%20697.020512,68.37649%20694.944087,68.3772992%20C692.868474,68.37649%20690.998472,67.543027%20689.636402,66.1884473%20Z%20M710,75.2837135%20L702.266433,67.5859139%20C703.890189,65.8235038%20704.888986,63.4817155%20704.888986,60.9020261%20C704.888986,55.4343469%20700.437878,51.0008092%20694.944087,51%20C689.451921,51.0008092%20685,55.4343469%20685,60.9020261%20C685,66.372942%20689.451921,70.8040522%20694.944087,70.8048613%20C696.965249,70.8048613%20698.84094,70.2012076%20700.411059,69.1703028%20L708.276282,77%20L710,75.2837135%20Z'%20id='Fill-1'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:16px;float:right;margin-top:8px}.secPlayer{height:70px;width:100%;max-width:1000px;background-color:#fff;z-index:999;display:flex;justify-content:flex-end;align-items:stretch;flex-direction:column;z-index:auto}.melody-detail-panel .melody-info .player{display:flex;align-items:center;border-right:1px solid #d6d6d6;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.iconPlay,.melody-detail-panel .secPlayer .allControl button.playMelody span.iconPause{height:60px;width:60px}.melody-coupons{display:flex;flex-direction:row;column-gap:10px;margin-bottom:10px}.secPlayer .processBar{height:5px;width:100%;position:relative;background-color:#d4d4d4}.secPlayer .processBar .greenBar{width:60%;position:absolute;bottom:0;left:0;height:5px;background-color:#00b900}.secPlayer .allControl{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;height:65px;box-sizing:border-box}.secPlayer .melodyControl{display:flex;flex:1}.separatorControl{border-left:solid 1px rgb(221,221,221);width:1px;height:40px;margin-right:20px;margin-left:20px}.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{display:inline-block;height:15px;margin-left:0;color:#d91900;font-weight:700}.secPlayer .lineAmount span{border:none;font-size:10px;vertical-align:top}.secPlayer .btnCollapseLeft{cursor:pointer;padding:0;margin-top:3px;margin-right:20px;margin-left:20px;border:none;background:transparent}.secPlayer .btnCollapse{width:10px;border:none;cursor:pointer;margin-left:20px;line-height:0px;background:transparent}.secPlayer .purchaseControl .lineCoinIcon{vertical-align:top;height:15px;width:15px}.secPlayer .purchaseControl .shared-bglp button{max-width:160px}.secPlayer .purchaseControl .shared-bglp button span{overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;line-height:1.6}.secPlayer .allControl button.playMelody{border:0px solid;padding:0;cursor:pointer;-moz-border-radius:50%;flex:initial;margin-right:20px;margin-left:20px;text-align:center;line-height:0px;background-color:#0000}.linkMelody button.playMelody{background-color:#fff;border:1px solid;border-color:#00b900;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:28px;height:28px;flex:initial;text-align:center}.linkMelody .iconPlay{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid green;border-color:transparent transparent transparent #00b900}.linkMelody .iconPlay-white{border-color:transparent transparent transparent #ffffff}.linkMelody .playMelody .iconPlay{margin:auto auto auto 4px}.melodyPlayerContainer{position:fixed;bottom:0;width:100%;display:flex;justify-content:center;z-index:99}.melodyPlayerContainer.hidden{visibility:hidden}.melodyPlayerLeft{justify-content:left!important}.secPlayer .allControl button.playMelody span.iconPlay{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='42px'%20height='42px'%20viewBox='0%200%2042%2042'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eplaycircle%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='playing-bar'%20transform='translate(-349.000000,%20-628.000000)'%3e%3cg%20id='playcircle'%20transform='translate(350.000000,%20629.000000)'%3e%3ccircle%20id='Oval-2-Copy'%20stroke='%2300B900'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='evenodd'%20cx='20'%20cy='20'%20r='20'%3e%3c/circle%3e%3cpolygon%20id='Rectangle-Copy-2'%20fill='%2300B900'%20fill-rule='nonzero'%20transform='translate(17.571068,%2019.571068)%20rotate(45.000000)%20translate(-17.571068,%20-19.571068)%20'%20points='11.0710678%2014.5520135%2024.0710678%2013.0710678%2022.5901221%2026.0710678'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:40px;width:40px;line-height:0px}.secPlayer .allControl button.playMelody span.iconPause{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='42px'%20height='42px'%20viewBox='0%200%2042%2042'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eplaycircle%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Playlist-1'%20transform='translate(-290.000000,%20-715.000000)'%3e%3cg%20id='playcircle'%20transform='translate(291.000000,%20716.000000)'%3e%3ccircle%20id='Oval-2-Copy'%20stroke='%2300B900'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='evenodd'%20cx='20'%20cy='20'%20r='20'%3e%3c/circle%3e%3crect%20id='Rectangle-6'%20fill='%2300B900'%20fill-rule='nonzero'%20x='14'%20y='12'%20width='4'%20height='15'%3e%3c/rect%3e%3crect%20id='Rectangle-6'%20fill='%2300B900'%20fill-rule='nonzero'%20x='22'%20y='12'%20width='4'%20height='15'%3e%3c/rect%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:40px;width:40px;line-height:0px}.btnPlayCircle #progressBarPlayCircle{transition:stroke-dashoffset .35s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.btnPlayCircle{position:relative;min-height:32px;min-width:32px}.melodyPlayerCircle .coverCircle .image{border-radius:50%;width:72px;height:72px;cursor:pointer;box-shadow:0 1px 1px 1px #00000080}.melodyPlayerCircle .btnPlayCircle{margin-top:-34px}.btnPlayCircle .iconPlayCircle{position:absolute;bottom:0;left:0;line-height:0px;cursor:pointer}.btnPlayCircle .iconPlayCircle img,.secCatalog .headCatalog .btnPlayCircle .iconPlayCircle img{width:32px;height:32px}.secPlayer .allControl .imgArtist{flex:initial;width:40px;height:40px;margin-right:10px}.secPlayer .allControl .imgArtist img{width:100%;height:auto}.secPlayer .allControl .detailMelody{flex:1;font-size:14px}.secPlayer .allControl .detailMelody p{line-height:1.3;margin:.1em 0;font-weight:700;white-space:nowrap;max-width:228px;overflow:hidden;text-overflow:ellipsis}.secPlayer .allControl .detailMelody p span.artist-name{font-size:12px;font-weight:400}.secPlayer .allControl .detailMelody p span.melodyTime{font-size:10px;color:#8e8e8e;font-weight:400}.secPlayer .allControl button.sendGift{flex:initial;width:110px;height:30px;font-size:13px;background-color:#4f5b78;color:#fff;border:0px solid;cursor:pointer;padding:10px}.secPlayer .allControl button.purchasePlayer{flex:initial;width:110px;height:30px;margin-left:10px;font-size:13px;font-weight:700;background-color:#00b900;color:#fff;border:0px solid;cursor:pointer}.socialTools button.btnFav,.socialTools button.btnShare{background-color:#fff;border:1px solid #00b900;padding:4px 0 0;margin:0;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:40px;height:40px;flex:initial}.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='18px'%20height='16px'%20viewBox='0%200%2018%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eFill%201%20Copy%202%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Playlist-1'%20transform='translate(-1200.000000,%20-131.000000)'%20fill='%2300B900'%3e%3cpath%20d='M1213.23922,131%20L1213.23634,131%20C1211.38951,131%201209.78883,132.032941%201209.00048,133.539294%20C1208.20974,132.031059%201206.60809,131.003765%201204.76366,131%20C1202.13232,131.008471%201200.00384,133.093647%201200,135.672941%20L1200,135.700235%20C1200.01871,137.580706%201201.27824,139.607529%201202.83478,141.460706%20C1204.39516,143.312471%201206.26406,144.963294%201207.51208,145.990118%20C1207.99478,146.387765%201208.38199,146.687529%201208.62478,146.872471%20C1208.73418,146.955765%201208.86661,147%201209.0024,147%20C1209.13339,147%201209.26582,146.956706%201209.37618,146.873882%20C1209.61609,146.687529%201210.00427,146.387765%201210.48792,145.990118%20C1211.31705,145.304%201212.42688,144.343529%201213.53527,143.228706%20C1215.74244,141.002824%201217.95874,138.219765%201218,135.715294%20L1218,135.678118%20C1217.99616,133.093647%201215.86816,131.008471%201213.23922,131'%20id='Fill-1-Copy-2'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:18px;width:20px}.socialTools button.btnFavPressed span.iconFav{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20xmlns:dc='http://purl.org/dc/elements/1.1/'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%20xmlns:svg='http://www.w3.org/2000/svg'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20width='18px'%20height='16px'%20viewBox='0%200%2018%2016'%20version='1.1'%20id='svg2'%20inkscape:version='0.91%20r13725'%20sodipodi:docname='favourited.svg'%3e%3cmetadata%20id='metadata15'%3e%3crdf:RDF%3e%3ccc:Work%20rdf:about=''%3e%3cdc:format%3eimage/svg+xml%3c/dc:format%3e%3cdc:type%20rdf:resource='http://purl.org/dc/dcmitype/StillImage'%20/%3e%3cdc:title%3eFill%201%20Copy%202%3c/dc:title%3e%3c/cc:Work%3e%3c/rdf:RDF%3e%3c/metadata%3e%3csodipodi:namedview%20pagecolor='%23ffffff'%20bordercolor='%23666666'%20borderopacity='1'%20objecttolerance='10'%20gridtolerance='10'%20guidetolerance='10'%20inkscape:pageopacity='0'%20inkscape:pageshadow='2'%20inkscape:window-width='1366'%20inkscape:window-height='715'%20id='namedview13'%20showgrid='false'%20inkscape:zoom='14.75'%20inkscape:cx='0.55932203'%20inkscape:cy='8'%20inkscape:window-x='-8'%20inkscape:window-y='-8'%20inkscape:window-maximized='1'%20inkscape:current-layer='svg2'%20/%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%20id='title4'%3eFill%201%20Copy%202%3c/title%3e%3cdesc%20id='desc6'%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%20id='defs8'%20/%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20style='fill:%23ffffff'%3e%3cg%20id='Playlist-1'%20transform='translate(-1200.000000,%20-131.000000)'%20fill='%2300B900'%20style='fill:%23ffffff'%3e%3cpath%20d='M1213.23922,131%20L1213.23634,131%20C1211.38951,131%201209.78883,132.032941%201209.00048,133.539294%20C1208.20974,132.031059%201206.60809,131.003765%201204.76366,131%20C1202.13232,131.008471%201200.00384,133.093647%201200,135.672941%20L1200,135.700235%20C1200.01871,137.580706%201201.27824,139.607529%201202.83478,141.460706%20C1204.39516,143.312471%201206.26406,144.963294%201207.51208,145.990118%20C1207.99478,146.387765%201208.38199,146.687529%201208.62478,146.872471%20C1208.73418,146.955765%201208.86661,147%201209.0024,147%20C1209.13339,147%201209.26582,146.956706%201209.37618,146.873882%20C1209.61609,146.687529%201210.00427,146.387765%201210.48792,145.990118%20C1211.31705,145.304%201212.42688,144.343529%201213.53527,143.228706%20C1215.74244,141.002824%201217.95874,138.219765%201218,135.715294%20L1218,135.678118%20C1217.99616,133.093647%201215.86816,131.008471%201213.23922,131'%20id='Fill-1-Copy-2'%20style='fill:%23ffffff'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain}.socialTools button.btnFavPressed{background-color:#00b900}.socialTools button.btnShare span.iconLink{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='28px'%20height='35px'%20viewBox='0%200%2028%2035'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eFill%201%20Copy%203%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Favorite-mob-1'%20transform='translate(-665.000000,%20-204.000000)'%20fill='%2300B900'%3e%3cpath%20d='M688.395602,229.688482%20C687.090584,229.688482%20685.913832,230.240522%20685.075832,231.122456%20L673.799004,223.413849%20C674.059481,222.829219%20674.208795,222.184064%20674.208795,221.500333%20C674.208795,220.892423%20674.090397,220.314444%20673.881225,219.781692%20L685.226461,212.027859%20C686.051306,212.821998%20687.166228,213.311518%20688.395602,213.311518%20C690.937888,213.311518%20693,211.227733%20693,208.655759%20C693,206.083785%20690.937888,204%20688.395602,204%20C685.852002,204%20683.791205,206.083785%20683.791205,208.655759%20C683.791205,209.263668%20683.909603,209.842977%20684.118775,210.374399%20L672.774854,218.129563%20C671.948694,217.336089%20670.835087,216.844574%20669.604398,216.844574%20C667.061455,216.844574%20665,218.928358%20665,221.500333%20C665,224.071642%20667.061455,226.156091%20669.604398,226.156091%20C670.758128,226.156091%20671.809904,225.725101%20672.618305,225.016096%20L684.045762,232.828459%20C683.88395,233.304012%20683.791205,233.812819%20683.791205,234.344241%20C683.791205,236.914885%20685.852002,239%20688.395602,239%20C690.937888,239%20693,236.914885%20693,234.344241%20C693,231.772267%20690.937888,229.688482%20688.395602,229.688482'%20id='Fill-1-Copy-3'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:20px;width:18px}section.secBanner{width:100%}section.secBanner .container{max-width:1100px;margin:0 auto;min-height:120px;background-size:cover;padding:0}.banner-item{cursor:pointer}.banner-item img{width:100%;height:auto;box-shadow:0 1px 1px #00000080}.carousel.carousel-slider{border-radius:5px}.sec-scroll{width:100%;overflow-x:auto;overflow-y:hidden;padding:0}.secCatalog{width:100%;margin-bottom:75px;min-height:200px}.secCatalog .catalogName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:flex;align-items:center;margin:20px 0}.secCatalog .catalogName .title{max-width:95%;display:block;float:left;overflow:hidden;text-overflow:ellipsis;line-height:1.41;margin:0}.secCatalog .headCatalog{color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:1040px;height:203px}.secCatalog .headCatalog::-webkit-scrollbar{display:none}.secCatalog .headCatalog .imgCoverBig{flex:initial;width:200px;height:200px;max-width:200px;margin-right:10px;position:relative;overflow:hidden}.secCatalog .headCatalog .imgCoverBig .bigCoverPic .image{width:100%;height:auto}.secCatalog .headCatalog .imgCoverBig img{width:100%;height:100%}.secCatalog .headCatalog .imgCoverBig:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 55%,#000000b3);border-radius:5px}.secCatalog .headCatalog .imgCoverBig:hover{cursor:pointer}.secCatalog .headCatalog .imgCoverBig:last-child{margin-right:0}.secCatalog .headCatalog .imgCoverBig .playBtnOnCover{top:5%;right:5%;position:absolute;display:none;z-index:2}.secCatalog .headCatalog .imgCoverBig:hover .playBtnOnCover{display:block}.secCatalog .headCatalog .imgCoverBig .txtOnCover{position:absolute;bottom:0;left:0;padding:6%;width:88%;line-height:8px;z-index:1}.secCatalog .headCatalog .imgCoverBig .txtOnCover p.songName{font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.5;margin:0;font-family:SukhumvitTadmai_Bol,Arial,Thonburi,sans-serif}.secCatalog .headCatalog .imgCoverBig .txtOnCover .name_price{display:flex;justify-content:space-between;flex-direction:row;align-items:center;font-size:14px;font-weight:100;height:20px}.secCatalog .headCatalog .imgCoverBig .txtOnCover .name_price .artist{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.secCatalog .headCatalog .imgCoverBig .txtOnCover .name_price p.price{font-size:12px;white-space:nowrap}.secCatalog .headCatalog .imgCoverBig .txtOnCover .name_price p.price img.lineCoinIcon{width:15px;height:15px;margin-right:2px;vertical-align:middle}.secCatalog .headCatalog .imgCoverBig .txtOnCover .name_price p.price span.promotion-price{color:#ff334b;font-weight:bolder}.secCatalog .listCatalog{margin-top:20px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);column-gap:15px}.saveRingSetting.btn{position:fixed;bottom:25px;width:92%;height:50px}.saveRingSetting.btn:disabled{background-color:#ccc!important}.myMelodyView{padding-top:7vh;padding-bottom:100px}.myMelodyView .notfound-box{margin-top:50%}.myMelodyView{display:flex;flex-direction:column}.myMelodyView .secArtist .allMelody{flex:1;height:720px;overflow:auto}.myMelodyView .secArtist .allMelody .listMelody{width:100%;height:70px}.myMelodyLoaderModal{position:absolute;inset:50% auto auto 50%;border:1px solid rgb(204,204,204);background:#fff;border-radius:15%;outline:none;padding:10px;margin-right:-50%;width:40%;height:40%;transform:translate(-50%,-50%);min-width:85%;overflow-y:hidden;text-align:center}.myMelodyLoaderModal .container{display:flex;flex-direction:column;align-items:center;justify-content:center}.myMelodyLoaderModal .text,.ringSettingFailureText{font-size:4.5vw}.ringSettingFailureContainer{padding-top:50%}.modalOverlay{position:fixed;inset:0;background-color:#000000b3}.listMelody{flex:initial;width:32.4%;min-width:265px;margin-bottom:15px;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;width:100%}.secSearchMelody{display:flex;flex-direction:column}.listSearchColResult{width:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow-x:auto;max-width:initial;flex-flow:row}.colMelody-2{width:300px;margin-right:15px}.colMelody-2 .listMelody{flex:initial;width:100.4%;margin-right:15px;margin-bottom:15px;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}.listMelody .imgMelody{flex:initial;margin-right:10px;line-height:0px;width:45px;height:45px;overflow:hidden}.listMelody .imgMelody img{width:100%;height:auto}.listMelody .detailMelody{flex:1;margin-right:10px;font-size:14px;font-weight:400;color:#222;line-height:10px;min-width:150px}.listMelody .detailMelody p{margin:0}.listMelody .detailMelody .nameMelody{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Arial,Thonburi}.listMelody .detailMelody .nameMelodyBadge{text-overflow:unset}.listMelody .detailMelody .nameMelodyBadge .title{text-overflow:ellipsis;max-width:68.5%;overflow:hidden;float:left}.listMelody .detailMelody .newItemCouponFreeTrialBadge .title{max-width:50.5%}.listMelody .detailMelody .newItemFreeTrialBadge .title,.listMelody .detailMelody .couponFreeTrialBadge .title{max-width:57.5%}.listMelody .detailMelody .newItemBadge .title{max-width:87.5%}.listMelody .detailMelody .artistMelody{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.8;height:20px;margin-bottom:0}.listMelody .detailMelody .priceMelody{font-size:10px}.listMelody .detailMelody .expiryDate{color:#00000080;font-size:10px}.listMelody .detailMelody .priceMelody .lineCoinIcon{width:10%;height:auto;vertical-align:middle;margin-right:5px}.listMelody .linkMelody{flex:initial;width:32px;height:32px}.listMelody .linkMelody button span.btnDots{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2022.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2023%2010'%20style='enable-background:new%200%200%2023%2010;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%2300B900;}%20%3c/style%3e%3cg%3e%3cg%3e%3ccircle%20class='st0'%20cx='4'%20cy='5'%20r='2'/%3e%3c/g%3e%3cg%3e%3ccircle%20class='st0'%20cx='11'%20cy='5'%20r='2'/%3e%3c/g%3e%3cg%3e%3ccircle%20class='st0'%20cx='18'%20cy='5'%20r='2'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:10px;width:23px}.listMelody .selectMelody{width:55px;box-sizing:border-box;padding:0}.listMelody .selectMelody .icon-check{width:42px;margin-top:2px;margin-left:4px}.listMelody .selectMelody .icon-uncheck{width:50px}.secMidBanner{margin:10px 0 80px}.secMidBanner img{width:100%;height:auto;border-radius:5px;box-shadow:0 1px 1px #00000080}.secCollection{width:100%;margin-bottom:75px}.home-section .secCatalog .secCollection .collectionName,.secCollection .collectionName{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;flex-wrap:nowrap}.secCollection .collectionName h1{text-overflow:ellipsis;overflow:hidden;line-height:1.5}.home-section .secCatalog .secCollection .collectionName h2{text-overflow:ellipsis;overflow:hidden;line-height:1.5;margin:.8rem 0}.secCollection .playlistHead .collectionName{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.secCollection-paging{margin-bottom:0}.secCollection .socialTools button.btnShare{margin-right:0}.listCollection{color:#222;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin:0 -5px}.listCollection .collection{margin:5px;font-size:18px;font-weight:700;cursor:pointer;flex-direction:row;max-width:200px;flex-wrap:wrap;display:flex}.listCollection .collection p{margin:.5em 0}.listCollection .collection.vertical{width:97%;margin-right:3%;flex-direction:initial;max-width:initial;flex-wrap:initial;margin-bottom:10px}.listCollection .collection.vertical .nameCollection{flex:1;font-size:large;margin-left:10px;display:flex;align-items:center;max-width:70%}.listCollection .collection.vertical .nameCollection .collectionItemName{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:90%}.listCollection .collection p:hover{color:#00b900}.listCollection .collection:visited{color:inherit}.listCollection .collection .imgCollection{margin-bottom:0;min-width:120px;min-height:120px;position:relative}.imgCollection .collectionItemCoverPic img{width:100%;height:auto}.collectionItemCoverPic{min-width:200px;min-height:200px;max-height:200px}.collectionItemCoverPic .image-container{width:100%;height:100%;display:block}.listCollection .collection .imgCollection .collectionItemName{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.playlistHead{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.collectionHead{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:20px}.collectionHomeHead{display:flex;flex-direction:row;align-items:center}.playlistHead .catalogName{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:85%;display:inline-flex;align-items:center}.playlistDetail{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.allMelody{flex:1;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap;width:100%;column-gap:15px}.allMelody .listMelody{width:49%}.allMelody .listMelody:nth-child(2n){margin-right:0}.secPopular{margin:40px 0}.secPopular .popular{max-width:1040px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}.secPopular .popular .resultPop{flex:initial;width:265px;margin:0 10px 10px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;cursor:pointer}.secPopular .popular .resultPop:last-child{margin-right:0}.secPopular .popular .resultPop .imgPop{width:80px;height:80px;margin-right:10px}.secPopular .popular .resultPop .imgPop img{width:100%;height:auto}.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{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap;margin:20px 0;overflow-x:auto;width:100%}.listArtist{display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;margin:20px 0;overflow-x:auto;width:100%}.listArtist .artistCover{flex:initial;width:120px;margin:0 10px 10px 0;cursor:pointer}.listArtist .artistCover img{max-width:120px;max-height:120px}.listArtist .artistTitle{font-weight:700}.searchArtist .listArtist{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap;margin:0 0 20px;overflow-x:auto;width:100%}.searchArtist .listArtist .artistCover{flex:initial;width:120px;margin:0 20px 10px 0;cursor:pointer}.searchArtist .listArtist .artistCover .imgSearchArtist{width:100%;margin-bottom:15px}.searchArtist .listArtist .artistCover .imgSearchArtist img{width:100%;height:auto}.searchArtist .listArtist .artistCover p{font-weight:700;color:#000;font-size:14px}.favArtist .listArtist{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap;margin:0 0 20px;overflow-x:auto;width:100%}.favArtist .listArtist .artistCover{flex:initial;width:120px;margin:0 20px 10px 0;cursor:pointer}.favArtist .listArtist .artistCover .imgSearchArtist{width:100%;margin-bottom:15px}.favArtist .listArtist .artistCover .imgSearchArtist img{width:100%;height:auto}.favArtist .listArtist .artistCover p{font-weight:700;color:#000;font-size:14px}.tab{overflow:hidden;border-bottom:1px solid #efefef;background-color:#fff;width:max-content}.tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:.3s;font-size:14px;color:#a3a3a8}.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{display:block;-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s}.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{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.secProfile .logReport{flex:1;padding-top:20px}.secProfile .logReport .tab .tab-logout{display:none}.secProfile .profile{flex:initial;width:30%;border-left:1px solid #d6d6d6;height:90vh;padding-top:35px;text-align:center;font-size:26px;color:#000;font-weight:700;margin:0 auto;padding-left:10px}.secProfile .profile .imgProfile{width:100px;height:100px;margin:0 auto}.secProfile .profile .imgProfile img{width:100%;height:auto;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.secProfile .profile button{cursor:pointer;width:110px;text-align:center;border:1px solid #00b900;background-color:#fff;font-size:14px;color:#00b900;padding:8px 0;margin-top:20px}.secProfileOrderTab .secPurchase{width:63%;margin-right:5%}.tabcontent .listPurchase{margin:0;display:block;max-width:100%;flex-wrap:wrap}.tabcontent .listPurchase .pagination{margin-top:10px}.tabcontent .listPurchase .purchaseDetail{padding:20px 0;border-bottom:1px solid #f1f1f1;display:flex;justify-content:flex-start;flex-direction:row}.tabcontent .listPurchase .purchaseDetail:last-child{border-bottom:0px solid #f1f1f1}.tabcontent .listPurchase .purchaseDetail .imgPurchase{flex:initial;width:50px;height:50px;margin-right:10px}.tabcontent .listPurchase .purchaseDetail .imgPurchase img{width:100%;height:auto}.tabcontent .listPurchase .purchaseDetail .detail{flex:1;font-size:12px;color:#000;line-height:20px}.tabcontent .listPurchase .purchaseDetail .detail span{font-weight:700;font-size:14px}.tabcontent .listPurchase .purchaseDetail .detail .artist-name span{font-weight:400}.tabcontent .listPurchase .purchaseDetail .datePrice{flex:initial;max-width:40%;margin-left:10px;color:#ccc;font-size:10px;text-align:right;line-height:14px}img.asGift{width:10px;margin-top:-5px;vertical-align:middle}.btnLinkAll,.btnBack{width:100%;margin-top:0}.btnLinkAll button,.btnBack button{background-color:#fff;border:0px solid #fff;padding:0;margin:0;color:#00b900;font-size:16px;display:flex;align-items:center;cursor:pointer}.btnLinkAll button span.btnArrow{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='36px'%20height='30px'%20viewBox='0%200%2036%2030'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eFill%201%20Copy%202%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Favorite-mob-1'%20transform='translate(-40.000000,%20-125.000000)'%20fill='%2300B900'%3e%3cpath%20d='M75.1224604,138.05892%20L60.6163206,125%20L59.4065905,126.406074%20L73.465903,139.063366%20L40,139.063366%20L40,140.936634%20L73.4662692,140.936634%20L59.4065905,153.593551%20L60.6163206,155%20L75.1228267,141.940705%20C75.6802621,141.438669%2076,140.730949%2076,140%20C76,139.268676%2075.6802621,138.561331%2075.1224604,138.05892'%20id='Fill-1-Copy-2'%20transform='translate(58.000000,%20140.000000)%20scale(-1,%201)%20translate(-58.000000,%20-140.000000)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:15px;width:23px;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.btnBack button span.btnArrow{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='36px'%20height='30px'%20viewBox='0%200%2036%2030'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eFill%201%20Copy%202%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Favorite-mob-1'%20transform='translate(-40.000000,%20-125.000000)'%20fill='%2300B900'%3e%3cpath%20d='M75.1224604,138.05892%20L60.6163206,125%20L59.4065905,126.406074%20L73.465903,139.063366%20L40,139.063366%20L40,140.936634%20L73.4662692,140.936634%20L59.4065905,153.593551%20L60.6163206,155%20L75.1228267,141.940705%20C75.6802621,141.438669%2076,140.730949%2076,140%20C76,139.268676%2075.6802621,138.561331%2075.1224604,138.05892'%20id='Fill-1-Copy-2'%20transform='translate(58.000000,%20140.000000)%20scale(-1,%201)%20translate(-58.000000,%20-140.000000)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:15px;width:23px}.secButton button{background-color:#fff;padding:3px 0 0;margin:0 5px;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:36px;height:36px}.secButton button span.btnFav{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='18px'%20height='16px'%20viewBox='0%200%2018%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eFill%201%20Copy%202%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Playlist-1'%20transform='translate(-1200.000000,%20-131.000000)'%20fill='%2300B900'%3e%3cpath%20d='M1213.23922,131%20L1213.23634,131%20C1211.38951,131%201209.78883,132.032941%201209.00048,133.539294%20C1208.20974,132.031059%201206.60809,131.003765%201204.76366,131%20C1202.13232,131.008471%201200.00384,133.093647%201200,135.672941%20L1200,135.700235%20C1200.01871,137.580706%201201.27824,139.607529%201202.83478,141.460706%20C1204.39516,143.312471%201206.26406,144.963294%201207.51208,145.990118%20C1207.99478,146.387765%201208.38199,146.687529%201208.62478,146.872471%20C1208.73418,146.955765%201208.86661,147%201209.0024,147%20C1209.13339,147%201209.26582,146.956706%201209.37618,146.873882%20C1209.61609,146.687529%201210.00427,146.387765%201210.48792,145.990118%20C1211.31705,145.304%201212.42688,144.343529%201213.53527,143.228706%20C1215.74244,141.002824%201217.95874,138.219765%201218,135.715294%20L1218,135.678118%20C1217.99616,133.093647%201215.86816,131.008471%201213.23922,131'%20id='Fill-1-Copy-2'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:16px;width:18px}.secButton button span.btnLink{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='28px'%20height='35px'%20viewBox='0%200%2028%2035'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eFill%201%20Copy%203%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Favorite-mob-1'%20transform='translate(-665.000000,%20-204.000000)'%20fill='%2300B900'%3e%3cpath%20d='M688.395602,229.688482%20C687.090584,229.688482%20685.913832,230.240522%20685.075832,231.122456%20L673.799004,223.413849%20C674.059481,222.829219%20674.208795,222.184064%20674.208795,221.500333%20C674.208795,220.892423%20674.090397,220.314444%20673.881225,219.781692%20L685.226461,212.027859%20C686.051306,212.821998%20687.166228,213.311518%20688.395602,213.311518%20C690.937888,213.311518%20693,211.227733%20693,208.655759%20C693,206.083785%20690.937888,204%20688.395602,204%20C685.852002,204%20683.791205,206.083785%20683.791205,208.655759%20C683.791205,209.263668%20683.909603,209.842977%20684.118775,210.374399%20L672.774854,218.129563%20C671.948694,217.336089%20670.835087,216.844574%20669.604398,216.844574%20C667.061455,216.844574%20665,218.928358%20665,221.500333%20C665,224.071642%20667.061455,226.156091%20669.604398,226.156091%20C670.758128,226.156091%20671.809904,225.725101%20672.618305,225.016096%20L684.045762,232.828459%20C683.88395,233.304012%20683.791205,233.812819%20683.791205,234.344241%20C683.791205,236.914885%20685.852002,239%20688.395602,239%20C690.937888,239%20693,236.914885%20693,234.344241%20C693,231.772267%20690.937888,229.688482%20688.395602,229.688482'%20id='Fill-1-Copy-3'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:19px;width:15px}.pagination{width:100%;display:flex;align-items:center;justify-content:center}.pagination .pagination-list{padding-left:0}.pagination ul li{display:inline-block;list-style:none;margin:0 5px;font-size:30px;color:#a4a4a4}.pagination ul li a{font-size:16px;color:#4a4a4a;padding:10px;width:15px;height:15px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#e9e9e9;text-align:center;font-weight:700;display:block;transition:.3s linear;-webkit-transition:.3s linear;-moz-transition:.3s linear;line-height:1.1}.pagination ul li a.active{color:#fff;background-color:#00b900;padding:11px 10px 9px}.pagination .prevLink a,.pagination .nextLink a,.pagination .firstLink a,.pagination .lastLink a{color:#00b900;font-size:25px;line-height:.5}.pagination .prevLink a:hover,.pagination .nextLink a:hover,.pagination .firstLink a:hover,.pagination .lastLink a:hover{color:#00b900;font-size:25px;background-color:#fff}.pagination .prevLink.disabled a,.pagination .nextLink.disabled a,.pagination .firstLink.disabled a,.pagination .lastLink.disabled a{color:#ccc}.socialTools{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative}.socialTools .sharePopup{z-index:999999;top:-50px}.socialTools .sharePopup.left{top:-50px;right:20px}.socialTools .sharePopup{position:absolute;background-color:#fff;padding:10px 20px;-webkit-box-shadow:-2px 11px 59px -11px rgba(0,0,0,.75);-moz-box-shadow:-2px 11px 59px -11px rgba(0,0,0,.75);box-shadow:-2px 11px 59px -11px #000000bf}.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{display:flex;align-items:center;z-index:0}.socialTools .sharePopup .btnCopyPaste{border:0px solid;padding:0;cursor:pointer;flex:initial;text-align:center;line-height:0px;background-color:#0000}.socialTools .sharePopup .btnCopyPaste .iconCopyPaste{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='27px'%20height='27px'%20viewBox='0%200%2027%2027'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eCopy%20link%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='playing-bar'%20transform='translate(-880.000000,%20-586.000000)'%20fill-rule='nonzero'%3e%3cg%20id='Copy-link'%20transform='translate(881.000000,%20587.000000)'%3e%3ccircle%20id='Oval-2'%20stroke='%2300B900'%20stroke-width='1'%20cx='12.5'%20cy='12.5'%20r='12.5'%3e%3c/circle%3e%3crect%20id='Rectangle-11'%20stroke='%2300B900'%20stroke-width='1'%20x='10.5'%20y='7.5'%20width='7'%20height='7'%3e%3c/rect%3e%3crect%20id='Rectangle-11'%20fill='%2300B900'%20x='6'%20y='10'%20width='8'%20height='8'%3e%3c/rect%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:25px;width:25px}.socialTools .sharePopup .sharePopupOverlay{position:fixed;display:none;width:100%;height:100%;inset:0;z-index:-1}.sec-back{align-items:baseline;width:100%;margin:25px 0}.sec-agreement{margin-top:50px;margin-left:20px;margin-right:auto;display:flex;flex-direction:column;align-items:center}.sec-agreement p{font-size:20px;margin-top:15px}.sec-agreement .agree-checks{margin-top:5vh;width:45%;height:55vh;display:flex;flex-direction:column}.sec-agreement .agree-checks .agree-all{padding:16px;border:1px solid #c6c6c6}.sec-agreement .agree-checks .agree-all span{font-size:20px}.sec-agreement .agree-checks .agree-terms{padding-left:16px;margin-top:2vh}.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{width:100%;margin-top:auto;margin-bottom:2vh;height:4.5vh}.control{line-height:1.5;font-family:arial;display:block;position:relative;padding-left:34px;margin-bottom:5px;padding-top:3px;cursor:pointer}.control input{position:absolute;z-index:-1;opacity:0}.control-indicator{position:absolute;top:4px;left:0;height:25px;width:25px;background:#e6e6e6;border:0px solid #000000;border-radius:25px}.control-radio .control-indicator{border-radius:10%}.control:hover input~.control-indicator,.control input:focus~.control-indicator{background:#ccc}.control input:checked~.control-indicator{background:#00b900}.control:hover input:not([disabled]):checked~.control-indicator,.control input:checked:focus~.control-indicator{background:#00b900}.control input:disabled~.control-indicator{background:#e6e6e6;opacity:.6;pointer-events:none}.control-indicator:after{box-sizing:unset;content:"";position:absolute;display:none}.control input:checked~.control-indicator:after{display:block}.control-checkbox .control-indicator:after{left:10px;top:5px;width:5px;height:11px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.control-checkbox input:disabled~.control-indicator:after{border-color:#7b7b7b}.errorModal-container{width:60%;max-width:400px;background-color:#fff;position:relative;top:40%;margin:auto;padding:25px;border-color:#fff;min-height:17vh;display:flex;flex-direction:column;align-items:center;border-radius:30px}.errorModal-title{line-height:1.5}.errorModal-desc{color:#999;font-size:20px}.errorModal-container button{width:50%;margin:5% 0}.btn{cursor:pointer;border:none;padding:10px 20px;white-space:nowrap;overflow:hidden;border-radius:4px;box-shadow:0 1px 1px #0000004d}.btn-full{width:100%;cursor:pointer;border:none;padding:10px 20px;white-space:nowrap;overflow:hidden}.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{width:20px;margin-right:3px}a.btn{display:inline-block}.btn:disabled{cursor:default;background-color:#e6e6e6!important}.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{border:1px #00b900 solid!important;background-color:#fff!important;color:#00b900!important}.btn-green-white:hover{background-color:#00b900!important;color:#fff!important}.btn-green-white:disabled,.btn-green-white:hover:disabled{color:#fff!important;background-color:#ccc!important;border:none!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{width:100%;margin-top:auto}.secSearch .react-autosuggest__container{margin-top:0}.react-autosuggest__container{display:inline-block;width:90%}.react-autosuggest__input{border:0px solid #fff;padding:6px 0 0 10px;color:#4a4a4a;font-size:16px;background-color:inherit;width:100%;height:20px;line-height:1.6}.react-autosuggest__suggestion{cursor:pointer}.react-autosuggest__suggestions-container{display:none;padding:10px}.react-autosuggest__suggestions-container--open{display:block;position:absolute;top:61px;margin-left:-10px;width:390px;border:1px solid #aaa;background-color:#fff;font-family:Helvetica,sans-serif;font-weight:300;font-size:16px;z-index:2;border-radius:10px}.header-mobile .react-autosuggest__suggestions-container,.header-mobile .react-autosuggest__suggestions-container--open{left:0;margin-left:0;width:100%;box-sizing:border-box}.react-autosuggest__suggestions-list{list-style:none;padding-left:0;margin:0}.react-autosuggest__suggestion{padding:10px;border-top:solid 1px #eeeeee;font-size:15px;font-weight:700}.react-autosuggest__suggestion--first{border-top:none}.react-autosuggest__suggestion--highlighted{color:#00b900}.react-autosuggest__section-title{padding:10px;font-size:15px}.melody-detail-panel{display:flex;align-items:center}.melody-detail-panel .melody-info{flex:8;display:flex;margin-bottom:15px;align-items:center}.melody-detail-panel .melody-picture{width:200px;height:200px;margin-right:20px}.melody-picture img{width:200px;height:200px}.melody-detail-panel .melody-content{flex:8;display:flex;align-items:center;font-size:1rem;padding:0 2% 0 0}.melody-content .detail{flex:9}.artist-name{color:#00b900}.artist-name a:hover{text-decoration:underline;text-decoration-thickness:.1rem}.melody-content .player{flex:1}.melody-content .player .secPlayer{height:inherit;width:inherit}.melody-content .lineCoin{width:170px;font-size:.65rem}.melody-content .lineCoin .lineCoinIcon{vertical-align:middle;margin:5px 5px 5px 0}.melody-content .player .secPlayer .playMelody{margin-right:0}.melody-content .player .secPlayer .iconPlay,.melody-content .player .secPlayer .iconPause{height:60px!important;width:60px!important;background-size:60px 60px!important}.melody-content .detail .title{line-height:1.2;font-size:1.5rem;margin:.5rem 0;font-weight:700}.melody-content .detail .price{line-height:2}.melody-content .detail .album{margin:.3rem 0}.melody-detail-panel .melody-shared{flex:3;display:flex;align-items:center}.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}.melody-shared .shared-gift{display:flex;flex-direction:column}.melody-shared .shared-bglp{display:flex;flex-direction:row}.melody-shared .shared-bglp button{max-width:140px;margin-left:4%}.melody-shared .shared-bglp button span{overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;line-height:1.6}.melody-shared .shared-gift button{margin-bottom:10px}.sec-melody-list{margin:0 0 0 -15px}.melody-list-container{display:flex;width:100%;max-width:336px;justify-content:space-between;align-items:center;margin:0 10px 15px 0;gap:5px}.melody-list-container-skeleton{display:flex;width:200px;flex-direction:column;gap:5px}.sec-melody-list .listMelody{width:336px;margin:0 0 15px 15px}.sec-payment-result{padding-top:5%;min-height:500px}.sec-payment-result-campaign{padding:5% 0}.sec-payment-result-campaign-desc{padding:50px 0}.payment-icon{width:80px;height:80px}.carousel .slider .slide{background:transparent}.carousel .control-dots .dot{-webkit-transition:none!important;transition:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.sec-error{padding-top:15%}.sec-error>h2{font-size:47px;line-height:1}.btn-error{display:flex;justify-content:center;flex-direction:row;margin-top:50px}.bottom-space{margin-bottom:50px}.white-space-pre{white-space:pre}.mb-player{width:100%;padding:5px 10px 10px;box-shadow:0 -5px 5px -5px #d6d6d6}.mb-player .panel{width:100%;display:flex;flex-direction:column}.mb-player .collapse{text-align:center;width:100%}.mb-player .content{width:100%;display:flex;justify-content:space-between;align-items:center;line-height:1.5}.mb-player .content .cover{width:20%}.mb-player.collapsed .content .cover{width:12%}.mb-player .content .detail{width:60%;padding-left:10px}.mb-player.collapsed .content .detail{width:45%;padding-left:0}.mb-player .content .detail .title{font-size:.8rem;font-weight:700;line-height:0}.mb-player .content .player{width:20%;text-align:right}.mb-player.collapsed .content .player{width:auto;display:flex;justify-content:center}.mb-player .content .btnPlayCircle,.mb-player .content .btnPlayCircle .iconPlayCircle img{width:60px;height:60px}.mb-player .content .cover img{width:100%;height:auto}.mb-player .panel .collapse .btnCollapse{border:none;background-color:transparent}.mb-player .panel .collapse .btnCollapse img{width:60px;height:10px}.mb-player .panel .content .lineCoin .lineCoinIcon{width:7.6%;height:auto;min-width:16px;min-height:16px;margin-right:5px;vertical-align:middle}.mb-player .panel .content .player .playMelody{border:0px solid;padding:0;cursor:pointer;-moz-border-radius:50%;flex:initial;margin:auto;text-align:center;line-height:0px;background-color:#0000}.mb-player .panel .content .player .playMelody .iconPlay{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='42px'%20height='42px'%20viewBox='0%200%2042%2042'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eplaycircle%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='playing-bar'%20transform='translate(-349.000000,%20-628.000000)'%3e%3cg%20id='playcircle'%20transform='translate(350.000000,%20629.000000)'%3e%3ccircle%20id='Oval-2-Copy'%20stroke='%2300B900'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='evenodd'%20cx='20'%20cy='20'%20r='20'%3e%3c/circle%3e%3cpolygon%20id='Rectangle-Copy-2'%20fill='%2300B900'%20fill-rule='nonzero'%20transform='translate(17.571068,%2019.571068)%20rotate(45.000000)%20translate(-17.571068,%20-19.571068)%20'%20points='11.0710678%2014.5520135%2024.0710678%2013.0710678%2022.5901221%2026.0710678'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:60px;width:60px;line-height:0px}.mb-player.collapsed .panel .content .player .playMelody .iconPlay{height:45px;width:45px}.mb-player .panel .content .player .playMelody .iconPause{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='42px'%20height='42px'%20viewBox='0%200%2042%2042'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eplaycircle%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Playlist-1'%20transform='translate(-290.000000,%20-715.000000)'%3e%3cg%20id='playcircle'%20transform='translate(291.000000,%20716.000000)'%3e%3ccircle%20id='Oval-2-Copy'%20stroke='%2300B900'%20stroke-width='2'%20fill='%23FFFFFF'%20fill-rule='evenodd'%20cx='20'%20cy='20'%20r='20'%3e%3c/circle%3e%3crect%20id='Rectangle-6'%20fill='%2300B900'%20fill-rule='nonzero'%20x='14'%20y='12'%20width='4'%20height='15'%3e%3c/rect%3e%3crect%20id='Rectangle-6'%20fill='%2300B900'%20fill-rule='nonzero'%20x='22'%20y='12'%20width='4'%20height='15'%3e%3c/rect%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:contain;cursor:pointer;display:inline-block;height:60px;width:60px;line-height:0px}.mb-player.collapsed .panel .content .player .playMelody .iconPause{height:45px;width:45px}.mb-player .panel .progress-line .processBar{margin:10px 0;border:1px solid #e5e3e3}.mb-player .panel .progress-line .greenBar{height:5px;display:block;background-color:#00b900}.mb-player .panel .social{padding:5px 0;display:flex;align-items:center}.mb-player .panel .social .social-col{width:30%}.mb-player .panel .social .gift-col,.mb-player .panel .social .shared-bglp{width:70%;display:flex;justify-content:flex-end}.mb-player .panel .social .gift-col button{width:47%;min-width:96px;flex:1}.mb-player .panel .social .gift-col button:first-child{margin-left:0}.mb-player .panel .social .shared-bglp button{width:100%;flex:1;max-width:50vw}.mb-player .panel .social .shared-bglp button span{overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;line-height:1.7}.mb-player .panel .social .socialTools .btnFav{margin-left:0}.secSearch.secSearchHideAutoSuggest .react-autosuggest__suggestions-container--open,.instantSearch{display:none}.instantSearch .instantSearchTitle{font-size:14px}.instantSearchOpen{display:block;position:absolute;top:61px;margin-left:-10px;padding:10px 20px;border:1px solid #aaa;background-color:#fff;font-family:Helvetica,sans-serif;font-weight:300;font-size:16px;z-index:2;border-radius:10px}.header-mobile .instantSearchOpen{left:0;margin-left:0;width:100%;box-sizing:border-box}.listSearchResult{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:row;flex-wrap:wrap;margin:20px 0;overflow-x:auto;width:100%}.secSearchResult .secAlbum,.secSearchResult .secArtist{margin-top:32px}.default-modal{position:absolute;inset:40% auto auto 50%;border:1px solid rgb(204,204,204);background:#fff;border-radius:4px;outline:none;padding:10px;margin-right:-50%;width:40%;height:60%;transform:translate(-50%,-50%);min-width:350px;overflow-y:hidden}.sendAsGift-modal-overlay{position:fixed;inset:0;z-index:100000}.sendAsGift-modal-overlay-blur-bg{background-color:#ffffffbf}.sendAsGift-modal{position:absolute;inset:59.665% auto auto 50%;background:#fff;outline:none;padding:10px;margin-right:-50%;width:40%;height:90%;transform:translate(-50%,-50%);min-width:480px;overflow-y:hidden;z-index:10}.sendAsgift-modal .header-bar{width:100%;margin:0 0 30px}.sendAsGift-modal .header h3{margin-bottom:0}.sendAsGift-modal .body{width:90%;margin-left:auto;padding-right:20px;height:51vh;min-height:320px;overflow:scroll}.sendAsGift-modal .body .friend{display:flex;border-bottom:1px solid #f5f5f5;padding:15px 0;align-items:center}.sendAsGift-modal .body .friend .pic{flex-grow:1}.sendAsGift-modal .body .friend .pic img{width:44px;height:44px;border-radius:50%;box-shadow:0 1px 1px #00000080}.sendAsGift-modal .body .friend .displayName{flex-grow:8}.sendAsGift-modal .body .friend .action{flex-grow:1}.sendAsGift-modal .search-box{position:relative;width:93%;height:46px;margin:auto;border:1px solid #e0e0e0;box-sizing:border-box}.sendAsGift-modal .search-box input.search{width:100%;height:100%;position:absolute;top:0;left:0;background:transparent;color:#000;font-size:16px;padding:0 45px 0 10px;border:none}.sendAsGift-modal .search-box .icon-search{height:30px;width:30px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='25px'%20height='26px'%20viewBox='0%200%2025%2026'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eFill%201%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Favorite-mob-1'%20transform='translate(-685.000000,%20-51.000000)'%20fill='%239B9B9B'%3e%3cpath%20d='M689.636402,66.1884473%20C688.275957,64.83144%20687.438073,62.970309%20687.438073,60.9020261%20C687.438073,58.8353615%20688.275957,56.9742305%20689.636402,55.6180324%20C691.000098,54.2634527%20692.868474,53.4283714%20694.944087,53.4275622%20C697.020512,53.4283714%20698.890514,54.2634527%20700.252584,55.6180324%20C701.612216,56.9734213%20702.450913,58.8345523%20702.450913,60.9020261%20C702.450913,62.970309%20701.612216,64.83144%20700.252584,66.1884473%20C698.890514,67.543027%20697.020512,68.37649%20694.944087,68.3772992%20C692.868474,68.37649%20690.998472,67.543027%20689.636402,66.1884473%20Z%20M710,75.2837135%20L702.266433,67.5859139%20C703.890189,65.8235038%20704.888986,63.4817155%20704.888986,60.9020261%20C704.888986,55.4343469%20700.437878,51.0008092%20694.944087,51%20C689.451921,51.0008092%20685,55.4343469%20685,60.9020261%20C685,66.372942%20689.451921,70.8040522%20694.944087,70.8048613%20C696.965249,70.8048613%20698.84094,70.2012076%20700.411059,69.1703028%20L708.276282,77%20L710,75.2837135%20Z'%20id='Fill-1'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat top left;background-size:20px;float:right;margin-top:12px;margin-right:5px}.secMelody .listSearchResult,.sec-scroll .listSearchColResult .ml-25 span{margin-left:-20px}.secMelody .listSearchResult .listMelody{margin-left:25px;margin-right:0}.secAlbum .listSearchResult{margin-left:-20px}.secAlbum .listSearchResult .albumCover{margin-left:20px;width:120px;max-width:120px}.secAlbum .listSearchResult .albumCover img{width:120px;max-width:120px;height:auto}.secArtist .listSearchResult{margin-left:-20px}.secArtist .listSearchResult .artistCover{margin-left:20px;width:120px;max-width:120px}.secArtist .listSearchResult .artistCover img{width:120px;max-width:120px;height:auto}.trial-catalog-view .socialTools .btnShare{margin-right:0}.trial-catalog-view .sec-back{display:flex;align-items:baseline}.trial-catalog-banner{max-width:1040px;margin:auto}.trial-catalog-coverPic{width:100%;height:auto}.trial-catalog-desc{margin-top:15px!important;padding:0 15px!important;min-height:0!important;white-space:pre-wrap}.trial-catalog-melody-list{display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.trial-catalog-melody-list .listMelody{width:320px;margin-right:40px}.trial-catalog-melody-list .listMelody:nth-child(3n){margin-right:0}.trial-desc{margin-top:30px}.trial-desc img{width:100%;max-width:380px}.campaign-view .socialTools .btnShare{margin-right:0}.campaign-view .sec-back{display:flex;align-items:baseline}.campaign-banner{max-width:1040px;margin:auto;padding-bottom:80px}.campaign-banner-mobile{padding-bottom:60px}.campaign-coverPic{width:100%;height:auto}.campaign-desc{margin-top:15px!important;padding:0 15px!important;min-height:0!important;white-space:pre-wrap;text-align:center;font-size:2em;font-weight:700}.campaign-steps-title{text-align:center;font-size:1.5em;padding-bottom:87px;padding-top:16px}.campaign-steps-body{display:flex;flex-direction:row;padding-top:20px;max-height:470px}.campaign-steps-body-mobile{display:flex;flex-direction:row;padding-top:10px}.campaign-steps{display:flex;flex-direction:column;padding-left:10px;max-width:1040px;margin:0 auto}.campaign-steps-mobile{display:flex;flex-direction:column;padding-left:10px}.campaign-step{display:flex;flex-direction:row}.campaign-step-data{display:flex;flex-direction:column;padding-left:10px;padding-top:65px;align-items:flex-start;justify-content:space-between}.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{display:flex;flex-direction:column;padding-left:5px;padding-top:13px;align-items:flex-start;padding-right:15px}.campaign-step-data-mobile:nth-child(3){padding-top:13px!important}.campaign-step-desc{padding-bottom:3px}.campaign-step-desc:disabled,.campaign-step-desc-mobile: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:first-child,.campaign-step-data-mobile:first-child{padding-top:0}.campaign-steps-circle{position:relative;border-radius:100%;width:50px;line-height:50px;text-align:center;margin-top:80px;background-color:#00b900;color:#fff;font-size:1.2em;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{position:relative;border-radius:100%;width:33px;line-height:33px;text-align:center;margin-top:33px;background-color:#00b900;color:#fff;font-size:1.2em;z-index:2}.campaign-steps-circle:first-child,.campaign-steps-circle-mobile:first-child{margin-top:0}.campaign-steps-circle:first-child:before,.campaign-steps-circle-mobile:first-child:before{display:none}.campaign-steps-circle:before{position:absolute;border:1px solid #00b900;width:0px;height:80px;display:block;content:"";left:50%;z-index:1;top:-80px;margin-left:-1px}.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{position:absolute;border:1px solid #00b900;width:0px;height:33px;display:block;content:"";left:50%;z-index:1;top:-33px;margin-left:-1px}.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{padding-top:30px;max-width:1040px;margin:0 auto}.campaign-prize-lineup-img{width:100%}.campaign-post-feed{display:flex;flex-direction:column;align-items:center;background-color:#343434;max-width:1040px;margin:30px auto 0;padding:10px 0 20px}.campaign-post-feed-btn{background-color:#fff;color:#222}.campaign-term{max-width:1040px;margin:60px auto 0;padding:0 10px}.campaign-term-desc{white-space:pre-wrap;font-size:.9em}.campaign-payment-result{padding:30px 0;background-color:#f9f9f9}promotion-view .socialTools .btnShare{margin-right:0}.promotion-view .sec-back{display:flex;align-items:baseline}.promotion-banner{max-width:1040px;margin:auto}.promotion-banner-img{width:100%;height:auto;border-radius:5px}.promotion-melody-list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:10px}.promotion-ended{padding-top:18%!important;height:25vh}.coin-desc-modal{position:absolute;inset:50% auto auto 50%;border:1px solid rgb(204,204,204);background:#fff;outline:none;padding:10px;margin-right:-50%;width:21%;height:18%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow-y:hidden}.coin-desc-modal .txt-desc{height:70%;font-size:1rem;line-height:24px;color:#959595}.coin-desc-modal .full-container{height:80%;padding:0 10px}.coin-desc-modal .container-btn{text-align:center}.coin-desc-modal .btn-modal{font-size:1rem!important;color:#00b900;background-color:#fff;border:white}.coin-desc-modal-overlay{position:fixed;inset:0;background-color:#00000061;z-index:100000}.info-icon{width:10%;cursor:pointer;margin-left:5px!important}.txt-period{color:#a5a5a5;margin:7px 0}.terms{line-height:20px;padding-top:1px;padding-bottom:50px;margin-bottom:-50px;background-color:#eee}.terms-txt{color:#747474}.padding-7{padding:7%}.white-space-no-wrap{white-space:nowrap}.discount-history{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #efefef}.discount-history .flex-container .ticket{width:40%;height:auto}.listTicket-moblie .discount-history .flex-container .ticket{width:50%;height:auto}.txt-available{color:#44cb3c}.txt-expired{color:#ff8e8e}.discount-history .flex-container{width:70%;align-items:center}.listTicket-moblie{margin:10px 0;max-width:100%;flex-wrap:wrap;display:flex}.listTicket-moblie .discount-history{padding:20px 0;border-bottom:1px solid #efefef;width:50%}.listTicket-moblie .discount-history .flex-container{width:100%;align-items:center}.none-border{border-bottom:0!important}.ticket-wrap{position:relative;display:inline-block}.listTicket-moblie .ticket-wrap .text{position:absolute;z-index:999;margin:0 auto;left:0;right:0;text-align:center;top:30%;color:#fff;width:60%}.ticket-wrap .text{position:absolute;z-index:999;text-align:center;top:25%;color:#fff;width:40%}.discount-history .ticket-title{margin-left:-100px}.tabcontent .howToUseTicket{padding:15px;color:#ccc;font-size:16px;background-color:#fafafa;font-weight:400;line-height:20px}.tabcontent .howToUseTicket-mobile{padding:10px 10px 10px 15px;color:#ccc;font-size:.8rem;background-color:#fafafa;border-bottom:1px solid #efefef;font-weight:400;line-height:18px}.tabcontent .listTicket{margin:10px 0;display:block;max-width:100%;flex-wrap:wrap}.secProfileTicketTab .secTicket{width:63%;margin-right:5%}.secLogout .title{margin:12vh 2vh 12vh 0}.btn-logout{width:75%;border-radius:5px;padding:20px;font-size:1.4em}.history-price{display:flex;justify-content:flex-end;align-items:center}.campaign-share{margin-bottom:82px;margin-top:23px}.checkbox-panel-terms{margin-bottom:20px;padding:0 10% 0 0%}.btn-voice-term-container{text-align:center!important;margin-left:-10%}.secMelodyByMe{margin-right:2vw}.secMelodyByMe .banner{margin:3vh 0 10vh}.secMelodyByMe img{width:95%}.btn-melodybyme{width:75%;max-width:300px;border-radius:10px;padding:20px;font-size:1.4em}.voice-record-container{padding:0 30%;max-width:640px;min-height:calc(100vh - 61px);display:flex;flex-direction:column;margin:0 auto;box-sizing:border-box}.voice-record-container.voice-liff{margin-top:20px}.voice-record-header{text-align:center;padding:25px 0 15px;font-size:1.3em;font-weight:bolder;color:#fff}.voice-help-bg{background:#23b769;width:25px;height:25px;border-radius:35px;padding:10px}.voice-record-help{padding:15px 0;color:#fff;font-size:1.2rem;text-align:right;text-align:-webkit-right}.voice-record-help.top{position:absolute;top:30px;right:-20px;text-align:end;padding:22px 0;color:#fff;font-size:1.2rem}.voice-record-help.on-boarding{position:absolute;top:50px;right:15px}.voice-record-help.on-boarding-liff{position:absolute;top:100px;right:15px}.voice-record-help.arrow{text-align:end;padding:95px 25px 5px 0}.voice-record-help.arrow-liff{padding:165px 25px 5px 0}.voice-record-help.text{text-align:end;padding:0 15px}.voice-record-title{margin-top:10%;line-height:50px;font-size:2rem;font-weight:700;color:#fff;font-family:SukhumvitTadmai_Bol,Arial,Thonburi,sans-serif!important}.voice-record-title.termsCond{line-height:45px!important;font-size:2rem!important;font-weight:700;color:#fff}.voice-term-section{position:absolute;width:auto;bottom:46px}.voice-term-box{position:absolute;top:0;left:0;height:20px;width:20px;background:#24b668;border:2px solid #ffffff;border-radius:3px}.voice-login-modal{position:absolute;inset:50% auto auto 50%;border:1px solid rgb(204,204,204);background:#fff;border-radius:10%;outline:none;padding:10px;margin-right:-50%;width:15%;height:32%;transform:translate(-50%,-50%);min-width:85%;overflow-y:hidden;text-align:center}.voice-login-container{display:flex;flex-direction:column;margin:0 5%;height:95%}.voice-login-desc{margin-bottom:auto;margin-top:20%;font-size:1.3rem;font-weight:700}.btn-voice-login{width:100%;margin-top:auto;font-size:1rem;font-weight:700;height:6vh;border-radius:5px}.control-voice-term{font-size:16px;font-family:arial;display:block;position:relative;padding-left:35px;cursor:pointer;color:#fff}.control-voice-term input{position:absolute;z-index:-1;opacity:0}.control-voice-term-radio .voice-term-box{border-radius:10%}.control-voice-term:hover input~.voice-term-box,.control-voice-term input:focus~.voice-term-box{background:#23b769;border:2px solid #ffffff}.control-voice-term input:checked~.voice-term-box{background:#fff}.control-voice-term:hover input:not([disabled]):checked~.voice-term-box,.control-voice-term input:checked:focus~.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:"";position:absolute;display:none}.control-voice-term input:checked~.voice-term-box:after{display:block}.control-voice-term-checkbox .voice-term-box:after{left:7px;top:2px;width:5px;height:12px;border:solid #23b769;border-width:0 2px 2px 0;transform:rotate(45deg)}.control-voice-term-checkbox input:disabled~.voice-term-box:after{border-color:#7b7b7b}.btn-voice-term{width:80%;height:70px;color:#23b769;font-weight:700;border-radius:10px;font-size:1.5rem;margin-top:7%;background-color:#fff}.btn-voice-term.disabled.btn:disabled{width:80%;height:70px;color:#bbb;font-weight:700;border-radius:10px;font-size:1.5rem;margin-top:7%}.voice-record-item-list{width:100%;margin:10% auto 0}.voice-record-item{display:block;height:auto;margin:0 0 6%;padding:15px 22px 12px;border-radius:15px;background-color:#fff}.voice-record-item-title{font-size:1.5em;text-overflow:ellipsis;width:100%;overflow:hidden;white-space:nowrap;line-height:2}.voice-record-item .item{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.voice-record-item .progress-line .processBar{margin:10px 0;border:0px solid #e5e3e3;border-radius:10px;background-color:#d8d8d8}.voice-record-item .progress-line .greenBar{height:8px;border-radius:10px;display:block;background-color:#00b900}.voice-record-item-play-btn{border:solid 0;background:transparent;width:50%;display:contents}.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{position:absolute;outline:none;width:100%;height:100%;overflow-y:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.on-broading-modal-overlay{position:fixed;inset:0;background-color:#062709c2;z-index:100000}.voice-help-liff{margin-top:200px;margin-right:34px;width:42%;height:0px;background:#fff;float:right;position:fixed;bottom:0;transition:height .8s ease-in-out;z-index:2000;border-top-left-radius:30px;border-top-right-radius:30px}.voice-help-liff.open{height:320px}.voice-help-liff .btnClose{text-align:right;margin-top:15px;margin-right:20px}.voice-help-liff .btnClose img{width:5%}.helper-container{padding:0 10%}.text-helper{font-size:2em;line-height:2em}.voice-help-icon{width:25px;height:25px}.voice-record-liff{margin-top:200px;margin-right:34px;width:42%;height:0px;background:#fff;float:right;position:fixed;bottom:0;transition:height .8s ease-in-out;z-index:1000;border-top-left-radius:30px;border-top-right-radius:30px}.voice-record-liff.open{height:70vh}.voice-record-liff .recordNav{margin-top:20px;min-height:20px}.voice-record-liff .btnClose{text-align:right;margin-right:20px}.voice-record-liff .btnClose img{width:5%}.voice-record-liff .loader{margin-top:18px;margin-bottom:-10px}.input-voice-name{text-align:left;font-size:2.5em;border:none;width:100%;padding:0;line-height:initial;font-family:SukhumvitTadmai_Bol,Arial,Thonburi,sans-serif!important}.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{margin-top:-2px;position:absolute;background:#fff;padding:2px;display:inline-block;border:solid 4px #05b901;border-radius:8px;margin-left:50%}.processBar-pointer.recording{border:solid 4px #d65353}.voice-record-liff .progress-line .processBar{margin:10px 0;border:0px solid #e5e3e3;border-radius:10px;background-color:#d8d8d8}.voice-record-liff .progress-line .greenBar{height:8px;border-radius:10px;display:block;background-color:#00b900}.voice-record-liff .progress-line .redBar{height:8px;border-radius:10px;display:block;background-color:#d65353}.voice-record-list-section{margin-top:auto;padding-top:10px}.voice-record-panel-section{width:100%;text-align:center;bottom:0}.voice-record-panel-section.empty-record{margin-bottom:15vh;position:fixed;margin-left:-30%}.voice-record-panel-container{display:flex;align-items:center}.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:transparent;width:20%;max-width:150px;margin-right:-20%;opacity:.3}.voice-record-panel-container .right-wave{text-align:left;width:40%}.voice-record-panel-container .right-wave img{background-color:transparent;width:20%;max-width:150px;margin-left:-20%;opacity:.3}.btn-voice-record{cursor:pointer;border:none;padding:0;margin:0}.btn-voice-record-label.empty-record span{display:initial}.btn-voice-record-label.default span{display:none}.icon-voice-record{width:100%;height:100%;background-size:contain;background-color:#24b668}.icon-voice-record img{width:70%;max-width:150px}.voice-record-wave{width:100%;margin-top:10%}.voice-recorder-btn{border:0;left:35%;width:30%;position:absolute;background:transparent}.review-voice-container{display:flex;flex-direction:row;justify-content:center}.review-voice-record-btn{border:solid 0px;background:transparent;padding:0 5%}.action-voice-record-btn{border:solid 0px;background:transparent}.warning-max-voice{display:block;height:auto;max-width:340px;margin:0 0 6%;padding:15px 22px;border-radius:15px;text-align:center;line-height:20px;color:#fff;font-size:1.1em}.voice-suggestion-banner{bottom:0;left:0;width:100%;line-height:1.41;position:fixed;background-color:#4f5c78;text-align:center;display:none}.voice-suggestion-banner.open{bottom:0;width:42%;position:fixed;background-color:#4f5c78;text-align:center;display:block}.voice-suggestion-banner div{display:flex;align-items:flex-end;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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgb(204,204,204);background:#fff;border-radius:25px;outline:none;padding:30px;box-sizing:border-box;width:85%;max-width:480px;overflow-y:hidden;text-align:center;display:flex;flex-direction:column}.troubleshoot-browser-modal-btn{width:100%;margin-top:20px;font-size:1rem;font-weight:700;height:40px;border-radius:5px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.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{width:30px;height:auto;vertical-align:middle;margin-top:-5px;margin-right:5px}.voice-record-liff-container{padding:0 30%}.btn-voice-record-purchase:disabled{background-color:#f3f3f3!important;color:#b1b1b1!important}.media-stream-error-modal{width:76%;max-width:340px;background-color:#fff;position:relative;top:40%;margin:auto;border-radius:30px;padding:25px;border-color:#fff;min-height:11vh}.ReactModal__Body--open{overflow:hidden}.voice-gift-err .sec-error{padding:0}.voice-gift-err .container{height:175px;padding:0}.gift-detail-view{max-width:1040px;margin:0 auto;height:89vh;overflow:auto;background-color:#f3f3f3}.gift-title{background-color:#fff;padding-top:4vh;padding-bottom:5px}.sec-gift-detail{display:flex;flex-direction:column;align-items:center;padding-top:4vh}.sec-gift-box{display:flex;flex-direction:column;align-items:center;max-width:300px;width:100%}.gift-detail{height:360px;width:100%;border:1px solid #e3e3e3;margin:20px 0;border-radius:5px;background-color:#fff}.gift-buttons{margin-top:20px}.btn-gift{margin:5px 0;padding:15px;border-radius:5px;border:none;width:100%;background-color:#17c950;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.gift-back{margin:5px;padding:15px;border:none;color:#42659a;font-size:16px;font-weight:600}.gift-back:visited{color:#42659a}.gift-detail-card-container{width:100%;border-radius:17px;overflow:hidden;background:#fff}.gift-detail-card .sticker-container{background:#6dcff6;height:210px}.gift-detail-card .sticker{width:auto;height:100%;display:block;margin:0 auto}.gift-detail-card .information-container{padding:20px 15px;display:flex}.gift-detail-card .information-footer{padding:15px;border-top:1px solid #eaeaea;font-size:12px;color:#444;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.17px;text-align:center;margin:0 15px}.gift-detail-card .information{margin-left:20px;line-height:1.41;width:100%;overflow:hidden;align-self:center}.gift-detail-card .information-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:45px;word-break:break-word}.gift-detail-card .information .title{font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;letter-spacing:.26px;color:#000;vertical-align:top}.gift-detail-card .information .artist{display:inline-block;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;letter-spacing:.26px;color:#444;width:100%;vertical-align:top}.gift-detail-card .information .timer{font-size:14px;font-weight:900;font-stretch:normal;font-style:normal;letter-spacing:.26px;color:#00b900;vertical-align:top}.gift-detail-card .information .btn-see-all-melodies button{color:#576e9d;font-size:13px}.gift-detail-card .control-btn{position:absolute;height:30px;width:30px;display:flex;justify-content:center;align-items:center;inset:0;z-index:1;margin:auto}.gift-detail-card .pause-btn{display:flex}.gift-detail-card .pause-btn .pause-item{width:6px;height:22px;border-radius:3px;background:#fff}.gift-detail-card .pause-btn .pause-item:first-child{margin-right:5px}.gift-detail-card .information-typography{line-height:23px}.gift-melody-player{position:relative;width:85px;height:85px;flex-shrink:0;border-radius:4px;overflow:hidden;cursor:pointer;align-self:center}.gift-melody-player img{width:100%;height:100%}.gift-melody-player.dimmed:after{content:"";position:absolute;width:100%;height:100%;background:#000;opacity:.6;inset:0}.gift-melody-player .progress-bar-container{width:calc(100% - 10px);position:absolute;bottom:5px;left:5px;z-index:1}.gift-melody-player .progress-bar-placeholder{width:100%;height:1px;border:2px solid #ffffff;position:absolute;bottom:0;left:0;box-sizing:border-box;opacity:.3;border-radius:4px}.gift-melody-player .progress-bar-status{width:0;height:1px;border:2px solid #17c950;position:absolute;bottom:0;left:0;box-sizing:border-box;border-radius:4px}.gift-preview{width:100%;min-height:100vh;background:#f3f3f3;display:block;justify-content:center;padding:20px;box-sizing:border-box;margin:0 auto}.gift-preview .gift-container{margin:0 auto;max-width:300px}.gift-preview .btnBack{margin-bottom:0}.gift-preview .btnBack button{background-color:transparent;border-color:transparent}.gift-preview .title-container{padding:15px;text-align:center}.gift-preview .title-container .title{color:#222;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.gift-preview .price{padding:30px;display:flex;justify-content:center;align-items:center;flex-direction:column}.gift-preview .my-coins{width:100%;margin-top:5px;text-align:center;color:#a5a5a5}.gift-preview .price .lineCoinIcon{width:20px;height:20px;margin-right:5px;vertical-align:middle}.line-credit-label{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%;vertical-align:top}.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;position:fixed;margin-left:30%}.voice-record-panel-section.empty-record{margin-bottom:15vh;position:fixed;margin-left:-30%}.voice-record-panel-container .left-wave img{width:25%;max-width:150px;margin-right:-20%;opacity:.3}.voice-record-panel-container .right-wave img{width:25%;max-width:150px;margin-left:-20%;opacity:.3}.icon-voice-record img{width:70%;max-width:150px}.voice-record-panel-container .left-wave.default{text-align:right;width:5%}.voice-suggestion-banner.open{bottom:0;width:40%;position:fixed;background-color:#4f5c78;text-align:center;display:block}}@media screen and (min-width:1024px){.melody-content .lineCoin .lineCoinIcon{width:2.5vw;height:auto}.listMelody .detailMelody .priceMelody .lineCoinIcon{width:8%;height:auto}.mb-player .panel .content .lineCoin .lineCoinIcon{width:5%;height:auto}}@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;width:35px;top:-11px}.control-voice-term-checkbox .voice-term-box:after{left:14px;top:10px;border-width:0 3px 3px 0}.voice-record-container{padding:0 15% 10%!important}.voice-record-panel-section.empty-record{margin-bottom:15vh;position:fixed;margin-left:-30%}.voice-record-panel-container .left-wave img{width:20%;max-width:150px;margin-right:-20%;opacity:.3}.voice-record-panel-container .right-wave img{width:20%;max-width:150px;margin-left:-20%;opacity:.3}.icon-voice-record img{width:70%;max-width:150px}.voice-record-panel-container .left-wave.default{text-align:right;width:5%}.voice-suggestion-banner.open{bottom:0;width:40%;position:fixed;background-color:#4f5c78;text-align:center;display:block}}@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{width:100%;padding-right:0;text-align:center}.sec-footer .logo{width:auto;max-width:40%}.sec-footer .sec-desc{display:none}.sec-footer .sec-desc-m{margin:10px 0;text-align:center;display:block}.sec-footer .sec-link{display:flex;flex-direction:row;width:100%}.sec-footer .sec-link .sec-link-col1{width:45%;text-align:center}.sec-footer .sec-link .sec-link-col2{width:55%;text-align:center}.sec-footer .sec-link .sec-link-row{margin:33px 0 0;height:28px}.sec-footer .sec-lang{width:auto;text-align:center;padding:20px 10px}.sec-footer .selopt{width:40%;padding-left:30%}.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;position:fixed;margin-left:-30%}.voice-record-panel-container .left-wave img{width:20%;max-width:150px;margin-right:-15%;opacity:.3}.voice-record-panel-container .right-wave img{width:20%;max-width:150px;margin-left:-15%;opacity:.3}.icon-voice-record img{width:70%;max-width:150px}.voice-record-panel-container .left-wave.default{text-align:right;width:5%}.voice-suggestion-banner.open{bottom:0;width:40%;position:fixed;background-color:#4f5c78;text-align:center;display:block}}@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{width:150px!important;height:150px!important;margin-right:10px!important}section.secContent .secCatalog .headCatalog{justify-content:flex-start;width:800px;height:153px}.sec-scroll::-webkit-scrollbar{display:none}section.secContent .secCatalog .headCatalog .imgCoverBig .txtOnCover p.songName{font-size:inherit}section.secContent .secCatalog .headCatalog .imgCoverBig .txtOnCover .name_price{font-size:inherit}section.secContent .secCatalog .listCatalog{margin:10px 0 0}.sec-scroll .listCatalog{width:955px!important}.sec-scroll .listCatalog .listMelody{width:300px!important;margin-right:20px}.sec-agreement{margin:6vh 5vw 5vw 2vh;align-items:flex-start}.sec-agreement h1{max-width:80%;word-wrap:break-word;line-height:1}.sec-agreement p{max-width:90%;word-wrap:break-word;margin-top:15px;font-size:16px}.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}.btnLinkAll button,.btnBack 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{width:100%;max-width:none;margin:0 0 15px}.listMelody .detailMelody,.instantSearchItem .detailMelody{font-size:.8rem}.listMelody .detailMelody .priceMelody .lineCoinIcon{width:15px;height:15px}.melody-content .detail .title{font-size:.8rem;margin:0 0 .3rem}.secProfileOrderTab{margin-right:15px}.secProfileOrderTab .secPurchase{width:100%;margin-right:0}.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{width:100%;height:auto;margin-bottom:0}.listCollection .collection p{margin:.5em 0 .8em}.listCollection .collection.vertical .imgCollection{width:25%;height:initial;min-width:initial;min-height:initial}.listCollection .collection.vertical .collectionItemCoverPic{min-width:auto;min-height:auto;max-height:120px}.collectionItemCoverPic{min-width:120px;min-height:120px}.listCollection .collection{font-size:14px;width:47%;margin:0 auto 0 0}.secCollection>h2{margin-bottom:.8rem}.CollectionItemPanel.collection p{margin:5px 0 10px}.playlistDetail{flex-direction:column}.allMelody{width:100%}.allMelody .listMelody{width:100%;margin-right:0}.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{width:40%;margin-top:3px}header .container .secHead{flex:2}header .container .secHead .secSearch{min-width:inherit}header .secSearch{width:100%}header ul.nav-menu{flex:2}.container .secContent{padding:0 15px;margin-bottom:50px}.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{width:100%;padding-right:0;text-align:center}.sec-footer .logo{width:auto;max-width:40%}.sec-footer .sec-desc{display:none}.sec-footer .sec-desc-m{margin:10px 0;text-align:center;display:block;font-size:.9em}.sec-footer .sec-link{display:flex;flex-direction:row;width:100%}.sec-footer .sec-link .sec-link-col1{width:45%;text-align:center}.sec-footer .sec-link .sec-link-col2{width:55%;text-align:center}.sec-footer .sec-link .sec-link-row{margin:28px 0 0;height:33px}.sec-footer .sec-lang{width:auto;text-align:center;padding:44px 10px 20px}.sec-footer .selopt{width:50%;padding-left:25%}.agree-oa-checkbox .control-indicator{top:0}.icon-close{height:26px;width:31px;background-size:26px}.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{padding-top:initial;margin-right:initial;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{width:100%;flex:initial}.melody-content .detail .price{font-size:.6rem}.melody-detail-panel .melody-content .lineCoin{width:100%;font-size:.6rem}.melody-detail-panel .melody-content .lineCoin .lineCoinIcon{width:8%;height:auto;margin:0 5px 3px 0}.melody-detail-panel .melody-picture{width:25%;height:auto;max-height:145px;margin-right:10px}.melody-detail-panel .melody-picture img{width:100%;height:initial}.melody-detail-panel .melody-shared{width:100%;display:flex;justify-content:center;border-top:1px solid #d6d6d6;padding-top:15px}.melody-detail-panel .melody-shared .shared-gift,.melody-detail-panel .melody-shared .shared-bglp{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{width:100%;padding-top:10px}.melody-detail-panel .melody-info .player{justify-content:center;display:flex;border:none;padding-right:0;padding-top:0}.melody-detail-panel .melody-info .secPlayer{width:auto;height:auto;justify-content:center}.melody-detail-panel .melody-shared .shared-gift button{flex-basis:47%;margin-left:4%;margin-bottom:0;padding:10px 5px;max-width:120px}.melody-detail-panel .melody-shared .shared-bglp button{margin-left:11%;margin-bottom:0;padding:10px 20px;width:100%;max-width:55vw}.melody-detail-panel .melody-shared .shared-bglp button span{overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;line-height:1.6}.mb-player .panel .social .gift-col button{width:auto;padding:10px 0;min-width:70px;max-width:120px;margin-right:4%!important}.mb-player .panel .social .gift-col button:last-child{margin-right:0!important}.melody-detail-panel .secPlayer .allControl button.playMelody span.iconPlay,.melody-detail-panel .secPlayer .allControl button.playMelody span.iconPause{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{width:96%;margin-right:0}.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{width:60%;height:17%}.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{max-height:30vh;height:28vh}.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{width:15px;height:15px;margin-right:5px;vertical-align:middle}}@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-left:3%;margin-bottom:0;padding:10px 5px;width:100%;max-width:190px}.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{width:36%;height:22%}.coin-desc-modal .txt-desc{height:70%;font-size:1.3rem;line-height:38px;color:#959595}.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{height:70%;font-size:1.3rem;line-height:38px;color:#959595}.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;padding:10px 5px;width:100%;max-width:55vw}}@media screen and (max-width:640px){.coin-desc-modal{width:36%;height:22%}.coin-desc-modal .txt-desc{height:70%;font-size:1.3rem;line-height:31px;color:#959595}.coin-desc-modal .btn-modal{font-size:1.3rem!important}.max-reward-desc-modal{width:77%}.max-reward-desc-modal .txt-desc{height:70%;font-size:1.3rem;line-height:31px;color:#959595}.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;position:fixed;margin-left:-10%}.voice-record-panel-container .left-wave img{width:60%;max-width:150px;margin-right:10px;opacity:.3}.voice-record-panel-container .right-wave img{width:60%;max-width:150px;margin-left:10px;opacity:.3}.voice-record-panel-container .left-wave.default{text-align:right;width:25%}.icon-voice-record img{width:100%;max-width:150px}.voice-record-liff-container{padding:0}.voice-help-liff{margin-top:200px;margin-right:34px;width:100%;margin-left:-10%;height:0px;background:#fff;float:right;position:fixed;bottom:0;transition:height .8s ease-in-out;z-index:2000;border-top-left-radius:30px;border-top-right-radius:30px}.voice-record-liff{margin-top:200px;margin-right:34px;width:100%;height:0px;background:#fff;float:right;position:fixed;bottom:0;transition:height .8s ease-in-out;z-index:1000;border-top-left-radius:30px;border-top-right-radius:30px}.voice-help-liff.open{height:270px}.voice-suggestion-banner.open{bottom:0;width:100%;position:fixed;background-color:#4f5c78;text-align:center;display:block}}@media screen and (max-width:540px){.btn-voice-term{margin-top:10%!important}}@media screen and (max-width:480px){.coin-desc-modal{width:225px;height:150px}.coin-desc-modal .txt-desc{height:70%;font-size:1rem;line-height:25px;color:#959595}.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{height:70%;font-size:1rem;line-height:25px;color:#959595}.max-reward-desc-modal .btn-modal{font-size:1rem!important;width:55%!important;padding:5%}.max-reward-desc-modal .full-container{height:85%;padding:0 10px}}@media screen and (max-width:414px){.coin-desc-modal{width:56%;height:20%}.coin-desc-modal .txt-desc{height:70%;font-size:1rem;line-height:25px;color:#959595}}@media screen and (max-width:375px){.coin-desc-modal{width:61%;height:24%}.max-reward-desc-modal{width:85%}.sec-condition .box{max-height:30vh;height:28vh}}@media screen and (max-width:360px){.coin-desc-modal{width:64%;height:25%}.max-reward-desc-modal{width:85%}.sec-condition .box{max-height:30vh;height:21vh}.share-campaign-modal{width:90%!important;height:61%!important;padding:46px 0 0}}@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{width:72%;height:25%}.coin-desc-modal .txt-desc{height:70%;font-size:1rem;line-height:21px;color:#959595}.max-reward-desc-modal{width:85%}.max-reward-desc-modal .txt-desc{height:70%;font-size:1rem;line-height:21px;color:#959595}.sec-condition .box{max-height:30vh;height:21vh}.voice-record-title.termsCond{font-size:1.9em!important;line-height:21px!important}}@media screen and (max-width:280px){.share-campaign-modal{width:90%!important;height:auto!important;padding:46px 0 0}.voice-record-title{line-height:30px;font-size:1.2rem;font-weight:700;color:#fff}}@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{height:42vh;display:flex;justify-content:center;align-items: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{animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{max-width:1040px;margin:0 auto;display:flex;flex-direction:column}.go-to-top-btn{background-color:#00b900;width:45px;height:45px;border-radius:50%;border:none;position:fixed;bottom:3vh;right:3vw;z-index:100;outline:none;box-shadow:0 5px 5px #0006;display:flex;flex-direction:column;justify-content:center;align-items:center}.go-to-top-player{bottom:24vh}.go-to-top-collapse-player{bottom:11vh}.go-to-top-icon{width:25px;height: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{display:flex;flex-direction:row;align-items:center}.header-skeleton .searchBox{margin-left:20px;flex:1 1}.header-skeleton .searchBox .seachBar{width:264px;height:30px}.header-skeleton .logo{width:140px;height:30px;vertical-align:middle}.header-skeleton .navMenu{display:flex;flex-direction:row}.header-skeleton .navMenu .menuItem{width:80px;height:20px;padding:0 1rem;margin-right:10px;border-right:1px solid #bab8b8}.header-skeleton .navMenu .menuItem:last-child{border-right:none;margin-right:0;padding:0}.icon-circle{width:30px;height:30px;margin:0 20px}.header-skeleton-mobile{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header-skeleton-mobile .logo{width:140px;height:30px;vertical-align:middle}.header-skeleton-liff{margin-bottom:10px}.melody-item-skeleton{display:flex;gap:8px;align-items:center}.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{margin-top:36px;display:grid;gap:12px}.melody-list-skeleton .image-cover{display:flex;gap:12px;max-width:100%;overflow:hidden}.melody-list-skeleton .image-cover .skeleton-loader{width:200px;height:200px}@media screen and (max-width:600px){.melody-list-skeleton .image-cover .skeleton-loader{width:150px;height:150px}}.melody-list-skeleton .melody-list{display:grid;gap:12px;max-width:100%;overflow:hidden;grid-template-rows:repeat(4,1fr);grid-auto-flow:column;margin-bottom:10px}@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-top:36px;margin-bottom:12px}.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;width:100%;margin:10px 0}.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{display:flex;flex-direction:row;border-top:1px solid #d6d6d6;padding-top:15px}.music-compact-view-skeleton .share-btn{display:flex;flex-direction:row;column-gap:5px;flex-grow:2}.music-compact-view-skeleton .purchase-btn{display:flex;flex-direction:row;column-gap:5px}.music-compact-view-skeleton .hero-banners{height:42vh;width:100%;display:flex;flex-direction:column;justify-content:center}.coupon{width:120px}@media screen and (max-width:600px){.coupon{width:90px}}.coupon-text{position:absolute;color:#fff;text-align:center;z-index:999;left:50%;margin:0 auto;top:50%;transform:translate(-50%,-50%);font-size:1.3em}.coupon-close-btn{position:absolute;top:-20px;right:-8px;border:none;border-radius:50%;width:20px;height:20px;font-size:.9em;display:flex;flex-direction:column;justify-content:center;align-items:center}.coupon-hide{visibility:hidden}.vote{width:120px;height:100px;border-radius:12px}@media screen and (max-width:600px){.vote{width:90px;height:75px}}.vote-close-btn{position:absolute;top:-24px;right:-8px;border:none;border-radius:50%;width:24px;height:24px;font-size:.9em;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#333;color:#fff}.vote-hide{visibility:hidden}.bubble-container{position:fixed;z-index:9999;display:flex;flex-direction:column;align-items:flex-end}@media screen and (max-width:600px){.bubble-container{right:3vw;bottom:9vh}}@media screen and (min-width:600px)and (max-width:1040px){.bubble-container{right:2vw;bottom:2vh}}@media screen and (min-width:1040px){.bubble-container{right:calc((100vw - 1040px)/2);bottom:2vh}}.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}