.btn.btn-menu {
   z-index: 999;
   border: 0;
}

.s-header {
   top: 0;
}

.red-card .foul-record-item-title::before {
   background-color: #FF1500;
   border: 1px solid #BF0000;
}

.foul-record-btn {
   cursor: pointer;
}

.modal-select-area-yellow,
.modal-select-area-red {
   cursor: pointer;
}

.checkpoint_remark {
   text-align: left;
   color: #F26522;
   font-size: 15px;
   line-height: 15px;
   padding-top: 10px;
   padding-bottom: 10px;
   width: 100%;
   margin-left: 35px;
}

.record-list-content div{
   height: auto;
   margin-top: 3px;
}


.record-list-content div:nth-child(1){
   font-size: 15px;
   color: white;
   background-color: #FF2C2C;
   border: 2px #FFFFFF solid;
   line-height: 15px;
   height: 30px;
   text-align: center;
   border-radius: 50%;
   padding: 4px;
   width: 30px;
   flex: unset;
   margin-top: 6px;
}

.record-list-content div:nth-child(2){
   margin-top: 7px;
}

.checkpoint-history .record-list-content div{
   height: 44px;
   margin-top: 0px;
}

.checkpoint-history .record-list-content div:nth-child(1) {
   font-size: 20px;
   color: #333333;
   background-color: unset;
   border: 0;
   margin-right: 0;
   flex: 50px 0 0;
   line-height: 20px;
   height: 44px;
   text-align: center;
   border-radius: 50%;
   padding-top: 5px;
} 

.grep-content.record-list-content {
   opacity: 0.5;
}

@media (max-width: 650px) {
   .main {
      height: 130px;
   }

   .page-title {
      font-size: 30px;
      font-height: 35px;
   }

   .dialog-body .b-overlay {
      top: 116px;
   }
}

#my-qr-reader__scan_region {
   min-height: unset !important;
}

#my-qr-reader__scan_region img {
   display: none;
}

#my-qr-reader__scan_region video {
   width: 100% !important;
   display: block;
   position: relative;
}

#html5-qrcode-anchor-scan-type-change {
   display: none !important;
}

#my-qr-reader {
   background: rgba(255, 255, 255, 0.4) !important;
   border: 1px solid rgba(0, 166, 60, 1) !important;
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: calc(100vh - 130px - 60px - 84px - 20px);
   flex-direction: column;
}

#html5-qrcode-button-camera-permission {
   background-color: #F26522;
   box-shadow: 0px 3px 15px 0px #DA460040;
   font-weight: 900;
   font-size: 22px;
   line-height: 100%;
   letter-spacing: 5%;
   padding: 14px 18px;
   display: inline-flex;
   width: 280px;
   margin: 20px auto 30px;
   justify-content: center;
   align-items: center;
   border-radius: 5px;
   border: none;
   color: white;
   font-weight: 700;
   font-size: 18px;
   line-height: 100%;
   letter-spacing: 1px;
   text-align: center;
}

#map {
   height: 600px;
   width: 100%;
}

.custom-pin {
   position: absolute;
   background-color: red;
   /* Pin 顏色 */
   color: white;
   font-size: 14px;
   font-weight: bold;
   border-radius: 50% 50% 50% 0;
   /* 圖釘形狀 */
   transform: rotate(-45deg);
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: 1px -1px 5px rgb(255 255 255 / 100%);
}

.custom-pin span {
   transform: rotate(45deg);
}

.map-container{
   margin-bottom: 0;
 }

 .cooperate_box{
   z-index: 4;
 }

 .menu_li a:hover::after{
   animation: stretch 0.6s forwards;
 }

 .accordion td{
   border: 1px solid black;
   font-weight: normal;
 }

 .leaderboard-list a:nth-child(2) div:nth-child(1), 
 .leaderboard-list a:nth-child(3) div:nth-child(1), 
 .leaderboard-list a:nth-child(4) div:nth-child(1) {
   color: #F26522;
   font-size: 30px;
}



.s-header::before{
   z-index: 12;
}

.row-header .nav-ctrl{
   z-index: 15;
}

.website-logo{
   z-index: 15;
}

.triangle_box{
   z-index: 8;
}

.b-overlay.b-overlay-menu{
   z-index: 6;
}


@media (min-width: 1300px) {
.row-login-body,.row-side-body{
   padding-top: 80px;
}
}

.opened .nav-side-wrapper{
   /* overflow: hidden; */
}

body.no-scroll {
   overflow: hidden; /* 隱藏滾動條 */
}

.dq_status{
   color: #FF2C2C;
}



.error {
   background: #ffdddd;
   color: #d8000c;
   border: 1px solid #d8000c;
   padding: 10px;
   margin-bottom: 15px;
   border-radius: 4px;
   font-size: 14px;
}
.team-detail-block{
   width: 50%;
   padding-right: 5px;
}
.team-detail-block span{
   line-height: 23px;
}
.nav-scan-btn::before{
   height: 35px;
   width: 35px;
   margin-right: 5px;
}
.nav-scan-btn{
   line-height: 80%;
}


