img{max-width: 100%}
html,body{padding: 0;margin:0}
html,body,p,span,a,h1,h2,h3,h4,h5,h6{font-family: UTM Cafeta;line-height: 1.1;font-size: 1.1vw;}
a:hover,a.active{color:#FFC905}
p{text-align:center;margin: 0;}
body #wrapper{
    height: calc(100vw * 0.5625);
    overflow: hidden;
}
.menu{position: fixed;top: 0;left: 0;width: 4.6%;/* border: 1px red solid; */z-index: 99;/* min-height: 900px; */height: calc(100vw * 0.5625);}
.menu .a{
    position: absolute;
    z-index: 2;
    top: 26%;
    left: 0;
    width: 100%;
    text-align: center;
    height: 7.9%;
    overflow: hidden;
}
.menu .a img{
    width: 36%;
    position: absolute;
    bottom: 48%;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
}
.menu .a img:nth-child(1){
    opacity: 1;
}
.menu .a img:nth-child(2){
    opacity: 0;
}
.menu .a:hover img:nth-child(1),.menu .a.active img:nth-child(1){
    opacity: 0;
}
.menu .a:hover img:nth-child(2),.menu .a.active img:nth-child(2){
    opacity: 1;
}
.menu .a span{
    position: absolute;
    bottom: 14%;
    left: 0;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    width: 100%;
    text-align: center;
}
.menu .a:nth-child(1){
    top: 10%;
}
.menu .a:nth-child(2){
    top: 17.9%;
}
.menu .a:nth-child(3){
    top: 25.8%;
}
.menu .a:nth-child(4){
    top: 33.7%;
}
.menu .a:nth-child(5){
    top: 41.6%;
}
.menu .a:nth-child(6){
    top: 49.5%;
}
.menu .a:nth-child(7){
    top: 57.4%;
}
.menu .a:nth-child(8){
    top: 65.3%;
}
.menu .a:nth-child(9){
    top: 73.2%;
}
.menu .a:nth-child(10){
    top: 81.1%;
}
section{
    padding: 0;
    position: relative;
    height: calc(100vw * 0.5625);
    overflow: hidden;
}
section .bg{}
section .bg{
    height: calc(100vw * 0.5625);
    width: 100%;
}
section > div{
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 1;
    overflow: hidden;
}
.s1{}
.s1 .bg{}
.s1 .d1v{
    left: 9.6%;
    width: 37.5%;
    height: 52.4%;
}
.qrcode,.qrcode img{
    width: 5.104166666vw!important;
    height: auto!important;
}
.s1 .d1v .qrcode{
    position: absolute;
    top: 75%;
    left: 49%;
    /* width: 10%; */
    /* height: auto; */
}
.s1 .d1{}
.s1 .d1 > img{
    position: absolute;
    top: 0;
    left: 5%;
    height: 98%;
    width: 40%;
}
.s1 .d1 p:nth-child(1){}
.s1 .d1 p:nth-child(2){
    position: absolute;
    top: 7%;
    left: 49%;
    height: 66%;
    color: #fff;
    font-size: 3vw;
    text-transform: uppercase;
    width: 41%;
    text-align: left;
    overflow: hidden;
}
.s1 .d1 p:nth-child(2) span{
    color: #000;
    font-size: 1.6vw;
    margin-top: 6%;
    display: block;
}
.s1 .d2{
    left: 9.6%;
    width: 37.5%;
    top: 52.4%;
    height: 47.6%;
}
.s1 .d2 p:nth-child(1){
    position: absolute;
    top: 7.6%;
    left: 8.4%;
    color: #00869C;
    font-size: 1.1vw;
    width: 17.3%;
}
.s1 .d2 p:nth-child(2){
    position: absolute;
    top: 13.6%;
    left: 3.2%;
    color: #ffffff;
    font-size: 8.4vw;
    width: 28.1%;
}
.s1 .d2 p:nth-child(3){
    position: absolute;
    top: 7.6%;
    left: 40.6%;
    color: #00869C;
    font-size: 1.1vw;
    width: 17.3%;
}
.s1 .d2 p:nth-child(4){
    position: absolute;
    top: 13.6%;
    left: 35.2%;
    color: #ffffff;
    font-size: 8.4vw;
    width: 28.1%;
}
.s1 .d2 p:nth-child(5){
    position: absolute;
    top: 7.6%;
    left: 72.7%;
    color: #00869C;
    font-size: 1.1vw;
    width: 17.3%;
}
.s1 .d2 p:nth-child(6){
    position: absolute;
    top: 13.6%;
    left: 67.2%;
    color: #ffffff;
    font-size: 8.4vw;
    width: 28.1%;
}
.s1 .d2 p:nth-child(7){
    position: absolute;
    top: 55%;
    left: 7.6%;
    color: #ABCFDB;
    font-size: 1.1vw;
    text-transform: uppercase;
    width: 12.2%;
}
.s1 .d2 p:nth-child(8){
    position: absolute;
    top: 60.8%;
    left: 3.2%;
    color: #003B49;
    font-size: 6.1vw;
    width: 21%;
}
.s1 .d2 p:nth-child(9){
    position: absolute;
    top: 55%;
    left: 31.7%;
    color: #ABCFDB;
    font-size: 1.1vw;
    text-transform: uppercase;
    width: 12.2%;
}
.s1 .d2 p:nth-child(10){
    position: absolute;
    top: 60.8%;
    left: 27.2%;
    color: #003B49;
    font-size: 6.1vw;
    width: 21%;
}
.s1 .d2 p:nth-child(11){
    position: absolute;
    top: 55%;
    left: 55.5%;
    color: #ABCFDB;
    font-size: 1.1vw;
    text-transform: uppercase;
    width: 12.2%;
}
.s1 .d2 p:nth-child(12){
    position: absolute;
    top: 60.8%;
    left: 51.1%;
    color: #003B49;
    font-size: 6.1vw;
    width: 21%;
}
.s1 .d2 p:nth-child(13){
    position: absolute;
    top: 55%;
    left: 78.7%;
    color: #ABCFDB;
    font-size: 1.1vw;
    text-transform: uppercase;
    width: 12.2%;
}
.s1 .d2 p:nth-child(14){
    position: absolute;
    top: 60.8%;
    left: 74.2%;
    color: #003B49;
    font-size: 6.1vw;
    width: 21%;
}
.s1 .d3{
    left: 47.1%;
    width: 52.9%;
    height: 47%;
}
.s1 .d3 img{
    position: absolute;
    top: 46.3%;
    left: 23.4%;
    width: 13.8%;
}
.s1 .d3 p:nth-child(2){
    position: absolute;
    top: 13.2%;
    left: 16.2%;
    color: #00262F;
    font-size: 3.1vw;
    width: 30.6%;
    text-transform: uppercase;
}
.s1 .d3 p:nth-child(3){
    position: absolute;
    top: 30%;
    left: 16.2%;
    color: #ffffff;
    font-size: 3.1vw;
    width: 30.6%;
}
.s1 .d3 p:nth-child(4){
    position: absolute;
    top: 10.7%;
    left: 46.6%;
    color: #00262F;
    font-size: 7.4vw;
    width: 37.6%;
}
.s1 .d3 p:nth-child(4) span{
    color: #00262F;
    font-size: 7.4vw;
}
.s1 .d3 p:nth-child(4) span:nth-child(1){
    position: absolute;
    top: 0%;
    right: 54%;
}
.s1 .d3 p:nth-child(4) span:nth-child(2){
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%,-13%);
    line-height: 1;
}
.s1 .d3 p:nth-child(4) span:nth-child(3){
    position: absolute;
    top: 0%;
    left: 54%;
}

