pts/assets/stylesheets/template/layout/content.scss

.imgtxt{
  margin-bottom: 0.5em;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
  // @media(max-width: $screen-xs){
  //   padding: 0;
  // }
}

.verticalhome{
  position: relative;
  width: 100%;
  z-index: unset!important;
      background-image: url(/assets/news_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.internal-page{
  .layout-content{
    // background: transparent;
  }
  .widget-4{
    .widget-title{
        &:after{
          content: "";
          display: inline-block;
          border-top-style: solid;
          border-color: #FF0086;
          width: 15rem;
          border-top-width: 1px;
          color: #FF0086;
        }
      span{
        color: #fff;
        justify-content: center;
        &:after{
          display: none;
        }

      }
    }
  }
  .widget-5{
    .widget-title{
        &:after{
          content: "";
          display: inline-block;
          border-top-style: solid;
          border-color: #FF0086;
          width: 15rem;
          border-top-width: 1px;
          color: #FF0086;
        }
      span{
        color: #fff;
        justify-content: center;
        &:after{
          display: none;
        }

      }
    }
  }
}
.big-banner{
  width: 100%;
  position: relative;
}
.layout-content2 {
  position: relative;
  // min-height: 55.5em;
  .container {
    @extend .response-container;
  }
}
.layout-content {
  position: relative;
  // min-height: 55.5em;
  .container {
    @extend .response-container;
  }
}
.layout-content-inner{
  overflow: hidden;
}
.video-banner{
  margin: auto;
  position: relative;
}
.homebanner{
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -ms-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
}
.fa, .fas{
    font-family: "FontAwesome";
    font-weight: 900;
    font-style: normal;
}
.fab{
    font-family: "Font Awesome 5 Brands";
}
.padding0{
  .layout-content-box{
    &:hover{
      opacity: .8;
      transition: all .3s;
    }
  }
  .layout-content-box{
    padding: 0;
  }
    padding: 0 1em;
}
.contentwrap{
  overflow: hidden;
  position: relative;
  width: 100%;

   p{
   padding-bottom: 1em;
  }
}
.contentwrap1{
  overflow: hidden;
  position: relative;
  width: 100%;
  // background-image: linear-gradient(280deg, #e6e6e6 56%, #fff 0);
  // padding-top: 2em;
  // padding-bottom: 2em;
}
.contentwrap2{
  overflow: hidden;
  position: relative;
  width: 100%;
  // padding-top: 2em;
  // padding-bottom: 2em;
}
.contentwrap3{
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  background:#fff;

}
.contentwrap3bg{
      // background-size: 100%!important;
      background-image:url(/assets/bg_1920X1440.jpg)!important;
      background-repeat: no-repeat!important;
      background-attachment: fixed!important;
      .row{
            font-size: 18px;
      }
}
.iconwrap{
  padding: 4em 0 0;
}
.zero{
  padding: 0;
}
.i-video_data{
  li{
    list-style: none;
  }
}
.ask-question .form-horizontal .control-label{
      width: 100% !important;
      max-width: 100% !important;
      text-align: justify !important;
}
.ask-question .single-col.form-horizontal .control-group .controls{
    justify-content: flex-start;
    max-width: 100%;
    width: 100%;
}
.ask-question-form{
  padding: 2em;
  border-radius: 10px;
  border:0;
  padding-bottom: 3em!important;
  @media(max-width: 820px){
      padding: 1.5em;
  }
}
.image-carousel{
  padding: 15px 0px 25px 0px;
}
.downIcon {
  a{
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
    position: absolute;
    left: 48.8%;
    bottom:25%;
    z-index:100;
    display: block;
    cursor: pointer;
    @media(max-width:$screen-xs){
      left: 45%;
    }
    &:hover{
      transform:scale(1.1);
      -webkit-transition: .3s ease-out;
      -moz-transition: .3s ease-out;
      -ms-transition: .3s ease-out;
      -o-transition: .3s ease-out;
      transition: .3s ease-out;
    }
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
  animation: move 3s ease-out 1s infinite;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.rotated{
      transform: rotate(180deg);
}
 .item {
      padding-top: 1em;
    float: left;
    width: 33.33333%;
    border-bottom: 20px solid;
    padding-bottom: 30px;
    @media(max-width:767px){
      width:100%;
    }
}
.time {
    color: #4395f3;
}
.show {
    color: #999;
}
.program {
      height: 25px;
    display: flex;
        width: 60%;
    margin: auto;
}
.pts {
    border-color: #4395f3;
}
.pts2 {
    border-color: #eb9a05;
}
.pts3 {
    border-color: #ec3c30;
}
.pts2 .time {
    color: #eb9a05;
}
.pts3 .time {
    color: #ec3c30;
}
.ptsimg{
  text-align: center;
      padding: 1em 0;
}

.skdslider {
    position: relative;
    overflow: hidden; 
}


.skdslider .slide-navs {
  margin-bottom: 0.5em!important;
      margin-left: 0 !important;
    position: absolute;
    bottom: 0; /* 距離底部的距離，可視需求調整 */
    left: 50%;
    transform: translateX(-50%); /* 水平置中關鍵 */
    display: flex; /* 讓 li 水平排列 */
    list-style: none;
    padding: 0;
    z-index: 100; /* 確保在圖片上方 */
}
// .article-content {
//     line-height: 1.8;
//     font-size: 1.2em;
// }

.skdslider .slide-navs li {
    width: 10px;
    height: 10px;
    background-color: #fff; /* 預設為白色 */
    border-radius: 50%; /* 圓形 */
    margin: 0 5px; /* 圓點之間的間距 */
    cursor: pointer;
    transition: background-color 0.3s ease; /* 顏色切換動畫 */
        list-style: none;
}


.skdslider .slide-navs li.current-slide {
    background-color: #e83a18 !important; /* 強制變紅 */
}

/* 3. 左右按鈕 (Prev/Next) */
.skdslider .skdslider-prev,
.skdslider .skdslider-next {
    position: absolute;
    top: 50%; /* 垂直置中關鍵 */
    transform: translateY(-50%); /* 垂直置中關鍵 */
    width: 44px; /* 按鈕大小 */
    height: 44px;
    background-color: rgba(0,0,0,0.5); /* 半透明黑色背景 */
    border-radius: 50%; /* 圓形 */
    cursor: pointer;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    color: #fff;
}

/* 滑鼠移入按鈕變深色 */
.skdslider .skdslider-prev:hover,
.skdslider .skdslider-next:hover {
    background-color: rgba(0,0,0,0.8);
}

.skdslider .skdslider-prev { left: 15px; } /* 距離左側距離 */
.skdslider .skdslider-next { right: 15px; } /* 距離右側距離 */
.skdslider{
  @media(max-width:480px){
height: 206px!important;
  }
}

.article-inner .content-title {
    font-weight: bolder;
    color: #04519c;
}
// #main-content {
//     // line-height: 1.8;
//     font-size: 1.2em;
// }
#category_select_box{
  display: none;
}
.rule{
  padding-left: 0;
  li {
  list-style: none;
  i{
    font-size: 0.6em;
    margin-top: 5px;
    padding-right: 8px;
    color: #757575;
  }
  }
}
.annctxt{
  display: none;
}
.view_count{
  display: none;
}