/*基本變數設定*/
:root{ 
  --dark-red: #e9a90a;
  --dry-rose: #ca940a;
  --soil: #e7dcca;
  --water:#b1e0e6;
  --sea:#4f6c8a;
  --dark-blue: #497f3f;
  --dark-soil: #391f19;
}

/* .text-danger{
  color: var(--dry-rose) !important;
} */

html {
  scroll-behavior: smooth;
}


body {
  font-family: '微軟正黑體', sans-serif ,"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #fff;
  position: relative; }
  body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1; }
  body.offcanvas-menu:before {
    opacity: 1;
    visibility: visible; }

p {
  color: #222222;
  font-weight: 400; 
  font-size: 1.1rem;
  margin-bottom: 0;
}

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a, a:hover {
    text-decoration: none ; }

    li{
      list-style: none;
    }

    .row{
      margin-left: 0;
      margin-right: 0;
    }


  .site-menu{
    padding-left: 0px;
  }
  .site-navbar.transparent {
    background: transparent; }
  .site-navbar.absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .site-navbar .site-logo {
    position: relative;
    left: 0;
    font-size: 24px !important; }
  .site-navbar .site-navigation .site-menu {
    margin-bottom: 0; }
    .site-navbar .site-navigation .site-menu .active > a span {
      background: #007bff;
      color: #fff;
      border-radius: 30px;
      display: inline-block;
      padding: 5px 20px; }
    .site-navbar .site-navigation .site-menu a {
      text-decoration: none !important;
      display: inline-block; }
    .site-navbar .site-navigation .site-menu > li {
      display: inline-block; }
      .site-navbar .site-navigation .site-menu > li > a {
        padding: 10px 0px;
        color: var(--dark-blue);
        font-size: 20px;
        text-decoration: none !important;
        letter-spacing: 1px; 
      }
        .site-navbar .site-navigation .site-menu > li > a > span {
          padding: 5px 20px;
          display: inline-block;
          -webkit-transition: .3s all ease;
          -o-transition: .3s all ease;
          transition: .3s all ease;
          font-weight: 600;
        }
        .site-navbar .site-navigation .site-menu > li > a:hover > span {
          color: var(--dark-red);
          display: inline-block; }
    .site-navbar .site-navigation .site-menu .has-children {
      position: relative; }
      .site-navbar .site-navigation .site-menu .has-children > a span {
        position: relative;
        padding-right: 30px;
       
      }
        .site-navbar .site-navigation .site-menu .has-children > a span:before {
          position: absolute;
          content: "\e313";
          font-size: 16px;
          top: 50%;
          right: 10px;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-family: 'icomoon'; }
      .site-navbar .site-navigation .site-menu .has-children .dropdown {
        visibility: hidden;
        opacity: 0;
        top: 100%;
        position: absolute;
        text-align: left;
        border-top: 2px solid var(--dry-rose);
        -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        padding: 0px 0;
        margin-top: 20px;
        margin-left: 0px;
        background: #fff;
        -webkit-transition: 0.2s 0s;
        -o-transition: 0.2s 0s;
        transition: 0.2s 0s; 
        z-index: 99;
      }
        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
          position: absolute; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-left: -10px; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown a {
          text-transform: none;
          letter-spacing: normal;
          -webkit-transition: 0s all;
          -o-transition: 0s all;
          transition: 0s all;
          color: #343a40; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
          color: #007bff !important; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
          list-style: none;
          padding: 0;
          margin: 0;
          min-width: 200px; 
          border-bottom: 1px solid #e6e6e6;
        }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
            padding: 9px 20px;
            display: block; 
          font-weight: 600;}
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
              background: #fafafb; 
            color: var(--rose);}
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a {
            position: relative; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:after {
              position: absolute;
              right: 0;
              content: "\e315";
              right: 20px;
              font-family: 'icomoon'; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
            left: 100%;
            top: 0; }
     
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
            background: #fafafb; }
      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
        color: var(--dry-rose) }
        .site-navbar .site-navigation .site-menu .has-children:hover > a span, .site-navbar .site-navigation .site-menu .has-children:focus > a span, .site-navbar .site-navigation .site-menu .has-children:active > a span {
          
          color: var(--dark-red) }
      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer; }
        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          margin-top: 0px;
          visibility: visible;
          opacity: 1; }

