video.responsive{width:100%; height:auto;}



/* Banner 01 */
.banner-01{position: relative;}

.banner-video{position: relative; height:calc(100dvh - 7.625rem);}
/* .banner-video::before{

} */
.banner-video video{
  object-fit:cover; width:100%; height:100%; 
}
.banner-video .text-wrapper{
  position: absolute;  top:0; right:0; bottom:0; left:0;
  display:flex; flex-direction:column; align-items:start; justify-content:center;
}
.banner-video .text-wrapper .container{z-index:3;}

.banner-01 .swiper-slide .animate{
  opacity:0; transform:translateY(4rem); transition:all ease-in-out .75s;
}
.banner-01 .swiper-slide-active .animate{opacity:1; transform:none; transition-delay:var(--delay);}
.loading .banner-01 .swiper-slide .animate{opacity:0!important; transform:translateY(4rem)!important;}


/* Breadcrumb 01 */
.breadcrumb-01{position:relative;}
.breadcrumb-01 .wrapper{
  height:17rem; display:flex; justify-content:center;
  align-items:center; flex-direction:column; padding:0 .875rem;
}
.breadcrumb-01 .wrapper > *{position:relative;}
.breadcrumb-01 .img-bg{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.breadcrumb-01 .links-container{padding:.25rem 1.25rem; border-radius:1000em;}
.breadcrumb-01 .link-wrapper{display:flex; align-items:center;}
.breadcrumb-01 .link-wrapper .link{display:flex; align-items:center;}
.breadcrumb-01 .link-wrapper .link .menu{
  display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
  -webkit-box-orient:vertical; -webkit-line-clamp:1;
}
.breadcrumb-01 .link-wrapper .link:last-child .menu{font-weight:600!important;}
.breadcrumb-01 .link-wrapper .link .line{
  width:1.125rem; height:.125rem; margin:0 .5rem;
}
.breadcrumb-01 .link-wrapper .link:last-child .line{display:none;}
.breadcrumb-01:after{
  content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1;
}


.swiper-04 .swiper{padding-bottom:1rem;}
.swiper-04 .swiper-pagination{text-align:center;}
.swiper-04 .swiper-horizontal>.swiper-pagination-bullets{bottom:0rem;}
.swiper-04 .swiper-pagination .swiper-pagination-bullet{width:.4375rem; height:.4375rem; transition: width .25s;}
.swiper-04 .swiper-pagination .swiper-pagination-bullet-active{border-radius:.3rem; width:1.5rem;}
.swiper-04 .swiper-pagination{position:relative!important; margin-top:1rem;}


.section-cate{min-height:30rem;}


/* Section 01 */
.section-01 .img-preview{display:flex; justify-content:center;}
.section-01 .img-preview img{
  display:block; max-width:100%; width:auto; max-height:100%; height:20rem;
}
@media screen and (max-width:767.98px){
  .section-01 .img-preview{margin-top:.875rem;}
  .section-01 .img-preview img{height:18rem;}
}
@media screen and (max-width:575.98px){
  .section-01 .img-preview img{height:15rem;}
}
@media screen and (max-width:575.98px){
  .section-01 .img-preview img{height:11rem;}
}



/* Tab Container */
.tab-container{position:relative; display:block; width:100%; border:1px solid #b0b0b0; padding:2.5rem; border-radius:.2rem;}
.tab-container.mt-adaptive{margin-top:2rem;}
.tab-container .tabs{position:relative; }
.tab-container .tab{cursor:pointer;}
.tab-container .tab-contents{position:relative; width:100%;}
.tab-container .tab-content{position:absolute; pointer-events:none; top:0; opacity:0; padding:0; margin:0; transition:opacity .6s, transform .6s;}
.tab-container .tab-content.active{position:relative; overflow:hidden; pointer-events:auto; opacity:1;}
.tab-container .tab-content.fade-out:not(.no-fade){opacity:0; pointer-events:none;}
.tab-container .tab-content.fade-in:not(.no-fade){
  display:block; position:absolute; opacity:0; transform:translateY(1.5rem); pointer-events:none;
}
.tab-container .tab-content-inner{padding:0 1rem;}
.tab-container .tab-content-inner .tab-content-inner-wrapper ul{padding-left:2.25rem;}
.tab-container .tab-content-inner .tab-content-inner-wrapper .title{font-weight:400; font-size:.9375rem;}
.tab-container .tab-content-inner .tab-content-img img{
  display:block; max-width:100%; width:auto; max-height:100%;
}
.tab-container .tab-content-inner .tab-content-img.size-01>img{height:15rem;}
.tab-container .tab-image.size-01{display:flex; justify-content:center;}
.tab-container .tab-image.size-01 img{width:auto; height:30rem;}
@media screen and (max-width:991.98px){
  .tab-container .tab-content-inner .tab-content-img.size-01>img{height:12rem;}
}
@media screen and (max-width:767.98px){
  .tab-container .tab-image.size-01 img{width:100%; height:auto;}
}
@media screen and (max-width:575.98px){
  .tab-container .tab-content-inner .tab-content-img.size-01>img{height:10rem;}
}

.tabs.tabs-01 .tab>.wrapper{
  position:relative; display:flex; align-items:start;
  padding:1rem 1.25rem; transition:all .25s; box-shadow: 0 6px 12px rgba(145, 158, 171, .2);
  cursor: pointer; border-radius:.2rem; overflow:hidden;
}
.tabs.tabs-01 .tab>.wrapper:hover,
.tabs.tabs-01 .tab.active>.wrapper{
  box-shadow: 0 8px 16px rgba(145, 158, 171, .4);
}
.tabs.tabs-01 .tab>.wrapper::before{
  content:''; position:absolute; top:0; bottom:0;
  left:0; width:0; transition: width .25s;
}
.tabs.tabs-01 .tab>.wrapper:hover::before, .tabs.tabs-01 .tab.active>.wrapper::before{width:100%;}
.tabs.tabs-01 .tab>.wrapper .title {
  padding-left:1rem;  line-height:1.375rem;
}
.tabs.tabs-01 .tab>.wrapper>* {
  position: relative;
  transition: color .25s;
}
.tabs.tabs-01 .tab>.wrapper:hover .icon,
.tabs.tabs-01 .tab.active>.wrapper .icon {
  animation: rotate 4s infinite;
}
@keyframes rotate{
  100% {transform: rotate(180deg);}
}
@media screen and (max-width:991.98px){
  .tab-container .tab-content-inner{padding:0;}
}
@media screen and (max-width:490px){
  .tab-container{padding:2rem;}
}


/* Tabs 01 */

table {
  width: 100%;
  vertical-align: middle;
  border: medium none;
  border-collapse: collapse;
  border-spacing: 0;
  font-size:.875rem;
}
table td {
  padding: 5px 10px;
  text-align: left;
  border-right: 1px solid #e1e1e1;
}
table tr {
  border: 1px solid #e1e1e1;
}