* {
  -webkit-tap-highlight-color: transparent;
}
:root {
  --main-color: #000000;
  --main-lightblue: #46FAFF;
  --main-deepblue: #046286;
  --main-white: #ffffff;
  --main-orange: #FA582D; /*#FF5300*/
  --main-yellow: #FA582D;
  --act-b: #00D1FF;
  --act-c: #F39302;
  --hover: #ff8d00;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

/*預載*/
#preload{
  display: none;
}
#preload *{
  width: 0;
  height: 0;
  display: block;
}
/*************************************/
header{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 480px;
  margin: 0 auto;
  z-index: 4;
  overflow: hidden;
  /*transition: all 0.8s; -webkit-transition: all 0.8s;*/
}
header .bg_header_a{
  position: absolute;
  right: 0em;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  /*background-color: #012257;*/
  background-image: url('https://images.blias.com/2026-quantum-forum.techorange.com/images/bg_header_a_1920.jpg');
  /*background: linear-gradient(-151deg, #CEEAFA 20%, #FBE2E1 100%);*/ /*#d1eeff*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
  /*animation: light_effect 2s infinite;*/
}
header .bg_header_a.bg-pos-right{
  /*background-position: center 65% !important;*/
}
header .bg_header_title_logo1{
  position: absolute;
  left: 0%;
  top: -6%;
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('https://images.blias.com/2026-quantum-forum.techorange.com/images_show3rd/bg_header_title_logo1_1920.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 5;
  transition: all 1.3s; -webkit-transition: all 1.3s;
}
header .bg_header_title_1{
  position: absolute;
  left: 0%;
  top: -8%;
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('https://images.blias.com/2026-quantum-forum.techorange.com/images_show3rd/bg_header_title_1_1920.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 5;
  transition: all 1.3s; -webkit-transition: all 1.3s;
}
header .bg_header_title_2{
  position: absolute;
  left: 0%;
  top: -10%;
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('https://images.blias.com/2026-quantum-forum.techorange.com/images_show3rd/bg_header_title_2_1920.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 4;
  transition: all 1.3s; -webkit-transition: all 1.3s;
}
header .bg_header_title_3{
  position: absolute;
  left: 0%;
  top: -10%;
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('https://images.blias.com/2026-quantum-forum.techorange.com/images_show3rd/bg_header_title_3_1920.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
  transition: all 1.3s; -webkit-transition: all 1.3s;
}

header .bg_header_bg{
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  max-height: 150px;
  display: block;
  left: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    #020a1f00 0%,
    #020a1fff 100%
  );
}

header .bg_header_title_logo1.animate{
  top: 2%;
  opacity: 1;
}
header .bg_header_title_1.animate{
  top: 2%;
  opacity: 1;
}
header .bg_header_title_2.animate{
  top: 2%;
  opacity: 1;
}
header .bg_header_title_3.animate{
  top: 2%;
  opacity: 1;
}

/*************************************/
.icon_mouse_column {
  position: absolute;
  top: calc(100% - 45px);
  left: calc(50% - 13px);
  width: 26px;
  margin: 0 auto;
  z-index: 3;
}
.icon_mouse_column {
  transform-origin: 50% 0;
  transform: scale(0.8);
  top: calc(100% - 40px);
}
.icon_mouse_column .mouse_body {
  position: absolute;
  z-index: 10;
  border: 2px solid #fff;
  border-radius: 12px;
  width: 26px;
  height: 34px;
  background-size: cover;
}
.icon_mouse_column .mouse_scroll {
  position: absolute;
  top: 6px;
  left: calc(50% - 2px);
  z-index: 11;
  background-color: #fff;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-size: cover;
  animation: mousescroll 2s infinite;
  -webkit-animation: mousescroll 2s infinite;
}
@keyframes mousescroll {
  0% {
    top: 6px;
    height: 4px;
  }
  50% {
    top: 19px;
    height: 8px;
  }
}
@-webkit-keyframes mousescroll {
  0% {
    top: 4px;
  }
  50% {
    top: 19px;
  }
}

/***/
header nav{
  position: relative;
  position: fixed;
  display: block;
  width: 100%;
  height: 80px;
  max-width: 2560px;
  padding: 1em 4% 0 4%;
  background: #ffffff;
  margin: 0 auto;
  top: 0;
  z-index: 9;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
header nav .column{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
  height: 80px;
  display: block;
  z-index:1;
  transition: height 0.3s ease;
  -webkit-transition: height 0.3s ease;
}
header nav .column .column_logo {
  position: relative;
  float: left;
  z-index: 11;
}
header nav .column .column_logo .box{
  display: inline-block;
  height: 38px;
  padding:0 1em;
}
header nav .column .column_logo .box.first{
  padding-left: 0;
}
header nav .column .column_logo .box:last-child{
  border-right: none;
}
header nav .column .column_logo .box img{
  height: 40px;
}
header nav .column .column_logo .box img.to{
  height: 36px;
}
/***/
header nav .column .column_menu{
  float: right;
  height: 100%;
  margin: 0;
  font-weight: 400;
}
header nav .column .column_menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  font-weight: 400;
  letter-spacing: -4px;
}
header nav .column .column_menu ul li{
  cursor: pointer;
  letter-spacing: 0.1em;
}
header nav .column .column_menu ul li.menu{
  display: inline-block;
  font-weight: 400;
  padding: 0 12px;
  /*border-right: 1px solid #ffffff;*/
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  font-size: 0.9em;
}
header nav .column .column_menu ul li.menu:hover{
  color: #FF6600;
  filter: brightness(1.3);
}
header nav .column .column_menu ul li.menu.last{
  border-right: none;
}
header nav .column .column_menu ul li.button{
  display: inline-block;
  line-height: 40px;
  letter-spacing: 0.1em;
  padding: 0 1.5em;
  margin-left: 2em;
  background-color: #FF7B69;
  border-radius: 5em;
  /*background: linear-gradient(-129deg, #6EC8FF 4%, #FFC8C8 90%);*/
  /*filter: brightness(1.1);*/
  /*border-radius: 5px;*/
  /*background-image: url('https://images.blias.com/2026-quantum-forum.techorange.com/images/icon_cta.svg');*/
  /*background-size: 20px;*/
  /*background-repeat: no-repeat;*/
  /*background-position: calc(100% - 10px) 13px;*/
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
header nav .column .column_menu ul li.button:hover{
  filter: brightness(1.1);
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.15);
}
header nav .column .column_menu ul li._mobilemenu{
  display: none;
}
header nav .column .column_menu ul li._mobilemenu.lebel{
  font-size: 0.8em;
  color: #999;
}
/***/
header .kvtitle{
  position: absolute;
  bottom: 10%;
  left: 0%;
  width: 100%;
  margin: 0 auto;
  z-index: 4;
}
header .kvtitle .column{
  position: relative;
  z-index: 4;
  /*text-align: center;*/
  width: 100%;
  padding: 2em 5%;
  display: block;
}
/***/
header .kvtitle .column .column_logo {
 /*display: none;*/
}
header .kvtitle .column .column_logo .box{
  display: inline-block;
  height: fit-content;
  height: -moz-fit-content;
  line-height: 0;
}
header .kvtitle .column .column_logo .box:first-child{
  padding-left: 0;
}
header .kvtitle .column .column_logo .box:last-child{
  border-right: none;
  padding-right: 0;
}
header .kvtitle .column .column_logo .box img{
  height: 60px;
  max-width: 100%;
}
/***/
header .kvtitle .column .column_title{
  position: relative;
  display: block;
  width: fit-content;
  width: -moz-fit-content;
  max-width: 1920px;
}
header .kvtitle .column .column_title h1{
  opacity: 0;
  width: 0;
  height: 0;
  font-size: 0;
}
header .kvtitle .column img{
  width: 100%;
  margin: 0 auto;
  filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.3));
}
header .kvtitle .column .kv_title img{
  width: 62%;
  max-width: 800px;
}
/*************************************/
article{
  position: relative;
  clear: both;
  width: 100%;
  padding: 0 6%;
  z-index: 3;
  overflow: hidden;
}
section{
  clear: both;
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
/*************************************/

/*************************************/
section h2.title {
  position: relative;
  z-index: 3;
  width: fit-content;
  width: -moz-fit-content;
  margin: 1.5em auto;
  padding: 0.25rem 1rem 0.35rem 1rem;
  display: block;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
  text-align: center;
  font-weight: 400;
  font-size: 1.5em;
  border-radius: 50em;
  
  /* 1. 將原本單調的邊框改為亮色（核心強光） */
  border: 2px solid #fff5e6; 

  /* 2. 背景色建議帶點深色，發光效果才會明顯 */
  background-color: #1a1a2e; 
  
  /* 3. 內建文字也加上微發光，整體感更強 */
  text-shadow: 0 0 8px rgba(255, 170, 1, 0.6);

  /* 4. 核心發光密技：多層次外發光 + 內發光 */
  box-shadow: 
    /* --- 外發光 (Outer Glow) --- */
    0 0 6px #ffaa01,           /* 第一層：緊貼邊框的強光 */
    0 0 15px #ffaa01,          /* 第二層：中等擴散的光暈 */
    0 0 30px rgba(255, 170, 1, 0.6), /* 第三層：大範圍的柔和環境光 */
    
    /* --- 內發光 (Inner Glow) --- */
    inset 0 0 8px rgba(255, 170, 1, 0.5); /* 讓邊框內側也微微亮起，更具立體感 */
}
section h2.title::before{
  content: "";
  position: absolute;
  right: -15%;
  top: calc(100% - 3px);
  width: 87%;
  height: 8px;
  background: radial-gradient(ellipse at center, rgb(255 255 255) 0%, rgb(164 233 239 / 90%) 20%, rgb(0 180 255 / 60%) 40%, rgba(180, 90, 0, 0) 60%, rgba(120, 50, 0, 0.2) 80%, transparent 100%);
  border-radius: 50% / 50%;
  display: block;
}

section h2.title::after{
  content: "";
  position: absolute;
  left: 5%;
  top: calc(0% - 5px);
  width: 50%;
  height: 8px;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 255, 200, 1) 0%,
    rgba(255, 200, 120, 0.9) 20%,
    rgba(255, 140, 0, 0.6) 40%,
    rgba(180, 90, 0, 0) 60%,
    rgba(120, 50, 0, 0.2) 80%,
     transparent 100%
  );
  border-radius: 50% / 50%;
  display: block;
  filter: brightness(1.25);
}
section h2.title span{
  position: relative;
  z-index: 3;
  display: block;
  padding: 0 0.3em;
  color: #ffffff;
}
/***/
section h3.title{
  font-size: 1.8em;
  font-weight: normal;
  text-align: center;
  margin: 2em auto 1em auto;
  background-color: #ffbd00;
  /*background: linear-gradient(
    90deg,
    #6aa9ff,
    #5dfff2,
    #7dff7a,
    #5dfff2,
    #6aa9ff
  );*/
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  /*animation: rainbowFlow 8s linear infinite;*/
}