.site-mobile-menu {
  width: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000;
  padding-top: 20px;
  background: url(../img/news-bg.png);
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
      float: right;
      margin-top: 8px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
          color: var(--dark-blue); }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
          max-width: 70px; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
          text-decoration: none; }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-menu .site-nav-wrap a {
      padding: 10px 20px;
      display: block;
      position: relative;
      color: var(--dark-blue); 
      width: fit-content;
    }
      .site-mobile-menu .site-nav-wrap a:hover {
        color: var(--dark-red); }
    .site-mobile-menu .site-nav-wrap li {
      position: relative;
      display: block; }
      .site-mobile-menu .site-nav-wrap li.active > a {
        color: var(--dark-red); }
    /* .site-mobile-menu .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 10px;
      z-index: 20;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; } */
      /* .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa; } */
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        right: -10px;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-menu .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: 100%; 
      border-bottom: 1px solid #00000017;
      margin-bottom: 10px;
      padding-bottom: 5px;
    }
    .site-mobile-menu .site-nav-wrap > li:last-child {
      border-bottom: unset;
    }
      .site-mobile-menu .site-nav-wrap > li > a {
        padding-left: 20px;
        font-size: 20px; 
      font-weight: 600;}
      .site-mobile-menu .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-menu .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > a {
            padding-left: 40px;
            font-size: 16px; 
            font-weight: 600;
          }
          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }
    .site-mobile-menu .site-nav-wrap[data-class="social"] {
      float: left;
      width: 100%;
      margin-top: 30px;
      padding-bottom: 5em; }
      .site-mobile-menu .site-nav-wrap[data-class="social"] > li {
        width: auto; }
        .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
          padding-left: 15px !important; }



/*原plugin基本設定結束*/


/*導覽列*/
.site-logo{
  width: 240px;
}


.site-navbar-wrap{
  position: relative;
}



.site-navbar{
  background-color: #fff;
  height: 80px;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}


.nav-inner{
  height: 80px;
  align-items: center;
  justify-content: space-evenly;
}

.nav-login a span{
  display: none !important;
}


.login-wrap a, .nav-login a span{
  background: var(--dark-red);
  color: #f8f8f8;
  padding: 8px 15px;
  border-radius: 3px;
  font-weight: 600;
  font-size: 20px;
}

.login-wrap a:hover, .nav-login a span:hover{
  background: var(--dry-rose);
  color: #f8f8f8 !important;
}


.nav-loginout a span{
  display: none !important;
}


.loginout-wrap a, .nav-loginout a span{
  background: var(--dark-blue);
  color: #f8f8f8;
  padding: 8px 15px;
  border-radius: 3px;
  font-weight: 600;
  font-size: 20px;
}

.loginout-wrap a:hover, .nav-loginout a span:hover{
  background: #3c6c33;
  color: #f8f8f8 !important;
}

.site-menu-toggle.hamburger{
  color: var(--dark-red);
}






/*首頁-輪播圖---------------------------*/
.hero-wrap{
  position: relative;
  margin-top: 80px;
  max-width: 1920px;
}



#left-arrow, #right-arrow{
  position: absolute;
  z-index: 1;
  top: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-color: var(--dark-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
}
#left-arrow:hover , #right-arrow:hover{
  background-color: var(--sea);
}

#left-arrow{
  left: 30px;
}
#right-arrow{
  right: 30px;
}

.slick-dots {
  bottom: 8px;
}

.slick-dotted.slick-slider{
  margin-bottom: 0;
}


/*首頁-最新消息*/
#index-news{
  min-height: 700px;
  background: url(../img/news-bg.png) no-repeat center / cover;
 

}