.s1 .d3 p:nth-child(5){
    position: absolute;
    top: 45.7%;
    left: 52.6%;
    color: #ffffff;
    font-size: 6.3vw;
    width: 37.6%;
}
.s1 .d3 p:nth-child(6),.s1 .d3 p:nth-child(8),.s1 .d3 p:nth-child(10),.s1 .d3 p:nth-child(12),.s1 .d3 p:nth-child(14),.s1 .d3 p:nth-child(16),.s1 .d3 p:nth-child(18){
    position: absolute;
    top: 74.7%;
    left: 15.2%;
    color: #ffffff;
    font-size: 1.6vw;
    width: 10.1%;
}
.s1 .d3 p:nth-child(7),.s1 .d3 p:nth-child(9),.s1 .d3 p:nth-child(11),.s1 .d3 p:nth-child(13),.s1 .d3 p:nth-child(15),.s1 .d3 p:nth-child(17),.s1 .d3 p:nth-child(19){
    position: absolute;
    top: 82.1%;
    left: 15.2%;
    color: #00262f;
    font-size: 2.5vw;
    width: 10.1%;
}
.s1 .d3 p:nth-child(8){
    left: 26.3%;
}
.s1 .d3 p:nth-child(9){left: 26.3%;}
.s1 .d3 p:nth-child(10){
    left: 36.4%;
}
.s1 .d3 p:nth-child(11){left: 36.4%;}
.s1 .d3 p:nth-child(12){
    left: 46.5%;
}
.s1 .d3 p:nth-child(13){left: 46.5%;}
.s1 .d3 p:nth-child(14){
    left: 56.6%;
}
.s1 .d3 p:nth-child(15){left: 56.6%;}
.s1 .d3 p:nth-child(16){
    left: 66.7%;
}
.s1 .d3 p:nth-child(17){left: 66.7%;}
.s1 .d3 p:nth-child(18){
    left: 76.8%;
}
.s1 .d3 p:nth-child(19){
    left: 76.8%;
}
.s1 .d4{
    left: 47.1%;
    width: 52.9%;
    height: 53%;
    top: 47%;
}
.s1 .d4 p:nth-child(1){
    position: absolute;
    top: 4.3%;
    left: 15.4%;
    color: #00262F;
    font-size: 1.6vw;
    width: 17.5%;
}
.s1 .d4 a img{
    width: 14%;
    position: absolute;
    top: 21.3%;
    left: 15.4%;
    color: #00262F;
    font-size: 1.6vw;
}
.s1 .d4 a p{
    width: 45%;
    position: absolute;
    top: 26.3%;
    left: 31.4%;
    color: #fff;
    font-size: 2.2vw;
    text-align: left;
    max-height: 100px;
    overflow: hidden;
}
.new, .s1 .d4 a .new{
    /* background: yellow; */
    width: 6vw;
    color: #000;
    font-size: 1.2vw;
    line-height: 1;
    padding: 2px 15px;
    top: 17.4%;
    left: 68.3%;
}
.s3 .kehoach .new{
    position: absolute;
    /* background: yellow; */
    /* width: fit-content; */
    color: #000;
    font-size: 1.2vw;
    line-height: 1;
    padding: 2px 15px;
    top: 0%;
    left: 81.4%;
    width: 10%;
}
.s1 .d4 a:nth-child(3) p.new{
    top: 52.3%;
}
.s1 .d4 a .qrcode{
    position: absolute;
    top: 26%;
    right: 14%;
}
.s1 .d4 a:nth-child(3) img{top: 52.3%;}
.s1 .d4 a:nth-child(3) p{top: 56.3%;}
.s1 .d4 a:nth-child(3) .qrcode{top: 56.3%;}
.s2{}
.s2 > img{}
.s2 p{
    position: absolute;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
}
.s2 p:nth-child(2){
    top: 34.3%;
    left: 54.4%;
    font-size: 3vw;
}
.s2 p:nth-child(3){
    top: 41.3%;
    left: 54.4%;
    font-size: 4.9vw;
}
.s2 p:nth-child(4){
    top: 53.3%;
    left: 54.4%;
    font-size: 3vw;
}
.s2 p:nth-child(5){
    top: 59.3%;
    left: 54.4%;
    font-size: 3vw;
}
.s2 img:nth-child(6){
    position: absolute;
    top: 25.5%;
    left: 19.6%;
    width: 27%;
    height: 48%;
    border-radius: 20em;
}
.s3{}
.s3x .d1v{
    position: absolute;
    top: 0;
    left: 7.5%;
    width: 37.3%;
    height: 100%;
}
.s3x .d1v img{
    position: absolute;
    top: 7.1%;
    left: 6.1%;
    width: 87.7%;
    height: 37.2%;
    border-radius: 0.5em;
}
.s3x .d1v img+p{
    position: absolute;
    top: 47.6%;
    left: 5.7%;
    color: #fff;
    font-size: 1.5vw;
    max-width: 70%;
    text-align: left;
    text-align: justify;
}
.s3x .d1v img+p span{
    position: absolute;
    bottom: -75%;
    right: 0;
}
.s3x .d1v .qrcode{
    position: absolute;
    top: 48.2%;
    right: 6.6%;
    }.s3x .d1v .qrcode img{
    border-radius: 0;
}
.s3x .d1v .qrcode+div{
    color: #fff;
    position: absolute;
    top: 60%;
    left: 5.5%;
    width: 88.7%;
    line-height: 1.3;
    font-size: 1.3vw;
    text-align: justify;
    height: 38.7%;
    overflow: hidden;
}
.s3x .d1v .qrcode+div p{
    text-align: left;
    color: #fff;
    line-height: 1.3;
    font-size: 1.3vw;
}
.s3 > img{}
.s3 > p{
    position: absolute;
    top: 1%;
    left: 7%;
    font-size: 2vw;
    color: #000;
    text-transform: uppercase;
}
.s3x > p{
    left: 46.7%;
}
.s3 .kehoach{
    top: 9.4%;
    left: 5.9%;
    width: 49.7%;
    height: 8.6%;
}
.s3x .kehoach{
    left: 46.9%;
    top: 6.9%;
}
.s3 .kehoach.n2,
.s3 .kehoach.n3,
.s3 .kehoach.n4,
.s3 .kehoach.n5,
.s3 .kehoach.n6,
.s3 .kehoach.n7,
.s3 .kehoach.n8,
.s3 .kehoach.n9,
.s3 .kehoach.n10,
.s3 .kehoach.n11,
.s3 .kehoach.n12,
.s3 .kehoach.n13,
.s3 .kehoach.n14,
.s3 .kehoach.n15,
.s3 .kehoach.n16,
.s3 .kehoach.n17,
.s3 .kehoach.n18,
.s3 .kehoach.n19,
.s3 .kehoach.n20,
.s3 .kehoach.n21,
.s3 .kehoach.n22,
.s3 .kehoach.n23,
.s3 .kehoach.n24,
.s3 .kehoach.n25,
.s3 .kehoach.n26,
.s3 .kehoach.n27,
.s3 .kehoach.n28,
.s3 .kehoach.n29,
.s3 .kehoach.n30,
.s3 .kehoach.n31,
.s3 .kehoach.n32,
.s3 .kehoach.n33,
.s3 .kehoach.n34,
.s3 .kehoach.n35,
.s3 .kehoach.n36,
.s3 .kehoach.n37,
.s3 .kehoach.n38,
.s3 .kehoach.n39,
.s3 .kehoach.n40,
.s3 .kehoach.n41
{display:none}
.s3 .kehoach:nth-child(3){}
.s3 .kehoach:nth-child(8n+4){
    top: 19.5%;
}
.s3 .kehoach:nth-child(8n+5){
    top: 30.2%;
}
.s3 .kehoach:nth-child(8n+6){
    top: 41.1%;
}
.s3 .kehoach:nth-child(8n+7){
    top: 52.2%;
}
.s3 .kehoach:nth-child(8n+8){
    top: 64.2%;
}
.s3 .kehoach:nth-child(8n+9){
    top: 76%;
}
.s3 .kehoach:nth-child(8n+10){
    top: 86.9%;
}
.s3x .kehoach:nth-child(8n+4){
    top: 17%;
}
.s3x .kehoach:nth-child(8n+5){
    top: 27.7%;
}
.s3x .kehoach:nth-child(8n+6){
    top: 38.5%;
}
.s3x .kehoach:nth-child(8n+7){
    top: 49.8%;
}
.s3x .kehoach:nth-child(8n+8){
    top: 61.7%;
}
.s3x .kehoach:nth-child(8n+9){
    top: 73.3%;
}
.s3x .kehoach:nth-child(8n+10){
    top: 84.3%;
}
.s3 .kehoach p:nth-child(1){
    position: absolute;
    top: 3%;
    left: 0;
    width: 9.3%;
    text-align: center;
    font-size: 4.4vw;
    line-height: 1;
    color: #18676C;
}
.s3 .kehoach p:nth-child(2){
    position: absolute;
    top: 11%;
    left: 9%;
    width: 18.6%;
    text-align: center;
    font-size: 1.7vw;
    line-height: 1;
    color: #18676C;
}
.s3 .kehoach p:nth-child(3){
    position: absolute;
    top: 61%;
    left: 9%;
    width: 18.6%;
    text-align: center;
    font-size: 1.4vw;
    line-height: 1;
    color: #18676C;
}
.s3 .kehoach p:nth-child(4){
    position: absolute;
    top: 27%;
    left: 30%;
    width: 40.6%;
    text-align: left;
    font-size: 1.7vw;
    line-height: 1.4;
    color: #fff;
    max-height: 46px;
    overflow: hidden;
}
.s3 .kehoachthongbao p:nth-child(4){
    width: 57.6%;
    line-height: 1.1;
    top: 10%;
    max-height: 80px;
}
.s3 .kehoach.yellow{}
.s3 .kehoach.yellow p:nth-child(1){
    color: #FFE610;
}
.s3 .kehoach.yellow p:nth-child(2):before{
    background: #FFE610;
    content: ' ';
    position: absolute;
    top: -14%;
    left: 1%;
    width: 98%;
    height: 142%;
    z-index: -1;
}
.s3 .kehoach.yellow p:nth-child(3){}
.s3 .kehoach.yellow p:nth-child(4){}
.s3 .kehoach.green{}
.s3 .kehoach.green p:nth-child(1){
    color: #1ED760;
}
.s3 .kehoach.green p:nth-child(2):before{
    background: #1ED760;
    content: ' ';
    position: absolute;
    top: -14%;
    left: 1%;
    width: 98%;
    height: 142%;
    z-index: -1;
}
.s3 .kehoach.green p:nth-child(3){}
.s3 .kehoach.green p:nth-child(4){}
.s3 .kehoach.red{}
.s3 .kehoach.red p:nth-child(1){
    color: #9a3f46;
}
.s3 .kehoach.red p:nth-child(2){
    color: #fff;
}
.s3 .kehoach.red p:nth-child(2):before{
    background: #9A3F46;
    content: ' ';
    position: absolute;
    top: -14%;
    left: 1%;
    width: 98%;
    height: 142%;
    z-index: -1;
}
.s3 .kehoach.red p:nth-child(3){}
.s3 .kehoach.red p:nth-child(3):before{
    background: #fff;
    content: ' ';
    position: absolute;
    top: -14%;
    left: 1%;
    width: 98%;
    height: 133%;
    z-index: -1;
}

