@charset "UTF-8";
html,
body {
  font-family: 'Noto Sans TC', Microsoft Jhenghei, '微軟正黑', sans-serif;
  font-size: 16px; }

.btn_primary {
  display: block;
  padding-left: 2em;
  padding-right: 2em;
  height: 60px;
  line-height: 54px;
  white-space: nowrap;
  color: #fff;
  background: -webkit-linear-gradient(310deg, #10364c, #557384, #c8d900) 0 0/150% 100%;
  background: -o-linear-gradient(310deg, #10364c, #557384, #c8d900) 0 0/150% 100%;
  background: linear-gradient(140deg, #10364c, #557384, #c8d900) 0 0/150% 100%;
  border-radius: 30px;
  text-align: center; }
  .btn_primary:hover {
    background-position: 50% 0%;
    text-decoration: none;
    color: #fff; }

.section_header {
  border-bottom: 4px solid #8599a5;
  padding: .25em 0 .5em;
  max-width: 400px;
  margin: 0 auto 40px;
  letter-spacing: 2px;
  text-align: center;
  color: #10364c;
  font-size: 2em; }

.primary_menu {
  background-color: #10364c; }
  .primary_menu .pm_item.active .pm_link {
    color: #c8d900; }
  .primary_menu .pm_item .pm_link {
    color: #fff; }
    .primary_menu .pm_item .pm_link:hover, .primary_menu .pm_item .pm_link:focus {
      background-color: #557384; }
  .primary_menu .menu_trigger {
    float: left;
    margin-left: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #557384; }
    .primary_menu .menu_trigger .icon-bar {
      background-color: #fff; }

.sec_kv {
  padding-bottom: 0; }

.sec_intro .intro_text {
  margin: 0 auto;
  max-width: 40em;
  font-size: 1.25em; }
  .sec_intro .intro_text p {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1.5em; }
  .sec_intro .intro_text .cta {
    text-align: center; }
    .sec_intro .intro_text .cta .btn_primary_wrap {
      display: inline-block;
      width: 200px; }

.sec_process .process_table_head,
.sec_process .process_table_body {
  text-align: left; }
  .sec_process .process_table_head .td,
  .sec_process .process_table_body .td {
    padding: .6em 2em; }

.sec_process .process_table_head .td {
  padding-bottom: .25em;
  color: #8599a5; }

.sec_process .process_table_body {
  background: -webkit-linear-gradient(315deg, rgba(85, 115, 132, 0.3), rgba(85, 115, 132, 0.05) 20%, rgba(85, 115, 132, 0.05) 70%, rgba(85, 115, 132, 0.2));
  background: -o-linear-gradient(315deg, rgba(85, 115, 132, 0.3), rgba(85, 115, 132, 0.05) 20%, rgba(85, 115, 132, 0.05) 70%, rgba(85, 115, 132, 0.2));
  background: linear-gradient(135deg, rgba(85, 115, 132, 0.3), rgba(85, 115, 132, 0.05) 20%, rgba(85, 115, 132, 0.05) 70%, rgba(85, 115, 132, 0.2)); }
  .sec_process .process_table_body .tr {
    border-top: 2px solid #fff;
    background-color: rgba(200, 217, 0, 0);
    -webkit-transition: background 200ms;
    -o-transition: background 200ms;
    transition: background 200ms;
    font-size: 0; }
    .sec_process .process_table_body .tr:hover {
      background-color: rgba(200, 217, 0, 0.2); }
  .sec_process .process_table_body .td {
    float: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem; }
    .sec_process .process_table_body .td .primary,
    .sec_process .process_table_body .td .name {
      color: #10364c;
      font-size: 1.25em;
      line-height: 1.3; }
    .sec_process .process_table_body .td .sub,
    .sec_process .process_table_body .td .name {
      margin-top: 6px; }
    .sec_process .process_table_body .td .secondary {
      position: relative;
      padding-left: 0.8em;
      margin-top: 6px;
      font-size: 1.125em; }
      .sec_process .process_table_body .td .secondary::before {
        content: '–';
        position: relative;
        margin-left: -0.3em;
        left: -0.3em; }
      .sec_process .process_table_body .td .secondary + .sub {
        margin-top: 0;
        padding-left: 2.4em; }
    .sec_process .process_table_body .td ul {
      padding-left: 1.6em; }
      .sec_process .process_table_body .td ul li {
        padding-top: 0.1em;
        padding-bottom: 0.1em; }
  .sec_process .process_table_body .pt_soft .td {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    background-color: rgba(85, 115, 132, 0.2); }

.ani_hover_wrap {
  display: block;
  position: relative; }
  .ani_hover_wrap::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(315deg, #10364c, #c8d900 40%, rgba(200, 217, 0, 0.4));
    background: -o-linear-gradient(315deg, #10364c, #c8d900 40%, rgba(200, 217, 0, 0.4));
    background: linear-gradient(135deg, #10364c, #c8d900 40%, rgba(200, 217, 0, 0.4));
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    -o-transition: transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms;
    border-radius: 5px; }
  .ani_hover_wrap:hover::after {
    -webkit-transform: scale(1.04, 1.03);
    -ms-transform: scale(1.04, 1.03);
    transform: scale(1.04, 1.03); }

.ani_hover_under {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }

.sec_speaker .sk_item {
  margin-bottom: 30px;
  cursor: pointer; }
  .sec_speaker .sk_item .sk_avatar {
    border-radius: 4px; }
  .sec_speaker .sk_item .item_area {
    padding: 20px 10px; }
  .sec_speaker .sk_item .area_bottom {
    margin-top: 8px;
    color: #8599a5; }
  .sec_speaker .sk_item .sk_name {
    font-size: 1.125em;
    color: #10364c; }
  .sec_speaker .sk_item .sk_title {
    line-height: 1.4em;
    height: 2.8em; }

.sec_sponser .sps_logo_row {
  text-align: center; }

.sec_sponser .sps_logo {
  display: inline-block;
  max-width: 240px; }

.sec_sponser .ani_hover_wrap:hover::after {
  -webkit-transform: scale(1.03, 1.04);
  -ms-transform: scale(1.03, 1.04);
  transform: scale(1.03, 1.04); }

.sec_pos .pos_info h4 {
  font-size: 1.2em;
  color: #10364c; }

.sec_pos .pos_info dt {
  margin-top: 15px;
  margin-bottom: 2px;
  color: #8599a5;
  font-weight: normal; }

.sec_active .wording {
  margin: 0 auto;
  max-width: 50em; }
  .sec_active .wording ol {
    padding-left: 1.75em; }
  .sec_active .wording li {
    line-height: 1.5;
    padding-top: 0.3em;
    padding-bottom: 0.3em; }
  .sec_active .wording b {
    color: #557384; }

#register,
#backTop {
  opacity: 0.7;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #register:hover,
  #backTop:hover {
    opacity: 1; }

#register {
  color: #c8d900;
  border-radius: 8px 0 0 8px; }

#backTop {
  width: 50px;
  height: 50px;
  background-color: #000;
  border-radius: 8px 0 0 0; }

@media screen and (min-width: 1200px) {
  .sk_item_wrap.col-lg-3 {
    width: 20%; } }

@media screen and (max-width: 575px) {
  .sec_intro .intro_text {
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1.2em; }
  .sec_process .process_table_body .pt_soft .time,
  .sec_process .process_table_body .time {
    padding-bottom: 0; } }