#index-news .container, #index-course .container{
  padding-top: 80px;
  padding-bottom: 80px;
}
.deco-span{
  position: relative;
  padding-left: 30px;
  color: var(--dark-blue);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
}

.deco-span::before{
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 4px;
  background: var(--dark-red);
}

#index-news h2,
#index-course h2,
.about1-info h2,
#contact h2
{
  font-weight: 600;
  letter-spacing: 2px;
  color: var(--dark-blue);
}


.news-ul-wrap{
  margin-top: 40px;
}

.news-ul-wrap ul {
  padding-left: 0;
}

.news-ul-wrap ul li{
  margin-bottom: 20px;
  border-bottom: 1px solid #d0d0d0;
  transition: .3s;
  padding: 10px;
  cursor: pointer;
}

.news-ul-wrap ul li:hover{
  border-bottom: 1px solid var(--dark-red);
  background-color: #0000000b;
}

.news-ul-wrap ul li a{
  display: block;
}

.news-title{
  font-weight: 500;
}

.news-cat{
  padding: 4px 10px;
}
.news-cat.last{
  background-color: var(--water);
}
.news-cat.other{
  background-color: var(--soil);
}

.view-more{
  display: flex;
  flex-direction: column;
  position: relative;
  color: #000;
  align-items: center;
}

.view-more::before{
  position: absolute;
  content: '';
  height: 0px;
  width: 0px;
  background-color: #947c2f3a;
  border-radius: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: .3s;
}

.view-more:hover{
  color: #000;
}

.view-more:hover.view-more::before{
  width: 70px;
  height: 70px;
}

.view-more span:nth-child(1){
  font-size: 18px;
  letter-spacing: 2px;
  transition: .3s;
}

.view-more span:nth-child(2){
  animation: slide1 1s ease-in-out infinite;
}


@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(0, 8px);
  }
}

/*dialog內容*/

.bootstrap-dialog .modal-header{
  background-color: var(--dark-blue) !important;
}


.titles{
  font-size: 20px;
  font-weight: 600;
}

.msg p{
  line-height: 1.8;
}


.t-just{
  width: 120px;
  display: inline-block;
  text-align-last: justify;
}


.modal-content{
  border: none;
}



.modal-header .close{
  background: var(--dark-red);
  opacity: 1;
  color: #fff;
  border-top-right-radius: 0.3rem;
}

.modal-header .bootstrap-dialog-close-button .close{
  background: transparent;
  opacity: 1;
  color: #fff;
  border-top-right-radius: 0rem;
  margin:-0.2rem 0rem 0rem 42vw;
  padding:0px;
  display:none;
}



 /* .modal-footer{
 justify-content: center; 
}*/

.c-off{
  background-color: var(--dark-blue);
  color: #f8f8f8;
  letter-spacing: 2px;
}

.c-off:hover{
  background-color: var(--sea);
  color:#fff;
}

/*首頁-裝飾分隔背景*/
#deco-bg{
  height: 300px;
  background: url(../img/deco-bg.jpg) no-repeat center ;
  background-attachment: fixed;
  width: 100%;
  

}
#deco-bg2{
  margin-top: -90px;
  padding-top: 120px;
  height: 350px;
  background: url(../img/deco-bg2.jpg) no-repeat center ;
  background-attachment: fixed;
}


/*首頁-課程資訊*/
#index-course{
  background: url(../img/news-bg.png) no-repeat center / cover;
  padding-bottom: 50px;
}

.news-ul-wrap.course{
  padding: 10px;
  background: #f9f9f9;
}


.news-cat.course-other{
  background-color: var(--sea);
  color: #f8f8f8;
  white-space: nowrap;
}
.news-cat.course-last{
  background-color: var(--dry-rose);
  color: #f8f8f8;
  white-space: nowrap;
}

.c-d-info{
  display: flex;
  font-size: 1.1rem;
  margin-bottom: 12px;
  align-items: center;
}


/*首頁-註冊*/

.aj-inner{
  padding: 50px;
}

