html,
body {
  font-family: Helvetica, Arial, "微軟正黑體", Microsoft JhengHei;
}

a {
  color: #f48023;
}

.g_header .header_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: #000 !important;
}

.g_header .header_menu .navbar-toggler {
  font-size: 1rem;
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}

.g_header .header_menu .nav-link {
  padding: 1em;
  color: #fff;
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
  line-height: 1;
}

.g_header .header_menu .nav-link:hover {
  background-color: #f48023;
}

.g_header .logo img {
  height: 40px;
}

.t_highlight {
  color: #003a74;
}

.shadow_btn {
  position: relative;
  display: inline-block;
}

.shadow_btn .button {
  position: relative;
  z-index: 1;
  border-radius: 4px;
  padding: 1rem 2rem;
  line-height: 1;
  text-align: center;
  background-color: #f48023;
  color: #fff;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  -o-transition: transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.shadow_btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #845208;
}

.shadow_btn:hover {
  text-decoration: none;
}

.shadow_btn:hover .button {
  -webkit-transform: translate3D(0, 5px, 0);
  -ms-transform: translate3D(0, 5px, 0);
  transform: translate3D(0, 5px, 0);
}

.g_kv {
  position: relative;
  z-index: 1;
  margin-top: 64px;
  background-color: #050d40;
}
#animation_container {
  position: relative;
}
#animation_container::before,
#animation_container::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  width: 3vw;
  height: 100%;
}
#animation_container::before {
left: 0;
background: linear-gradient(to right, rgb(5, 13, 64), rgba(5, 13, 64, 0));
}
#animation_container::after {
  right: 0;
background: linear-gradient(to left, rgb(5, 13, 64), rgba(5, 13, 64, 0));
}

.g_main {
  position: relative;
  z-index: 2;
  background-color: #f1f1f1;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(95%, rgba(10, 10, 10, 0.9)), to(rgba(10, 10, 10, 0)));
  background: -webkit-linear-gradient(bottom, rgba(10, 10, 10, 0.9) 95%, rgba(10, 10, 10, 0));
  background: -o-linear-gradient(bottom, rgba(10, 10, 10, 0.9) 95%, rgba(10, 10, 10, 0));
  background: linear-gradient(0deg, rgba(10, 10, 10, 0.9) 95%, rgba(10, 10, 10, 0));
  color: #fff;
}

@media screen and (min-width: 768px) {
  .g_kv {
    margin-top: 0;
    position: fixed;
    left: 0;
    top: 64px;
    width: 100%;
  }
  .g_main {
    padding-top: 300px;
  }
}

.g_sec {
  padding-top: 40px;
  padding-bottom: 40px;
}

.g_sec .sec_title {
  text-align: center;
  margin-bottom: 2em;
}

.g_active {
  padding-left: 2em;
  padding-right: 2em;
  text-align: center;
}

.g_active p {
  margin-bottom: 1.5em;
  font-size: 1.25em;
  line-height: 1.8;
}

.g_active .t_highlight {
  font-size: 1.4em;
}

.g_active .button {
  font-size: 1.25em;
  letter-spacing: .05em;
}

._Agenda {}
.table_rwd_wrap {
  position: relative;
  color:#efefef;
  line-height: 1.2;
}
.table_rwd_wrap>.row {
  padding: 1em 0;
}
.table_rwd_wrap .part_tit {
  position: relative;
  border-bottom: #f48023 solid 1px;
  margin-top: 1.5rem;
  padding: .5rem 1.5rem .75rem;
  font-size: 1.25em;
  color: #f48023;
}
.table_rwd_wrap .part_tit::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #f48023;
}
.table_rwd_wrap .even_row {
  border: #323232 solid 1px;
  border-width: 1px 0;
}
.table_rwd_wrap .odd_row {
  background-color: rgba(0,0,0,.5);
}
.table_rwd_wrap .time {
  text-align: center;
}
.table_rwd_wrap .tit {
  color: #ffe5d1;
}
.table_rwd_wrap .speaker {
  margin-top: .5rem;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.2;
}

.bg_track_a,
.pm_table .track_A .tak {
  background-color: #f7ca3b;
}
.bg_track_b,
.pm_table .track_B .tak {
  background-color: #1b3da7;
}
.bg_track_c,
.pm_table .track_C .tak {
  background-color: #0b8217;
}

.pm_table .up_row .track_A .col_inner, 
.pm_table .track_A .even_item, 
.pm_table .track_A .odd_item {
  border-top: #f7ca3b solid 1px;
}
.pm_table .up_row .track_B .col_inner, 
.pm_table .track_B .even_item, 
.pm_table .track_B .odd_item {
  border-top: #1b3da7 solid 1px;
}
.pm_table .up_row .track_C .col_inner, 
.pm_table .track_C .even_item, 
.pm_table .track_C .odd_item {
  border-top: #0b8217 solid 1px;
}

