:root{
    --b1:#375aa8;--b2:#fff;
    --t1:#000000;--t2:#201f1f;--t3:#fff;
    --bx:0px 24px 38px 3px rgba(0, 0, 0, 0.141),0px 9px 46px 8px rgba(0, 0, 0, 0.122),0px 11px 15px -7px rgba(0, 0, 0, 0.2);
    --border:rgba(0,0,0,.15);
    --esmodal-obg: #000;
    --esmodal-bg: #222e3c;
    --esmodal-shadow: 0 0.05rem 0.2rem rgba(255, 255, 255, 0.05);
    --shadow: 0 0.05rem 0.2rem rgba(255, 255, 255, 0.05);
    --esmodal-oz:146;
    --esmodal-z:151;
    --menu-z:148;
    --fixed-z:144;
  }
  body.dark{
    --b1:#2c3034;--b2:#212529;
    --t1:#fff;--t2:#ccc;
    --border:rgba(255,255,255,.15);
  }
*{box-sizing: border-box;}
body{
    -webkit-touch-callout: none;-webkit-text-size-adjust: none;
    -webkit-user-select: none;user-select: none;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size:14px;margin:0px;padding:0px;
    width: 100vw;height: 100vh;overflow: hidden;
}
button{box-shadow:none;background:none;border:none;cursor:pointer;font-family:inherit;font-size: inherit;color:inherit;}
h1,h2,h3,h4,h5,h6{margin-top: 0;margin-bottom: .5rem;font-weight: 500;line-height: 1.2;}
p{margin: 0;margin-bottom: .5rem;}
h1{font-size: 2.25rem;}h2{font-size: 2rem;}h3{font-size: 1.75rem;}h4{font-size: 1.5rem;}h5{font-size: 1.25rem;}h6{font-size: 1rem;}
img{width:100%;height:auto;object-fit:cover;}
input,select,textarea{width:100%;display:block;box-shadow:none;border:1px solid #ddd;padding:.5rem;font-size:1rem;}
input:focus,select:focus,textarea:focus{outline:0;box-shadow: 0 0 0 .25rem #0d6efd40;}
input[type="checkbox"],input[type="radio"]{display: inline-block;width:auto;}
svg{fill: currentColor;width: 1rem;}
.df{display: flex;}.dn{display: none;}.db{display: block;}.fc1 > *{flex:1;}.dif{display: inline-flex !important;}
.jcc{justify-content: center;}.jcsb{justify-content: space-between;}.jcfe{justify-content: flex-end;}
.aic{align-items: center;}.fw{flex-wrap:wrap;}.f1{flex:1;}.fdc{flex-direction:column;}.fdr{flex-direction:row;}
.tar{text-align: right;}.tac{text-align: center;}
.p0{padding: 0;}.m0{margin: 0;}.pt09{padding-top: 9px;}.pt05{padding-top: 0.5rem;}
.mla{margin-left:auto;}.mra{margin-right: auto;}
.mr05{margin-right: 0.5rem;}.mr1{margin-right: 1rem;}.mr2{margin-right: 2rem;}
.mb05{margin-bottom: 0.5rem;}.mb1{margin-bottom: 1rem;}.mb2{margin-bottom: 2rem;}
.p1{padding: 1rem;}.p05{padding: 0.5rem;}
.px05{padding-left: .5rem;padding-right: .5rem;}
.px1{padding-left: 1rem;padding-right: 1rem;}.pt1{padding-top: 1rem;}
.px2{padding-left: 2rem;padding-right: 2rem;}
.pr1{padding-right: 1rem;}.pb1{padding-bottom: 1rem;}
.py05{padding-top:.5rem;padding-bottom: .5rem;}
.py1{padding-top:1rem;padding-bottom: 1rem;}
.py2{padding-top:2rem;padding-bottom: 2rem;}.py5p{padding-top: 5px;padding-bottom: 5px;}
.pl4{padding-right: 4px;}.pr4{padding-right: 4px;}
.pl8{padding-right: 8px;}.pr8{padding-right: 8px;}
figure{padding: 0;margin: 0;}.ttc{text-transform: capitalize;}.tac{text-align: center;}
.fz1{font-weight: 600;letter-spacing: -.5px;}.w-auto{width:auto;}
.ct{max-width:90%;margin:auto;}.btn{text-decoration: none;display: inline-block;color: inherit;
padding: 0.5rem 1rem;font-family: inherit;}.txtw{color: #fff;}.brand-link{text-decoration: none;}
m-l,b-l{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}

m-l::after,b-l::after{content:"";display:inline-block;width:24px;height:24px;
    border-radius:50%;}
m-l::after{border:3px solid var(--t3);
  border-top-color:transparent;animation:spin 1s cubic-bezier(.79,.14,.15,.86) infinite;}
b-l{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color:var(--b1);z-index:99999;display: none;}
b-l::after{animation: spin 1.0s infinite ease-in-out;background-color:var(--t3);}
body.loading b-l{display: flex;}
es-modal{
  position:fixed;width:100vw;height:100vh;top: 0;left: 0;display: flex;justify-content: center;z-index:var(--esmodal-z);
  align-items: center;transform:scale(0);opacity:0;pointer-events: none;transition: all 300ms ease;
}
es-wrap{position:fixed;width:100vw;height: 100vh;z-index:var(--esmodal-oz);
  display: none;background-color:rgba(0,0,0,0.8);left: 0;top: 0;}
es-modal es-mbody{
  border:1px solid rgba(0, 0, 0, 0.175);background-color:var(--esmodal-bg);
  border-radius: .5rem;max-height: 90vh;overflow-x:hidden;overflow-y: auto;
  width: 100%;background: white;display: block;align-self: flex-end;
}

es-mbody.delete{max-width:600px;width: 100%;}
es-mbody.view{max-width:90vw;width:fit-content;}
body.show-modal es-modal{pointer-events:all;opacity:1;transform: scale(1);}
body.show-modal{overflow: hidden;}
body.show-modal es-wrap,body.show-menu es-wrap{display: block;}
es-modal m-h{border-bottom:1px solid #4e5863;padding: 1em;}
es-modal m-h h5{margin-right:3em;}
es-modal m-f{text-align: right;padding: 1em;}
.btn-close{color:#fff;background: rgb(255, 38, 0);}

.mratio svg{display: block;width: 100% !important;}.mratio{position: relative;}
.mratio .child{position:absolute;width: 100%;height: 100%;top: 0;left: 0;}
.scroll::-webkit-scrollbar{size:10px;}
.scroll.small::-webkit-scrollbar{size:5px !important;}
.scroll::-webkit-scrollbar-thumb{background-color:gray;}
#ROOT{overflow-y: auto;}
.fixed-page{
  position:absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;pointer-events: none;
  background-color: #fff;z-index:var(--fixed-z);transform: translateX(100%);will-change:transform;
  transition: transform 300ms ease,opacity 300ms ease;overflow-y: auto;
}
main{position: relative;flex: 1;overflow: hidden;}
main.show-fixed{overflow: hidden;}
main.show-fixed .fixed-page{transform: translate(0);opacity:1;pointer-events: all;}
header{
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);;
    text-align: center;padding:.5rem;
}
footer{width: 98vw;margin: auto;}
footer a{text-decoration: none;padding:0 5px;font-size: 1.2rem;}
footer a.privacy{font-size: .95rem;}
footer .l1{color: #3b579d;}
footer .l2{color: #e1306c;}
footer .l3{color: #00aced;}
footer .l4{color: #e62117;}
mob-nav{box-shadow: 0 -3px 8px rgba(0,0,0,0.15);height: 65px;
  background-color: #5d548d;}
.mob-btn{padding: 10px 20px;display: flex;flex-direction:column;align-items: center;
  transition:transform 300ms ease;color: #fff;text-decoration: none;}
.mob-btn i{font-size: 1.5em;transform:rotate(0);transition:transform 300ms ease;
transform-style: preserve-3d;transform-origin:center;}
.mob-btn b{font-weight: 700;}
.mob-btn.a i{transform:rotate(360deg);}
.mob-btn.a{color:aquamarine;transform:scale(1.1);}
back-btn{font-size: 1.2em;}
.banners{overflow: hidden;overflow-x:auto;}
app-banners{display:flex;width:fit-content;}
app-banner{width:100vw;display: block;}
marquee a{text-decoration:none;}marquee li{padding-right: 2rem;}
marquee ul{display: flex;margin: 0;padding: 0;}marquee ul li{list-style:none}
marquee ul li::before{content:"*";color:#000;font-weight: bolder;margin-right: 3px;vertical-align: middle;}
.catlink{display: block;padding:0 .5rem;color: #4d4a4a;text-decoration: none;text-align: center;
  background-color: aliceblue !important;}
.catlink i{font-size: 2.5rem;margin-bottom: .3rem;}
.catlink h5{font-size: 1rem;}
.bcg1{background-color: tomato;}
.bcg2{background-color: seagreen;}
.bcg3{background-color: purple;}
.bcg4{background-color: #673AB7;}
.bcg5{background-color: #a9811d;}
.bcg6{background-color: #607D8B;}
.bcg7{background-color:#2196F3;}
.bcg8{background-color: #5d3e33;}
.bcg9{background-color: #FF5722;}

article p{font-size: 15px;color: #506172;font-weight: 500;line-height: 25px;margin-bottom: 1.4rem;text-align: justify;}
article .ytube{width: 90vw;max-width: 640px;margin: auto;}
.news-btn h6 {display: block;margin-bottom: 5px;padding-right: 5px;}
.news-btn h6 a{display: block;font-weight: 500;text-decoration: none;font-size: 0.85rem;line-height: 1.5;}
.news-btn p{color: #888;font-size: 12px;margin: 0;}

.news-btn{position: relative;width: 100%;box-shadow:1px 2px 4px rgba(0, 0, 0, 0.122);}
.news-btn .ctn{padding: .3rem 0 0 .8rem;width: 100%;}
.news-btn .readbtn{background-color:#eee;color: #555;font-weight:500;border-radius:3px;}
.ad--btn{background-color: blueviolet;color: #fff;white-space: nowrap;padding: 5px;}

page-nav{height: 40px;text-align: right;display: block;padding-right: 2rem;}
page-nav button{border:1px solid cornflowerblue;}
page-nav button.active{background: cornflowerblue;}
app-wrap{height: 100vh;display: flex;flex-direction: column;display: flex;flex-direction: column;}
.bgg{border: 1px solid #1dc42c}
header{background-color: #170072;color: #fff;}
.loc-grp{position: relative;}
.loc-btn{background-color: transparent;color: #fff;border: 2px solid #0ee5f0;width: 108px;
  padding: 0.3rem;margin-right: 5px;text-align: left;font-size: 0.85rem;
}
/* #location{display: none;font-size: 0.85rem;padding: 0.3rem;position:fixed;overflow-x: hidden;
  z-index: 99;left: 5vw;width: 90vw;height: 90vh;top: 5vw;overflow-y: auto;
  border: 1px solid rgba(255,255,255,0.4);background-color:#170072;
}
#location.a{display: block;} */
header select option,header select optgroup{background-color:#170072;color: #efdb01;}
.ms-grp{font-weight:bold;background-color:rgba(0, 0, 0, 0.58);}
.ms-label{padding: 10px;;position: relative;padding-left:30px;display: flex;align-items: center;text-transform: capitalize;cursor: pointer;}
.ms-label.ms-val{margin-left: 25px;}
.ms-label::after{
  position: absolute;content:"";left: 6px;width: 1rem;height: 1rem;
  border:1px solid currentColor;
}
.ms-label::before{position: absolute;content:"\2713";left: 10px;display: none;}
.ms-label.on::before{display: inline-block;}
.for-ads{padding-top: 5px;background-color: #cbcaba;padding-bottom: 5px;}.for-ads .btn{padding: 5px 10px;border-radius: 5px;}
.news-btn a{color:#000;}
.desktop-v .news-btn{margin-bottom: 8px;}

share-btns {display: flex;flex-direction: column;}
share-btns .share-btn {margin: 0 5px;padding: 8px 16px;border-radius: 3px;color: #fff;text-transform: capitalize;
    font-size: 14px;line-height: 18px;vertical-align: middle;margin-bottom: 10px;text-decoration: none;
    margin: 0 auto 10px auto;width: 200px;
 }
share-btns .share-btn svg {margin-right: 5px;display: inline-block;font-size: 18px;vertical-align: middle;}
.share-btn.sb1{background-color: #3b5998;}
.share-btn.sb2 {background-color: #8134af;}
.share-btn.sb3 {background-color: #007bb6;}
.share-btn.sb4 {background-color: #075e54;}
.share-btn.sb5 {background-color: #f1c40f;}
.menu a{color: #007bb6;font-size: 1.1rem;text-decoration: none;}
.menu li{border-bottom: 1px solid #00aced;border-radius: 10px;}
.menu{padding: 0;margin: 0;list-style: none;}

.c-1{width: 8.333333333%;}
.c-2{width: 16.666666666%;}
.c-3{width: 25%;}
.c-4{width: 33.3333333333%;}
.c-5{width: 41.6666666666%;}
.c-6{width: 50%;}
.c-7{width: 58.33333333333%;}
.c-8{width: 66.6666666666%;}
.c-9{width: 75%;}
.c-10{width: 83.33333333333%;}
.c-11{width: 91.66666666666%;}
.c-12{width: 100%;}
.container{margin-left: auto;margin-right:auto;}
.mob-hide{display: none;}
@media (min-width: 768px){
    footer{background-color: #170072;color: #fff;width: 100%;}
    header .mob-hide,footer a.privacy{color: #fff;text-decoration: none;}
    mob-nav{display: none !important;}
    .mob-hide{display:initial;font-weight: bold;}
    
    .c-md-1{width: 8.333333333%;}
    .c-md-2{width: 16.666666666%;}
    .c-md-3{width: 25%;}
    .c-md-4{width: 33.3333333333%;}
    .c-md-5{width: 41.6666666666%;}
    .c-md-6{width: 50%;}
    .c-md-7{width: 58.33333333333%;}
    .c-md-8{width: 66.6666666666%;}
    .c-md-9{width: 75%;}
    .c-md-10{width: 83.33333333333%;}
    .c-md-11{width: 91.66666666666%;}
    .c-md-12{width: 100%;}
    .container{max-width:720px}
    .px1-md{padding-left: 1rem;padding-right: 1rem;}
    .pt3-md{padding-top: 3rem;}
    .pl3-md{padding-left: 3rem;}
    .pb3-md{padding-bottom: 3rem;}
    .dbf-md{display: flex;}
}
@media (min-width: 991px){
    .c-xl-1{width: 8.333333333%;}
    .c-xl-2{width: 16.666666666%;}
    .c-xl-3{width: 25%;}
    .c-xl-4{width: 33.3333333333%;}
    .c-xl-5{width: 41.6666666666%;}
    .c-xl-6{width: 50%;}
    .c-xl-7{width: 58.33333333333%;}
    .c-xl-8{width: 66.6666666666%;}
    .c-xl-9{width: 75%;}
    .c-xl-10{width: 83.33333333333%;}
    .c-xl-11{width: 91.66666666666%;}
    .c-xl-12{width: 100%;}
    .container{max-width:960px}
    .pt3-lg{padding-top: 3rem;}
    .pb3-lg{padding-bottom: 3rem;}
    .pt5-lg{padding-top: 5rem;}
    .pb5-lg{padding-bottom: 5rem;}
}
@media (min-width: 1200px){
  .container{max-width: 1170px;}
}
@media (min-width: 1400px){
  .container{max-width: 1320px;}
}

@keyframes spin{0%{transform: rotate(0);}100%{transform: rotate(360deg);}}