.index-about{
  background-image: linear-gradient(to top, #00000099, #00000040), url(../img/id-about.jpg) ;
  background-size: cover;

}

.index-join{
  background-image: linear-gradient(to top, #00000099, #00000040), url(../img/join-us.jpg);
  background-size: cover;
}


.index-about .text-white p, .index-join .text-white p{
  font-size: 16px;
  color: #fff;
  text-align: justify;
}

.index-about .deco-span, .index-join .deco-span{
  color: #f8f8f8;
  margin-bottom: 10px;
  display: block;
}


.more{
  display: inline-block;
  margin-top: 20px;
  background-color: var(--dark-red);
  color: #f8f8f8;
  padding: 8px 12px;
  transition: .3s;
  border-radius: 3px;
}

.more:hover{
  background-color: var(--dry-rose);
  color: #f8f8f8;
}


/*常見問題*/
#QA .cover{
  background-image: linear-gradient(to right, #002107da, #00000000),url(../img/qa3.jpg);
  background-size: cover;
  background-position: center;
  height: 300px;
  position: relative;
}


.qa-number{
  width: 40px;
  height: 40px;
  background-color: var(--dark-blue);
  color: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}


.answer{
  background: #ffffffb7;
  border-radius: 5px;
  padding: 15px;
}

/*頁尾*/

#back-top{
  cursor: pointer;
  display: block;
  padding: 10px;
}

.pg-top{
  background-color: var(--dark-blue);
}
.pg-top p{
  color: #fff;
}

.ft-wrap{
  background: #fffbe8;
  padding: 15px;
  
}

.ft-wrap small{
  color: var(--dark-blue);
  margin-top: 20px;
  display: inline-block;
  letter-spacing: 2px;
}
.ft-wrap small a{
  color: var(--dark-blue);
}


.ft-inner{
  display: flex;
  justify-content: center;
  align-items: center;
}

.ft-info p{
  font-size: 15px;
  color: var(--dark-blue);
  letter-spacing: 1px;
}

.ft-info{
  margin-left: 40px;
  padding-left: 40px;
  border-left: 1px solid var(--dark-blue);
}

.ft-logo{
  width: 300px;
}


/*登入/註冊頁---------------------------------------------------------------*/
#Login{
  background: url(../img/news-bg.png) no-repeat center /cover;
  height: 100vh;
  position: relative;
}

.login-pg{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


.log-btn
{
  max-width: 400px;
  min-width: 200px;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #dfdfdf;
  margin-bottom: 20px;
  display: block;
  padding: 10px ;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .3s;
}


.log-btn.google-loginbtn{
  border: unset;
  padding: 0;
}

.log-btn:hover{
  box-shadow: rgba(149, 157, 165, 0.125) 0px 8px 10px;
}

.log-btn span{
 margin-left: 15px;
}


.log-btn img
{
  width: 20px;
}

.log-btn i{
  font-size: 20px;
}

.login-pg .nav-item{
  width: 50%;
}

.login-pg .nav-item .nav-link{
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  background-color: #b7b7b7;
  color: #fff;
}

.login-pg .nav-tabs .nav-link.active, 
.login-pg .nav-tabs .nav-item.show .nav-link{
  border-color: transparent;
  background-color: #fff !important;
  color: #000 !important;
}

.login-pg .nav-tabs .nav-link.active span::before, 
.login-pg .nav-tabs .nav-item.show .nav-link span::before{
  content: '\f101';
  font-family: 'FontAwesome';
  margin-right: 10px;
}



.login-pg .tab-content{
  padding-top: 50px;
  background: #fff;
  padding-bottom: 50px;
}


.login-pg .tab-content .form-group{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}


.login{
  background-color: var(--dark-blue);
  color: #fff !important;
  padding: 8px 12px;
  width: 300px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  border-radius: 3px;
}
.sing-up{
  background-color: var(--dark-red);
  color: #fff !important;
  padding: 8px 12px;
  width: 300px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  border-radius: 3px;
}

/*課程總覽*/
#course-pg, #account-pg, #registration-pg, #news-pg, #learning-pg{
  margin-top: 80px;
  padding-bottom: 80px;
}