.record-list-content div:nth-child(2) span{
   margin-top: 3px;
   display: block;
}

.img_recycle3 img,.img_recycle4 img{
   width: 200px;
   height: auto;
   z-index: 1;
   position: absolute;
}

.img_recycle3 img{
   right: 120px;
   top: 320px;
}

.img_recycle4 img{
   right: 0px;
   top: 500px;
}


@media (max-width: 1150px) {
   .img_recycle_group{
      display: flex;
      max-width: max-content;
    margin: 0 auto;
    padding-bottom: 50px;
   }
   .img_recycle3 img,.img_recycle4 img{
      flex: 1;
      width: 100%;
      height: auto;
      z-index: 1;
      position: relative;
      max-width: 150px;
   }
   
   .img_recycle3 img{
      right: unset;
      top: unset;
   }
   
   .img_recycle4 img{
      right: unset;
      top: unset;
   }
}

.black_to_top{
   z-index: 5;
}

/* .fancybox__container{
   display: none;
} */

.elementor-lightbox{
   display: none!important;
}

/*20260514 */
.filter select {
    margin-bottom: 50px;
    min-width: 100px;
}
.filter-v1{text-align: left;}
.item-check-label{padding-right: 10px;}
.team-div{display: inline-block;}
@media (max-width: 991px) {
    .team-div{display: block;}
}
.ex_enterprise_row{display: none;}
.no_result{
   color: #008531;
   text-align: center;
   font-size: 42px;
   padding-bottom: 80px;
}
.intro_v1{
   position: absolute;
   top: -66px;
   left: 0;
   padding: unset;
}
.intro-video{margin-bottom: 30px !important;}
.point-title{
   font-weight: 700;
   font-size: 24px;
   color:#00A63C;
}
.point-content{
   font-weight: 700;
   font-size: 18px;
   color:#EA6000;
}
.point-des{
   font-weight: 500;
   font-size: 16px;
   color:#444444;
}
.rub_a_v1{
  position: absolute;
    right: -120px;
    bottom: 0px;
    z-index: 1;
}
.rub_a_v1 img{width:219px}
.t-txt-v1{
   font-size: 18px;
    line-height: 28.8px;
    max-width: 721px;
    margin: 0 auto;
    padding: 20px 0;
    letter-spacing: 1px;
}
.t-txt-v2{
   font-size: 18px;
    line-height: 28.8px;
    max-width: 840px;
    margin: 0 auto;
    padding: 30px 0;
    letter-spacing: 1px;
}
.point-content,
.point-title-bottom{margin-bottom: 20px}
.point-text{
   border: 2px dashed #E4E4E4;
   padding: 20px;    
   margin-bottom: 20px;
}
.match-dialog{
   position: relative;
   left: -30px;
   margin-bottom:50px;
}
.match-top{position: relative; top:2px}
.match-bottom{position: relative; bottom:2px}
.match-des{
   background-color: white;
   border-left: 2px solid #00441f;
   border-right: 2px solid #00441f;
   font-weight: 700;
   font-size: 16px;
   padding: 20px 40px;
   letter-spacing: 2px;
}
.match-des p{margin-bottom: 0;}
.match-des span{color:#EA6000}
.desktop-remark-bubble-person img{
   width:129px;
   position: relative;
   top: -36px;
   left: -20px;
}
.intro_box_v1 .rub_a {
   position: absolute;
   left: -8%;
   top: 100px;
   bottom: unset;
   z-index: 1;
}
.active_btn{
   position: absolute;
    left: 50%;
    bottom: 40px;
    color: white;
    transform: translateX(-50%);
}
:lang(en) img.img_recycle2 {
   font-size: 14px;
}

.study_box_b .re {
    transform: translate(-80px, 0);
}
@media (max-width: 1299px) {
   .intro_box_v1 .rub_a {
      position: absolute;
      left: -30px;
      top: 100px;
      bottom: unset;
      z-index: 1;
   }
}
@media (max-width: 991px) {
   .rub_a_v1 {
      position: absolute;
      right: 0px;
      bottom: -30px;
      z-index: 1;
    }
   .rub_a_v1 img{width:180px}
   .t-txt-v1{
      padding-bottom: 240px;
   }
   .intro-video {
      height:225px;
      margin-bottom: 0px !important;
   }
   .intro_box_v1 .rub_a {
      position: absolute;
      left: 5%;
      top: unset;
      bottom: -50px;
      z-index: 1;
   }
   .match-dialog {
      margin-bottom: 56px;
      position: relative;
      left: 0px;
      padding: 0 20px;
   }
   .match-des{ padding: 10px 20px;}
   .desktop-remark-bubble-person img {
      width: 85px;
      position: relative;
      top: -20px;
      left: -18px;
   }
   .active_btn{
      width: 100%;
      text-align: center;
   }
    .study_box_b .re {
        transform: translate(0, -240px);
    }
}
@media (max-width: 650px) {
    .contest_b {
        margin-left: 20px;
        margin-right: 20px;
    }
}