/* Main */
:root {
    --tw-text-opacity: 1;
    --color-main: #000;
    --color-static: #323232;
    --color-red: #ED1B26;
    --color-orange: #FF5E15;
    --color-medium-red: #cc2c32;
    --color-dark-red: #c31829;
    --color-green: #28a745;
    --color-dark-green: #207d36;
    --color-black: #000000;
    --color-gray: #6c757d;
    --color-blue: #01165A;
    --background-static: #0054A5;
    --background-hover: #FD5523;
    --color-hover: #FD5523;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
}
@font-face {
    font-family: 'SVN-Megante';
    src: url('../fonts/SVN-Megante/SVN-Megante.woff2') format('woff2'),
        url('../fonts/SVN-Megante/SVN-Megante.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Hung-JXPC';
    src: url('../fonts/HungJXPC/HungJXPC-Regular.woff2') format('woff2'),
        url('../fonts/HungJXPC/HungJXPC-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {
  font-size: 18px;
  font-family: "VT323", monospace;
  font-weight: 400;
  line-height: 1.7;
  color: #000000;
  background: #ffffff url(../images/bg.jpg) no-repeat center top;
  background-size: auto 100%;
}
h1, h2, h3, h4, h5, h6, form, body {margin: 0px;padding: 0px;}
.relative{position: relative;}
a{text-decoration: none}
ul {padding-inline-start: 15px;}
.content-detail figure {text-align: center;outline: solid 1px #ccc;background: rgba(0,0,0,0.05);padding: 10px;margin: 10px 20px;display: inline-block;}
.content-detail figure > figcaption {text-align: center;display: block;}
.content-detail blockquote {font-style: italic;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;}
.content-detail blockquote {padding-left: 20px;padding-right: 8px;border-left-width: 5px;}
@-webkit-keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
video,iframe{max-width: 100% !important;height: auto;width: 100%;min-height: 400px;}
img {max-width: 100%;height: auto;vertical-align: top;}
a,
input,
textarea {outline: none;padding: 0px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.hidden {display: none;}
.clear {clear: both;}
.none {display: none;}
.hidden-seoh {visibility: hidden;height: 0px;margin: 0px;overflow: hidden;}
.wrap-content {max-width: 1200px;margin: auto;}
.header{position: relative;top:0px;z-index: 11;width: 100%;/* height: 720px; */padding-bottom: 32%;}
.header .social li{position: relative;}
.header .social li .name{position: absolute;color: #fff;top: 50%;left: 135px;font-size: 34px;transform: translateY(-50%);}
.wrap-login .content{max-width: 994px;background: url(../images/bg_thanhtich.png) no-repeat center top;/* background-size: 100% 100%; */padding: 55px 80px;box-shadow: 5px 5px 20px rgba(0,0,0,0.5);}
.wrap-login .btn_download{position: relative;}
.wrap-login .btn_download .name{position:absolute;color: #fff;top: 50%;left: 70px;transform: translateY(-50%);line-height: 1.3;padding-right: 10px;}
.btn-login span{background: -webkit-linear-gradient(bottom, #fff45a, #fff45a, #ffffff, #fff45a, #fff45a);background-size: 300px 15px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;font-size: 34px;}
.btn-login{background: url(../images/btn_small.png) no-repeat center;background-size: 100% 100%;width: 100%;max-width: 275px;display: inline-block;text-align: center;padding: 11px 10px;}
.gr_baodanh:after{content:'';width: 100%;height: 20px;position: absolute;background: #fff;left: 0px;top: 139px;z-index: -2;border-radius: 10px;transition: all 0.5s ease;}
.wrap-baodanh .item_nhanthuong{}
.wrap-baodanh .item_nhanthuong .name{background: url(../images/name_phanthuong.png) no-repeat center;font-size: 40px;padding: 18px 10px;}
.wrap-baodanh .item_nhanthuong .name span{color:#fff;background: -webkit-linear-gradient(bottom, #a0a0a0, #a0a0a0, #ffffff, #a0a0a0, #a0a0a0);background-size: 300px 15px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.wrap-baodanh .item_nhanthuong.active .name span, .wrap-baodanh .item_nhanthuong:hover .name span{color:#fff;background: -webkit-linear-gradient(bottom, #fff45a, #fff45a, #ffffff, #fff45a, #fff45a);background-size: 300px 15px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.wrap-baodanh .item_nhanthuong .line{position: relative;}
.wrap-baodanh .item_nhanthuong .line:after{content:'';width: 100%;height: 20px;position: absolute;background: #fff;left: 0px;top: 50%;transform: translateY(-50%);z-index: -1;border-radius: 10px;transition: all 0.5s ease;}
.wrap-baodanh .item_nhanthuong.active .line:after, .wrap-baodanh .item_nhanthuong:hover .line:after{background:#f9b769;}
.btn-big span{background: -webkit-linear-gradient(bottom, #fff45a, #fff45a, #ffffff, #fff45a, #fff45a);background-size: 300px 15px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;font-size: 52px;}
.btn-big{background: url(../images/btn_big.png) no-repeat center;background-size: 100% 100%;width: 100%;max-width: 450px;display: inline-block;text-align: center;padding: 26px 10px;transition: all 0.5s ease;}
.slick-list{
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}
.slick-current .cas {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 101;
    position: relative;
}
.cas {
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transform: scale(0.9) translateX(-10%);
    -moz-transform: scale(0.9) translateX(-10%);
    -ms-transform: scale(0.9) translateX(-10%);
    -o-transform: scale(0.9) translateX(-10%);
    transform: scale(0.9) translateX(-10%);
}
.slick-current + .slick-slide .cas {
    -webkit-transform: scale(0.9) translateX(10%);
    -moz-transform: scale(0.9) translateX(10%);
    -ms-transform: scale(0.9) translateX(10%);
    -o-transform: scale(0.9) translateX(10%);
    transform: scale(0.9) translateX(10%);
}
.his-cas2 .next{position: absolute;top: 50%;right: -100px;z-index: 100;cursor: pointer;transform: translateY(-50%);}
.his-cas2 .prev{position: absolute;top: 50%;left: -100px;z-index: 100;cursor: pointer;transform: translateY(-50%);}
.item_news{position: relative;transition: all 300ms;overflow: hidden;margin-bottom: 30px;background: url(../images/bg_nv.png);text-align: center;background-size: 100% 100%;padding: 25px 10px;}
.item_news a{color:#000;font-size: 38px;text-shadow: #ffd256 1px 0 3px;transition: all 0.5s ease;}
.item_news a:hover{color:#f00;}

.title_index{margin-bottom: 20px;color: var(--color-static);position: relative;line-height: 1.3;font-size: 40px;text-transform: uppercase;background: url(../images/bg_title.png) no-repeat center;background-size: 100% 100%;text-align: center;padding: 20px 10px;}
.title_index p{color: var(--color-hover);font-size: 14px;font-weight: 400;text-transform: uppercase;}
.title_index span{background: -webkit-linear-gradient(bottom, #fff45a, #fff45a, #ffffff, #fff45a, #fff45a);background-size: 300px 15px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;font-size: 54px;}
.item_news:hover, .btn-big:hover, .btn-login:hover, .btn_download a:hover {
    transform: scale(1.05);
}
/* Footer */
.footer{overflow: hidden;}
.footer-article {padding: 30px 0px 0px 0px;padding-top: 60px;position: relative;color: #FFFFFFCC;}
@-webkit-keyframes rotate{
    from{-webkit-transform:rotate(0)}
    to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
    from{-moz-transform:rotate(0)}
    to{-moz-transform:rotate(360deg)}
}
/* Scroll Top */
.scrollToTop {width: 41px;height: 41px;text-align: center;font-weight: bold;color: #444;text-decoration: none;position: fixed;bottom: 65px;right: 25px;display: none;z-index: 10;cursor: pointer;}