#about-pg, #QA{
  margin-top: 80px;
}

#course-pg .cover{
  background-image: linear-gradient(to right, #002107da, #00000000),url(../img/book.jpg);
  background-size: cover;
  background-position: center;
  height: 300px;
  position: relative;
}

.cover h3{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #f8f8f8;
  letter-spacing: 2px;
  font-size: 30px;
  font-weight: 600;
}

.cover h3::after{
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  height: 1px;
  margin-left: 20px;
  background-color: #f8f8f8;
}



.pa-wrap{
  margin-top: 50px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
  max-width: 1920px;
}


.pg-ul{
  width: 20%;
}

.pg-inner{
  width: 73%;
}

.pg-inner h4{
  font-weight: 600;
}

.pg-ul ul{
  padding-left: 0;
  margin-bottom: 0;
}

.left-ul{
  border: 1px solid var(--soil);
}

.left-ul h5{
  background: var(--soil);
  padding: 8px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 0;
  border-bottom: 4px solid var(--dark-red);
}

.left-ul ul li{
  padding: 10px 20px;
  border-bottom: 1px solid #e2e2e2;
}

.left-ul ul li:hover{
  background-color: #efeae0;
}

.left-ul ul li:last-child{
  border-bottom: none;
}
.left-ul ul li.active{
  background-color: #fff8ed;
}

.left-ul ul li.active a::before{
  content: '\f101';
  font-family: 'FontAwesome';
  margin-right: 10px;
}

.left-ul ul li a{
  color: #000;
  display: block;
}

/*課程日歷*/
.fc .fc-button-primary{
  background-color: var(--dark-blue) !important;
  border-color: var(--dark-blue) !important;
}
.fc .fc-daygrid-day-number{
  color: #000;
}
.fc-daygrid-event{
  white-space: normal !important;
}
.fc .fc-daygrid-event-harness{
  margin-bottom: 3px;
}

/*課程列表*/

.course-list-search-wrap{
  display: flex;
  justify-content: space-between;
}

.search-wrap{
  position: relative;
}

.search-wrap .searh-icon-btn{
  position: absolute;
  right: 10px;
  top: 0;
}


/* #course-pg .pg-inner .table tr{
  transition: .3s;
}
#course-pg .pg-inner .table tr:hover{
  background-color: #0000000b;
} */

a{
  cursor: pointer;
}

.course-info{
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.course-name{
  color: var(--dry-rose);
  font-size: 18px;
  font-weight: 600;
}

.table th, .table td{
  vertical-align: middle;
}

.color-green{
  color: var(--dark-blue);
}

.color-yellow{
  color: var(--dark-red);
}



.w-30{
  width: 30%;
}


.fz-14{
  font-size: 14px;
}

.fz-17{
  font-size: 17px;
}

.fz-18{
  font-size: 18px;
  font-weight: 600;
}
.fz-20{
  font-size: 20px;
}

.fw-600{
  font-weight: 600;
}

.state{
  padding: 8px 12px;
  border-radius: 3px;
}

.state:hover{
  opacity: 0.8;
}

.state1{
  background-color: var(--soil);
  color: #000;
}

.state2{
  background-color: var(--water);
  color: #000;
}
.state3{
  background-color: #d0d0d0;
  color: #000;
}


.search_input{
  width: 480px !important;
}

.btn-dark-blue{
  background-color: var(--dark-blue);
  color: #fff !important;
  transition: .3s;
}

.btn-dark-blue:hover{
  background-color: #3c6c33;
  color: #fff !important;
}
.btn-dark-red{
  background-color: var(--dark-red);
  color: #fff !important;
  transition: .3s;
}

.btn-dark-red:hover{
  background-color: #d09707;
  color: #fff !important;
}

.btn-soil{
  background-color: var(--soil);
  color: #000 !important;
}
.btn-soil:hover{
  background-color: #c5b9a5;
  color: #000 !important;
}


/*課程報名頁*/

#registration-pg .cover{
  background-image: linear-gradient(to right, #002107da, #00000000),url(../img/re.jpg);
  background-size: cover;
  background-position: center;
  height: 300px;
  position: relative;
}

.registration-fee-frame{
  padding: 15px;
  text-align: center;
  background-color: #eaf9ff;
  border: 2px solid #d5f3ff;
}
.registration-fee-frame span{
  font-size: 20px;
  color: #94412f;
  font-weight: 600;
}

.payment-info{
  padding: 15px;
  background-color: #fbf7ef;
  border: 2px solid #fbf0d9;
}
.payment-info p{
  font-size: 16px;
}

#amt_span{
  color: var(--dark-red);
  font-size: 20px;
  font-weight: 600;
}