.s3 .kehoach.red p:nth-child(4){}
.s3 .kehoach .qrcode{
    position: absolute;
    top: -2%;
    right: 0;
}
.s3 .kehoach .qrcode+span,.s3 .kehoach .qrcode+img+span{
    position: absolute;
    top: 31%;
    right: 12%;
    text-align: center;
    border: 3px #92D050 solid;
    border-radius: 20em;
    padding: 0.1vw 1vw  0.3vw;
    width: 16%;
    color: #92D050;
}
.s3 .kehoach.red .qrcode+span{border: 3px #C0504D solid;color:#C0504D}
.s3 .kehoach.yellow .qrcode+span{border: 3px #FFC000 solid;color:#FFC000}
.s3 .lich{
    top: 6%;
    left: auto;
    right: 5%;
    width: 37.4%;
    height: 47%;
}
.s3 .lich > div{
    width: 100%;
    height: 100%;
}
.s3 .ui-widget.ui-widget-content{
    width: 100%;
    height: 100%;
    padding: 8px;
}
.s3 .ui-datepicker table{height: 89%;border-spacing: 0;}
.s3 .ui-datepicker td span,.s3 .ui-datepicker td a{
    
height: 100%;
    
font-size: 1.9vw;
    
line-height: 1;
    
border: none;
}
.s3 .thongkediv{
    left: 58.4%;
    top: 55.2%;
    width: 35.9%;
    height: 21.5%;
}
.s3 .thongkediv > p{
    position: absolute;
    top: 45%;
    left: -15%;
    width: 34%;
    height: 10%;
    transform: rotate(-90deg);
    text-align: center;
    text-transform: uppercase;
    font-size: 1.7vw;
    color: #05729B;
}
.s3 .thongkediv .thongke{
    width: 27%;
    top: 15%;
    left: 10%;
    position: absolute;
    height: 30%;
    border-radius: 20em;
    overflow: hidden;
}
.s3 .thongkediv .thongke-1{}
.s3 .thongkediv .thongke-2{
    left: 39%;
}
.s3 .thongkediv .thongke-3{
    left: 68.1%;
}
.s3 .thongkediv .thongke-4{
    top: 55%;
}
.s3 .thongkediv .thongke-5{
    left: 39%;
    top: 55%;
}
.s3 .thongkediv .thongke-6{
    left: 68.1%;
    top: 55%;
}
.s3 .thongkediv .thongke img{
    width: 25%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 4%;
    border-radius: 20em;
    transform: translateY(-50%);
}
.s3 .thongkediv .thongke p:nth-child(2){
    background: #80B8C7;
    color: #fff;
    height: 50%;
    padding-top: 3%;
    padding-left: 20%;
    font-size: 1.1vw;
}
.s3 .thongkediv .thongke p:nth-child(3){
    color: #2C667A;
    background: #FEFFFF;
    height: 50%;
    padding-top: 2%;
    padding-left: 20%;
    font-size: 1.2vw;
}
.s3 .tong{
    top: 77%;
    left: 57.6%;
    display: block;
    width: 37.3%;
    height: 22.9%;
}
.s3 .tong p:nth-child(1){
    position: absolute;
    top: 6%;
    left: 7.1%;
    color: #12617F;
    font-size: 1.1vw;
    text-transform: uppercase;
    width: 12.8%;
}
.s3 .tong p:nth-child(2){
    position: absolute;
    top: 19.8%;
    left: 2.3%;
    color: #FEFFFD;
    font-size: 6.1vw;
    width: 22.1%;
}
.s3 .tong p:nth-child(3){
    position: absolute;
    top: 6%;
    left: 31.2%;
    color: #12617F;
    font-size: 1.1vw;
    text-transform: uppercase;
    width: 12.8%;
}
.s3 .tong p:nth-child(4){
    position: absolute;
    top: 19.8%;
    left: 26.4%;
    color: #FEFFFD;
    font-size: 6.1vw;
    width: 22.1%;
}
.s3 .tong p:nth-child(5){
    position: absolute;
    top: 6%;
    left: 55.5%;
    color: #12617F;
    font-size: 1.1vw;
    text-transform: uppercase;
    width: 12.8%;
}
.s3 .tong p:nth-child(6){
    position: absolute;
    top: 19.8%;
    left: 51%;
    color: #FEFFFD;
    font-size: 6.1vw;
    width: 22.1%;
}
.s3 .tong p:nth-child(7){
    position: absolute;
    top: 6%;
    left: 80%;
    color: #12617F;
    font-size: 1.1vw;
    text-transform: uppercase;
    width: 12.8%;
}
.s3 .tong p:nth-child(8){
    position: absolute;
    top: 19.8%;
    left: 75.2%;
    color: #FEFFFD;
    font-size: 6.1vw;
    width: 22.1%;
}
.s4{}
.s4 .nhanvien{
    width: 39%;
    height: 36%;
    top: 3.3%;
    left: 9.7%;
}
.s4 .nhanvien img{
    position: absolute;
    top: 1.3%;
    left: 0.8%;
    width: 41.9%;
    height: 96.6%;
    border-radius: 2vw;
}
.s4 .nhanvien p{
    position: absolute;
    top: 18.7%;
    left: 44%;
    width: 55.5%;
    height: 18%;
    color: #082D36;
    text-transform: uppercase;
    font-size: 2.2vw;
    padding-top: 2%;
}
.s4 .nhanvien p:nth-child(2){}
.s4 .nhanvien p:nth-child(3){
    top: 39.4%;
    font-size: 3vw;
    padding-top: 0%;
}
.s4 .nhanvien p:nth-child(4){
    top: 59.4%;
    /* font-size: 3vw; */
    /* padding-top: 0%; */
}
.s4 .bieudo{
    width: 38.8%;
    height: 52%;
    top: 42.3%;
    left: 9.4%;
}
.s4 .bieudo p{
    position: absolute;
        top: 8.8%;
        left: 13.9%;
        width: 21.7%;
        height: 7.9%;
        color: #fff;
        text-transform: uppercase;
        font-size: 1.9vw;
        border-radius: 20em;
}
.s4 .bieudo .canvas-holder{
    position: absolute;
    top: 11.2%;
    left: -2%;
    width: 114.5%!important;
}
.s4 .bieudo p:nth-child(1){background: #a3e241;left: 74.1%;}
.s4 .bieudo p:nth-child(2){
    background: #c56f2c;
    top: 83.6%;
    left: 73.7%;
}
.s4 .bieudo p:nth-child(3){
    background: #0298d2;
}
.s4 .bieudo p:nth-child(4){
    position: absolute;
    top: 45%;
    left: -10.8%;
    width: 34%;
    height: 10%;
    transform: rotate(
-90deg
);
    text-align: center;
    text-transform: uppercase;
    font-size: 2.5vw;
    color: #005980;
    }
.s4 .ty{
    width: 43.6%;
    height: 35.6%;
    top: 4.1%;
    left: 51.2%;
}
.s4 .ty p{
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 10%;
    height: 10%;
    font-size: 2.2vw;
}
.s4 .ty p:nth-child(1){
    top: 2%;
    left: 0%;
    width: 32%;
    height: 10%;
    color: #042229;
}
.s4 .ty p:nth-child(2){
    top: 2%;
    left: 34%;
    width: 32%;
    height: 10%;
    color: #042229;
}
.s4 .ty p:nth-child(3){
    top: 2%;
    left: 68%;
    width: 32%;
    height: 10%;
    color: #042229;
}
.s4 .ty p:nth-child(4){
    top: 18%;
    left: 0%;
    width: 32%;
    height: 37%;
    font-size: 6.3vw;
}
.s4 .ty p:nth-child(5){
    top: 18%;
    left: 34%;
    width: 32%;
    height: 37%;
    font-size: 6.3vw;
}
.s4 .ty p:nth-child(6){
    top: 18%;
    left: 68%;
    width: 32%;
    height: 37%;
    font-size: 6.3vw;
}
.s4 .ty p:nth-child(7){
    top: 68%;
    left: 0%;
    width: 32%;
    height: 19%;
    font-size: 3.3vw;
}
.s4 .ty p:nth-child(8){
    top: 68%;
    left: 34%;
    width: 32%;
    height: 19%;
    font-size: 3.3vw;
    }
.s4 .ty p:nth-child(9){
    top: 68%;
    left: 68%;
    width: 32%;
    height: 19%;
    font-size: 3.3vw;
    }
.s4 .duan{
    width: 43.5%;
    height: 26.1%;
    top: 42.1%;
    left: 51.1%;
}
.s4 .duan p{
    top: 10%;
    left: 2%;
    width: 31.5%;
    height: 16%;
    font-size: 1.5vw;
    color: #fff;
    position: absolute;
}
.s4 .duan p:nth-child(1){}
.s4 .duan p:nth-child(2){
    left: 40%;
    width: 57.5%;
    color: #002638;
    font-size: 1.7vw;
    text-align: left;
}
.s4 .duan p:nth-child(3){
    top: 44%;
}
.s4 .duan p:nth-child(4){
    left: 40%;
    width: 57.5%;
    top: 44%;
    color: #002638;
    font-size: 1.7vw;
    text-align: left;
}
.s4 .duan p:nth-child(5){
    top: 77%;
}
.s4 .duan p:nth-child(6){
    left: 40%;
    width: 57.5%;
    top: 77%;
    color: #002638;
    font-size: 1.7vw;
    text-align: left;
}
.s4 .d2{
    width: 43.9%;
    height: 21.1%;
    top: 73.4%;
    left: 50.9%;
}
.s4 .d2 p{}
.s4 .d2 p:nth-child(1){
    position: absolute;
    top: 2%;
    left: 5.2%;
    color: #003C49;
    font-size: 1.3vw;
    text-transform: uppercase;
    width: 12.9%;
}
.s4 .d2 p:nth-child(2){
    position: absolute;
    top: 17.1%;
    left: 0.2%;
    color: #003B49;
    font-size: 8vw;
    width: 22.4%;
}
.s4 .d2 p:nth-child(3){
    position: absolute;
    top: 2%;
    left: 30.9%;
    color: #003C49;
    font-size: 1.3vw;
    text-transform: uppercase;
    width: 12.9%;
}
.s4 .d2 p:nth-child(4){
    position: absolute;
    top: 17.1%;
    left: 26.2%;
    color: #003B49;
    font-size: 8vw;
    width: 22.4%;
}
.s4 .d2 p:nth-child(5){
    position: absolute;
    top: 2%;
    left: 56.4%;
    color: #003C49;
    font-size: 1.3vw;
    text-transform: uppercase;
    width: 12.9%;
}
.s4 .d2 p:nth-child(6){
    position: absolute;
    top: 17.1%;
    left: 51.6%;
    color: #003B49;
    font-size: 8vw;
    width: 22.4%;
}
.s4 .d2 p:nth-child(7){
    position: absolute;
    top: 2%;
    left: 81.4%;
    color: #003C49;
    font-size: 1.3vw;
    text-transform: uppercase;
    width: 12.9%;
}
.s4 .d2 p:nth-child(8){
    position: absolute;
    top: 17.1%;
    left: 77.3%;
    color: #003B49;
    font-size: 8vw;
    width: 22.4%;
}

.s5{}
.s5 > img{}
.s5 p{
    position: absolute;
    top: 0%;
    left: 0%;
}
.s5 p:nth-child(2){
    top: 19.8%;
    left: 52.8%;
    width: 12.7%;
    font-size: 1.8vw;
    text-transform: uppercase;
}
.s5 p:nth-child(3){
    top: 19.1%;
    left: 67.8%;
    width: 26.8%;
    font-size: 2.5vw;
    text-transform: uppercase;
    color: #000;
    text-align: left;
}
.s5 p:nth-child(4){
    top: 25.3%;
    left: 67.8%;
    width: 26.8%;
    font-size: 2.5vw;
    /* text-transform: uppercase; */
    color: #000;
    text-align: left;
}
.s5 p:nth-child(5){
    top: 34.8%;
    left: 52.8%;
    width: 12.7%;
    font-size: 1.8vw;
    text-transform: uppercase;
}
.s5 p:nth-child(6){
    top: 34.1%;
    left: 67.8%;
    width: 26.8%;
    font-size: 2.5vw;
    text-transform: uppercase;
    color: #000;
    text-align: left;
}
.s5 p:nth-child(7){
    top: 40.5%;
    left: 67.8%;
    width: 26.8%;
    font-size: 2.5vw;
    /* text-transform: uppercase; */
    color: #000;
    text-align: left;
}
.s5 p:nth-child(8){
    top: 51.7%;
    left: 54.8%;
    width: 6.8%;
    font-size: 1.2vw;
    text-transform: uppercase;
}
.s5 p:nth-child(10){
    top: 81.5%;
    left: 15.8%;
    width: 30.2%;
    font-size: 1.4vw;
    /* text-transform: uppercase; */
    color: #000;
    text-align: center;
    padding-left: 2%;
    max-height: 2.9%;
    overflow: hidden;
}
.s5 .chuc{
    top: 56.1%;
    left: 54.8%;
    width: 36.6%;
    height: 18%;
    font-size: 2.5vw;
    /* text-transform: uppercase; */
    color: #000;
    text-align: left;
    overflow: hidden;
}
.s5 .chuc p{
    color: #000;
    text-align: left;
    font-size: 2.2vw;
}
.s5 img:nth-child(11){
    position: absolute;
    top: 27.5%;
    left: 19.6%;
    width: 21.4%;
    height: auto;
    border-radius: 20em;
}
.s5 i:nth-child(12){
    position: absolute;
    top: 81.7%;
    left: 16.3%;
    color: #000;
    font-size: 1.5vw;
}
.s5 .fluid-width-video-wrapper{
    position: absolute;
    top: 89%;
    left: 15%;
    width: 32%;
    height: 7%;
    padding-top: 5%!important;
    opacity: 0.05;
    border-radius: 20em;
}
.s6{}
.s6 > img{}
.s6 .youtube{
    width: 42.3%;
    height: 43.3%;
    left: 8.7%;
    top: 3.4%;
    border-radius: 30px;
    overflow: hidden;
}
.s6 .youtube .fluid-width-video-wrapper{
    padding-top: 57.55%!important;
}
.s6 .youtube iframe{}
.s6 .tvc{
    top: 48%;
    left: 12.3%;
    width: 36.1%;
    height: 48.6%;
}
.s6 .tvc p{
    height: 12.5%;
    color: #001C26;
    font-size: 1.8vw;
    text-align: left;
    padding-left: 9%;
    padding-top: 1.6%;
    position: relative;
}
.s6 .tvc p i{
    position: absolute;
    top: 23%;
    left: 3%;
    font-size: 1.8vw;
    color: #80c4d1;
}
.s6 .tvc p:nth-child(1){}
.s6 .tvc p:nth-child(2){}
.s6 .tvc p:nth-child(3){}
.s6 .tvc p:nth-child(4){}
.s6 .tvc p:nth-child(5){}
.s6 .tvc p:nth-child(6){}
.s6 .tvc p:nth-child(7){}
.s6 .tvc p:nth-child(8){}
.s6 .chiase{
    left: 52.1%;
    width: 44.3%;
    height: 47.6%;
    top: 4.3%;
}
.s6 .chiase2{
    left: 52.1%;
    width: 44.3%;
    height: 47.6%;
    top: 47.9%;
}
.s6 .chiase > p{
    position: absolute;
    top: 1.3%;
    left: 4.6%;
    color: #00262F;
    font-size: 1.6vw;
    width: 39.3%;
}
.s6 .chiase2 > p{
    left: 8.6%;
}
.s6 .chiase .cs{
    position: absolute;
    top: 13%;
    left: 5%;
    width: 92%;
    height: 29.2%;
}
.s6 .chiase2 .cs{
    top: 20%;
    left: 6.5%;
    width: 88%;
}
.s6 .chiase .cs:nth-child(3){
    top: 47%;
}
.s6 .chiase2 .cs:nth-child(3){
    top: 54%;
}
.s6 .chiase .cs img{
    width: 18.8%;
    position: absolute;
    top: 1%;
    left: 0.4%;
    color: #00262F;
    font-size: 1.6vw;
}
.s6 .chiase2 .cs img{
    width: 19.6%;
}
.s6 .chiase .cs p{
    width: 63%;
    position: absolute;
    top: 21px;
    left: 22.4%;
    color: #fff;
    font-size: 1.8vw;
    text-align: left;
    max-height: 78px;
    overflow: hidden;
}
.s6 .chiase .cs p.viet{
    top: 70%;
    color: #f5f5f596;
    font-size: 1.5vw;
}
.s6 .chiase .cs .new{
    /* background: yellow; */
    /* width: auto; */
    color: #000;
    /* font-size: 1.2vw; */
    /* line-height: 1; */
    /* padding: 2px 15px; */
    top: -27%;
    left: 74.5%;
    width: 6vw;
}
.s6 .chiase .cs .qrcode{
    position: absolute;
    top: 16%;
    right: 0;
}
.separatorx {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  0% { opacity: 0; }
}
.ui-datepicker-title span{font-size: 1.8vw;}
.ui-datepicker th span{font-size: 1.5vw;}
.ui-widget-header{
    background: #d3e6eb;
}
.ui-datepicker table{}
.ui-datepicker td{padding: 0px;/* border-bottom: none; *//* border-right: none; */border: 1px #ddd solid;}
.ui-datepicker th{width:14.2857142857%}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    background: #80b8c7;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background: #01617b;
    color: #ffffff;
}
#nprogress .bar{
    top: auto;
    bottom: 0;
}
#nprogress .peg{display: none;}.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video{height: calc(100vh - 80px) !important;}
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}