body{margin:0;overflow-x:hidden}body .button{cursor:pointer}body .event-main{width:100%;min-height:56vw;background:url(../imgs/BannerHear.png) no-repeat top center,url(../imgs/BG.jpg) no-repeat bottom center;background-size:100% auto,100% auto}body .event-main .section.section-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1vw;padding-top:25%}body .event-main .section.section-content .nav-tab-container{width:50%;height:3.5vw;display:flex;justify-content:space-between;align-items:center}body .event-main .section.section-content .nav-tab-container .tab{width:40%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:0.4vw}body .event-main .section.section-content .nav-tab-container .tab.tab-event-run{background:url("../imgs/Nut-Dang-Dien-Ra.jpg") no-repeat center center;background-size:200% 200%;background-position:100% -1%}body .event-main .section.section-content .nav-tab-container .tab.tab-event-run.active,body .event-main .section.section-content .nav-tab-container .tab.tab-event-run:hover{background-position:0% -1%}body .event-main .section.section-content .nav-tab-container .tab.tab-event-off{background:url("../imgs/Nut-Dang-Dien-Ra.jpg") no-repeat center center;background-size:200% 200%;background-position:100% 100%}body .event-main .section.section-content .nav-tab-container .tab.tab-event-off.active,body .event-main .section.section-content .nav-tab-container .tab.tab-event-off:hover{background-position:0 100%}body .event-main .section.section-content .menu-item-searchbox{width:100%;height:max-content;background:unset;z-index:9;display:flex;justify-content:end;padding:0 3vw 0 0}body .event-main .section.section-content .menu-item-searchbox .search-box-container{padding:0.260416667vw 1.854167vw 0.260416667vw 1.5625vw;background:#fff;border:solid #b0a369 2px;display:flex}body .event-main .section.section-content .menu-item-searchbox .search-box-container .search-box{width:100%;font-size:large;box-shadow:none;border:none;color:#959595}body .event-main .section.section-content .menu-item-searchbox .search-box-container .search-box.form-control{padding:unset !important}body .event-main .section.section-content .menu-item-searchbox .search-box-container .btn-search{height:max-content;width:max-content;position:relative;text-decoration:none}body .event-main .section.section-content .menu-item-searchbox .search-box-container .btn-search i{font-size:xx-large;color:#e3b358;display:flex;-webkit-justify-content:center;justify-content:center;-ms-align-content:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center}body .event-main .section.section-content .tab-content-container{width:95%;max-height:40vw;display:flex;flex-wrap:wrap;overflow-y:scroll;justify-content:center}body .event-main .section.section-content .tab-content-container .tab-content-box{width:25%;margin:1.6vw 0 1vw 0;justify-content:center}body .event-main .section.section-content .tab-content-container .tab-content-box.event-end{filter:grayscale(100%)}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content{width:85%;height:max-content;display:flex;flex-direction:column;border:2px #76abc0 solid;transition:all 600ms ease,box-shadow 0.6s ease;background:#001c42;color:#d1a55d;border-radius:0.729166667vw}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content:hover{scale:1.1;filter:brightness(1.2);box-shadow:0 0 20px #76abc0}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content .tab-top{text-align:center;font-size:1.4vw}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content .tab-body img{width:100%}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content .tab-bot .event-time{font-size:1.2vw;text-align:center}@media screen and (min-width:1920px){body{margin:0;background:#000000f2}body .event-main{max-width:1920px;width:1920px;margin:auto;min-height:1075.2px;background:url(../imgs/BannerHear.png) no-repeat top center,url(../imgs/BG.jpg) no-repeat bottom center;background-size:100% auto,100% auto}body .event-main .section.section-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:19.2px;padding-top:25%}body .event-main .section.section-content .nav-tab-container{width:50%;height:67.2px;display:flex;justify-content:space-between;align-items:center}body .event-main .section.section-content .nav-tab-container .tab{width:40%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:7.68px}body .event-main .section.section-content .nav-tab-container .tab.tab-event-run{background:url("../imgs/Nut-Dang-Dien-Ra.jpg") no-repeat center center;background-size:200% 200%;background-position:100% -1%}body .event-main .section.section-content .nav-tab-container .tab.tab-event-run.active,body .event-main .section.section-content .nav-tab-container .tab.tab-event-run:hover{background-position:0% -1%}body .event-main .section.section-content .nav-tab-container .tab.tab-event-off{background:url("../imgs/Nut-Dang-Dien-Ra.jpg") no-repeat center center;background-size:200% 200%;background-position:100% 100%}body .event-main .section.section-content .nav-tab-container .tab.tab-event-off.active,body .event-main .section.section-content .nav-tab-container .tab.tab-event-off:hover{background-position:0 100%}body .event-main .section.section-content .menu-item-searchbox{width:100%;height:max-content;background:unset;z-index:9;display:flex;justify-content:end;padding:0 57.6px 0 0}body .event-main .section.section-content .menu-item-searchbox .search-box-container{padding:5px 35.6px 5px 30px;background:#fff;border:solid #b0a369 38.4px;display:flex}body .event-main .section.section-content .menu-item-searchbox .search-box-container .search-box{width:100%;font-size:large;box-shadow:none;border:none;color:#959595}body .event-main .section.section-content .menu-item-searchbox .search-box-container .search-box.form-control{padding:unset !important}body .event-main .section.section-content .menu-item-searchbox .search-box-container .btn-search{height:max-content;width:max-content;position:relative;text-decoration:none}body .event-main .section.section-content .menu-item-searchbox .search-box-container .btn-search i{font-size:xx-large;color:#e3b358;display:flex;-webkit-justify-content:center;justify-content:center;-ms-align-content:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center}body .event-main .section.section-content .tab-content-container{width:95%;max-height:768px;display:flex;flex-wrap:wrap;overflow-y:scroll;justify-content:center}body .event-main .section.section-content .tab-content-container .tab-content-box{width:25%;margin:20px 0 19.2px 0;justify-content:center}body .event-main .section.section-content .tab-content-container .tab-content-box.event-end{filter:grayscale(100%)}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content{width:85%;height:max-content;display:flex;flex-direction:column;border:2px #76abc0 solid;transition:all 600ms ease,box-shadow 0.6s ease;background:#001c42;color:#d1a55d;border-radius:14px}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content:hover{scale:1.1;filter:brightness(1.2);box-shadow:0 0 20px #76abc0}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content .tab-top{text-align:center;font-size:26.88px}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content .tab-body img{width:100%}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content .tab-bot .event-time{font-size:23.04px;text-align:center}}@media screen and (max-width:1600px){body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content .tab-body .event-desc{height:4.5vw}}@media screen and (max-width:1024px){body .event-main{min-height:100vh;width:100%;background:url(../imgs/BannerHear.png) no-repeat top center,url(../imgs/mobile/BG.jpg) no-repeat bottom center;background-size:100% auto,cover;margin-top:8%}body .event-main .section.section-content .nav-tab-container{height:6vw;width:85%}body .event-main .section.section-content .nav-tab-container .tab{border-radius:1vw}body .event-main .section.section-content .tab-content-container{width:100%;max-height:70vh}body .event-main .section.section-content .tab-content-container .tab-content-box{width:50%;margin:2vw 0 3vw 0}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content{width:90%}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content .tab-top{font-size:3vw}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content .tab-body img{width:100%;margin:auto}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content .tab-bot .event-time{font-size:2.5vw}}@media screen and (max-width:480px){body .event-main .section.section-content .nav-tab-container{height:7vw;width:90%}body .event-main .section.section-content .tab-content-container{max-height:80vh}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content .tab-top{font-size:3.5vw}body .event-main .section.section-content .tab-content-container .tab-content-box .tab-content .tab-bot{font-size:3.5vw}}