.sm-btn{
  display: inline-block;
  font-size: 14px;
  padding: 2px 6px;
  border-radius: 2px;
}

.btn-outline-blue{
  border: 1px solid var(--dark-blue);
  color: var(--dark-blue) !important;
  cursor: pointer;
  transition: .3s;
}
.btn-outline-blue:hover{
  background:  var(--dark-blue);
  color: #fff !important;
}

.lg-btn{
  font-size: 20px;
  font-weight: 600;
  padding: 6px 30px;
  letter-spacing: 2px;
}


.gender-border{
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 1px 5px;
}


.receipt_info{
  display: none;
}

#zip1{
  justify-content: space-between;
}

#zip1 div{
  width: 32%;
}

#zip1 div select, #zip1 div input{
  width: 100%;
}


/*學分申請*/

.apply-form{
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.apply-form .form-group{
  width: 48%;
}

.course-apply-title{
  text-align: center;
  background-color: var(--dark-blue);
  border-radius: 3px;
  padding: 8px;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 600;
}

/*會員專區*/
#account-pg .cover{
  background-image: linear-gradient(to right, #002107da, #00000000),url(../img/desk.jpg);
  background-size: cover;
  background-position: center;
  height: 300px;
  position: relative;
}


.account-td-bg{
  background-color: #f0f0f0;
  width: 15%;
  font-weight: 600;
}

.fg1{
  flex-grow: 1;
}

.account-modify{
  justify-content: space-between;
}

.account-modify .col-lg-1{
  position: relative;
}

.account-modify .col-lg-1::before{
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  background: #e6e6e6;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.table-striped.red tbody tr:nth-of-type(odd){
  background-color: #94422f0d;
}


/*最新消息頁面*/
#news-pg .cover{
  background-image: linear-gradient(to right, #002107da, #00000000),url(../img/news.jpg);
  background-size: cover;
  background-position: center;
  height: 300px;
  position: relative;
}

#news-pg .pagination , #learning-pg .pagination{
  display: inline-block;
}

#news-pg .pagination a, #learning-pg .pagination a{
  color: black;
  float: left;
  padding: 4px 12px;
  text-decoration: none;
  border-radius: 3px;
  margin: 0 2px;
}

#news-pg .pagination a:hover, #learning-pg .pagination a:hover{
  background-color: #eeeeee;
}

#news-pg .pagination a.active, #learning-pg .pagination a.active{
  background-color: var(--dark-blue);
  color: white;
}

.clear{
  clear: both;
}

/*線上教育*/
#learning-pg .cover{
  background-image: linear-gradient(to right, #002107da, #00000000),url(../img/learning.jpg);
  background-size: cover;
  background-position: center;
  height: 300px;
  position: relative;
}

.learn-content{
  cursor: pointer;
  overflow: hidden;
}


.learn-wrap{
  padding: 5px;
}
.learn-cover img{
  height: 220px;
  object-fit: cover;
  transition: 0.3s;
}

.learn-cover{
  margin-bottom: 6px;
}

.learn-content:hover .learn-cover img{
  filter: brightness(75%);
}

.learn-wrap p{
  margin-top: 8px;
}

.learn-wrap span{
  font-size: 14px;
}

.learn-wrap .cat{
  padding: 2px 6px;
  font-size: 15px;
}
.learn-wrap .cat1{
  background-color: var(--soil);
}
.learn-wrap .cat2{
  background-color: var(--water);
}
.learn-wrap .cat3{
  background-color: #ffb3a5;
}