.pm_table {
  margin-top: 1rem;
}
.pm_table .up_row .col_inner {
  padding: 1rem .5rem 0;
}
.pm_table .down_row .col_inner {
  padding: 0 .5rem 1rem;
}
.pm_table .tit,
.pm_table .speaker {
  margin-top: .5rem;
}
.pm_table .tit {
  line-height: 1.2;
  color: #ffe5d1;
}
.pm_table .speaker {
  font-size: 1.33em;
  line-height: 1.2;
}
.pm_table .tak {
  padding: .75rem;
  line-height: 1;
}
.pm_table .span_row {
  border: rgba(255,255,255, .1) solid 1px;
  border-width: 1px 0;
  margin-bottom: 1rem;
  text-align: center;
  padding: .5rem 0;
}
.pm_table .span_row .col-auto {
  display: inline-block;
  padding: 0 1rem;
}
.pm_table .tak_tit_rg .col_inner {
  padding: 0;
  padding-bottom: .5rem;
}
.pm_table .tit_row .tit {
  margin: 1rem 0 .125rem;
  font-size: 1.5em;
  font-weight: 700;
  color: #f48023;
}

@media (max-width:767px) {
  .table_rwd_wrap .time {
    text-align: left;
    margin-bottom: .5rem;
  }
  .table_rwd_wrap .speaker {
    font-size: 1.125em;
  }
  .pm_table .part_wrap {
    margin-bottom: 2rem;
  }
  .pm_table .tak_item {
    padding-bottom: 1rem;
    font-size: 1.125rem;
  }
  .pm_table .tak_item .tit,
  .pm_table .tak_item .spk {
    padding-left: .75rem;
  }
  .pm_table .tak_item .tit {
    margin: 1rem 0 .125rem;
    font-size: 1.5em;
    font-weight: 700;
    color: #f48023;
  }
  .pm_table .even_item,
  .pm_table .odd_item {
    padding: 1rem;
  }

}


.g_speaker {
  text-align: center;
}

.g_speaker .speaker_item {
  margin-bottom: 2em;
}

.g_speaker .speaker_area {
  cursor: pointer;
}

.g_speaker .speaker_area:hover .speaker_photo img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.g_speaker .speaker_photo {
  position: relative;
  margin: 0 auto;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  background: url('img/mic.png') center/202px;
}

.g_speaker .speaker_photo img {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 100%;
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  -o-transition: transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}

.g_speaker .speaker_name {
  font-size: 1.4em;
  font-weight: bold;
  margin-top: .25em;
  margin-bottom: .25em;
}

.g_speaker .speaker_title {
  height: 2.6em;
  line-height: 1.3em;
}

.modal_speaker {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.modal_speaker .name {
  font-weight: bold;
  font-size: 1.5em;
}


.modal_speaker .img img {
  max-width: 200px;
  border-radius: 10px;
}

.modal-dialog .modal-header {
  margin-left: 15px;
}

.g_coner {
  position: fixed;
  right: 0;
  bottom: 0;
}

.g_company .company_catag {
  margin-bottom: .5em;
  font-size: 1.125em;
}

.g_company .company_item {
  margin-bottom: 1.5em;
}

.g_company .company_item>a {
  display: block;
  position: relative;
}

.g_company .company_item>a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: 0;
  -webkit-box-shadow: 0 0 2px #f48023;
  box-shadow: 0 0 2px #f48023;
  -webkit-transition: width 300ms;
  -o-transition: width 300ms;
  transition: width 300ms;
}

.g_company .company_item>a:hover::after {
  width: 100%;
}

.g_company .company_item img {
  border-radius: 2px;
  position: relative;
  z-index: 1;
  max-width: 100%;
  background-color: #fff;
}

.pos_map {
  position: relative;
  padding-top: 40%;
  width: 100%;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

.pos_map .map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.pos_map iframe {
  border: 0;
}

.pos_info h3 {
  font-size: 1.5em;
  margin-top: 1em;
  margin-bottom: .5em;
}

.pos_info ul,
.pos_info li {
  list-style-type: none;
}

.pos_info ul {
  padding-left: 0;
}

.pos_info li {
  margin-top: .5em;
  margin-bottom: .5em;
}

.pos_info li .item {
  display: block;
  font-weight: bold;
  font-size: 1.125em;
}

.g_regul ol {
  padding-left: 1.6em;
}

.g_regul ol li {
  margin-bottom: .5em;
}

.g_regul .privacy_link {
  margin-top: 2em;
}

.g_coner a {
  opacity: 1;
  -webkit-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
  text-decoration: none;
}

.g_coner a:hover {
  opacity: .7;
}

.g_coner .coner_cta {
  margin-bottom: 20px;
}

.g_coner .coner_cta a {
  display: block;
  border-radius: 6px 0 0 6px;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  width: 40px;
  background-color: #003a74;
  color: #fff;
  font-size: 1.25em;
  line-height: 1.2;
  text-align: center;
}

.g_coner .coner_totop a {
  display: block;
  border-radius: 6px 0 0 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 40px;
  height: 40px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}

.g_footer {
  position: relative;
  z-index: 1;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.s_aside {
  padding-top: 64px;
}

.s_aside .primary_title h1 {
  font-size: 1.6em;
  line-height: 1.5;
  margin-top: 0;
  color: #f48023;
  line-height: 1.33;
}
.s_aside .primary_title h1 span {
  display: block;
  margin-bottom: .5rem;
  font-size: .8em;
  color: #fff;
  line-height: 1.25;
}

.s_aside .primary_menu .navbar {
  padding: 1em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.s_aside .primary_menu .nav {
  width: 100%;
}

.s_aside .primary_menu .nav-link {
  color: #000;
}

.s_aside .primary_menu .nav-link.active {
  background-color: #f48023;
  color: #fff;
}


@media (max-width:767px) {
  .g_kv {
    margin-top: 50px;
  }
  .g_main {
    padding-top: 30px;
  }
  
}