@keyframes rainbowFlow{
  from{
    background-position: 0% center;
  }
  to{
    background-position: 200% center;
  }
}
section .infotext{
  position: relative;
  /*word-break: break-all;*/
  color: #ffffff;
  width: 100%;
  line-height: 1.8em;
  font-weight: 300;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
/*************************************/
article .bg_area_1b{
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  bottom: 0;
  background-image: url("https://images.blias.com/2026-quantum-forum.techorange.com/images/bg_area1b.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  /*filter: blur(2px);*/
  opacity: 0.55;
}
article .bg_area_1_top{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 230px;
  display: block;
  left: 0;
  top: 0;
  background: linear-gradient(
    to top,
    #020a1f00 0%,
    #020a1fff 100%
  );
}
article .bg_area_1_bottom{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 230px;
  display: block;
  left: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    #020a1f00 0%,
    #020a1fff 100%
  );
}
section.area_1{
  position: relative;
  width: 100%;
  max-width: 1030px;
  margin: 4em auto 2em auto;
  z-index: 3;
}
/*************************************/
.column_points{
  position: relative;
  margin: 5.5em auto 4.5em auto;
  text-align: center;
  z-index: 3;
  display: block;
}
.column_points h2.title{
  position: relative;
  font-size: 1.25em;
  width: fit-content;
  width: -webkit-fit-content;
  font-weight: normal;
  margin: 0 auto 1em auto;
  z-index: 1;
}
.column_points h2.title span{
  background-color: #cffffe22;
  color: #bceeff;
  padding: 3px 38px 5px 38px;
  /*border-radius: 2em;*/
  clip-path: polygon(
    10px 0,
    100% 0,
    100% calc(100% - 10px),
    calc(100% - 10px) 100%,
    0 100%,
    0 10px
  );
}
.column_points h2.title span.en{
  position: relative;
  top: 0.125em;
  font-family: "Rubik", sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  color: #ffa29d;
}
.column_points .box{
  opacity: 0;
  display: inline-block;
  margin: 0 0px 0 0px;
  padding: 20px 10px;
  width: calc(33% - 6px);
  max-width: 500px;
  vertical-align: top;
}
.column_points .box .border{
  position: relative;
  width: 100%;
  padding: 15px 0px 0px 0px;
}
.column_points .box .border .border_{
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1px solid #98e0ff63;
  display: none;
}
.column_points .box .border .border_.lt{
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}
.column_points .box .border .border_.rt{
  top: 0;
  right: 0;
  border-left: none;
  border-bottom: none;
}
.column_points .box .border .border_.lb{
  bottom: 0;
  left: 0;
  border-right: none;
  border-top: none;
}
.column_points .box .border .border_.rb{
  bottom: 0;
  right: 0;
  border-left: none;
  border-top: none;
}
.column_points .box .title{
  font-size: 1em;
  font-weight: bold;
}
.column_points .box .title .title1{
  display: block;
  font-weight: 400;
  font-size: 1.1em;
  max-width: 17em;
  margin: 0 auto 0.2em auto;
  color: #ffbd00;
  text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px;
}
.column_points .box .title .title2{
  display: block;
  width: 90%;
  font-weight: 300;
  font-size: 0.96em;
  margin: 0 auto 0.4em auto;
  color: #ffffff;
  text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px;
}
.column_points .box .icon{
  position: relative;
  display: block;
  margin: 0 auto 0 auto;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
}
.column_points .box .icon .pic{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}
.column_points .box .icon .icon1{
  background-image: url(https://images.blias.com/2026-quantum-forum.techorange.com/images/icon_points_1.png);
}
.column_points .box .icon .icon2{
  background-image: url(https://images.blias.com/2026-quantum-forum.techorange.com/images/icon_points_2.png);
}
.column_points .box .icon .icon3{
  background-image: url(https://images.blias.com/2026-quantum-forum.techorange.com/images/icon_points_3.png);
}

.column_points .box .icon .icon_in {
  text-align: center;
  background-size: 500%;
  border-radius: 50%;
}
.column_points .box .icon .icon_in {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  margin: 0px 0 10px 0;
  display: block;
  z-index: -1;
  filter: blur(8px);
  opacity: 1;
}
/*************************************/
article .bg_area_2{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  background-color: #020a1fdd;
}
article .bg_area_2_top{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 530px;
  display: block;
  left: 0;
  top: 0;
  background: linear-gradient(to top, #020a1f00 0%, #020a1fff 100%);
}
article .bg_area_2_bottom{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 230px;
  display: block;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #020a1f00 0%, #020a1fff 100%);
}
article .bg_area_2b{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  bottom: 0;
  background-image: url("https://images.blias.com/2026-quantum-forum.techorange.com/images/bg_area2b.jpg");
  background-color: #020a1f;
  background-size: 100% auto;
  background-position: center;
  background-repeat: repeat-y;
  opacity: 0.33;
}
section.area_2{
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 4em auto 5em auto;
  z-index: 2;
}
/***/
.column_day{
  width: 100%;
  /*max-width: 1000px;*/
  margin: 4em auto 0 auto;
  display: block;
  padding: 0;
}
/***/
.column_table{
  position: relative;
  width: 100%;
  margin-bottom: 1em;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.column_table .group_tr{
  box-shadow: 12px 16px 3px rgba(0,0,0,0.05);
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: center;
          justify-content: center;
  width: 100%;
  text-align: center;
  line-height: 20px;
  order: 2;
  margin-bottom: 0.25em;
  gap: 0.25em;
}
.column_table .group_tr._noshadow{
  box-shadow: none;
  padding-top: 1em;
}
.column_table .group_tr .desc{
  position: relative;
  width: 100%;
  font-size: 0.8em;
  padding: 1rem 0 0 0;
  text-align: center;
  color: #ffffff;
}
.column_table .group_tr:nth-child(odd){
  /*background-color: #f6f6f6;*/
}
.column_table .group_tr .td_time{
  border-radius: 0.501em;
  background-color: #0c354e7a;
  color: #ffffff;
  position: relative;
  padding: 10px;
  flex-grow: 1;
  width: 25%;
  /*background-color: #3f5a6538;*/
  /*border-left: 3px solid;*/
  /*border-image: linear-gradient(to bottom, #ffff99, #ff9900) 1;*/
  /*border-radius: 5px;*/
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  display: none;
}
.column_table .group_tr .td_time.bg_light{
  background-color: #873a78;
  background: linear-gradient(90deg, #263e83 0%, #0e668b 100%);
}
.column_table .group_tr .td_time span{
  display: inline-block;
  white-space: nowrap;
}
.column_table .group_tr .td_time span.dash{
  margin: 0 3px;
}
.column_table .group_tr .td_subject_lecturer{
  border-radius: 0.501em;
  border-left: none;
  background-color: #0c354e7a;
  color: #ffffff;
  padding: 10px 2em;
  width: 100%;
}
.column_table .group_tr .td_subject_lecturer .column{
  /*padding: 1em;
  border-radius: 0.5em;
  background-color: #000000aa;*/
  margin-top: -2px;
}
.column_table .group_tr .td_subject .ch{
  display: block;
  font-size: 1em;
  line-height: 1.4em;
  margin: 0;
  padding: 1px 0 1px 5px;
  text-align: left;
}
.column_table .group_tr .td_subject_lecturer.bg_light{
  display: block;
  background: linear-gradient(to right, #a0e5ff, #e4fbff, #ffd7a9);
}
.column_table .group_tr .td_subject_lecturer.bg_light .title{
  font-size: 1.25em;
  font-weight:500;
  color: #000000;
}
.column_table .group_tr .td_subject .en{
  display: block;
  font-weight: 400;
  font-size: 0.86em;
  line-height: 1.4em;
  letter-spacing: 0.04em;
  margin: 0;
  padding: 0;
  color: #999999;
  text-align: left;
}
.column_table .group_tr .td_lecturer{
  text-align: left;
  max-width: 100%;
  background-color: #ffffe2;
  /*background: linear-gradient(90deg, #e2f1ff 0%, #fffbdc 100%);*/
  color: #000000;
  margin: 5px auto;
  letter-spacing: -5px;
  line-height: 0;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0.25em 0;
  border-radius: 1em;
}
.column_table .group_tr .bg_light .td_lecturer{
  color: #000000;
  background-color: #ffffe2;
}
.column_table .group_tr .td_lecturer .ch{
  display: inline-block;
  font-weight: 400;
  font-size: 0.8em;
  line-height: 1em;
  margin: 0;
  padding: 0;
  text-align: left;
  padding: 3px 2px 3px 10px;
  /*border-radius: 1em;*/
  letter-spacing: 0;
}
.column_table .group_tr .td_lecturer .en{
  display: inline-block;
  font-weight: 300;
  font-size: 0.8em;
  line-height: 1em;
  margin: 0;
  padding: 0;
  text-align: left;
  padding: 3px 10px 3px 10px;
  /*border-radius: 1em;*/
  letter-spacing: 0;
}
/***/
.column_lecturer{
  width: 100%;
  display: block;
  text-align: center;
  padding-top: 2em;
}
/***/
.box_lecturer{
  position: relative;
  display: inline-block;
  width: calc(33% - 10px);
  min-width: 240px;
  text-align: center;
  margin-bottom: 30px;
  vertical-align: top;
}
.box_lecturer .column_pic{
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 0.25em;
}
.box_lecturer .column_pic .pic {
  position: relative;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  overflow: hidden;
}

.box_lecturer .column_pic .pic::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(https://images.blias.com/2026-quantum-forum.techorange.com/images/bg_lecturer_pic.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  transform-origin: center center;
  border-radius: 50%;
  filter: hue-rotate(360deg);
}

.box_lecturer .column_pic .pic .photo {
  position: relative;
  top: 11%;
  left: 10.5%;
  width: 80%;
  height: 80%;
  background-color: #09103A;
  border-radius: 50%;
  border: 0px solid #07D7FB;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.box_lecturer .column_pic .pic .photo.pic1{background-image: url("../images/lecturer1.jpg");}
.box_lecturer .column_pic .pic .photo.pic2{background-image: url("../images/lecturer2.jpg");}
.box_lecturer .column_pic .pic .photo.pic3{background-image: url("../images/lecturer3.jpg");}
.box_lecturer .column_pic .pic .photo.pic4{background-image: url("../images/lecturer4.jpg");}
.box_lecturer .column_pic .pic .photo.pic5{background-image: url("../images/lecturer5.jpg");}
.box_lecturer .column_pic .pic .photo.pic6{background-image: url("../images/lecturer6.jpg");}
.box_lecturer .column_pic .pic .photo.pic7{background-image: url("../images/lecturer7.jpg");}
.box_lecturer .column_pic .pic .photo.pic8{background-image: url("../images/lecturer8.jpg");}
.box_lecturer .column_pic .pic .photo.pic9{background-image: url("../images/lecturer9.jpg");}
.box_lecturer .column_pic .pic .photo.pic10{background-image: url("../images/lecturer10.jpg");}
.box_lecturer .column_pic .pic .photo.pic11{background-image: url("../images/lecturer11.jpg");}
/***/
.box_lecturer .column_info{
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  margin-bottom: 1.2em;
  padding: 0 3px;
  color: #fff;
}
.box_lecturer .column_info .ch{
  width: 100%;
  text-align: center;
  vertical-align: top;
}
.box_lecturer .column_info .en{
  width: 100%;
  text-align: left;
  font-family: 'Oswald', cursive;
  color: var(--main-yellow);
  white-space: nowrap;
  vertical-align: top;
}
.box_lecturer .column_info .ch .company_job_title,
.box_lecturer .column_info .en .company_job_title{
  font-size: 0.75em;
  color: #b7fffb;
}
.box_lecturer .column_info .ch .name,
.box_lecturer .column_info .en .name{
  font-size: 0.86em;
}
.box_lecturer .column_info .ch .company_job_title{
  position: relative;
  top: 1px;
  max-width: 350px;
  margin: 0 auto;
}
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*單位*/
article.area_5{
  position: relative;
  background-color: #f2f2f2;
  /*background: linear-gradient(0deg, #09103a 0%, #082249 100%);*/
  padding: 0 4%;
  padding-top: 4em;
}
section.area_5{
  position: relative;
  width: 100%;
  max-width: 100%;
  z-index: 2;
}
.unit{
  display: block;
  text-align: center;
  width: 100%;
}
.unit .box{
  display: block;
  padding: 20px 0px;
  text-align: center;
}
.unit .box .title{
  width: fit-content;
  width: -moz-fit-content;
  color: #000000;
  background-color: #b5efff;
  font-size: 0.7em;
  padding: 1px 18px 2px 18px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.08em;
  text-indent: 0.16em;
  margin: 0 auto 10px auto;

  clip-path: polygon(
    6px 0,
    100% 0,
    100% calc(100% - 6px),
    calc(100% - 6px) 100%,
    0 100%,
    0 6px

  );
}
.unit .box .column_grid_logo{
  font-size: 0.6em;
  text-align: center;
}
.unit .box .column_grid_logo ._logo{
  display: inline-block;
  margin: 0px 3em 5em 3em;
}
.unit .box img,
.unit .box .column_grid_logo ._logo img{
  display: block;
  max-width: 200px;
  width: 100%;
  /*background-color: #ffffff;*/
  border-radius: 5px;
}
.unit .box .column_grid_logo ._logo img.other1{
  max-width: 260px;
  width: 100%;
}
/*.unit .box .column_grid_logo ._logo img.other2{
  max-width: 160px;
  width: 100%;
}
.unit .box .column_grid_logo ._logo img.other3{
  max-width: 120px;
  width: 100%;
}*/
.unit .column_grid2{
  display: block;
  text-align: center;
}
.unit .column_grid2 .box{
  display: inline-block;
}
.unit .box .column_grid3{
  display: inline-block;
  max-width: 960px;
  margin: 0 auto;
  gap: 0px;
  grid-template-columns: repeat(3,1fr);
}
.unit .box .column_grid3 ._logo{
  display: inline-block;
  align-items: center;   /* 上下置中 */
  justify-content: center; /* 左右置中，可選 */
}
/***/
.unit .box .column_grid3b{
  display: grid;
  max-width: 960px;
  margin: 0 auto;
  gap: 0px;
  grid-template-columns: repeat(3,1fr);
}
.unit .box .column_grid3b ._logo{
  display: grid;
  align-items: center;   /* 上下置中 */
  justify-content: center; /* 左右置中，可選 */
}
/*************************************/
article .bg_area_6{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  bottom: 0;
  background-color: #020a1f;
  background: linear-gradient(0deg, #1a3750 0%, #082a5a 8%, #020a1f 100%);
  background-size: cover;
  background-position: top center;
  background-repeat: repeat-y;
  opacity: 1;
}
section.area_6{
  position: relative;
  width: 100%;
  max-width: 880px;
  z-index: 2;
  margin: 3em auto 0 auto;
}
/*************************************/
html {
  margin: 0;
  padding: 0;
  font-size: 1.3em;
  font-weight: 300;
  font-family: 'Noto Sans TC','Microsoft JhengHei','Arial';
  letter-spacing: 0.05em;
  overflow-x: hidden;
  width: 100%;
}
body{
  overflow: hidden;
  /*position: relative;*/
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
  padding: 0;
  cursor: default !important;
  background-color: #020a1f;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a * {
  cursor: inherit;
  text-decoration: none;
}
*{
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
}
noscript{
  width: 100%;
  display: block;
  padding: 20px;
  text-align: center;
  color: #c00;
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0
}
button:disabled {
  cursor: auto
}
button * {
  pointer-events: none
}
fieldset {
  border: none;
  margin: 0;
  padding: 0
}
img {
  vertical-align: middle
}
/*************************************/
footer {
  position: relative;
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 10px;
  z-index: 3;
}
footer .container{
  display: block;
  width: 100%;
  padding: 20px 00px;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0px;
  transform: scale(1);
}
footer .container span.copyright{
  display: inline-block;
  margin: 0 20px;
}
footer .container ul{
  display: inline-block;
  margin: 0;
  padding: 0 20px;
  list-style: none;
}
footer .container ul li{
  display: inline-block;
}
footer .container ul li:not(:last-child):after {
  content: "|";
  margin-left: .5em;
  margin-right: .5em
}
footer .container ul li a:hover{
  text-decoration: underline;
}
/***/
footer.social_mode{
  width: 100%;
  background-color: #e9e9e9;
  padding: 2em;
}
footer.social_mode .flex{
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
footer.social_mode .flex .column_logo{
  -webkit-flex: 2;
          flex: 2;
}
footer.social_mode .flex .column_logo .logo{
  display: block;
  margin-bottom: 0.75em;
}
footer.social_mode .flex .column_logo .logo img{
  height: 32px;
}
footer.social_mode .flex .column_logo ul.links{
  margin: 0;
  padding: 0;
  list-style: none;
  /*color: #ffffff;*/
}
footer.social_mode .flex .column_logo ul.links li{
  font-size: 0.7em;
  display: inline-block;
  margin: 0 0.4em 0 0;
  vertical-align: top;
}
footer.social_mode .flex .column_logo ul.links li::after{
  position: relative;
  top: 1.5px;
  content: "";
  display: inline-block;
  height: 0.9em;
  width: 1px;
  border-right: 1px solid #333333;
  margin-left: 0.5em;
}
footer.social_mode .flex .column_logo ul.links li:last-child::after{
  display: none;
}
/***/
footer.social_mode .flex .column_social{
  text-align: right;
  -webkit-flex: 3;
          flex: 3;
}
footer.social_mode .flex .column_social ul.social{
  margin: 0;
  padding: 0;
  list-style: none;
  color: #ffffff;
  margin-bottom: 0.75em;
}
footer.social_mode .flex .column_social ul.social li{
  display: inline-block;
  margin: 0 0.5em;
  height: 32px;
}
footer.social_mode .flex .column_social ul.social li img{
  width: 1.25em;
  height: 1.25em;
  filter: brightness(0.1);
}
footer.social_mode .flex .column_social .copyright{
  font-size: 0.7em;
  /*color: #ffffff;*/
  vertical-align: top;
}
/*************************************/
.err{
  display: inline-block;
  font-size: 1em;
  color: #ff0073;
  background-color: #ffffcc;
  margin: 0 0 0 10px;
}
.err_info{
  display: none;
  width: 100%;
  text-align: center;
  font-size: 0.8em;
  padding: 0 0.5em;
  color: #ff0073;
}
/*************************************/
/**彈出活動框 **/
.float_column_active{
  display: none;
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 99;
  transform: scale(0);
}
.float_column_open{
  animation: effect_float_column_open 0.3s 1 alternate forwards;
  -webkit-animation: effect_float_column_open 0.3s 1 alternate forwards;
}
.float_column_active .active_window{
  line-height: 20pt;
  position: relative;
  display: inline-block;
  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.6); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.6); box-shadow: 0 1px 5px rgba(0,0,0,0.6);
  background: #fff;
  padding:36px 20px;
  width: 80%;
  max-width: 660px;
  max-height: 600px;
  overflow: auto;
}
@-webkit-keyframes effect_float_column_open {
  0%{transform: scale(0);}
  100%{transform: scale(1);}
}
@keyframes effect_float_column_open {
  0%{transform: scale(0);}
  100%{transform: scale(1);}
}
.float_column_active .button_close{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius:50%;
  background-image: url('https://images.blias.com/2026-quantum-forum.techorange.com/images/icon_close.svg');
  cursor: pointer;
  transition: transform 0.3s; -webkit-transition: transform 0.3s;
  z-index: 9
}
.float_column_active .button_close:hover{
  transform: rotate(0.5turn);
}
.float_column_active .active_window .info{
  width: 100%;
  text-align: justify;
  color: #222;
}
.float_column_active .active_window .info h3{
  font-weight: 500;
  font-size: 1.5em;
  line-height: 115%;
  text-align: center;
  letter-spacing: 0.035em;
  margin: 20px auto 20px auto;
  color: var(--main-orange);
}
.float_column_active .active_window .info .button_confirm{
  display: block;
  margin: 0 auto;
}
.float_column_active .active_window .info .button_confirm a{
  display: block;
  text-decoration: none;
}
.float_column_active .active_window .info .button_confirm span{
  display: block;
  font-weight: 500;
  font-size: 1em;
  line-height: 50px;
  text-align: center;
  color: #FFFFFF;
  height: 50px;
  width: 100%;
  max-width: 200px;
  background-color: var(--main-orange);
  cursor: pointer;
  transition: all 0.3s; -webkit-transition: all 0.3s;
  border-radius: 5px;
  margin: 10px auto;
}
.float_column_active .active_window .info .button_confirm span:hover{
  background-color: var(--hover);
  text-decoration: unset;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.55); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.55); box-shadow: 0 1px 5px rgba(0,0,0,0.55);
}
.float_column_active .active_window .info ul{
  margin-top: 2em;
  padding: 0 0 0 1em;
}
.float_column_active .active_window .info li{
  margin-bottom: 0.3em;
}
/*******************************************/
#mask{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  transition:background-color 2s;
  -webkit-transition: background-color 2s;
  background-color: rgba(0, 0, 0, 0.66);
  /*background-image: url('https://images.blias.com/2026-quantum-forum.techorange.com/images/loading_black.gif');*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
}
#maskheader{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 8;
  transition:background-color 2s;
  -webkit-transition: background-color 2s;
  background-color: rgba(0, 0, 0, 0.66);
}
#masksubmit{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 11;
  transition:background-color 2s;
  -webkit-transition: background-color 2s;
  background-color: rgba(0, 0, 0, 0.66);
  background-image: url('https://images.blias.com/2026-quantum-forum.techorange.com/images/loading_black.gif');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
}
/*************************************/
.flow_button{
  position: fixed;
  left: 0;
  bottom: -60px;
  width: 100%;
  background-color: #000000;
  text-align: center;
  font-weight: 400;
  font-size: 1.1em;
  align-items: center;
  text-align: center;
  height: 60px;
  cursor: pointer;
  z-index: 9;
  transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
  -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.4);
  box-shadow: 0 0px 5px rgba(0,0,0,0.4);
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.flow_button a{
  width: 100%;
  height: 100%;
  display: block;
}
.flow_button .desc{
  font-size: 0.8em;
  margin: 0 8px 0 0;
}
.flow_button .CTA_m{
  display: inline-block;
  color: #000000;
  font-weight: 400;
  width: 100%;
  max-width: 240px;
  border-radius: 5em;
  /*background: linear-gradient(-129deg, #6EC8FF 4%, #FFC8C8 90%);*/
  background-color: #FF7B69;
  margin: 0 auto;
  padding: 8px 10px;
  text-align: center;
  transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
  white-space: nowrap;
  font-size: 1.2em;
}
.flow_button .CTA_m img{
  height: 12px;
  position: relative;
  top: -1.5px;
  margin: 0 0 0 2px;
}
.flow_button:hover{
  background-color: #080812;
}
.flow_button:hover .CTA_m{
  filter: brightness(1.3);
  box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 15%);
}
._center{
  text-align: center !important;
}
._mb15{
  margin-bottom: 15px;
}
._mb30{
  margin-bottom: 30px;
}
._mb40{
  margin-bottom: 40px;
}
._displaynone{
  display: none;
}
._displayblock{
  display: block;
}
._justify {
  text-align: justify; /* 對齊左右兩端 */
  text-justify: inter-ideograph; /* 支援中文和日文字符的對齊 */
  word-break: break-word; /* 防止單字溢出 */
  hyphens: auto; /* 允許自動斷字（支援的瀏覽器會生效） */
}
/*************************************/
/*************************************/
input {
  border-radius: 0;
  border: none;
  font-size: 1em;
  line-height: normal;
  outline: none;
  font-family: 'Noto Sans TC','Microsoft JhengHei','Arial';
}

input[type=date],
input[type=email],
input[type=search],
input[type=tel],
input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #222;
  background-color: #fff;
  padding-left: .5em;
  padding-right: .5em
}

input[type=radio] {
  position: relative;
  top:1px;
  background-color: #ddd;
  border-radius: 10px;
  border: #aaa 1px solid;
  height: 15px;
  width: 15px;
  margin:0;
  -webkit-appearance: none;
}
input[type=radio]:checked {
  background-color: var(--main-orange);
  background-image: url('https://images.blias.com/2026-quantum-forum.techorange.com/images/icon-radio-selected.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%;
  border: var(--main-color) 1px solid;
  -webkit-box-shadow: rgba(0,0,0,.1) 0 0 2px, rgba(0,0,0,.1) 0 0 8px;
}

input[type=checkbox]{
  position: relative;
  top:6px;
  background-color: #fff;
  border: #666 1px solid;
  border-radius: 5px;
  width: 26px;
  height: 26px;
  margin:0;
  -webkit-appearance:none;
}
input[type=checkbox]:checked {
  background-color: var(--main-orange);
  background-image: url('https://images.blias.com/2026-quantum-forum.techorange.com/images/icon-check.svg');
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: contain; -webkit-background-size: contain; -o-background-size: contain; background-size: contain;
  -webkit-box-shadow: rgba(0,0,0,.1) 0 0 2px, rgba(0,0,0,.1) 0 0 8px;
}

input[type=checkbox]:disabled,
input[type=radio]:disabled {
  cursor: default
}
select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-radius: 0;
  border: none;
  cursor: pointer;
  outline: none;
  font-size: 1em;
  padding-left: .5em;
  padding-right: 2em;
  font-family: 'Noto Sans TC','Microsoft JhengHei','Arial';
}
select:disabled {
  cursor: default;
  opacity: 1
}
select.phone_code{
  font-size: 0.8em !important;
}
/***/
article.area_6{
  position: relative;
  /*background: linear-gradient(0deg, #1e1b1a 0%, #000000 100%);*/
}
article.area_6 .infotext {
  padding: 0 1em 0 1.5em;
  margin: 0 auto 2em auto;
  font-size: 0.9em;
  color: #000000;
  text-shadow: unset;
}
article.area_6 ul.infotext {
  padding-left: 5px;
  line-height: 1.6em;
}
article.area_6 ul.infotext li{
  margin-bottom: 6px;
}
article.area_6 .infotext b {
  font-weight: 500;
  color: #fff596;
}
article.area_6 .infotext a:hover{
  text-decoration: underline;
}
/***/
#surveyForm{
  padding: 2em 1.5em 1em 1.5em;
  background-color: #ffffff;
  margin-bottom: 4em;
  border: 1px solid #666666;
  box-shadow: 12px 16px 10px rgba(0, 0, 0, 0.25);
  border-radius: 0.5em;
  /*clip-path: polygon(
    20px 0,
    100% 0,
    100% calc(100% - 20px),
    calc(100% - 20px) 100%,
    0 100%,
    0 20px
  );*/
}
/***/
.personal-information {
  padding: 0;
}
.personal-information .container{
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
}
.personal-information .fields {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 1fr)
}
.personal-information .fields_1 {
  grid-template-columns: repeat(1, 1fr)
}
.personal-information .fields:not(:last-of-type) {
  margin-bottom: 20px
}

.personal-information .fields .field {
  position: relative;
  font-size: 0.8em;
}
.personal-information .fields .field input[type=email],
.personal-information .fields .field input[type=tel],
.personal-information .fields .field input[type=text] {
  width: 100%;
  font-size: 1em;
  /*padding: 6px 12px;*/
  height: 36px;
  background-color: #fff;
  border-radius: 5px;
  border: #666 1px solid;
  -webkit-transition: backgruond-color .2s, border-color .2s, color .2s;
  -o-transition: backgruond-color .2s, border-color .2s, color .2s;
  transition: backgruond-color .2s, border-color .2s, color .2s
}

.personal-information .fields .field input[type=email]::-webkit-input-placeholder,
.personal-information .fields .field input[type=tel]::-webkit-input-placeholder,
.personal-information .fields .field input[type=text]::-webkit-input-placeholder {
  color: #a9a9a9;
}

.personal-information .fields .field input[type=email]::-moz-placeholder,
.personal-information .fields .field input[type=tel]::-moz-placeholder,
.personal-information .fields .field input[type=text]::-moz-placeholder {
  color: #a9a9a9;
}

.personal-information .fields .field input[type=email]::-ms-input-placeholder,
.personal-information .fields .field input[type=tel]::-ms-input-placeholder,
.personal-information .fields .field input[type=text]::-ms-input-placeholder {
  color: #a9a9a9;
}

.personal-information .fields .field input[type=email]::placeholder,
.personal-information .fields .field input[type=tel]::placeholder,
.personal-information .fields .field input[type=text]::placeholder {
  color: #a9a9a9;
}

.personal-information .fields .field input[type=email]:focus,
.personal-information .fields .field input[type=tel]:focus,
.personal-information .fields .field input[type=text]:focus{
  outline: #ffd516 solid 3px;
}

.personal-information .fields .field input[type=email]:disabled,
.personal-information .fields .field input[type=tel]:disabled,
.personal-information .fields .field input[type=text]:disabled {
  background-color: #dedede;
  color: #7e7e7e
}

.personal-information .fields .field input[type=text]:disabled {
  border: none;
}

.personal-information .fields .field label {
  display: block;
  margin-bottom: 1px;
  font-size: 0.95em;
}

.personal-information .fields .field select {
  font-size: 1em;
  /*padding: 0px 12px;*/
  height: 36px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjUuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4wIEJ1aWxkIDE0MSkgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjYTdhOWFjOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuOCwxOC42bDguNy05LjJjLjctLjcuMi0xLjktLjgtMS45SDMuM2MtMSwwLTEuNSwxLjItLjgsMS45bDguNyw5LjJjLjQuNSwxLjIuNSwxLjYsMFoiLz4KPC9zdmc+);
  background-position: right .5em center;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 5px;
  border: #666 1px solid;
  width: 100%;
  -webkit-transition: background-color .2s, color .2s;
  -o-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s
}
.personal-information .fields .field select:focus {
  outline: #ffd516 solid 3px;
}
.personal-information .fields .field select:invalid {
  color: #727272
}

.personal-information .fields .field select:disabled {
  background-color: #dedede;
  border-color: #b4b4b4;
  color: #7e7e7e
}
.personal-information .submit {
  text-align: center;
  margin:40px auto 0 auto;
  color: var(--act-a);
  font-size: 0.9em;
}
.personal-information .submit button{
  color: #fff;
  font-size: 1.1em;
  letter-spacing: 1.8px;
  text-indent: 1.8px;
  border-radius: 0.5em;
  height: 50px;
  max-width: 200px;
  width: 100%;
  background-color: #FF7B69;
  -webkit-transition: background-color .2s;
  -o-transition: background-color .2s;
  transition: background-color .2s;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none; 
  appearance: none;
  transition: all 0.3s; -webkit-transition: all 0.3s;
}
.personal-information .submit button:disabled{
  background-color: #a9a9a9
}
.personal-information .submit button:hover{
  filter: brightness(1.3);
  box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 15%);
}
/***/
.personal-information .fields .field .name_last{
  width: calc(50% - 3px);
  float: left;
}
.personal-information .fields .field .name_first{
  width: calc(50% - 3px);
  float: right;
}
.personal-information .fields .field select.phone_code{
  width: 36%;
  float: left;
}
.personal-information .fields .field input.phone_mobile{
  width: calc(64% - 6px);
  float: right;
}
.personal-information .fields .field select.company_industry,
.personal-information .fields .field select.company_department,
.personal-information .fields .field select.company_job_title,
.personal-information .fields .field select.company_location{
  width: calc(50% - 3px);
  float: left;
  width: 100%;
  transition: all 0.3s; -webkit-transition: all 0.3s;
}
.personal-information .fields .field input.company_industry_other,
.personal-information .fields .field input.company_department_other,
.personal-information .fields .field input.company_job_title_other,
.personal-information .fields .field input.company_location_other{
  width: calc(50% - 3px);
  float: right;
  width: 0;
  padding: 6px 0;
  transition: all 0.3s; -webkit-transition: all 0.3s;
}
.personal-information .fields .field select.company_industry._show,
.personal-information .fields .field select.company_department._show,
.personal-information .fields .field select.company_job_title._show,
.personal-information .fields .field select.company_location._show{
  width: calc(30% - 3px);
  padding: 6px 12px;
}
.personal-information .fields .field input.company_industry_other._show,
.personal-information .fields .field input.company_department_other._show,
.personal-information .fields .field input.company_job_title_other._show,
.personal-information .fields .field input.company_location_other._show{
  width: calc(70% - 3px);
  padding: 6px 12px;
}
.personal-information .fields .field .desc{
  width: 100%;
  /*text-align: right;*/
  font-size: 0.9em;
  color: #0093d3;
  margin: 5px auto;
  padding-left: 2px;
  font-weight: 400;
}
/***/
.column_private{
  margin: 0px auto 40px auto;
  display: block;
  text-align: center;
}
.column_private ._inlineblock{
  font-size: 0.85em;
  display: inline-block;
}
.column_private .checkboxlabel{
  font-size: 0.85em;
  display: inline-block;
}
#ted_private_rule{
  text-decoration: none;
  border-bottom: 1px solid #000;
}
#ted_private_rule:hover{
  background-color: #ffffcc;
  /*color: #69e3ff;*/
  /*border-bottom: 1px solid #fff;*/
}
.err_forcheckbox {
  display: inline-block;
  font-size: 0.8em;
  color: #ff0073;
  width: 100%;
  text-align: center;
}
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@-webkit-keyframes fadeOut {
  from {opacity: 1;}
  to {opacity: 0;}
}
@keyframes fadeOut {
  from {opacity: 1;}
  to {opacity: 0;}
}
.fadeInUp {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*************************************/
._button_confirm{
  display: block;
  font-weight: 500;
  font-size: 1em;
  line-height: 50px;
  text-align: center;
  color: #FFFFFF;
  height: 50px;
  width: 100%;
  max-width: 200px;
  background-color: var(--main-orange);
  cursor: pointer;
  transition: all 0.3s; -webkit-transition: all 0.3s;
  border-radius: 5px;
  margin: 10px auto;
}
._button_confirm:hover{
  background-color: var(--hover);
  text-decoration: unset;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.55); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.55); box-shadow: 0 1px 5px rgba(0,0,0,0.55);
}
.note_column{
  width: calc(100%);
  max-width: 840px;
  margin: 0 auto;
  font-size: 0.9em;
  margin-top: 2em;
}
.note_column.show2nd{
  margin-top: 0em;
}
.note_column .title{
  font-size: 1em;
  font-weight: 500;
  margin-top: 10px;
  background-color: #fffbd3;
  color: #000;
  padding: 3px 8px;
}
.note_column ul.infotext{
  line-height: 1.3em;
  padding-left: 2em;
}
.note_column ul.infotext li{
  margin-bottom: 6px;
}
/*************************************/