.sp-ul-btn{
  display: none;
}



/*關於協會*/
#about-pg .cover{
  background-image: linear-gradient(to right, #002107da, #00000000),url(../img/about-bg.jpg);
  background-size: cover;
  background-position: center;
  height: 300px;
  position: relative;
}
.about1, .message .row{
  align-items: center;
}
.about1-img, .about2-img{
  position: relative;
  height: 540px;
}


.about1{
  position: relative;
}

.about1::before{
  position: absolute;
  content: '';
  background: url(../img/p-logo.png) no-repeat center / contain;
  width: 300px;
  height: 300px;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}

.about2-img::before{
  position: absolute;
  content: '';
  width: 100%;
  background: var(--dark-red);
  height: 500px;
  z-index: -1;
  left: -40px;
  bottom: -40px;
}

.about1-content{
  margin-bottom: 80px;
}

.about1-img img, .about2-img img{
  height: 100%;
  object-fit: cover;
}

.about1-info p, .about2-info p{
  line-height: 1.8;
  font-size: 16px;
  text-align: justify;
}

.about1-info ul{
  padding-left: 10px;
  margin-bottom: 5px;
}

.about1-info ul li{
  line-height: 1.8;
}


.about1-info table td{
  text-align: justify;
  line-height: 1.8;
}


.about1-info table.train thead tr{
  background-color: var(--dark-blue);
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 1px;
}

.about1-info table.train {
  background-color: #ffffff61;
}


.about1-info table.charter .entry{
  width: 15%;
}

.about1-info table.charter .contents{
  width: 85%;
}

.about1-info table.charter td{
  vertical-align: top;
}

.about2-info{
  padding-left: 30px;
}

.clip{
  padding-top: 80px;
  /* -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%); */
  padding-bottom: 150px;
  background: url(../img/news-bg.png);
  min-height: 600px;
}

.message{
  background: url(../img/news-bg.png);
  padding: 100px 0 180px;
  opacity: 0.99;
}


.w-nowrap{
  white-space: nowrap;
}

.w-20{
  width: 20%;
}

.w-75{
  width: 75%;
}


.sp-course-wrap{
  display: none;
}


/*聯絡我們*/
#contact{
  background: url(../img/news-bg.png) no-repeat center / cover;
  padding-bottom: 100px;
  scroll-margin-top: 60px;
}

.star-mark{
  position: relative;
}
.star-mark::before{
  position: absolute;
  content: '*';
  color: #da4928;
  top: -5px;
  left: -10px;
  font-size: 18px;
  font-weight: 600;
}

.qr-wrap{
  display: flex;
  justify-content: space-between;
}

.qr-item{
  width: 46%;
}

