/**馬來西亞MOTOGP**/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
/*pc自訂*/

/***********************************/

.table_GradientColor{
  text-align: center !important;
  font-weight: bold !important;
  font-size: 20px;
  border: 1px solid #fb8332 !important;
  background: linear-gradient(to right, #e74857, #ffd120) !important;
  background: -webkit-linear-gradient(to right,#e74857, #ffd120) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
}





/**mobile自訂**/
@media(max-width: 768px) {
  #animation-head_photo{
    height: 50%;
  }

  @keyframes A--head-text {
    0% {
      height: 100%;
  
    }
    100% {
      height: 45%;
    }
  }
  figure:has(> .gtable){
    overflow-y: hidden;
  }

  .Autoscaling-img-box{
    border-radius: 0;
  }

  .chinaf1-introduction{
    max-height: 500px;
    position: relative;
    transition: 0.5s max-height;
    overflow: hidden;
    margin-bottom: 4rem;
  }

  .chinaf1-introduction p{
    transition: 0.5s;
    margin: 0;
  }

  #introduction-unfold{
    display: block;
  }

}

#era-background{
  height: 100%;
  width: 100%;
  filter: blur(0px);
  background-size: cover;
  background-position: center;
  transition: 0.2s;
}

#era-background::before{
  content: '';
  display: block;
  background: linear-gradient(to bottom, rgb(35 44 59), rgb(0 0 0));
  width: 100%;
  height: 100%;
  opacity: 0.75;
  mix-blend-mode: multiply;
}

div[data-erabg]{
  transition: 0.3s;
}

div[data-erabg]:hover{
  transition: 0.3s;
  box-shadow: 0px 0px 4px 2px rgb(38 151 255 / 75%);
}

.Tmarkup_Checkbox{
  display: none;
}

.Tmarkup_Checkbox + label{
  color: #c9c9c9;
  background-color: #ffffff;
  font-weight: 500;
  width: 100%;
  text-align: center;
  padding: 0.5rem 0.25rem;
  margin: 0;
  transition: 0.2s;
  letter-spacing: 1;
  border-radius: 8px;
  font-size: 16px !important;
  cursor: pointer;
  border: 1px solid #c9c9c9;
}

.Tmarkup_Checkbox:hover + label{ 
  transform: translateY(-2px);
  box-shadow: 0px 3px 6px #e1e1e1;
}
.Tmarkup_Checkbox:active + label{ 
  transform: translateY(0px);
  filter: opacity(0.6);
}

.Tmarkup_Checkbox:checked + label{
  background: #ff692d;
  color: #ffffff;
  border-color: #ff692d;
}

/***********************************************/
/**pc通用**/
lite-youtube{
  aspect-ratio: 1.222 / 1;
}
lite-youtube > iframe{
    height:100% !important;
    top: 50% !important;
    transform: translateY(-50%);
}

.mobile-show{display: none;}

.mobile-fullsize{
  width: 100%;
}

.xs-overhiden{
  overflow: hidden;
}

.float-clear{
  float: none;
}

.font-family_serif{
  font-family: 'Noto Serif TC', 'Noto Serif SC', serif !important;
}


.font-weight-200{
  font-weight: 200 !important;
}

.font-weight-400{
  font-weight: 400 !important;
}

.font-weight-600{
  font-weight: 600 !important;
}

.font-weight-800{
  font-weight: 800 !important;
}

/***mobile通用***/
@media (max-width: 767.95px) {

  lite-youtube{
    aspect-ratio: 1.66666 / 1;
  }

  .mobile-fullsize{
    width: 100vw !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
    overflow: clip;
  }

  .mobile-hide{
    display: none;
  }

  .mobile-show{
    display: block;
  }

  .xs-d-flex{display: flex;}

  .xs-overhiden{
    overflow: hidden;
  }
  .xs-ratio-76{
    aspect-ratio: 7/6 !important;
  }

  .xs-ratio-64{
    aspect-ratio: 6/4 !important;
  }

  .xs-ratio-76 img{
    height: 100% !important;
    object-fit: cover;
  }
  .xs-top-0{top: 0;}
  .xs-right-0{right: 0;}
  .xs-bottom-0{bottom: 0;}
  .xs-left-0{left: 0;}

  .xs-h100{height: 100% !important;}
  .xs-wauto{ width: auto !important;}
  .xs-w50{  width: 50% !important;}
  .xs-w75{  width: 75% !important;}
  .xs-w80{  width: 80% !important;}
  .xs-w90{  width: 90% !important;}
  .xs-w95{  width: 95% !important;}
  .xs-w100{  width: 100% !important;}

  .xs-ml-2o5, .xs-mx-2o5{margin-left:2.5%;}
  .xs-ml-5, .xs-mx-5{margin-left:5%;}
  .xs-ml-10, .xs-mx-10{margin-left:10%;}
  .xs-ml-20, .xs-mx-20{margin-left:20%;}
  .xs-mr-2o5, .xs-mx-2o5{margin-right:2.5%;}
  .xs-mr-5, .xs-mx-5{margin-right:5%;}
  .xs-mr-10, .xs-mx-10{margin-right:10%;}
  .xs-mr-20, .xs-mx-20{margin-right:20%;}

  .xs-border-radius{  border-radius: 35px !important;  overflow: hidden;}
  .xs-border-radius-0 {border-radius:0 !important;} 

  .xs-border-radius-1{border-top-left-radius: 35px !important;}
  .xs-border-radius-2{border-top-right-radius: 35px !important;}
  .xs-border-radius-3{border-bottom-right-radius: 35px !important;}
  .xs-border-radius-4{border-bottom-right-radius: 35px !important;}

  .xs-m-0{  margin:0 !important;}

  .xs-position-static{ position:static !important;}
  .xs-position-relative{ position: relative !important;  }
  .xs-position-absolute{ position: absolute !important;  }

  .xs-background-none{background-image: none!important;}

}





@media (max-width: 480px) {

}

@media (min-width: 768px) {
  lite-youtube{
    aspect-ratio: 1.58888 / 1;
  }


  .md-w50{
    width: 50% !important;
  }

}


@media (min-width: 1024px) {
  lite-youtube{
    aspect-ratio: 1.6 / 1;
  }
}

@media (min-width: 1200px) {
  lite-youtube{
    aspect-ratio: 1.2/ 1;
  }

}