:root{
  --color1:#f17f0e;
  --color2:#f6ff00;
}
.container{max-width:1220px;margin-left:auto;margin-right:auto}
.container.blank{padding-left:10px;padding-right:10px}
body{}
.main-bg{width:100%;min-height:100vh;background: url("../images/bg.jpg") no-repeat center 0;background-size: cover;position:fixed;top:0;right:0;left:0;z-index:-1}
.header{padding:35px 0 45px;}
.logo{text-align: center}
.logo img{max-height:145px}
.search{height:90px;display:grid;grid-template-columns:auto 220px}
.search input[type=text]{font-size:26px;padding:5px 10px 5px 50px;background: #fff;border-radius:45px 0 0 45px;border:0;}
.search input[type=submit]{font-size:30px;border-radius:0 45px 45px 0;background:var(--color1);color:#fff;cursor:pointer;}
.home-event{margin-top:45px}
.event-row{padding:30px 50px;margin-top:30px;background: rgba(0,0,0,.35);border-radius:20px;display:grid;grid-template-columns:auto 200px;column-gap: 60px}
.event-row__txt{}
.event-row__name{font-size:45px;color:#fff;letter-spacing: 3px}
.event-row__name a{color:#fff}
.event-row__name span{color:var(--color2)}
.event-row__desc{margin-top:20px;font-size:18px;color:#eee;line-height:1.6;}
.event-row__btn{display:flex;align-items: center}
.event-row__btn a{font-size:18px;width:100%;height:50px;background: #7a0303;color:#fff;border-radius:25px;display:flex;align-items:center;justify-content:center;}
.event-row__btn a:hover{background: #6b0000;}
.footer{padding:30px 12px;position:absolute;right:0;bottom:0;width:100%}
.footer.auto{position:static;}
.footer-row{margin-top:12px;font-size:20px;color:#fff;text-align: center;}
.footer-row.small{font-size:14px;}
@media (max-width:1280px){
  .header{padding:25px 0 35px;}
  .logo img{max-height:12vw}
  .event-row__name{font-size:40px}
}
@media (max-width:1024px){
  .search{height:70px;}
  .search input[type=text]{font-size:20px}
  .search input[type=submit]{font-size:25px}
  .home-event{margin-top:30px}
  .event-row{padding:30px;margin-top:25px;grid-template-columns:auto 160px;column-gap: 40px}
  .event-row__name{font-size:32px}
  .event-row__desc{font-size:16px}
  .event-row__btn a{font-size:16px;height:40px;}
  .footer-row{margin-top:10px;font-size:16px}
  .footer-row.small{font-size:12px;}
}
@media (max-width:768px){
  .header{padding:25px 0}
  .search{grid-template-columns:auto 160px}
  .search input[type=text]{font-size:18px;padding:5px 10px 5px 30px;}
  .search input[type=submit]{font-size:20px}
  .event-row{padding:22px;grid-template-columns:100%;column-gap:0;row-gap:16px}
  .event-row__name{font-size:23px}
  .event-row__desc{margin-top:12px;font-size:15px}
  .event-row__btn{width:150px}
  .event-row__btn a{font-size:14px;border-radius:15px;}
}
@media (max-width:512px){
  .search{height:56px;grid-template-columns:auto 120px}
  .search input[type=text]{font-size:16px;padding:5px 10px 5px 20px;}
  .search input[type=submit]{font-size:18px}
  .event-row{padding:20px;border-radius:12px}
  .event-row__name{font-size:20px}
  .event-row__desc{font-size:13px}
  .event-row__btn{width:130px}
  .footer-row{font-size:14px}
}
@media (max-width:414px){
  .search{height:50px;grid-template-columns:auto 100px}
  .search input[type=text]{font-size:14px}
  .search input[type=submit]{font-size:16px}
  .event-row{padding:20px 15px;margin-top:16px;}
  .event-row__name{font-size:17px}
  .event-row__desc{font-size:12px}
  .event-row__btn{width:110px}
  .event-row__btn a{font-size:12px;height:36px;border-radius:12px;}
}
.query-result{padding:30px;background:rgba(255,255,255,.8);border-radius:15px;}
.query-result__title{margin-bottom:25px;font-size:30px;text-align: center;}
.query-result__row{display:flex;font-size:22px;border:solid 1px #999;border-bottom:0}
.query-result__row:last-child{border-bottom:solid 1px #999;}
.query-result__name{flex:0 0 170px;padding:12px;border-right:solid 1px #999;text-align: right}
.query-result__value{padding:12px;}
.query-result__empty{text-align:center}
.query-result__empty p{font-size:20px;margin-bottom:9px;}
@media (max-width:768px){
  .query-result{padding:20px}
  .query-result__title{font-size:25px;margin-bottom:22px;}
  .query-result__row{font-size:18px}
  .query-result__name{flex:0 0 150px}
}
@media (max-width:512px){
  .query-result{padding:18px;border-radius:5px;}
  .query-result__title{font-size:20px;margin-bottom:16px;}
  .query-result__row{font-size:15px}
  .query-result__name{flex:0 0 120px;padding:9px}
  .query-result__value{padding:9px;}
  .query-result__empty p{font-size:16px}
  .query-result__empty small{font-size:12px}
}
@media (max-width:414px){
  .query-result{padding:15px;border-radius:5px}
  .query-result__title{font-size:18px;margin-bottom:12px;}
  .query-result__row{font-size:14px}
  .query-result__name{flex:0 0 100px;padding:9px 5px}
}
.article-box{color:#fff;padding:30px;background:rgba(0,0,0,.35);border-radius:15px;}
.article__title{font-size:35px;margin-bottom:28px;text-align: center;}
.article__detail{font-size:18px;}
.article__detail h2,
.article__detail h3,
.article__detail h4,
.article__detail h5{margin-bottom:18px}
.article__detail p{margin-bottom:18px;line-height:1.8;}
.article__detail img{max-width:100%}
.article__detail ul{padding-left:18px;margin:18px 0}
.article__detail li{list-style-type:disc;margin:11px 0;}
@media (max-width:768px){
  .article-box{padding:20px}
  .article__title{font-size:28px;margin-bottom:25px}
  .article__detail{font-size:16px;}
}
@media (max-width:512px){
  .article-box{padding:18px;border-radius:5px;}
  .article__title{font-size:23px;margin-bottom:22px}
}
@media (max-width:414px){

}