fgu_e1/assets/stylesheets/template/base/_global.scss

@charset "utf-8";

@import "../initial";
@import "variables";
a[href="/zh_tw/sitemap"]{
  padding: 0 1em;
}
a[href="/en/sitemap"]{
  padding: 0 1em;
}
.fc-cal-date-selected-fusion {
  font-size: 1em!important;
}
.nav_ul{
      padding: 0;
  & > li{
    position: relative;
    list-style:none;
    float: left;
    display: inline-block;
    @media(max-width:480px){
      width: 100%;
      a{
        display: block;
      }
    }
    &:hover{
      background-color:transparent;
      > a{
        text-decoration: underline;
        padding: 0.7em;
      }
      & > ul{
        display: block;
        a{
          color: #fff;
        }
      }
    }
    & > ul{
      @media(max-width:480px){
       position: relative;
       box-shadow: none;
       display: block;
       li{
        width: 100%;
       }
      }
      display: none;
      width:-webkit-fill-available;
      min-width: max-content;
      box-shadow: 2px 2px 5px #00000033;
      margin: 0;
      transition-duration: 0.5s;
      background:$theme-color-second;
      position: absolute;
      padding: 0;
      li{
        list-style:none;
        float: none!important;
        a{
          color: #fff;
          display: block;
          padding: 0.7em;
        }
        &:hover{
          background-color: rgba(darken($theme-color-second, 10%), 1);;
          & > ul{
            display: block;
          }
        }
      }
    }
  }


}
.orbit-bar-inner{
  .orbit-bar-menu{
    display: flex;
      align-items: center;
  }

  blockquote{
    color: #333;
    padding: 0;
    margin: 0;
    font-size: unset;
    border-left: 0;
    @media(min-width:768px){
      float: left;
      .movelanguage{
        float: right;
      }
    }
    &:after, &:before{
      display: none;
    }
    a{
      color: #333;
      text-decoration: none;
      display: inline-block;
      height: 40px;
      padding: 0.7em;
      font-size: 0.85em;
    }
  }
}
.fa-classic, .fa-regular, .fa-solid, .far, .fas ,.fa{
    font-family: var(--fa-style-family, "FontAwesome")!important;
}
li#language-li {
  @media(max-width:767px){
    display: none !important;
  }
}
#orbit-bar .orbit-bar-inner > label:focus, #orbit-bar .orbit-bar-inner > label.focus{
  .orbit-bar-search-sign-language{
    display: block
  }
}
#orbit-bar .orbit-bar-menu .orbit-bar-logo{
  cursor: unset!important;
}

.login-btn:focus {
        outline: 0.3125em auto -webkit-focus-ring-color !important;
    transition: all 0.2s ease-in-out!important;
}
.orbit-bar-inner{
  li.active {
    @media(min-width:768px){
    padding: 0 !important;
    }
  }
}
// label[for="open-orbit-login"] {
//   @media(max-width:768px){
//     display: none!important;
//   }
// }
[accesskey="U"],[accesskey="W"]{
    @media(max-width:768px){
      color: #666!important;
    }
}
.orbit-bar-inner{
  [accesskey="U"]{
    height: 40px;
    display: inline-block!important;
    line-height: 40px;
    float: left;
  }
  [accesskey="W"]{
    height: 40px;
    display: inline-block!important;
    line-height: 40px;
    float: left;
  }
}
.orbit-bar-search-sign-language{
  @media(max-width:767px){
    position: absolute !important;
    width: 100%;
    margin: 0 !important;
    right: 0 !important;
    top: 2.5em !important;
  }
}
body #orbit-bar .orbit-bar-search-sign-language #search input[type="search"]{
  &:hover{
    outline: 3px solid $theme-color-second;
    background-color: #e6f0ff;  
    border-radius: 4px;
  }
  &:focus{
    outline: 3px solid $theme-color-second;  
    background-color: #e6f0ff; 
    border-radius: 4px;
  }
}
#orbit-bar .orbit-bar-inner > ul > li > ul li{
  list-style: none!important;
}
html {
  font-size: 100%;
}

body {
  font-family: $sub-font;
  font-size: inherit;
  margin-top: 2.5em;
  overflow: hidden scroll;
  letter-spacing: 0.5px;
  .verticalhome-wrapper {
    position: relative;
    clear: both;
  }
  @media(min-width:769px){
    .verticalhome-wrapper,.layout-header,.layout-footer-inner{
      width: 80%!important;
      margin: auto;
    }
    margin: 2.5em auto 0;

    &:before{
      content: '';
      position: absolute;
      width: 100%;
      height: 10em;
      top: 0;
      left: 0;
      background: linear-gradient(#fde4e3 0px, rgba(253, 228, 227, 0.701961) 50%, transparent);
    }
  }
}

a:link,
a:visited {
  color: $theme-color-main;
}

a:hover,
a:focus {
  color:$theme-color-second;
  text-decoration: none;
}



.admin-edit {
  clear: both;
}

// override bootsrap settings
th,
td {
  padding: 0.5em .5rem;
}

.borderless > tbody > tr > td,
.borderless > tbody > tr > th,
.borderless > tfoot > tr > td,
.borderless > tfoot > tr > th,
.borderless > thead > tr > td,
.borderless > thead > tr > th {
  border: none !important;
}
// .widget-link__more{
//   background-color: none;
//   margin-bottom: 1em;
//   font-size: 0.8125rem;
//   -webkit-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
//   -moz-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
//   -ms-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
//   -o-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
//   transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
//   background: none;
//   border: none;
//   color: $theme-color-main!important;
//   box-shadow: $theme-color-main 0 0px 0px 2px inset;
//
//   &:hover {
//     color: #fff!important;
//     box-shadow:$theme-color-main 0 0px 0px 40px inset;
//   }
// }



// Page heading
.page-module-title {
  @extend .unity-title;

  margin-bottom: 1.125em;
}

.view-count {
  font-size: 0.75rem;
}

.view_count {
  > i {
    font-size: 0.75rem;

    &:before {
      margin-right: 0.5em;
    }
  }
}
.w-annc,.i-video_data,.w-video_data,.w-ba-banner,.widget-link,.i-member-pic-wrap,.i-annc__img-wrap{
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
img {
    max-width: 100%;
    height: auto;
    width: 100%;
}
input[type=checkbox]:focus {
    outline: 0.3125em auto -webkit-focus-ring-color;
}
table{
  caption-side: top;
}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    margin-bottom: 0;
}
iframe{
  @media(max-width:1024px){
    width: 100%!important;
    aspect-ratio: 16 / 9;
    height: auto !important;
  }
}