/*最新消息 圖片版*/
    .story-page .section_story_items {
      color: #999;
      position: relative;
      display: block;
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000000)";
      /*IE 8*/
      -moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
      /*FF 3.5+*/
      -webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
      /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
      box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
      /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
      filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000000);
      /*IE 5.5-7*/
      border-radius: 0.25rem;
      overflow: hidden; }
      .story-page .section_story_items .img-wrap .img-item {
        padding-top: 60%; }
        .story-page .section_story_items .img-wrap .img-item::before {
          position: absolute;
          width: 100%;
          height: 100%;
          display: block;
          content: '';
          background: rgba(0, 0, 0, 0.1);
          top: 0;
          left: 0;
          z-index: 2;
          -o-transition: all .4s ease;
          transition: all .4s ease;
          -moz-transition: all .4s ease;
          -webkit-transition: all .4s ease; }
      .story-page .section_story_items .word-item {
        padding: 0 15px 15px; }
        .story-page .section_story_items .word-item p {
          margin-bottom: 0;
          font-size: 18px;
          line-height: 22px; }
      .story-page .section_story_items:hover {
        color: #000; }
        .story-page .section_story_items:hover .img-item:before {
          background: rgba(0, 0, 0, 0); }

    .story-page .story-section03 {
      padding-top: 50px;
      margin-bottom: 50px; }
      .story-page .story-section03 .img-wrap .img-item{
        padding-top: 60%;
      }
      .story-page .story-section03 .story-detail-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px; }
        .story-page .story-section03 .story-detail-title h3 {
          margin: 0; }
        .story-page .story-section03 .story-detail-title .portrait-img {
          border-radius: 50%;
          overflow: hidden; }
      .story-page .story-section03 .share-list {
        text-align: center; }
        .story-page .story-section03 .share-list li {
          margin-bottom: .5rem; }
          .story-page .story-section03 .share-list li a {
            display: block;
            font-size: initial;
            line-height: 0; }
            .story-page .story-section03 .share-list li a i {
              font-size: 32px;
              color: #666; }
              .story-page .story-section03 .share-list li a i:hover {
                color: #000; }

    .newsimg {
      margin-bottom: 50px; }
      .newsimg .nav-tabs {
        border: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .newsimg .nav-tabs .nav-link {
          text-align: center;
          font-size: 18px;
          padding: 0;
          color: #a0a0a0;
          padding: 5px 30px;
          border-color: #fff;
          border-radius: 0;
          border-right: 1px solid #a0a0a0; }
          @media (max-width: 768px) {
            .newsimg .nav-tabs .nav-link {
              padding: 5px 10px; } }
          .newsimg .nav-tabs .nav-link:last-child {
            border: none; }
          .newsimg .nav-tabs .nav-link.active, .newsimg .nav-tabs .nav-link:hover {
            color: #333; }
      .newsimg .tab-pane {
        counter-reset: num; }
        .newsimg .tab-pane .number-title {
          padding: 15px 10px; }
          .newsimg .tab-pane .number-title:before {
            counter-increment: num;
            content: counter(num);
            width: 34px;
            height: 34px;
            display: inline-block;
            text-align: center;
            line-height: 34px;
            border-radius: 50%;
            font-size: 18px;
            font-weight: bolder;
            background: #d1bd9b;
            color: #fff; }

    .newsimg .tm_shadow_tab  {
        margin-top: 20px;
      text-align: center; 
    }

    .newsimg .tm_shadow_tab .nav-tabs {
      border: 0; 
      align-items: center;
    }

    .newsimg .tm_shadow_tab .nav-tabs > li > a {
      color: #000; 
    }
    .newsimg .tm_shadow_tab .nav-tabs > li > a:hover {
      border-color: transparent;
      background-color: transparent; 
    }
    .newsimg .tm_shadow_tab .nav-tabs > li > a:hover::before {
      content: "";
      width: calc(100% - 30px);
      height: 3px;
      display: inline-block;
      background-color: #ddd;
      position: absolute;
      bottom: 0;
      left: 15px; 
    }
    .newsimg .tm_shadow_tab .nav-tabs > li.active > a,
    .newsimg .tm_shadow_tab .nav-tabs > li.active > a:focus,
    .newsimg .tm_shadow_tab .nav-tabs > li.active > a:hover {
      border-color: transparent;
      position: relative;
      font-weight: bold;
      color: #000; 
    }
    .newsimg .tm_shadow_tab .nav-tabs > li.active > a::before,
    .newsimg .tm_shadow_tab .nav-tabs > li.active > a:focus::before,
    .newsimg .tm_shadow_tab .nav-tabs > li.active > a:hover::before {
      content: "";
      width: calc(100% - 30px);
      height: 3px;
      display: inline-block;
      background-color: #0d9ee7;
      position: absolute;
      bottom: 0;
      left: 15px; 
    }
    @media all and (max-width: 992px) {
     .newsimg .tm_shadow_tab .nav-tabs > li.active > a,
     .newsimg .tm_shadow_tab .nav-tabs > li.active > a:focus,
     .newsimg .tm_shadow_tab .nav-tabs > li.active > a:hover {
      background-color: #ddd; }
      .newsimg .tm_shadow_tab .nav-tabs > li.active > a::before,
      .newsimg .tm_shadow_tab .nav-tabs > li.active > a:focus::before,
      .newsimg .tm_shadow_tab .nav-tabs > li.active > a:hover::before {
        display: none; 
      } 
    }
    .newsimg .tm_shadow_tab .tab-content {
      position: relative; 
    }
    .newsimg .tm_shadow_tab .tm_shadow_dropdown .tm_shadow_tab_title {
      background: #eee;
      width: 100%;
      line-height: 1em;
      padding: 16px 0;
      color: #333;
      border: 0;
      font-size: 15px;
      letter-spacing: 1px; 
    }
    @media all and (max-width: 992px) {
     .newsimg .tm_shadow_tab .tm_shadow_dropdown .tm_shadow_tab_title {
      width: 70%;
      font-size: 20px; 
    }
    .newsimg .tm_shadow_tab .tm_shadow_dropdown button:focus{
      outline: 0px;
    }
    }
    @media all and (max-width: 450px) {
     .newsimg .tm_shadow_tab .tm_shadow_dropdown .tm_shadow_tab_title {
      font-size: 16px; 
    } 
    }
    .newsimg .tm_shadow_tab .tm_shadow_dropdown .caret {
      border-top: 9px dashed;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      position: absolute;
      color: #777;
      right: 12%;
      margin-top: 4px;
    }
    @media all and (max-width: 992px) {
     .newsimg .tm_shadow_tab .tm_shadow_dropdown .caret {
      right: 20%;
    } 
    }
    .newsimg .tm_shadow_tab .tm_shadow_dropdown .dropdown-menu {
      width: 100%;
      position: relative;
      top: 0px;
      text-align: center; 
    }
    @media all and (max-width: 992px) {
     .newsimg .tm_shadow_tab .tm_shadow_dropdown .dropdown-menu {
      width: 70%;
      left: 15%;
      font-size: 20px; 
      display: none;
      padding: 0px;
      box-shadow: 0 0 1px 1px #ddd;
    }
    .newsimg .tm_shadow_tab .tm_shadow_dropdown .dropdown-menu.show{
      display: block;
    }
    .newsimg .tm_shadow_tab .nav-tabs .nav-item .nav-link{
    padding: 12px 0px;
    }
    .newsimg .tm_shadow_tab .nav-tabs .nav-item .nav-link.active{
      background-color: #ddd;
    }
    }
    @media all and (max-width: 450px) {
     .newsimg .tm_shadow_tab .tm_shadow_dropdown .dropdown-menu {
      font-size: 16px; 
    } 
    }
    .newsimg .tm_shadow_tab .tm_shadow_dropdown .dropdown-menu > li {
      display: block;
      width: 100%;
      clear: both; 
    }
    .newsimg .tm_shadow_tab .tm_shadow_dropdown .dropdown-menu > li:hover {
      background: #ddd;
      color: #fff; 
    }
    .newsimg .tm_shadow_tab .dropdown-toggle::after {
      display: none; 
    }

/*最新消息 圖片版*/

/* 商品輪播放影片*/
    .img-wrap .img-item iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
/* 商品輪播放影片*/


.MyFollow .fas.fa-heart{
    color: red !important;
}
.gray-btn {
  border: medium none;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  margin-top: 20px;
  padding: 10px 30px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease-in 0s;
  -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
  cursor: pointer;
  border-radius: 4px;
  background: #ddd;
  color: #737373; }
  .gray-btn:hover {
    background: #e76667;
    color: #fff; }

.MyFollow .fas.fa-heart {
    color: red !important;
}

[data-bk-link]{
  cursor: pointer;
}

.custom-onepage-header .custom-onepage-item{
    display: flex;
    flex: 0 0 90%;
    max-width: 90%;
    flex-direction: row-reverse;
    margin-left: 10%;
    padding: 5px 0;
    align-items: center;
}
.custom-onepage-header .top-icon{
    padding: 0;
}

.third_login_text {
   height: 60px;
   line-height: 60px;
   text-align: center;
}
.third_login_text .line {
   display: inline-block;
   width: 20%;
   border-top: 1px solid #ccc ;
}
.third_login_text .txt {
   color: #000;
   font-weight: bold;
   vertical-align: middle;
}

.third_login .third_login_btn{
	width: 50%;
	margin: auto;
	text-align: center;
}

.third_login .fb-login{
    margin: auto;
    text-align: center;
}

.third_login .fb-login img{
	width: 73%;
}

.third_login .google-login img{
	width: 100%;
}

.ck-area{

}

.ck-area img{
    width: 100% !important;
}
.ck-area iframe{
    width: 100% !important;
    height: 350px !important;
}

.quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .quantity i {
    margin: 0 5px;
    border: 10px solid transparent;
    background-clip: padding-box; }

@media only screen and (min-width: 991px){
  .header .custom-onepage-header .logo img{
    width: 40%;
  }
}

@media only screen and (max-width: 768px){
    .btn-item .btn-fav:hover i{
       color: #777;
    }

}

.fx-btn{
  position:fixed;
  right:10px ;
  opacity: .8;
  width: 70px;
}
.fx-btn:hover{
  opacity: 1;
}
.fx-btn img{
  width: 100%;
  border-radius: 50%;
  box-shadow: 0 0 15px 0px #cccccc;
}

.fx-btn:nth-child(1){
    top: calc(35% + 0px);
}
.fx-btn:nth-child(2){
    top: calc(35% + 80px);
}
.fx-btn:nth-child(3){
    top: calc(35% + 160px);
}
.fx-btn:nth-child(4){
    top: calc(35% + 240px);
}
/*.fx-btn3 img{
    max-width: 71px;
}*/
.cd-top{
    visibility: hidden;
}

.cd-top.cd-fade-out {
  visibility: visible;
  opacity: .8
}

.cd-top.cd-fade-out:hover {
  opacity: 1
}

@media (max-width: 991px){
    .fx-btn{
        width: 50px;
        opacity: 1;
    }
    .fx-btn:nth-child(1){
        top: calc(35% + 0px);
    }
    .fx-btn:nth-child(2){
        top: calc(35% + 60px);
    }
    .fx-btn:nth-child(3){
        top: calc(35% + 120px);
    }
    .fx-btn:nth-child(4){
        top: calc(35% + 180px);
    }
}