body {overflow-x: hidden;}
.light {font-weight: 300 !important;}
.margin-auto {margin:0 auto;}

.t-1_4 {font-size:1.4rem;}
.t-1_6 {font-size:1.6rem;}
.t-1_8 {font-size:1.8rem;}
.t-2 {font-size:2rem;}
.t-2_4 {font-size:2.4rem;}
.t-2_6 {font-size:2.6rem;}
.t-3 {font-size:3rem;}
.t-4 {font-size:4rem;}
.t-3_6 {font-size:3.6rem;}
.t-6 {font-size:6rem;}
.t-8 {font-size:8rem;}

.pd-50 {padding:5rem 0;}
.pd-100 {padding:10rem 0;}
.pd-200 {padding:20rem 0;}

.op-0_5 {opacity: 0.5;}
.op-0_7 {opacity: 0.7;}

.orange-02 {color:#FFC000;}
.green {color:#00AAAD;}
.black {color:#08090F;}
.drak-brown {color:#560000;}

.m-b-10 {margin-bottom: 1rem;}

.flex-start {display: flex; justify-content: flex-start;}
.flex-100 {flex-basis: 100% !important; max-width: 100% !important; margin-left:0; margin-right:0;}
#booth-seciton-01 {width: 100%; max-height: 100%;  height:100%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 0 0 3rem 3rem;}
#booth-seciton-01 .text-wrap {position: relative;  text-align: center; margin-top:15rem;}
#booth-seciton-01 .text-wrap>.t-8 {line-height: 1.2; margin-bottom:3rem;}
#booth-seciton-01 .text-wrap>.t-1_8 {color:rgba(255,255,255,0.8);;}

/* #booth-seciton-01 .main-banner-slide {position: absolute; top:50%; right:2rem; transform: translate(0%,-50%) scale(1.0); width:auto; max-width: 100%;   transition: 6s ease-out; display: block; animation: banner-animation 5s both;} */
#booth-seciton-01 .main-banner-slide-m {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(1.0); width:100%; height:100%; transition: 6s ease-out; display: block; animation: banner-animation 5s both; display: none;}

.booth-section {display: flex; flex-direction: column; align-items: center; flex-wrap: wrap;}
.booth-section .content:last-child {margin-top: 2rem; margin-bottom:15rem;}
.booth-section .content h2 {margin-bottom: 1rem;}
/* @-webkit-keyframes banner-animation {
  0% {transform: translate(0%,-50%) scale(1.1);}
  100% {transform: translate(0%,-50%) scale(1.0);}
} 
@keyframes banner-animation {
  0% {transform: translate(0%,-50%) scale(1.1);}
  100% {transform: translate(0%,-50%) scale(1.0);}
}
 @-moz-keyframes banner-animation {
  0% {transform: translate(0%,-50%) scale(1.1);}
  100% {transform: translate(0%,-50%) scale(1.0);}
} */


#booth-section-02 {width:97%; height:100%; padding-top:20rem; padding-bottom: 20rem; border-radius: 1.5rem; background-image:url(/ITDA2025/image/booth-main-04.jpg); background-repeat: no-repeat; background-size:cover;  margin:1.5%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
#booth-section-02 .text-wrap {color:#fff; margin-bottom:10rem;}
#booth-section-02 ul {width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; color:#fff;}
#booth-section-02 ul>li {padding:1rem;}
#booth-section-02 ul>li>h4 {margin-bottom:2rem; display: flex; justify-content: flex-start; align-items: center;}
#booth-section-02 ul>li>h4>img {object-fit: fill; margin-right:1rem;}
#booth-section-02 .t-1_6 {color:#eee; font-weight: 300;}





#booth-section-03 {width: 100%;}
#booth-section-03 .t-1_8 {color:#eee;}
#booth-section-03 .text-wrap { margin-bottom:5rem; text-align:center;}
#booth-section-03 .text-wrap img {margin:0 auto;}
#booth-section-03 .text-wrap h2 {line-height: 1.2; margin-bottom:2rem;}
#booth-section-03 .booth-select {width: 100%;  align-items: stretch;  margin-top:5rem; }
#booth-section-03 .booth-select>li {overflow: hidden; border-radius: 1.5rem;  background-color:rgba(255,255,255,0.05); padding:10rem 5rem;  transition: all 0.4s; position: relative; color:#fff;}
#booth-section-03 .booth-select>li .logo-box {width:100%; height: 9rem; display: flex; justify-content: center; align-items: center; margin-bottom: 2rem;}
#booth-section-03 .booth-select>li h4 {margin-bottom: 1rem;}

#booth-section-03 .booth-select>li:nth-child(1):hover {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; background-color: rgba(0, 170, 173,0.6);}
#booth-section-03 .booth-select>li:nth-child(1).border-a::after  {pointer-events: none; content:''; position: absolute; top:0; left:0; width:100%; height:100%; border: solid #00AAAD;  border-width: 0;  opacity: 0; transition: opacity .3s, border .3s;}
#booth-section-03 .booth-select>li:nth-child(1):hover.border-a:hover::after {opacity: 1; border-width: 2rem;} 
#booth-section-03 .booth-select>li:nth-child(1)>.flex>a:hover {background-color: #00AAAD ;}

#booth-section-03 .booth-select>li:nth-child(2):hover {background-color: rgba(46, 167, 224,0.6);}
#booth-section-03 .booth-select>li:nth-child(2).border-a::after  {pointer-events: none; content:''; position: absolute; top:0; left:0; width:100%; height:100%; border: solid #2EA7E0;  border-width: 0;  opacity: 0; transition: opacity .3s, border .3s;}
#booth-section-03 .booth-select>li:nth-child(2):hover.border-a:hover::after {opacity: 1; border-width: 2rem;} 

#booth-section-03 .booth-select>li:nth-child(2)>.flex>a:hover {background-color: #2EA7E0 ;}

#booth-section-03 .booth-select>li:hover .flex>a {background-color: rgba(255,255,255,0.2);}
#booth-section-03 .booth-select>li:hover>p {color:#fff;}

#booth-section-03 .booth-select>li>img {margin: 0 auto; max-width: 50rem;}
#booth-section-03 .booth-select>li>p {color:rgba(255,255,255,0.8);; line-height: 1.6; position: relative; z-index: 99;} 
#booth-section-03 .booth-select>li>.flex { position: relative; width:100%; max-width: 70%; margin: auto; margin-top:3rem; z-index: 99; flex-wrap: nowrap; justify-content: center; align-items: center; gap:1rem; white-space: nowrap;}
#booth-section-03 .booth-select>li>.flex>a {color:#fff; background-color: rgba(255,255,255,0.05); padding:0.8rem 1rem; margin:0.5rem; border-radius: 5rem;}
#booth-section-03 .booth-select>li>.flex>a:hover {background-color: #FFC000 ;}
#booth-section-03 .booth-select .booth-image { max-width: 100%;}

#booth-section-04 {overflow: hidden; background-color:#08090F; color:#fff; background-image:url(/ITDA2025/image/map.png); background-repeat: no-repeat; background-position: 90% 10%; padding-top:10rem; padding-bottom: 10rem;}
#booth-section-04 .t-1_8 {color:#eee;}
#booth-section-04 h2 {margin-bottom: 2rem;}
#booth-section-04 .consulting-wrap {margin-top:5rem; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap:2rem;}
#booth-section-04 .consulting-wrap>li { text-align: center; }
#booth-section-04 .consulting-wrap>li .img-wrap>img {border:1px solid rgba(255,255,255,0.3); object-fit:fill; width: 100%; border-radius: 1.5rem;}
#booth-section-04 .consulting-wrap>li .text-wrap {padding:1rem;}
#booth-section-04 .consulting-wrap>li>h3 {font-weight: 400; padding-top:0.5rem;}
#booth-section-04>.animation-text {-webkit-text-stroke-width: 0.5px; color:transparent; -webkit-text-stroke-color: rgba(255,255,255,0.3);   -webkit-text-stroke: 0.5px rgba(255,255,255,0.3); font-size:16rem; text-align: center; font-weight: 900; transition: all 0.4s; white-space: nowrap;}
#booth-section-04>.animation-text.active {animation: wave_txt 40s linear infinite; }
@keyframes wave_txt {
  0% {
      transform: translateX(0%);
  }
  100% {
      transform: translateX(-100%);
  }
}

/* #booth-section-04>.animation-text:hover {color:#F5F5F7;} */
#booth-section-05 { color:#fff; text-align: center;}
#booth-section-05 .cont-1366 h2 {padding-bottom: 2rem;}

#booth-section-05 .cont-1366 .text-wrap>img {margin:0 auto;}
#booth-section-05 .cont-1366 ul {border-top: 1px solid rgba(255,255,255,0.2);  width: 100%; max-width: 85rem; display: flex; justify-content: center; align-items: stretch; margin:0 auto; gap:0;}
#booth-section-05 .cont-1366 ul>li { text-align: left; padding:3rem 2rem;}
#booth-section-05 .cont-1366 ul>li:first-child {border-right:1px solid rgba(255,255,255,0.2);}
#booth-section-05 .cont-1366 ul>li>h4 {line-height: 1;}
#booth-section-05 .cont-1366 ul>li>a {font-size:4.5rem; color:#fff;}






/* .border-a {cursor: pointer;} */
/* .border-a img {width:100%; height:100%; transition: 1s cubic-bezier(.23,1,.32,1);} */
/* .border-a:hover img {transform: scale(1.1);} */
.border-a:hover::after {opacity: 1; border-width: 20px;}
.border-a::after {pointer-events: none; content:''; position: absolute; top:0; left:0; width:100%; height:100%; border: solid #FFC000;  border-width: 0;  opacity: 0; transition: opacity .3s, border .3s;}



.scrolldown{position:absolute; overflow:hidden; transform: translate(-50%,0%); bottom:0; left:50%; z-index:98; font-size:12px; color:#fff; cursor:pointer;}
.scrolldown span{display:block; position:relative; overflow:hidden; width:1px; height:75px; margin:0 auto; margin-top:10px; background:rgba(255,255,255,0.2);}
.scrolldown span:after{content:""; position:absolute; width:1px; height:20px; background:#fff; animation:scrollanimation 1.7s infinite; -webkit-animation:scrollanimation 1.7s infinite;}
.scrolldown > i{display:block; font-size:13px;}

@keyframes scrollanimation {
    from {top:0%;}
    to {top:105%;}
  }
  @-webkit-keyframes scrollanimation {
    from {top:0%;}
    to {top:105%;}
  }