.qr-item > a:hover{
  display: block;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.text-justify{
  text-align: justify;
}

/*RWD*/
@media (max-width:1440px){
  .pa-wrap{
    width: 90%;
  }
}



@media (max-width:1350px){

  .course-list-search-wrap{
    flex-direction: column; 
  }
  .search-wrap{
    flex-grow: 1;
  }
  .search_input{
    width: 100% !important;
  }

  .course-list-search-wrap .form-inline:nth-child(1){
    margin-bottom: 10px;
  }


}


@media (max-width:1200px) {
  .loginout-wrap{
    display: none;
  }

  .nav-loginout a span{
    display: block !important;
  }
  

  span.arrow-collapse{
    display: none;
  }

  .login-wrap a{
    display: none;
  }

  .nav-login a span{
    display: inline-block !important;
  }

  .nav-inner{
    padding: 0 15px;
    justify-content: space-between;
  }

  .pa-wrap {
    width: 90%;
  }
}

@media (max-width:992px) {

  .qr-wrap{
    margin-top: 50px;
  }
  .pa-wrap{
    flex-direction: column;
  }
  .pg-inner,.pg-ul{
    width: 100%;
  }
  .pg-ul{
    margin-bottom: 40px;
  }

  .left-ul h5{
    display: none;
  }

  .sp-ul-btn{
    display: block;
    background: var(--soil);
    padding: 8px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 0;
    border-bottom: 4px solid var(--dark-red);
    font-size: 20px;
    position: relative;
    cursor: pointer;
  }

  .sp-ul-btn:hover{
    background-color: #f8eede;
  }
  .sp-ul-arrow{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
  }

  .sp-ul{
    display: none;
  }

  .sp-ul-btn.open .sp-ul-arrow{
    transform: rotate(180deg) translateY(50%);
  }

  .c-d-info3{
    flex-direction: column;
    align-items: flex-start;
  }

  .c-d-info3 .ml-3{
    margin-left: 0 !important;
    margin-top: 12px;
    display: inline-block;
  }

  .c-d-info3 span.font-weight-bold{
    width: 110px;
    text-align-last: justify;
  }


}

@media (max-width:768px){

  #code_input{
    margin-top: 10px;
    width: 100%;
  }

  .pc-course-wrap{
    display: none;
  }
  .sp-course-wrap{
    display: block;
  }
  
  .sp-course-info .fw-600{
    background-color: #f5f5f5;
  }


  .course4u-table tr td:first-child{
    background: #f5f5f5;
    font-weight: 600;
  }




  .apply-form{
    flex-direction: column;
  }

  .apply-form .form-group{
    width: 100%;
  }

  .cover{
    height: 200px !important;  
  }

}

.cursor-pointer{
	cursor:pointer;
}

.form-check-label{
	cursor:pointer;
	
}




@media (max-width:568px){


  .course-apply-title{
    margin-top: 70px !important;
  }


  #checkout_form .course-apply-title:nth-child(2){
    margin-top: 30px !important;
  }

  #checkout_form .col-lg-6{
    padding-left: 0px;
    padding-right: 0px;
  }


  .msg{
    padding: 0px;
  }

  .c-d-info{
    font-size: 16px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .c-d-info-a{
    flex-direction: row;
  }

  .site-navbar .row{
    padding-left: 0;
    padding-right: 0;
  }

  h2{
    font-size: 1.75rem;
  }

  p{
    font-size: 16px;
  }

  .cover h3{
    font-size: 1.5rem;
  }

  .cover h3::after{
    width: 50px;
  }

  .site-logo{
    width: 180px;
  }

  .news-ul-wrap ul li .d-flex{
    flex-direction: column;
    align-items: flex-start !important;
  }

  .news-cat.course-last,.news-cat.last{
    margin-bottom: 10px;
    font-size: 14px;
  }
  .news-title{
    margin-left: 0 !important;
  }

  .news-ul-wrap ul li{
    padding: 10px 0px;
  }

  #deco-bg{
    height: 120px;
    background-position: center right;
    background-size: cover;
    background-attachment:unset;
  }

  #index-news .container, #index-course .container{
    padding: 50px 15px;
  }

  .aj-inner{
    padding: 40px 5px;
  }

  .ft-inner{
    flex-direction: column;
  }

  .ft-info{
    margin-left: 0;
    padding-left: 0;
    margin-top: 20px;
    border-left: unset;
  }

  .ft-wrap small{
    font-size: 12px;
  }

  .ft-logo{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }


  .about1::before{
    width: 240px;
    height: 240px;
    opacity: .2;
    bottom: -200px;
  }

  .about1-info ul{
    padding-left: 0;
  }


  .table.charter td:first-child {
    white-space: nowrap;
  }

  .table th, .table td{
    padding: 0.5rem;
  }

  .fc .fc-toolbar-title{
    font-size: 1rem !important;
  }

  .fc .fc-button{
    font-size: 14px !important;
  }


  .caly_select, .cal_select{
    width: 48%;
    margin-left: 0 !important;
  }

  .course-list-search-wrap .form-inline:nth-child(1){
    justify-content: space-between;
  }

  .pg-inner h4{
    margin-bottom: 30px !important;
  }


  
}
















/*font-face*/


@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}