:root {
--color_primary:#E62310;}
@media (max-width: 1599px){}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}


::-moz-selection { color: #fff;background:#000;}
::selection {color: #fff;background:#000;}
.btn-primary{background: var(--color_primary);border:1px solid var(--color_primary);}
.btn-primary:hover,.btn-primary:active{background: #bc0000;border:1px solid #bc0000;}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {padding-right:30px;padding-left: 30px;}
body{background:url("../images/bg.jpg") #f2f2f2;color:#000;width: 100%;overflow-x: hidden;overflow-y: scroll;background-size: contain}
body::-webkit-scrollbar{width:5px;overflow-x:hidden;}
body::-webkit-scrollbar-track{background-color:transparent;} 
body::-webkit-scrollbar-thumb{background-color:rgba(230,35,16,.2);border-radius: 5px;}
body::-webkit-scrollbar-thumb:hover{background-color:rgba(230,35,16,1);border-radius: 5px;}
section{min-height:100vh;padding:200px 0px}
.section-h1{margin-bottom:50px;}
.section-h1 h1{font-weight: bold;margin-bottom:0px;font-size: 26px;}
.section-h1 h1 div:nth-child(2){font-size:.7em;margin-top: 5px;}
p{font-size: 17px;text-align: justify;line-height:2em}
.font-lg{font-size: 18px;font-weight: bold;}
.font-sm{font-size: 14px;line-height:1.5em}
a:link,a:visited{color:#000;text-decoration: none}
a:hover{text-decoration: underline}
img{max-width: 100%}
@media (max-width: 1599px){
.font-lg{font-size: 21px;}}
@media (max-width: 1399.98px) {
section{min-height:90vh;padding:150px 0px }
.section-h1 h1{font-size: 24px;}
p{font-size: 16px;}
.font-lg{font-size: 17px;}}
@media (max-width: 1199.98px) {
section{min-height:80vh;padding:100px 0px }
.section-h1 h1{font-size: 22px;}
p{font-size: 15px;}
.font-lg{font-size: 16px;}}
@media (max-width: 991.98px) {
section{padding:80px 0px }
p{font-size: 14px;text-align:left;}
.font-lg{font-size: 15px;}}
@media (max-width: 767.98px) {
p{font-size: 13px;}
.font-lg{font-size: 14px;}}


/**/
.fixednav{position:fixed;z-index: 9;left:20px;height: 100vh;width:fit-content;display: flex;align-items: center}
.fixednav ul{list-style: none;padding: 0px;margin: 0px}
.fixednav ul li{padding: 0px;margin:10px}
.fixednav ul li a{display: block;width:10px;height:10px;border-radius: 5px;background:var(--color_primary);padding: 0px;}
.fixednav ul li a,.fixednav ul li a:link,.fixednav ul li a:visited,.fixednav ul li a:hover{text-decoration: none;}
.fixednav ul li a span{display:block;width:100px;font-size: 14px;font-weight: bold;color: #fff;position: relative;top: -5px;left: 20px;transition-duration: .3s;transform:translate(-10px, 0px) ;opacity: 0}
.fixednav ul li a:hover span{display:block;color:var(--color_primary);transform:translate(0px, 0px) ;opacity: 1;text-decoration: none !important;}
.fixednav ul li a.active{background: #000;}
.fixednav ul li a.active span{display:block;color: #000;transform:translate(0px, 0px) ;opacity:1}
@media (max-width: 991.98px) {
.fixednav{left:10px;}
.fixednav ul li{margin:8px}
.fixednav ul li a{width:8px;height:8px;border-radius: 4px;}
.fixednav ul li a span{left:15px;top: -6px;font-size: 13px;}}
@media (max-width: 767.98px) {
.fixednav{left:0px;}}

/**/
.fixedlink{position:fixed;z-index:9;left:20px;bottom:20px;}
.fixedlink ul{list-style: none;padding: 0px;margin: 0px}
.fixedlink ul li{padding: 0px;margin:5px;display: inline-block}
.fixedlink ul li img{width:60px;border-radius: 30px;transition-duration: .3s;}
.fixedlink ul li img:hover{box-shadow: 0px 0px 0px 2px rgba(255,255,255,.3)}
@media (max-width: 991.98px) {
.fixedlink{left:10px;bottom:10px;}
.fixedlink ul li img{width:50px}}
@media (max-width: 767.98px) {
.fixedlink ul li img{width:45px}}
    
/**/
.fixedbtntop{position:fixed;z-index:9;right:25px;bottom:25px;}
.fixedbtntop:hover img{transform:translate(0px, -10px);}
.fixedbtntop img{width:30px;transition-duration: .1s}

/**/
.modal-content {background-color: #000;border:none;border-radius:0px;position: relative;color:#fff;}
.modal-header{padding:0px;overflow: hidden;border: none}
.modal-header .btn-close{position:absolute;top: -5px;right:-5px;color:#fff;z-index: 1060;background:var(--color_primary);opacity: 1;width:30px;height:30px;border-radius:25px;padding: 0px;overflow: hidden}
.modal-header #modal-img2{width:100%}
.modal-body{padding:60px 80px;font-weight: bold;color:#fff;font-size: 17px;line-height: 2rem;text-align: justify;}
.modal-body #modal-title2{border-left:20px solid #fff;margin-bottom:40px;padding-left: 8px;}
.modal-body-head h1{font-size:24px;text-align: justify;font-weight: bold;line-height:1.5em;border-left:3px solid #fff;padding-left:30px;margin-bottom: 0px;}
.modal-footer{justify-content: center;border-top:none;}
.modal-footer .btn{background: var(--color_primary);border:none;color:#fff;}
.modal-footer .btn i {color: #fff;margin-right: 3px;}
@media (max-width: 1399px){
.modal-body{padding:50px 70px;}
.modal-body-head h1{font-size:26px;}}
@media (max-width: 991px){
.modal-body{padding:40px 50px;}
.modal-body #modal-title2{border-left:20px solid #fff}
.modal-body-head h1{font-size:24px;}}
@media (max-width: 767px){
.modal-body-head h1{font-size:22px;}
.modal-body{padding:40px 40px;font-weight: normal;font-size: 16px;line-height: 1.6rem;text-align: justify;}}


/**/
#section-kv{display: flex;align-items: center}

/**/
#section-news{}
.card{margin:50px;background:transparent;color: #000;text-decoration: none;transition-duration: .2s;border:none;padding: 0px;width:100%;}
.card:nth-child(2n+1) .cardbtn{margin-top: 80px;}
.cardbtn{border:none;padding:50px 20px 50px 25px;background:url("/images/bg-news.png") no-repeat;background-size:cover;aspect-ratio: 1 / 1.1;display: block;}
.date,.year{margin-bottom: 0px;font-weight: bold;}
.card-cover{overflow: hidden;width:100%;aspect-ratio: 16 / 9;background: #111;}
.card-cover img{width:100%;object-fit: cover;aspect-ratio: 16 / 9;transition-duration: .6s;}
.card-info{padding:20px 0px 0px;font-weight: bold;}
.card-info h3{margin: 0px;flex: 1;font-weight: bold;}
.card-info .title{text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;display: -webkit-box;flex: 2;text-align: end;font-size:20px;}
.card:hover{color:#fff;transform:translate(0px, -5px) !important;}
.card:hover .card-cover img{transform: scale(1.05);}
@media (max-width: 1799.98px) {
.card{margin:40px}
.card-info .title{font-size:18px;}}
@media (max-width: 1599.98px) {
.card{margin:30px}
.card-info .title{font-size:17px;}}
@media (max-width: 1399.98px) {
.card{margin:25px}
.card-info .title{font-size:16px;}}
@media (max-width: 1199.98px) {
.card{margin:20px}
.card-info .title{font-size:15px;}}
@media (max-width: 991.98px) {
.card{margin:15px}
.card-info .title{font-size: 14px;}}
@media (max-width: 767.98px) {
.card{margin:10px}
.card-info .title{font-size: 13px;}}

/**/
#section-about{display: flex;align-items: center}
.AbtFs {display: flex;width: 100%}
.AbtFs .AbtF{background-size: cover;background-position:center center;margin:20px;display: flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;transition-duration:.3s;width:33%;transform-origin: center;position: relative;border:none}
.AbtFs .AbtF:first-child{background-image:url("../images/photo-02.jpg");height:70vh;top:5vh}
.AbtFs .AbtF:nth-child(2){background-image:url("../images/photo-03.jpg");height:75vh;}
.AbtFs .AbtF:nth-child(3){background-image:url("../images/photo-04.jpg");height:65vh;top:10vh}
.AbtFs .AbtF:hover{transform:translate(0px, 0px) scale(1.1)!important;width: 40%;text-decoration: none}
.AbtFs .AbtF:after{content: '';display: block;height:100%;width:100%;background:rgba(0,0,0,0);position: absolute;transition-duration:.3s;}
.AbtFs .AbtF:hover:after{background:rgba(0,0,0,0.4);}
.AbtFs .AbtF div{margin-bottom: 30px;color:#fff;position: relative;z-index: 2;font-weight: bold;}
.AbtFs .AbtF div h3{font-weight: bold;}
.AbtFs .AbtF div h5{font-weight: bold;font-size: 16px;}
.modal-titleF{display: flex;font-size: 30px;margin-bottom: 40px;}
.modal-titleF div:first-child{margin-right: 20px;border-right: 2px solid #fff;padding-right: 20px;}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
.AbtFs .AbtF{margin:10px;}}
@media (max-width: 767.98px) {
.AbtFs .AbtF{margin:3px;}
.AbtFs .AbtF:first-child{height:55vh;top:2.5vh}
.AbtFs .AbtF:nth-child(2){height:60vh;}
.AbtFs .AbtF:nth-child(3){height:50vh;top:5vh}}
@media (max-width: 575.98px) {}

/**/
#section-download{display: flex;align-items: center}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}

/**/
#section-map{}

/**/
#section-info{}
.infoType{display: flex;margin-bottom: 30px;font-weight: bold;align-items: center}
.infoType img{width:70px;margin-right: 15px;}
.infoType div{text-align: center !important}
.infoType h2{font-weight: bold;margin-bottom: 3px;font-size: 24px;}
.infoType h5{font-weight: bold;font-size: 16px;;}
.lineList{display: flex}
.line{display: flex;flex-direction: column;justify-content: space-between;flex:1;min-height:250px}
.lineSt{flex-grow: 1;display: flex;min-height: 100px}
.lineStIcon{margin-right: 10px;flex: none;}
.lineStIcon img{width:20px}
.lineStIcon:after{content: '';display: block;border-left:3px dotted #000;width:1px;height:calc(100% - 50px);position: relative;top: 10px;left: 10px}
.lineSt:last-child .lineStIcon:after{display: none}
.lineSt h4{font-weight: bold;font-size: 20px;margin-bottom: 3px;}
.lineSt p{line-height: 1.4em;font-size: 15px;margin-bottom: 0px;}
.lineSt p span{background:rgba(219,25,33,1);color:#fff;font-weight: bold;padding:1px 5px;margin-left: 5px;font-size: 12px;;}
.lineStEnd{flex:none;min-height: 0px;}
.lineNote{border:2px solid rgba(219,25,33,.8);border-radius: 5px;color: rgba(219,25,33,.8);font-weight: bold;font-size: 20px;padding:6px 10px;margin-bottom: 50px;display: inline-block}
.lineNote img{height:20px;display: inline-block;margin: 0px 6px}
@media (max-width: 1199.98px) {
.lineStIcon{margin-right: 6px;}
.lineStIcon img{width:18px}
.lineSt h4{margin-bottom: 2px;font-size: 20px;}}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
.lineSt{min-height:70px}
.lineStEnd{min-height: 0px;}
.lineStIcon{margin-right: 4px;}
.lineStIcon img{width:16px}
.lineStIcon:after{left:6px}
.lineSt h4{margin-bottom: 1px;font-size: 14px;}
.lineSt p{font-size: 13px}
.lineNote{margin-bottom: 0px;font-size: 16px;}}
@media (max-width: 575.98px) {}

/**/
#section-contact{}
#section-contact p{text-align: left}
.qrcode{margin-right: -20vw;margin-left:10vw}
.qrcode img{width:100%}