@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,1000&family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@900&display=swap');

/*靜態圖style*/
.sectiontemp img{
  width: 100%;
}

body{
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
  font-family: "Noto Sans TC", sans-serif;
  /* font-family: 'DM Sans'; */
}
section{
  width: 100%;
  display: flex;
  justify-content: center;
  overflow-x: hidden;
  flex-direction: column;
  align-items: center;
}
.keyvisual{
  overflow: hidden;
  align-items: center;
  background:url("../img/kvbg.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: calc(100vw * 1/2);
  position: relative;
}
.keyvisual img{
  position: absolute;
}
.mainitemBox{
  height: 100%;
  opacity: 0.7;
  position: absolute;
  width: 100%;
}
.mainitemBox:hover{
  /* animation: movemitem 5s ease-in-out infinite; */
}
@keyframes movemitem {
  0%,100% {
    transform: scale(1) translateX(0);
  }
  50% {
    transform: scale(1.05) translateX(1vw);
  }
}
.mainitem{
  height: 100%;
  opacity: 1;
  right: 10vw;
  animation: kvintromt 1s ease-in-out 1;
}
.mainitem.mleft{
  right: 10vw;
  animation: kvintromtleft 0.6s ease-in-out 1;
}
.mainitem.mright{
  right: 10vw;
  animation: kvintromtright 0.8s ease-in-out 1;
}
@keyframes kvintromt {
  0%,80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kvintromtleft {
  0% {
    opacity: 0;
    right: 70vw;
    top: -30vw;
  }
  100% {
    opacity: 0.1;
    right: 10vw;
    top: -0;
  }
}
@keyframes kvintromtright {
  0% {
    opacity: 0;
    right: -40vw;
    top: -20vw;
  }
  100% {
    opacity: 0.1;
    right: 10vw;
    top: 0;
  }
}

.kvlightline {
  width: 35vw;
  right: 15vw;
  top: 2vw;
  animation: amkvlightline 1s ease-in-out 1,ambline 1s ease-in-out infinite;
  animation-delay: 1.2s;
  opacity: 0;
}

.kvlightlines{
  width: 25vw;
  left: -15vw;
  top: 12vw;
  animation: amkvlightlines 1s ease-in-out 1,ambline 1s ease-in-out infinite;
  animation-delay: 1.5s;
  opacity: 0;
}

@keyframes amkvlightline {
  0% {
    right: -30vw;
    top: -25vw;
  }
  100% {
    right: 15vw;
    top: 2vw;
  }
}
@keyframes amkvlightlines {
  0% {
    left: 43vw;
    top: -20vw;
  }
  100% {
    left: -15vw;
    top: 12vw;
  }
}

@keyframes ambline {
  50% {
    opacity: 0.3;
  }
  0%,100% {
    opacity: 0.7;
  }
}

.kvmask{
  position: absolute;
  width: 100%;
  height: 30%;
  bottom: 0;
  background: linear-gradient(to top,rgba(18,42,167,0.65) 50%,rgba(18,42,167,0));
}

.kvitem001{
  width: 10vw;
  filter: brightness(1.5);
  opacity: 0.5;
  left: 0vw;
  bottom: -7vw;
  animation: amkvitem001 3s ease-in-out 1,amrotateY 5s ease-in-out infinite,ammargin 3s linear infinite;
}
@keyframes amkvitem001 {
  0%,70% {
    bottom: 50vw;
  }
  100% {
    bottom: -7vw;
  }
}
@keyframes amrotateY {
  0%,60%,100% {
    transform: rotateY(0);
  }
  80% {
    transform: rotateY(180deg);
  }
}
@keyframes ammargin {
  0%,100% {
    margin-bottom: 0;
  }
  50% {
    margin-bottom: 1vw;
  }
}

.kvitem002{
  width: 5vw;
  filter: brightness(1.5);
  opacity: 0.6;
  right: 0;
  top: 5vw;
  animation: amkvitem002 3.5s ease-in-out 1,ammargintop 2.7s linear infinite;
}
@keyframes amkvitem002 {
  0%,70% {
    top: -30vw;
  }
  100% {
    top: 5vw;
  }
}
@keyframes ammargintop {
  0%,100% {
    margin-top: 0;
  }
  50% {
    margin-top: 1vw;
  }
}
.kvlogo{
  width: 13vw;
  left: 21vw;
  top: 5vw;
}
.kvtitle01{
  width: 50vw;
  right: 28.2vw;
  top: 11.5vw;
}

.kvtitle02{
  width: 15vw;
  right: 25.15vw;
  top: 19.7vw;
}

.kvtitle{
  color: #fff;
  font-size: 1.8vw;
  font-weight: 700;
  left: 16vw;
}
.kvtitle span:first-child{
  font-size: 2.4vw;
}
.kvtitle span span{
  color: #a6def7;
}

.timebox{
  position: absolute;
  font-size: 2vw;
  color: #fff;
  left: 16vw;
  bottom: 13vw;
  background: linear-gradient(to right ,rgba(31,101,216,0.4),rgba(31,101,216,0.4));
  padding: 1vw 2vw;
  font-weight: bolder;
}
.timebox span:nth-child(2){
  font-size: 1.2vw;
}
.timebox div{
  transform: scaleY(0.85);
}
.timebox div span{
  font-size: 2vw !important;
  transform: scaleY(0.5);
  position: relative;
}
.timebox div span::before{
  content: "wed";
  position: absolute;
  font-size: 1vw;
  top:-1vw;
  left:3vw;


}
.timebox div span img{
  position: unset;
  width: 3vw;
  margin: 0 0.5vw 1vw 0.5vw;
}
/* 擦除效果 */
  .text-wrap {
    overflow: hidden;
    position: absolute;
  }

  .text-reveal {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
    opacity: 1;
  }

  .text-reveal.active {
    animation: revealText 2s ease forwards;
    animation-delay: 2s;
  }

  @keyframes revealText {
    from {
      width: 0;
    }
    to {
      width: 100%;
    }
  }
/*  前言  */
.introarticle{
  background: url("../img/sc02bg.jpg") no-repeat;
  background-size: cover;
  color: #fff;
  padding: 4vw 0;
  margin-top: -9vw;
  z-index: 1;
  overflow: hidden;
}
.introarticle h3{
  font-size: 3vw;
  display: flex;
  align-items: center;
  letter-spacing: 3px;
  font-weight: 700;
}
.intrologo{
  width: 8vw;
  margin-right: 0.8vw;
}
.introarticle span{
  padding: 1.5vw 0;
  font-size: 2.5vw;
  font-weight: 600;
}
.introarticle p{
  text-align: center;
  font-size: 1.5vw;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 2.7vw;
}
/* 時間地點報名按鈕區塊 */
.sctimebox{
  background:url("../img/kvbg.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 4vw 0;
  color: #fff;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}
.sctimebox span{
  display: inline-block;
  transform: scaleY(0.85);
}

.sctimebox div{
  display: flex;
  align-items: center;
  position: relative;
}
.sctimebox div:first-child span:first-child{
  font-size: 4vw;
  line-height: 4vw;
  transform: scaleY(0.75);
}
.sctimebox div:first-child span:nth-child(2){
  font-size: 9vw;
  transform: scaleX(1.1) scaleY(0.75);
  padding: 0 2vw;
}
.sctimebox div:first-child img{
  margin-top: 1vw;
  width: 15vw;
  opacity: 0.6;
}
.sctimebox div:first-child::before{
  content: "wed";
  position: absolute;
  font-size: 3.5vw;
  right: 9vw;
  transform: scaleY(0.8) translateY(-1vw);
}

.sctimebox div:nth-child(2){
  flex-direction: column;
  font-size: 3vw;
  margin-top: -2vw;
}

.sctimebox div:nth-child(2) span:nth-child(2){
  font-size: 2vw;
  letter-spacing: 0.9vw;
  text-align: center;
  padding-left: 0.9vw;
}

.sctimebox a{
  margin: 5vw;
  padding: 0.5vw 3vw;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 3vw;
  letter-spacing: 1vw;
  border: 0.3vw solid transparent; /* 邊框寬度 */
  border-image: conic-gradient(#9f2290, #53a9b7, #fed0ba, #9f2290, #53a9b7, #fed0ba, #9f2290) 2; /* 使用圓錐漸層 */
  animation: rotate-border 1s linear infinite;
}
@keyframes rotate-border {
  0%,100%  {
    border-image: conic-gradient(#9f2290, #53a9b7, #fed0ba, #9f2290, #53a9b7, #fed0ba, #9f2290) 2;
  }
  33% {
    border-image: conic-gradient(#fed0ba, #9f2290, #53a9b7, #fed0ba, #9f2290, #53a9b7, #fed0ba) 2;
  }
  67% {
    border-image: conic-gradient(#53a9b7, #fed0ba, #9f2290, #53a9b7, #fed0ba, #9f2290, #53a9b7) 2;
  }
}

.sctimebox a:hover{
  transition: all 0.3s;
  box-shadow:0 0 15px 1px rgba(255,255,255,0.6) ,inset 0 0 15px 1px rgba(255,255,255,0.6);
  transition-delay: 0s !important;
  transform: scale(1.05) !important;
}


.itemleft,.itemright{
  width: 12vw;
  position: absolute;
  opacity: 0.8;
}
.itemleft{
  left: 0;
  bottom: -10vw;
  animation: ammargin 3s linear infinite;
}
.itemright{
  right: 0;
  top: 6vw;
  animation: ammargintop 2.7s linear infinite;
}
/* 布局與亮點 */
.sccycledesc,.scspeaker{
  position: relative;
  overflow: hidden;
  background: #030839;
  text-align: center;
  color: #FFF;
  padding: 2vw 0;
}
.sccycledesc h3{
  font-size: 3vw;
  font-weight: 700;
  letter-spacing: 3px;
  font-style: italic;
  padding: 2vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sccycledesc h3 span{
  color: #6bd3f3;
}
.bigtwo{
  font-size: 4vw;
  padding: 0 1vw;
}

.cyclebox{
  position: relative;
  height: 45vw;
  width: 80%;
}

.cyclebox div{
  position: absolute;
  width: 20vw;
  height: 20vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.cycle{
  z-index: 1;
  position: relative;
}
.cycle::before{
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border: 0.7vw solid transparent;
  border-radius: 50%;
  background:
    linear-gradient(#030839, #030839) padding-box,
    conic-gradient( #d0f5f3, #fde9f0, #fff) border-box;
  z-index: -1;
  animation: spin 1s linear infinite;
  box-shadow:  0 0 10px 2px rgba(255,255,255,0.7),inset 0 0 10px 2px rgba(255,255,255,0.7);
}
.cycle:nth-child(2):before{
  animation-delay: 0.3s;
}
@keyframes spin{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}
.cycle img{
  width: 5vw;
  margin-right: 8vw;
}
.cycle h4{
  font-size: 3vw;
  font-weight: 700;
  padding: 1vw 0 0.3vw 0;
  background: linear-gradient(to right, #d0f5f3, #fde9f0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cycle p{
  font-size: 1.3vw;
  font-weight: 700;
}
.cyclebox div:nth-child(2){
  left: 24vw;
}
.cyclebox div:nth-child(3){
  left: 40vw;
  top: 20vw;
}

.cyclebox .cblock{
  text-align: left;
  color: #04083a;
  background: linear-gradient(to right,rgba(220,225,255,0.9),rgba(143,209,255,0.9));
  z-index: 2;
  width: 25vw;
  height: auto;
  font-weight: 700;
  font-size: 1vw;
  padding: 2vw;
  border-radius: 1.5vw;
}
.cyclebox .cblock h4{
  font-weight: 700;
  font-size: 1.3vw;
}
.cyclebox div:nth-child(4){
  left: 7vw;
  top: 25vw;
}
.cyclebox div:nth-child(5){
  left: 50vw;
  top: 13vw;
}
.cyclebox .cblock p{
  margin: 0;
}
.spotlight{
  width: 70%;
  z-index: 1;
}
.lightboxs{
  height: 20vw;
  background: url("../img/blockbg01.png") no-repeat;
  background-size: contain;
  margin: 1vw;
  padding: 2vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  font-weight: 700;
  color: #fff;
}
.lightbox:nth-child(2) .lightboxs{
  background: url("../img/blockbg02.png") no-repeat;
  background-size: contain;
}
.lightbox:nth-child(3) .lightboxs{
  background: url("../img/blockbg03.png") no-repeat;
  background-size: contain;
}
.lightboxs h4{
  font-size: 2.3vw;
  font-weight: 700;
  display: flex;
  height: 5.5vw;
  justify-content: center ;
  align-items: center;
}
.lightboxs p{
  color: #dbeff4;
  font-size: 1.3vw;
  font-weight: 700;
  padding: 0.5vw 1vw 0 1vw;
}

.lightbox:hover{
  margin-top: -1vw;
  transition: all 0.5s;
  transition-delay: unset !important;
  transition-duration: 0.5s !important;
}

.sccycledesc a{
  width: fit-content;
  display: block;
  margin: 0 auto;
  margin-top: 2vw ;
  margin-bottom: 2vw;
  padding: 0.5vw 3vw;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 3vw;
  letter-spacing: 1vw;
  border: 0.3vw solid transparent; /* 邊框寬度 */
  border-image: conic-gradient(#ffcfb9, #9c1b8f, #5ba5b2, #c25480,#ffcfb9) 2; /* 使用圓錐漸層 */
  animation: rotate-border01 1s linear infinite;
  /* box-shadow:0 0 15px 1px rgba(255,255,255,0.6) ,inset 0 0 15px 1px rgba(255,255,255,0.6); */
}
@keyframes rotate-border01 {
  0%,100%  {
    border-image: conic-gradient(#ffcfb9, #9c1b8f, #5ba5b2, #c25480,#ffcfb9) 2;
  }
  33% {
    border-image: conic-gradient( #c25480,#ffcfb9, #9c1b8f, #5ba5b2, #c25480) 2;
  }
  67% {
    border-image: conic-gradient( #5ba5b2, #c25480,#ffcfb9, #9c1b8f, #5ba5b2) 2;
  }
}
.sccycledesc a:hover{
  transition: all 0.3s;
  box-shadow:0 0 15px 1px rgba(255,255,255,0.6) ,inset 0 0 15px 1px rgba(255,255,255,0.6);
  transition-delay: 0s !important;
  transform: scale(1.05) !important;
}

.bluebg01,.bluebg02{
  position: absolute;
  width: 30vw;
  z-index: 0;
}
.bluebg01{
  left: 0;
  bottom: 0;
  animation: ammargin 6s linear infinite,spinss 60s linear infinite;
}
.bluebg02{
  right: 0;
  animation: ammargin 4s linear infinite,spinss 73s linear infinite;
}
@keyframes spinss{
  0%,100%{
    transform: rotate(-10deg);
  }
  50%{
    transform: rotate(10deg);
  }
}
/* 議程 */
.seagenda{
  overflow: hidden;
  position: relative;
  background:url("../img/kvbg.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 2vw 0;
}
.agendalightline{
  width: 20vw;
  position: absolute;
  top: 0vw;
  right: 22vw;
  opacity: 0.6;
}
.seagenda .kvitem002{
  position: absolute;
  animation: ammargintop 2.7s linear infinite;
}
.seagenda h3{
  width: 100%;
  text-align: right;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
  font-family: 'DM Sans';
  font-size: 5vw;
  padding: 2vw 7vw;
}
.seagenda .row{
  z-index: 1;
  width: 80%;
  color: #fff;
  font-weight: 700;
}
.seagenda .kvmask{
  z-index: 0;
}
.agdaitem h4{
  font-size: 2vw;
  font-weight: 700;
  letter-spacing: 2px;
  transform: scaleY(0.85);
  padding: 1.3vw 2vw;
  border: 1px solid #fff;
  border-radius: 50px;
  width: fit-content;
  display: flex;
  margin: 1.5vw 0;
}
.agdaitem h4 span{
  font-size: 1vw;
  padding: 0.2vw 0 0 0.5vw;
}
.agdaitem p,.agdaitem label,.agdaitem .spker{
  padding-left: 2vw;
  font-size: 2vw;
  display: block;
}
.agdaitem p{
  color: #89f2f2 ;
}
.agdaitem label,.agdaitem .spker{
  font-size: 1.3vw;
}
.agdaitem .spker span{
  font-size: 2vw;
  padding-left: 1vw;
}

/*** 講者陣容 ***/
.scspeaker{
  padding-top: 0;
}
.scspeaker .eng{
  color: #021942;
  font-weight: 900;
  font-size: 10vw;
  font-family: 'DM Sans';
  font-style: italic;
  text-align: left;
  width: 100%;
  line-height: 0.6;
  margin-left: -3vw;
}
.scspeaker .cht{
  width: 100%;
  text-align: right;
  color:rgb(82,161,194);
  font-weight: 900;
  font-size: 5vw;
  padding: 2vw 7vw;
  padding-top: 0;
  font-family: 'DM Sans';
}

.scspeaker a{
  padding: 1vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-decoration: none;
  cursor: pointer;
}
.scspeaker .row{
  width: 80%;
}

.speakalink{
  position: relative;
}
.speakerbox {
  padding-bottom: 2vw;
}
/* 講者背景 */
.speakalink .speakbg{
  width: 30%;
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
}

/* 講者照片 */
.speakpic{
  width: 90%;
  z-index: 1;
  overflow: hidden;
}
.speakpic img{
  width: 100%;
}

.scspeaker a:hover .speakpic img{
  transition: all 1s;
  transform: scale(1.1);
}

/* 講者名條 */
.speakname{
  width: 100%;
  padding-left: 7vw;
  text-align: left;
  color: #fff;
  font-weight: 700;
  margin-right: -2vw;
  padding-top: 1vw;
  position: relative;
}
.speakname::before{
  content: "";
  display: block;
  width: 0.5vw;
  height: 4vw;
  background: linear-gradient(to top,rgba(255,255,255,1),rgba(172,203,237,0.9));
  position: absolute;
  left: 5.6vw;
}
.speakname h4{
  font-weight: 700;
  font-size: 2vw;
}
.speakname h5{
  font-weight: 700;
  font-size: 1.3vw;
}
.speakerbox:nth-child(2) .speakname h4{
  font-size: 1.3vw;
}

/* 講者彈出視窗 */
.speakinfobox{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity:0;
  visibility:hidden;
  transition: opacity 0.5s ease, visibility 0s linear 0.5s;
  top: 0;
}
.speakinfobox.active{
  opacity:1;
  visibility:visible;
  transition: opacity 0.5s ease;
}
.infobox{
  position: relative;
  background: #fff;
  width: 50%;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 3vw 0;
  color: #000;
}
.infobox .row{
  width: 90%;
  z-index: 1;
}
.infobox .row .infotext{
  padding-left: 2vw;
  text-align: left;
}
.infobox .row .infotext *{
  font-weight: 700;
}
.infobox .row .infotext h4{
  font-size: 2.5vw;
}
.infobox .row .infotext h5{
  font-size: 1vw;
  letter-spacing: 1px;
  display: block;
  padding: 1vw 0;
}
.infobox .row .infotext p{
  font-size: 1vw;
  padding-top: 1.5vw;
  line-height: 1.8vw;
  position: relative;
}
.infobox .row .infotext p::before{
  content: "";
  display: block;
  width: 5vw;
  height: 0.5vw;
  position: absolute;
  background: linear-gradient(to left,rgba(219, 237, 255, 0.9),rgba(172,203,237,0.9));
  top:-0.2vw;

}
.speakinfobox .infobox .sidecake{
  position: absolute;
  width: 20vw;
  left: -8vw;
  bottom: -3vw;
  z-index: 0;
  filter: brightness(2);
  opacity: 0.75;
}
.speakerpic img{
  width: 100%;
}
.scspeaker .bluebg01 {
  bottom: -20vw;
}

/* 出席禮品區塊 */
.scgift{
  background:url("../img/sc05bg.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 5vw 0 2vw 0;
  overflow: hidden;
  color: rgb(9,40,120);
}
.scgift .row{
  width: 70%;
}
.scgift .row div{
  position: relative;
  padding-left: 2vw;
}
.scgift img{
  position: absolute;
  width: 40%;
  right: 0;
  margin-top: -2vw;
}
.scgift .row div:nth-child(2) img{
  width: 50%;
  margin-top: 8vw;
}
.scgift .row div:nth-child(2) img:nth-child(2){
  margin-top: 2vw;
  transform: rotate(-20deg);

}
.scgift h3{
  font-size: 4vw;
  font-weight: 900;
  font-family: 'DM Sans';
  padding: 3vw 0 1vw 0;
}
.scgift h4{
  font-size: 2.5vw;
  font-weight: 700;
}
.scgift h5{
  font-size: 1.2vw;
  font-weight: 700;
}
.annour h5,.annour p{
  text-align: center;
}
.annour h5{
  font-size: 2.5vw;
  font-style: italic;
  font-weight: 900;
  font-family: 'DM Sans';
  display: block;
  padding: 2vw 0 1vw 0;
}
.annour p{
  font-size: 1.3vw;
  color: #484748;
  font-weight: 700;
  letter-spacing: 2px;
}
/* 出席禮 */
.attendgift {
  margin-top: 0;
}

.attendgift h3{
  text-align: center;
  font-style: italic;
  font-size: 4vw;
  font-weight: 900;
  font-family: 'DM Sans';
  letter-spacing: 0.7vw;
  line-height: 6vw;
}
/*** 報名區塊 ***/
.formSection{
  padding-top: 2vw;
  background: #020b23;
}
.formBox{
	width: 100%;
	display: flex;
	justify-content: center;
}
.form{
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  width: 50vw;
  /* height: calc(50vw); */
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.formnote{
	display: flex;
	flex-direction: column;
	align-items: center;
  padding-top: 2vw;
}

.formiframe{
	width: 45vw;/*不能更大*/
	overflow-x: hidden;
	height: 900px;
}
.formiframe iframe{
	width: 108%;
  height: 2500px;
  transform: translate(-45px, -85px);
  overflow: hidden;
}

.formBox h2{
  text-align: center;
}
.notext{
  width: calc(100% - 100px);
  margin: 20px auto;
  padding: 20px;
  color: #999;
  font-size: 12px;
  line-height: 1.2em;
  border-radius: 10px;
  border: 2px dashed #ccc;
}
.notext h3{
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
    color: #6b4e3b;
		line-height: 25px;
}
.notext ul{
  list-style-type: cjk-ideographic;
}
.notext ul ul{
  list-style-type:lower-alpha; 
}
.notext ul ul ul {
    list-style-type: decimal;
}

.formSection h7{
  color: #000;
  text-align: center;
  padding-top: 1.5vw;
  line-height: 1.5vw;
  font-size: 1vw;
  letter-spacing: 3px;
}

/* footer */
.footer{
  padding-top: 3vw;
  background: #020b24;
  color: #d5d5d8;
}
.footer .row{
  width: 80%;
  align-items: center;
}
.footer img{
  height: 3vw;
  width: auto;
  margin: 2vw 1vw;
}
/* Logo 微調 */
.footer div:nth-child(2) img:nth-child(3),.footer div:nth-child(2) img:nth-child(4){
  height: 2.2vw;
  margin-top: 1.6vw;
}
.footer div:nth-child(2) img:nth-child(5){
  height: 2.6vw;
  margin-top: 1.9vw;
}

.footer .row span{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 2vw;
  padding-right: 3vw;
  margin-right: 1vw;
  border-right: 1px solid #d5d5d8;
  height: 3vw;
  
}

.msbr{
  display: none;
}


/* 右側浮動按鈕 */
.floatbtn{
  position: fixed;
  z-index: 99;
  width: fit-content;
  right:2vw;
  bottom: 3vw;
  width: 8vw;
  height: 8vw;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.4) , 
        inset 2px 2px 10px 0px rgba(0, 0, 0, 0.4);
  animation: ammargin 2s linear infinite;
}
.floatbtn a{
  display: flex;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  color: #fff;
  line-height: 1.3;
  letter-spacing: 2px;
  font-size: 1.5vw;
  font-weight: 600;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.8);
}
.floatbtn img{
  width: 1.5vw;
  margin-top: 0.3vw;
}
.floatbtn:hover{
  animation: unset;
  transform: scale(1.05);
  transition: all 0.3s;
}

/* 旋轉關閉紐 */
.overlay_close_btn {
    position: absolute;
    z-index: 30;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    box-sizing: border-box;
}
.overlay_close_btn:before, .overlay_close_btn:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60%;
    height: 2px;
    background: #000;
}
.overlay_close_btn:after {
    transform: translate(-50%, -50%) rotateZ(-45deg);
}
.overlay_close_btn:before {
    transform: translate(-50%, -50%) rotateZ(45deg);
}
.overlay_close_btn:hover {
    transform: rotateZ(180deg) scale(1.2);
}
.overlay_close_btn {
    right: 15px;
    top: 15px;
}
/* 旋轉關閉紐 */

@media (max-width: 1490px) {
	.form {
    width: 60vw;
	}
	.formiframe {
			width: 55vw;
			height: 900px;
	}
}

@media (max-width: 1450px) {
	.form {
    width: 65vw;
	}
	.formiframe {
			width: 60vw;
			height: 900px;
	}
  .lightboxs h4 {
    font-size: 2.2vw;
  }
  .footer img {
    margin: 2vw 0.5vw;
  }
}
@media (max-width: 1130px) {
	.form {
    width:80vw;
	}
	.formiframe {
			width: 75vw;
			height: 900px;
	}
  .formSection h7 {
    line-height: 2vw;
    font-size: 1.5vw;
  }
}

@media (max-width: 900px) {
	.form {
    width:90vw;
	}
	.formiframe {
			width: 83vw;
			height: 900px;
	}
  .formiframe iframe {
    height: 2480px;
  }
  .footer img {
    margin: 2vw 0.2vw;
  }
}
/* 手機版 */
@media (max-width: 768px) {
  .msbr{
    display: unset;
  }

  .keyvisual {
    height: calc(100vw * 0.8);
  }
  .kvitem001,.kvitem002,.kvlightlines{
    display: none;
  }
  .mainitemBox {
    height: 100%;
    top: 0;
    right: -15vw;
  }
  .kvlogo {
    width: 20vw;
    left: 10vw;
    top: 10vw;
  }
  .kvtitle01 {
    width: 60vw;
    right: 25.3vw;
    top: 20.2vw;
  }
  .kvtitle02 {
    width: 20vw;
    right: 22.33vw;
    top: 33vw;
  }
  .kvtitle {
    font-size: 2.8vw;
    left: 5vw;
    bottom: 28vw;
  }
  .kvtitle span:first-child {
    font-size: 3.5vw;
  }
  .timebox {
    left: 5vw;
    bottom: 13vw;
  }
  .timebox div span {
    font-size: 4vw !important;
  }
  .timebox span:nth-child(2) {
    font-size: 3.2vw;
  }
  .timebox div span img {
    width: 8vw;
  }
  .timebox div span::before {
      font-size: 2vw;
      top: -2vw;
      left: 6vw;
  }
  .introarticle h3 {
    font-size: 5vw;
  }
  .intrologo {
    width: 13vw;
  }
  .introarticle span {
    font-size: 4vw;
  }
  .introarticle p {
    font-size: 3vw;
    line-height: 5vw;
  }

  .sctimebox div:first-child span:first-child {
    font-size: 6vw;
    line-height: 6vw;
  }
  .sctimebox div:first-child span:nth-child(2) {
    font-size: 15vw;
    padding: 0 3vw;
  }
  .sctimebox div:first-child img {
    width: 20vw;
  }
  .sctimebox div:first-child::before {
    right: 13vw;
  }
  .sctimebox div:nth-child(2) {
    font-size: 4.5vw;
    margin-top: -5vw;
  }
  .sctimebox div:nth-child(2) span:nth-child(2) {
    font-size: 3.58vw;
  }
  .sctimebox a {
    font-size: 6vw;
    border: 0.5vw solid transparent;
  }

  .cyclebox{
    height: 105vw;
    width: 100%;
  }
  .sccycledesc h3 {
    font-size: 5vw;
    padding: 3vw 0;
  }
  .bigtwo {
    font-size: 10vw;
    padding: 0 2vw 0 0;
  }
  .cyclebox div {
    width: 40vw;
    height: 40vw;
  }
  .cyclebox div:nth-child(2) {
    left: 14vw;
    top: 25vw;
  }
  .cyclebox div:nth-child(3) {
    left: 45vw;
    top: 49vw;
  }
  .cycle::before {
    border: 1.3vw solid transparent;
  }
  .cycle img {
      width: 13vw;
      margin-right: 12vw;
  }
  .cycle h4 {
    font-size: 7vw;
    margin: 0;
  }
  .cycle p {
    font-size: 3.7vw;
    margin: 0;
  }
  .cyclebox .cblock {
    width: 45vw;
  }
  .cyclebox div:nth-child(4) {
    left: 50vw;
    top: 20vw;
    align-items: flex-start;
  }
  .cyclebox div:nth-child(5) {
    left: 4vw;
    top: 68vw;
    align-items: flex-start;
  }
  .cyclebox .cblock h4 {
    font-size: 3vw;
  }
  .cyclebox .cblock p {
    font-size: 2.6vw;
  }
  .spotlight {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .spotbox{
    width: 90%;
  }
  .lightbox{
    padding: 0;
    margin: 0;
  }
  .lightboxs h4 {
    font-size: 3.3vw;
    margin-bottom: 0.2vw;
  }
  .lightboxs p {
    font-size: 2.2vw;
    padding: 2.5vw 1vw 0 1vw;
  }
  .lightboxs {
    height: 26vw;
    justify-content: flex-start;
    padding-top: 4vw;
  }
  .sccycledesc a {
    font-size: 6vw;
    border: 1vw solid transparent;
  }
  .sccycledesc, .scspeaker,.seagenda {
    padding-bottom: 10vw;
  }
  .seagenda h3 {
    font-size: 10vw;
    margin-top: 3vw;
  }
  .agendalightline {
    width: 35vw;
    top: -5vw;
    right: 27vw;
  }
  .seagenda .kvitem002 {
    display: unset;
      width: 12vw;
      filter: brightness(1.8) opacity(50%);
      opacity: 0.2;
      right: 0;
      top: 35vw;
      animation: ammargintop 2.7s linear infinite;
  }
  .agdaitem{
    margin-top: 5vw;
  }
  .agdaitem h4 {
    font-size: 5vw;
  }
  .agdaitem h4 span {
    font-size: 3vw;
    padding: 0.2vw 1vw 0 1.5vw;
  }
  .agdaitem p, .agdaitem label, .agdaitem .spker {
    font-size: 5vw;
    margin-bottom: 1vw;
  }
  .agdaitem label, .agdaitem .spker {
    font-size: 4vw;
  }
  .agdaitem .spker span {
      font-size: 7vw;
  }
  .seagenda .row {
    width: 90%;
  }
  .scspeaker .eng {
    font-size: 15vw;
  }
  .scspeaker .cht {
    font-size: 10vw;
  }
  .scspeaker .row {
    width: 95%;
  }
  .speakname {
    padding-left: 13vw;
    padding-top: 2vw;
  }
  .speakname h5 {
    font-size: 3.3vw;
    margin-bottom: 0.3vw;
  }
  .speakname h4 {
    font-size: 4vw;
    margin-bottom: 0.3vw;
  }
  .speakname::before {
    width: 1vw;
    height: 13vw;
    left: 11vw;
  }
  .speakerbox:nth-child(2) .speakname h4 {
    font-size: 3.3vw;
  }
  .infobox {
    width: 75%;
    padding: 10vw 0 2vw 0;
  }
  .overlay_close_btn {
    right: 5px;
    top: 5px;
  }
  .speakerpic{
    padding: 2vw;
    text-align: left;
  }
  .speakerpic img {
    width: 75%;
  }
  .speakinfobox .infobox .sidecake {
    width: 39vw;
    left: unset;
    bottom: unset;
    opacity: 0.5;
    right: -23vw;
    top: 30vw;
  }
  .infobox .row .infotext h4 {
    font-size: 8vw;
  }
  .infobox .row .infotext h5 {
    font-size: 4vw;
  }
  .infobox .row .infotext p {
    font-size: 3vw;
    padding-top: 3.5vw;
    line-height: 4vw;
  }


  .scgift {
    padding: 10vw 0 5vw 0;
  }
  .scgift .row {
    width: 80%;
  }
  .scgift h3 {
    font-size: 10vw;
  }
  .scgift h4 {
    font-size: 6.5vw;
  }
  .scgift h5 {
    font-size: 3.2vw;
  }
  .scgift .row div:nth-child(2) img {
    margin-top: 20vw;
  }
  .annour h5 {
    font-size:5.2vw;
    padding: 10vw 0 2vw 0;
  }
  .annour p {
    font-size: 3.3vw;
  }
  .scgift .row div:nth-child(2) img:nth-child(2) {
    margin-top: 6vw;
  }
  .introarticle h3 {
    font-size: 7vw;
    line-height: 10vw;
    padding-top: 4vw;
  }
  .footer .row {
    flex-direction: column;
  }
  .footer img {
    height: 10vw;
    margin: 6vw 1vw;
  }
  .footer .row span {
    align-items: center;
    justify-content: center;
    font-size: 6vw;
    border-right: 0px ;
    height: 10vw;
    text-decoration: underline;
    text-underline-offset: 2vw;
  }
  .formSection {
    padding-top: 7vw;
  }
  .form {
    width: 95vw;
  }
  .formiframe {
    width: 80vw;
    height: 630px;
    margin-top: 3vw;
    overflow-y: scroll;
  }
  .formiframe iframe {
      width: 120%;
      height: 2580px;
      transform: translate(-45px, -130px);
  }
  .formSection h7 {
    line-height: 5vw;
    font-size: 4vw;
    padding: 0 5vw;
  }
  .notext {
    width: calc(100% - 30px);
  }
  .floatbtn {
    right: 5vw;
    bottom: 10vw;
    width: 20vw;
    height: 20vw;
    border: 2px solid #fff;
  }
  .floatbtn img {
    width: 4vw;
    margin-top: 1.2vw;
  }
  .floatbtn a {
    font-size: 3.5vw;
  }
  /* Logo 微調 */
  .footer div:nth-child(2) img:nth-child(3),.footer div:nth-child(2) img:nth-child(4){
    height: 10vw;
    margin: 6vw 1vw;
  }
  .footer div:nth-child(2) img:nth-child(5){
    height: 10vw;
    margin: 6vw 1vw;
  }
}