.header{position:absolute;width:1655px;height:130px;left:225px;top:0px}.header img.logo{height:70px;position:absolute;top:40px}.header .input-search-wraper{margin-left:260px;margin-top:30px}.header .input-search-wraper .input-search{width:1220px;height:60px;position:relative}.header .input-search-wraper .input-search input{width:100%;background-color:transparent;border:2px solid #ffffff;padding:15px;font-size:22px;border-radius:60px;color:#ffffff}.header .input-search-wraper .input-search input::-webkit-input-placeholder{color:#ffffff}.header .input-search-wraper .input-search input::-moz-placeholder{color:#ffffff}.header .input-search-wraper .input-search input::-ms-input-placeholder{color:#ffffff}.header .input-search-wraper .input-search input::placeholder{color:#ffffff}.header .input-search-wraper .input-search input:focus{background-color:#ffffff;color:#000000;outline:none}.header .input-search-wraper .input-search input:focus::-webkit-input-placeholder{color:#000000}.header .input-search-wraper .input-search input:focus::-moz-placeholder{color:#000000}.header .input-search-wraper .input-search input:focus::-ms-input-placeholder{color:#000000}.header .input-search-wraper .input-search input:focus::placeholder{color:#000000}.header .input-search-wraper .input-search img{position:absolute;right:30px;top:8px;width:40px;cursor:pointer}.header .time-header{position:absolute;right:20px;font-size:40px;top:35px;margin:0;font-weight:bold}@media screen and (max-width: 1280px){.header{width:1103.33333px;height:86.66667px;left:150px}.header img.logo{height:46.66667px;top:26.66667px}.header .input-search-wraper{margin-left:173.33333px;margin-top:20px}.header .input-search-wraper .input-search{width:813.33333px;height:40px}.header .input-search-wraper .input-search input{padding:10px;font-size:22px;border-radius:40px}.header .input-search-wraper .input-search img{right:15px;top:9px;width:25px}.header .time-header{right:20px;font-size:40px;top:27px}}

.popup-wraper{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:rgba(0,0,0,0.7);z-index:999}.popup-wraper .popup{position:fixed;width:1200px;height:400px;background-color:#3a3a3a;z-index:3;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:10px;font-size:40px;color:#ffffff;text-align:center;padding:30px}.popup-wraper .popup img{width:350px;margin-top:30px}.popup-wraper .popup button{border:none;background:none;text-transform:uppercase;font-size:28px;color:#ffffff;margin:10px;padding:20px 50px;border-radius:10px;cursor:pointer}.popup-wraper .popup button.active{background-color:#808080}@media screen and (max-width: 1280px){.popup-wraper .popup{width:800px;height:266.66667px;font-size:26.66667px;padding:20px}.popup-wraper .popup img{width:233.33333px;margin-top:20px}.popup-wraper .popup button{font-size:18.66667px;margin:6.66667px;padding:13.33333px 33.33333px;border-radius:6.66667px}}

.search{position:fixed;z-index:3;width:100%;left:0;top:0;overflow:hidden;background-color:#555555}.search .header-detail{position:relative;height:200px}.search .header-detail input{width:70%;background-color:transparent;border:2px solid #ffffff;padding:15px;font-size:26px;border-radius:60px;color:#ffffff;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.search .header-detail input::-webkit-input-placeholder{color:#ffffff}.search .header-detail input::-moz-placeholder{color:#ffffff}.search .header-detail input::-ms-input-placeholder{color:#ffffff}.search .header-detail input::placeholder{color:#ffffff}.search .header-detail input:focus{background-color:#ffffff;color:#000000;outline:none}.search .header-detail input:focus::-webkit-input-placeholder{color:#000000}.search .header-detail input:focus::-moz-placeholder{color:#000000}.search .header-detail input:focus::-ms-input-placeholder{color:#000000}.search .header-detail input:focus::placeholder{color:#000000}.search .header-detail button{background:#ff4800;border:none;border-radius:100%;width:100px;height:100px;position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.search .header-detail button.active{-webkit-transform:translateY(-50%) scale(1.3);transform:translateY(-50%) scale(1.3)}.search .header-detail p{margin:0;font-size:70px;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.search .container-detail{overflow:hidden;height:100vh}.search .container-detail ul{padding:0 40px}.search .container-detail ul li{display:inline-block;margin:0 15px 70px;width:23%;height:460px;position:relative}.search .container-detail ul li img{width:100%;height:55%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.search .container-detail ul li p{font-size:28px;font-weight:bold;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:10px;cursor:pointer}.search .container-detail ul li p.sapo{color:#cccccc;font-weight:normal;font-size:25px;min-height:60px;line-height:30px}.search .container-detail ul li.active{background-color:#ffffff;color:#000000;border-radius:0 0 4px 4px;-webkit-transform:scale(1.1);transform:scale(1.1)}.search .container-detail ul li:hover{background-color:#ffffff;color:#000000;border-radius:0 0 4px 4px;-webkit-transform:scale(1.1);transform:scale(1.1)}.search .container-detail ul li .time-view{position:absolute;bottom:-5px}.search .container-detail ul li .time-view p{color:#cccccc;font-weight:normal;font-size:25px}.search .container-detail .empty{height:100vh;font-size:40px;text-align:center}@media screen and (max-width: 1280px){.search .header-detail{height:133.33333px}.search .header-detail input{padding:10px;font-size:17.33333px;border-radius:26.66667px}.search .header-detail button{width:66.66667px;height:66.66667px;left:13.33333px}.search .header-detail p{font-size:46.66667px;right:13.33333px}.search .container-detail ul{padding:0 26.66667px}.search .container-detail ul li{margin:0 10px 46.66667px;width:286.66667px;height:306.66667px}.search .container-detail ul li img{width:100%;height:176px;cursor:pointer;-o-object-fit:cover;object-fit:cover}.search .container-detail ul li p{font-size:18.66667px;margin:6.66667px}.search .container-detail ul li p.sapo{font-size:16.66667px;min-height:40px;line-height:20px}.search .container-detail ul li .time-view{bottom:-3.33333px}.search .container-detail ul li .time-view p{font-size:16.66667px}.search .container-detail .empty{font-size:26.66667px}}

[class*="vjs"]{display:none}#player,.vjs-tech{display:block;width:100%;height:100%}.player-wraper{z-index:3;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000}.player-wraper .icon-play{position:absolute;top:50%;left:50%;width:200px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.player-wraper .control-player{position:absolute;z-index:2;bottom:0;width:90%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.5s linear;transition:.5s linear}.player-wraper .control-player .upper{font-size:40px;background-color:rgba(0,0,0,0.3)}.player-wraper .control-player .upper p{margin:0;padding:30px}.player-wraper .control-player .upper p.title{margin:0;padding:30px;padding-bottom:10px}.player-wraper .control-player .upper p.description{margin:0;padding:30px;padding-top:10px;color:#a9e2cb;max-height:50px;overflow:hidden;text-overflow:ellipsis;display:none;-webkit-line-clamp:2;-webkit-box-orient:vertical}.player-wraper .control-player .progress-bar{background-color:#cccccc;height:20px;position:relative}.player-wraper .control-player .progress-bar .progress{background-color:#ffe600;height:20px;position:absolute;top:0;z-index:1}.player-wraper .control-player .progress-bar .buffer{background-color:#f9f5ce;height:20px;position:absolute;top:0}.player-wraper .control-player .lower{font-size:40px;background-color:#2f2f2f;position:relative;height:150px}.player-wraper .control-player .lower p.current{position:absolute;left:30px}.player-wraper .control-player .lower p.duration{position:absolute;right:30px}.player-wraper .control-player .lower .button-control{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.player-wraper .control-player .lower .button-control button{cursor:pointer;background:transparent;border:none;margin:0 40px;width:140px;height:140px}.player-wraper .control-player .lower .button-control button img{height:60px;vertical-align:middle}.player-wraper .control-player .lower .button-control button img.play{height:80px}.player-wraper .control-player .lower .button-control button.active{background-color:rgba(255,255,255,0.5);border-radius:100%}.hide-control{-webkit-transform:translate(-50%, 350px) !important;transform:translate(-50%, 350px) !important}@media screen and (max-width: 1280px){.player-wraper .icon-play{width:133.33333px}.player-wraper .control-player .upper{font-size:26.66667px}.player-wraper .control-player .upper p{padding:20px}.player-wraper .control-player .upper p.title{padding:20px;padding-bottom:6.66667px}.player-wraper .control-player .upper p.description{padding:20px;padding-top:6.66667px;max-height:33.33333px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.player-wraper .control-player .progress-bar{height:13.33333px}.player-wraper .control-player .progress-bar .progress{height:13.33333px}.player-wraper .control-player .progress-bar .buffer{height:13.33333px}.player-wraper .control-player .lower{font-size:26.66667px;height:100px}.player-wraper .control-player .lower p.current{left:20px}.player-wraper .control-player .lower p.duration{right:20px}.player-wraper .control-player .lower .button-control button{cursor:pointer;margin:0 26.66667px;width:93.33333px;height:93.33333px}.player-wraper .control-player .lower .button-control button img{height:40px}.player-wraper .control-player .lower .button-control button img.play{height:53.33333px}}

.loading{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000}

.webview{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);z-index:999}.webview p{font-size:24px}.webview p.title{width:80%;min-height:32px;position:absolute;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#b73535;padding:30px;top:90px;text-align:center;font-size:32px;font-weight:bold;margin:0}.webview .wrapper{width:80%;height:78%;position:absolute;top:135px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#ffffff;padding:30px;border:0;color:#000000;overflow:scroll}.webview .wrapper img{width:80vw}.webview p.timeago{margin:0}.webview p.timeago span{font-size:25px}.webview p.timeago span.span1{color:#ff1e00;padding-right:7px}.webview p.sapo{font-size:24px;line-height:28px;font-weight:bold;margin:10px 0}.webview #webview{font-size:24px;font-weight:normal;overflow-y:hidden}@media screen and (max-width: 1280px){.webview p{font-size:16px}.webview p.title{min-height:32px;padding:20px;top:60px;font-size:21.33333px}.webview .wrapper{top:90px;padding:20px}.webview p.timeago span{font-size:16.66667px}.webview p.timeago span.span1{padding-right:4.66667px}.webview p.sapo{font-size:18.66667px;line-height:18.66667px;margin:6.66667px 0}.webview #webview{font-size:16px;font-weight:normal}}

.list-item{position:absolute;width:1680px;left:210px;top:130px;overflow:hidden;-webkit-animation:slideup 1s;animation:slideup 1s}.list-item ul{padding-left:20px}.list-item ul li{display:inline-block;margin:0 30px 20px 0;width:382px}.list-item ul li img{width:382px;height:216px;cursor:pointer;-o-object-fit:cover;object-fit:cover}.list-item ul li p{font-size:28px;font-weight:bold;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.list-item ul li.active{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:#ffffff;color:#000000;border-radius:0 0 4px 4px}.list-item ul li:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:#ffffff;color:#000000;border-radius:0 0 4px 4px}@-webkit-keyframes slideup{from{top:400px}to{top:130px}}@keyframes slideup{from{top:400px}to{top:130px}}@media screen and (max-width: 1280px){.list-item{width:1120px;left:140px;top:86.66667px;-webkit-animation:slideup 1s;animation:slideup 1s}.list-item ul{padding-left:20px}.list-item ul li{margin:0 20px 16px 0;width:254.66667px}.list-item ul li img{width:254.66667px;height:144px;-o-object-fit:cover;object-fit:cover}.list-item ul li p{font-size:18px;padding:0 10px}@-webkit-keyframes slideup{from{top:266.66667px}to{top:86.66667px}}@keyframes slideup{from{top:266.66667px}to{top:86.66667px}}}

.detail-list{position:fixed;height:100%;z-index:3;width:100%;left:0;top:0;overflow:hidden;background-color:#555555}.detail-list .header-detail{position:relative;height:200px}.detail-list .header-detail button{cursor:pointer;background:#ff4800;border:none;border-radius:100%;width:100px;height:100px;position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.detail-list .header-detail button.active{-webkit-transform:translateY(-50%) scale(1.3);transform:translateY(-50%) scale(1.3)}.detail-list .header-detail .btnUp{font-size:25px;font-weight:bold;color:#2f2d2d;cursor:pointer;background:#ffffff;border:5px solid #ff4800;border-radius:100%;width:80px;height:80px;position:absolute;left:200px;top:50%;text-align:center;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.detail-list .header-detail .btnUp.active{-webkit-transform:translateY(-50%) scale(1.3);transform:translateY(-50%) scale(1.3)}.detail-list .header-detail .btnDown{font-size:25px;font-weight:bold;color:#2f2d2d;cursor:pointer;background:#ffffff;border:5px solid #ff4800;border-radius:100%;width:80px;height:80px;position:absolute;left:300px;top:50%;text-align:center;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.detail-list .header-detail .btnDown.active{-webkit-transform:translateY(-50%) scale(1.3);transform:translateY(-50%) scale(1.3)}.detail-list .header-detail p{margin:0;font-size:70px;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.detail-list .container-detail{overflow:hidden;-webkit-animation:slideup 1s;animation:slideup 1s}.detail-list .container-detail ul{padding:0 40px}.detail-list .container-detail ul li{display:inline-block;margin:0 15px 70px;width:23%;height:460px;position:relative}.detail-list .container-detail ul li img{cursor:pointer;width:100%;height:55%;-o-object-fit:cover;object-fit:cover}.detail-list .container-detail ul li p{font-size:28px;font-weight:bold;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:10px}.detail-list .container-detail ul li p.title{cursor:pointer;min-height:72px;line-height:36px}.detail-list .container-detail ul li p.sapo{color:#cccccc;font-weight:normal;font-size:25px;min-height:60px;line-height:30px}.detail-list .container-detail ul li.active{background-color:#ffffff;color:#000000;border-radius:0 0 4px 4px;-webkit-transform:scale(1.1);transform:scale(1.1)}.detail-list .container-detail ul li:hover{background-color:#ffffff;color:#000000;border-radius:0 0 4px 4px;-webkit-transform:scale(1.1);transform:scale(1.1)}.detail-list .container-detail ul li .time-view{position:absolute;bottom:-5px}.detail-list .container-detail ul li .time-view p{color:#cccccc;font-weight:normal;font-size:25px}@-webkit-keyframes slideup{from{-webkit-transform:translateY(400px);transform:translateY(400px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideup{from{-webkit-transform:translateY(400px);transform:translateY(400px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width: 1280px){.detail-list .header-detail{height:133.33333px}.detail-list .header-detail button{cursor:pointer;width:66.66667px;height:66.66667px;left:13.33333px}.detail-list .header-detail p{font-size:46.66667px;right:13.33333px}.detail-list .container-detail ul{padding:0 26.66667px}.detail-list .container-detail ul li{margin:0 10px 46.66667px;width:286.66667px;height:306.66667px}.detail-list .container-detail ul li img{cursor:pointer;width:286.66667px;height:176px}.detail-list .container-detail ul li p{font-size:18.66667px;margin:6.66667px}.detail-list .container-detail ul li p.title{cursor:pointer;min-height:48px;line-height:24px}.detail-list .container-detail ul li p.sapo{font-size:16.66667px;min-height:40px;line-height:20px}.detail-list .container-detail ul li .time-view{bottom:-3.33333px}.detail-list .container-detail ul li .time-view p{font-size:16.66667px}}

.menu{position:absolute;left:0;top:115px;width:185px;height:100vh;-webkit-transition:.5s linear;transition:.5s linear;z-index:2}.menu ul{text-align:center;position:absolute}.menu ul li{background-image:url(https://apptvphutho.mediatech.vn/assets/img/black.png);width:185px;height:165px;position:relative;margin-bottom:5px;background-size:cover}.menu ul li:hover{background-image:url(https://apptvphutho.mediatech.vn/assets/img/green.png)}.menu ul li.active{background-image:url(https://apptvphutho.mediatech.vn/assets/img/green.png)}.menu ul li .inner-li{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;position:absolute;width:100%;cursor:pointer}.menu ul li img{width:70px;margin-bottom:10px}.menu ul li p{text-transform:uppercase;font-size:20px;font-weight:bold;margin:0}.hideMenu{-webkit-transform:translateX(-200px);transform:translateX(-200px)}@media screen and (max-width: 1280px){.menu{top:20px;width:123.33333px}.menu ul li{width:123.33333px;height:107px;margin-bottom:3.33333px}.menu ul li img{width:46.66667px;margin-bottom:6.66667px}.menu ul li p{font-size:13.33333px}}

[class*="vjs"]{display:none}#player-live,.vjs-tech{display:block;width:100%;height:100%}.player-live-wraper{width:1190px;height:700px;padding:0 15px;position:absolute}.player-live-full{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:1}@media screen and (max-width: 1280px){.player-live-wraper{width:793.33333px;height:466.66667px;padding:0 10px}}

.radio-wraper{position:absolute;width:1655px;height:920px;left:225px;top:130px}.radio-wraper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#radio{display:none}@media screen and (max-width: 1280px){.radio-wraper{width:1103.33333px;height:613.33333px;left:150px;top:86.66667px}.radio-wraper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}


.ribbon-category{width:100%;position:absolute;bottom:-241px;left:0px;height:232px;overflow:hidden}.ribbon-category ul{white-space:nowrap;padding-bottom:50px;position:absolute}.ribbon-category ul li{display:inline-block;width:310px;height:175px;margin-right:20px}.ribbon-category ul li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ribbon-category ul li p{font-size:20px;font-weight:bold;margin:0;padding:10px 20px}.ribbon-category ul li.active{-webkit-transform:scale(1.1);transform:scale(1.1)}.ribbon-category ul li.active p{background-color:#ffffff;color:#000000;border-radius:0 0 4px 4px}.ribbon-category ul li:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.ribbon-category ul li:hover p{background-color:#ffffff;color:#000000;border-radius:0 0 4px 4px}.ribbon-category ul li .image-ribbon-category{cursor:pointer}.ribbon-category ul li .title-ribbon-category{cursor:pointer}@media screen and (max-width: 1280px){.ribbon-category{bottom:-160.66667px;height:154.66667px}.ribbon-category ul{padding-bottom:50px}.ribbon-category ul li{width:206.66667px;height:116.66667px;margin-right:20px}.ribbon-category ul li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ribbon-category ul li p{font-size:14px;padding:5px 14px}}

.ribbon-news{width:100%;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;top:15px;right:0px;width:435px;height:680px}.ribbon-news ul li{width:420px;height:330px;margin-right:15px;margin-bottom:10px;position:relative}.ribbon-news ul li img{width:100%;height:220px;-o-object-fit:cover;object-fit:cover}.ribbon-news ul li img.icon{position:absolute;width:120px;height:80px;top:75px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ribbon-news ul li p{font-size:24px;font-weight:bold;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding:0 10px;margin-top:15px}.ribbon-news ul li.active{background-color:#ffffff;color:#000000;border-radius:0 0 4px 4px}.ribbon-news ul li:hover{background-color:#ffffff;color:#000000;border-radius:0 0 4px 4px}.ribbon-news ul li .time-view{position:absolute;bottom:-15px}.ribbon-news ul li .time-view p{font-size:20px;color:#b0adad}.ribbon-news ul li .image-ribbon-view{cursor:pointer}.ribbon-news ul li .title-ribbon-view{cursor:pointer}@media screen and (max-width: 1280px){.ribbon-news{top:10px;right:0px;width:290px;height:453.33333px}.ribbon-news ul li{width:280px;height:220px;margin-right:15px;margin-bottom:10px}.ribbon-news ul li img{width:100%;height:146.66667px;-o-object-fit:cover;object-fit:cover}.ribbon-news ul li img.icon{width:80px;height:53.33333px;top:50px}.ribbon-news ul li p{font-size:17px;padding:0 8px;margin-top:10px}.ribbon-news ul li .time-view{position:absolute;bottom:-10px}.ribbon-news ul li .time-view p{font-size:14px;color:#b0adad}}

.schedule{position:absolute;width:1655px;height:920px;left:225px;top:130px}.schedule .date-time{margin-bottom:20px}.schedule .date-time .input-date-time{display:inline-block;width:50%;position:relative;cursor:pointer}.schedule .date-time .input-date-time p#date{width:100%;padding:20px 30px;border-radius:50px;font-size:30px;background-color:#ffffff;color:#000000;margin:0}.schedule .date-time .input-date-time p#date.active{background-color:#ff4800;color:#000000;outline:none}.schedule .date-time .input-date-time img{position:absolute;right:-20px;width:50px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.schedule .date-time .search-schedule{position:relative;display:inline-block;background-color:#ff0000;color:#ffffff;font-size:30px;border:none;border-radius:50px;padding:20px;padding-left:70px;margin-left:30px;width:300px}.schedule .date-time .search-schedule img{position:absolute;left:60px;width:40px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.schedule .list-schedule{border:10px solid rgba(255,255,255,0.2);overflow:hidden}.schedule .list-schedule .empty-list{height:740px;text-align:center;margin-top:60px;font-size:30px}.schedule .list-schedule ul li{background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#333));background:linear-gradient(180deg, #000 0%, #333 100%);background-size:cover;margin-bottom:5px;position:relative;cursor:pointer}.schedule .list-schedule ul li p{font-size:40px;display:inline-block;padding:45px 20px;margin:0}.schedule .list-schedule ul li img{position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.schedule .list-schedule ul li p.time{margin-left:90px}.schedule .list-schedule ul li p.title{text-overflow:ellipsis;white-space:nowrap;width:1200px;overflow:hidden;padding:0 20px;margin:-10px 0}.schedule .list-schedule ul li p.replay-schedule{color:#ff0000;position:absolute;right:10px}.schedule .list-schedule ul li p.replay-schedule img{top:68px;left:-50px;width:60px}.schedule .list-schedule ul li p.live-schedule{color:#ff0000;position:absolute;right:20px}.schedule .list-schedule ul li p.live-schedule img{position:absolute;left:-30px;width:30px}.schedule .list-schedule ul li.active{background:#ffffff;color:#ff0000}.schedule .list-schedule ul li:hover{background:#ffffff;color:#ff0000}@media screen and (max-width: 1280px){.schedule{width:1103.33333px;height:613.33333px;left:150px;top:86.66667px}.schedule .date-time{margin-bottom:13.33333px}.schedule .date-time .input-date-time p#date{padding:13.33333px 20px;border-radius:33.33333px;font-size:20px}.schedule .date-time .input-date-time img{right:-convertpx(20px);width:33.33333px}.schedule .date-time .search-schedule{font-size:20px;padding:13.33333px;padding-left:46.66667px;margin-left:20px;width:200px}.schedule .date-time .search-schedule img{left:40px;width:26.66667px}.schedule .list-schedule{border:6.66667px solid rgba(255,255,255,0.2)}.schedule .list-schedule .empty-list{height:493.33333px;margin-top:40px;font-size:20px}.schedule .list-schedule ul li{margin-bottom:3.33333px}.schedule .list-schedule ul li p{font-size:26.66667px;padding:30px 13.33333px}.schedule .list-schedule ul li img{left:13.33333px;width:40px}.schedule .list-schedule ul li p.time{margin-left:60px}.schedule .list-schedule ul li p.title{width:800px;padding:0 13.33333px;margin:-6.66667px 0}.schedule .list-schedule ul li p.replay-schedule{right:6.66667px}.schedule .list-schedule ul li p.replay-schedule img{top:45.33333px;left:-33.33333px;width:40px}.schedule .list-schedule ul li p.live-schedule{right:13.33333px}.schedule .list-schedule ul li p.live-schedule img{left:-20px;width:20px}}

.date-picker{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:rgba(0,0,0,0.7);z-index:999}.date-picker .inner-date{position:fixed;width:610px;height:500px;background-color:#3a3a3a;z-index:3;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:10px;font-size:30px;color:#ffffff;text-align:center;padding:20px}.date-picker .inner-date .date{margin:10px 0}.date-picker .inner-date .date ul{height:300px;width:190px;overflow:hidden;font-size:40px;display:inline-block;margin:0 5px;background-color:#000000}.date-picker .inner-date .date ul li p{margin:0;padding:28px 0;cursor:pointer}.date-picker .inner-date .date ul li.active{border-top:4px solid #ffffff;border-bottom:4px solid #ffffff;background-color:#888888}.date-picker .inner-date .date ul.active li.active{background-color:#333333}.date-picker img{width:200px}.date-picker button{cursor:pointer;border:none;background:none;text-transform:uppercase;font-size:24px;color:#ffffff;margin:20px;padding:20px 80px;border-radius:10px}.date-picker button.active{background-color:#808080}@media screen and (max-width: 1280px){.date-picker .inner-date{width:406.66667px;height:333.33333px;font-size:20px;padding:13.33333px}.date-picker .inner-date .date{margin:6.66667px 0}.date-picker .inner-date .date ul{height:200px;width:126.66667px;font-size:26.66667px;margin:0 3px}.date-picker .inner-date .date ul li p{padding:18.66667px 0}.date-picker img{width:133.33333px}.date-picker button{font-size:16px;margin:13.33333px;padding:13.33333px 53.33333px}}

#main-app{position:relative}#main-app .splash-screen{width:100%;height:100%}#main-app .splash-screen img{width:100%;height:100%}#main-app .splash-screen .splash-screen-bottom{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#main-app .splash-screen .splash-screen-bottom .loading-inner{height:80px;margin-bottom:100px}#main-app .splash-screen .splash-screen-bottom p{font-size:36px;margin:20px 0}#main-app .container{position:absolute;width:1655px;height:700px;left:225px;top:130px;background-color:rgba(255,255,255,0.2)}@media screen and (max-width: 1280px){#main-app .splash-screen .splash-screen-bottom .loading-inner{height:80px;margin-bottom:100px}#main-app .splash-screen .splash-screen-bottom p{font-size:28px;margin:20px 0}#main-app .container{width:1103.33333px;height:466.66667px;left:150px;top:86.66667px}}

body{margin:0;background-image:url(https://apptvphutho.mediatech.vn/assets/img/background.jpg);background-size:contain;color:#ffffff;font-family:Arial, Helvetica, sans-serif;overflow:hidden}ul,li{list-style:none;margin:0;padding:0}.hidden{display:none !important}#snackbar{visibility:hidden;background-color:#666666;color:#ffffff;text-align:center;border-radius:50px;padding:30px 60px;position:fixed;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:60px;font-size:30px}#snackbar.show{visibility:visible;-webkit-animation:fadein 0.5s, fadeout 0.5s 2.5s;animation:fadein 0.5s, fadeout 0.5s 2.5s}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:60px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:60px;opacity:1}}@-webkit-keyframes fadeout{from{bottom:60px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:60px;opacity:1}to{bottom:0;opacity:0}}.lds-ring{display:inline-block;position:absolute;width:70px;height:70px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.lds-ring div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:70px;height:70px;margin:0px;border:5px solid #fff;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#fff transparent transparent transparent}.lds-ring div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media screen and (max-width: 1280px){#snackbar{padding:20px 40px;bottom:40px;font-size:20px}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:40px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:40px;opacity:1}}@-webkit-keyframes fadeout{from{bottom:40px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:40px;opacity:1}to{bottom:0;opacity:0}}.lds-ring{width:80px;height:80px}.lds-ring div{width:70px;height:70px;border:5px solid #fff;-webkit-animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#fff transparent transparent transparent}}