*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;line-height:1.6}
@font-face{font-family:NunitoBold;src:url(../../../font/Nunito-Bold.ttf)}
@font-face{font-family:NunitoBlack;src:url(../../../font/Nunito-Black.ttf)}
@font-face{font-family:Nunito;src:url(../../../font/Nunito-Regular.ttf)}
body,html{font-family:Nunito,sans-serif;font-size:16px;width:100%;height:100%;color:#262626}
img{vertical-align:middle;max-width:100%}
@keyframes searching{
0%{text-shadow:18px 13px 7px #52bbfe85}
50%{text-shadow:0 13px 4px #52bbfe85}
100%{text-shadow:-18px 13px 7px #52bbfe85}
}
@keyframes go{
0%{filter:brightness(1)}
50%{filter:brightness(3.5)}
100%{filter:brightness(1)}
}
@keyframes intro{
0%{box-shadow:0 0 23px 2px hsl(331.67deg 72.73% 61.18% / 70%)}
100%{box-shadow:0 0 23px 20px hsl(331.67deg 72.73% 61.18% / 30%)}
}
@keyframes light{
0%{transform:rotate(30deg);transform-origin:top;opacity:0}
50%{transform:rotate(0);transform-origin:top;opacity:.6}
100%{transform:rotate(-30deg);transform-origin:top;opacity:0}
}
.container{width:100%;max-width:1224px;margin:0 auto;padding:0 12px}
#normalHeader{position:fixed;width:100%;z-index:10}
#normalHeader .wrapBg{background:linear-gradient(180deg,hsl(340.43deg 77.05% 64.12% / 47%),hsl(250deg 69.86% 28.63% / 47%))}
#mainContent{position:relative;min-height:calc(100vh - 56px);background:url(../img/body_background.png) 100%/cover repeat-y fixed;padding-top:56px;padding-bottom:40px}
#mainContent .light{position:absolute;top:-64px;background:linear-gradient(to bottom,#4ed9fa,transparent);width:80px;height:70vh;z-index:22;opacity:0;filter:blur(10px)}
#mainContent .light.left{left:0;animation:light 5s 0s infinite alternate-reverse ease-in-out}
#mainContent .light.right{right:0;animation:light 5s 2s infinite alternate-reverse ease-in-out}
#mainContent .dashBoard{overflow:hidden;animation:intro 3s infinite alternate-reverse;border:2px solid #f630e6;background:#2f0d68ed;padding:80px 53px 53px 53px;position:relative;margin-top:40px;box-shadow:0 0 23px 2px #6dcff659;border-radius:15px}
#mainContent .headerDB{display:flex;justify-content:center;column-gap:24px;align-items:center;margin-bottom:24px}
#mainContent .logoDB{width:250px}
#normalHeader .header .leftContent a,#normalHeader .header .rightContent .logged .avatar>span,#normalHeader .header .rightContent .login a{color:#fff}
#mainContent .headerDB h3,#mainContent .headerDB h4{color:#fff;font-family:NunitoBlack;text-shadow:18px 13px 7px #52bbfe85;animation:searching 3s infinite alternate-reverse}
#mainContent .headerDB h3{font-size:44px}
#mainContent .headerDB h4{font-size:23px}
#mainContent .headerDB ul.desc{color:#ffea94}
#mainContent .headerDB ul.desc i{color:#2bfbfe}
#mainContent .headerDB ul.desc .btn{display:inline-block;padding:0 12px;text-decoration:none;border-radius:5px}
#mainContent .headerDB ul.desc .login{background:red;color:#fff}
#mainContent .headerDB ul.desc .signUp{background:#00f;color:#fff}
#mainContent .headerDB ul.desc .btn:hover{background:orange}
#mainContent .headerDB ul.desc li:nth-child(1){list-style:none;text-decoration:underline;color:#fff;padding:12px;font-weight:600}
#mainContent .headerDB ul.desc li:not(li:nth-child(1)){margin-left:27px}
#mainContent .headerTableDB{display:flex;justify-content:center;align-items:flex-end;margin:0 45px;text-align:center}
#mainContent .headerTableDB img{display:none}
#mainContent .headerTableDB p{font-size:35px;color:#fff799;font-family:NunitoBlack;margin:12px 0}
#mainContent .dashBoard .trangTri4{position:absolute;top:-2px;left:50%;margin-left:-182.5px}
#mainContent .dashBoard .trangTriLeft{position:absolute;left:-2px;top:50%;margin-top:-184px}
#mainContent .dashBoard .trangTriRight{position:absolute;right:-2px;top:50%;margin-top:-184px;transform:rotate(180deg)}
#mainContent .dashBoard .trangTri2{position:absolute;bottom:-2px;left:50%;margin-left:-155.5px}
#mainContent .dashBoard table{width:calc(100% - 90px);border:none;border-collapse:collapse;color:#fff;font-size:20px;text-align:center;box-sizing:border-box;margin:0 auto}
#mainContent .dashBoard table td{height:84px;background:#1652b3c1}
#mainContent .dashBoard table td:last-child{border-right:none;width:40%}
#mainContent .dashBoard table tr span{font-family:NunitoBold}
#mainContent .dashBoard table .btnLink{color:#123164;text-decoration:none;background:url(../img/arrowRight.png) no-repeat center right 20px,#fff799;border-radius:8px;padding:12px 55px 12px 34px;font-family:NunitoBold;display:inline-block}
#mainContent .dashBoard table .btnLink:hover{animation:go 1s infinite alternate-reverse}
.hiddenPC{display:none}
#facebook iframe, .fb-comments iframe{
    width:100% !important;
    max-width:100% !important;
}
@media all and (max-width:1024px){
#mainContent .headerDB h3{font-size:36px}
#mainContent .logoDB{width:240px}
#mainContent .headerTableDB img{width:160px}
#mainContent .headerTableDB p{font-size:30px}
#mainContent .dashBoard table{font-size:16px}
#mainContent .dashBoard table td{padding:12px}
}
@media all and (max-width:768px){
#mainContent .headerDB{flex-wrap:wrap}
#mainContent .headerDB h3{font-size:36px;text-align:center}
#mainContent .logoDB{width:160px}
#mainContent .headerTableDB img{width:160px}
#mainContent .headerTableDB p{font-size:30px}
#mainContent .dashBoard table{font-size:16px}
#mainContent .headerDB h4{font-size:18px;text-align:center}
.hiddenMobi{display:none}
.hiddenPC{display:block}
#mainContent .headerTableDB{flex-wrap:wrap;flex-direction:column-reverse;justify-content:center}
#mainContent .headerTableDB p{display:block;width:100%;text-align:center}
#mainContent .headerTableDB img{margin:0 auto}
#mainContent .dashBoard table td{padding:12px 5px}
#mainContent .dashBoard table tr span{margin:10px 0;display:block}
#mainContent .headerDB h3{text-shadow:2px 3px 2px #52bbfe85}
}
@media all and (max-width:500px){
#mainContent .headerDB h3{font-size: 24px;}
#mainContent .dashBoard{padding:60px 27px}
#mainContent .headerTableDB p{font-size:20px}
#mainContent .headerDB,#mainContent .headerTableDB{row-gap:12px;margin:0}
#mainContent .dashBoard table{width:100%;margin:0}
#mainContent .dashBoard table .btnLink{padding:9px;background:#fff799}
#mainContent .dashBoard .trangTri4{width:258px;margin-left:-129px}
}