/*=======線上影音=============*/
#neilonlinevideo_block1 {
  position: relative;
  width: inherit;
}

/*========區塊滑動式============*/
#neilonlinevideo_block1 .owl-carousel {
  position: relative;
  width: 102.5%;
  margin: 22px 0px 10px 0px;
}

#neilonlinevideo_block1 .style0 .owl_box {
  position: relative;
  width: 92.5%;
  top: 0px;
  overflow: hidden;
  margin: 10px 0px 20px 0px;
  transition: all .25s ease .1s;
  background: #FFFFFF url(../../img/modules/) no-repeat left top;
  padding: 15px 12px 25px 12px;
  border-radius: 0px 0px 10px 10px;
}

#neilonlinevideo_block1 .style0 .box01 {
  border: 1px solid #ea2d2d;
}

#neilonlinevideo_block1 .style0 .box02 {
  border: 1px solid #0081af;
}

#neilonlinevideo_block1 .style0 #thumbnailtypeimg {
  position: absolute;
  width: 50px;
  right: 8px;
  top: 10px;
  opacity: 0.8;
}

#neilonlinevideo_block1 .style0 .neilonlinevideoimg {
  position: relative;
  width: 100%;
  height: 175px;
  overflow: hidden;
}

#neilonlinevideo_block1 .style0 .neilonlinevideoimg .imgbox {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .55s ease .1s;
}

#neilonlinevideo_block1 .style0 .owl_box #setuptimebox {
  position: relative;
  margin-top: 0px;
  padding: 10px 0px;
  text-align: center;
  font-size: 110%;
  transition: all .25s ease .1s;
}

#neilonlinevideo_block1 .style0 .box01 #setuptimebox {
  color: #ea2d2d;
}

#neilonlinevideo_block1 .style0 .box02 #setuptimebox {
  color: #0081af;
}

#neilonlinevideo_block1 .style0 .owl_box #sorttitlebox {
  position: relative;
  height: 38px;
  padding: 3px 5px;
  line-height: 153%;
  overflow: hidden;
  text-align: center;
  font-size: 105%;
  transition: all .25s ease .1s;
  color: #2c2c2c;
}

#neilonlinevideo_block1 .style0 .box01 #sorttitlebox {
  background: #ea2d2d url(../../img/modules/) no-repeat left top;
}

#neilonlinevideo_block1 .style0 .box02 #sorttitlebox {
  background: #0081af url(../../img/modules/) no-repeat left top;
}

#neilonlinevideo_block1 .style0 .owl_box #sorttitlebox a {
  color: #fffefe;
}

#neilonlinevideo_block1 .style0 .owl_box #titlebox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 95px;
  background: url(../../img/unit/) no-repeat left top;
  text-align: center;
  font-size: 105%;
  overflow: hidden;
}

#neilonlinevideo_block1 .style0 .owl_box #titlebox div {
  position: relative;
  padding: 0px 0px;
  max-height: 75px;
  overflow: hidden;
  line-height: 175%;
}

#neilonlinevideo_block1 .style0 .owl_box #titlebox a {
  color: #000000;
  transition: all .25s ease .1s;
}

#neilonlinevideo_block1 .style0 .owl_box #counterbox {
  text-align: center;
  background: #ececec url("") no-repeat left top;
  font-size: 90%;
  color: #101010;
  padding: 1px 0px;
  transition: all .25s ease .1s;
}



#neilonlinevideo_block1 .style0  .iframebtn {
 position: absolute;
 display: block;
  top: 10px;
  left: 10px;
  background: #F918AE url(../../img/modules/neilmfdcms/) no-repeat left bottom;
  line-height: 160%;
  border-radius: 6px;
  padding: 1px 4px 1px 5px;
  margin: 0px 5px 0px 0px;
  z-index: 100;
}


#neilonlinevideo_block1 .style0  .iframebtn .glyphicon {
  color: #FFFFFF;
  font-size: 110%;
  line-height: 0%;
}







/*============左右按鈕===========*/
#neilonlinevideo_block1 .style0 .owl-nav .owl-prev {
  position: absolute;
  top: 90px !important;
  z-index: 1000;
  left: -10px;
  background: url(../../../../images/thin_right_arrow_333.png) no-repeat left top;
  width: 69px;
  height: 76px;
  transform: scale(0.7, 0.7);
}

#neilonlinevideo_block1 .style0 .owl-nav .owl-next {
  position: absolute;
  top: 90px !important;
  z-index: 1000;
  right: 10px;
  background: url(../../../../images/thin_left_arrow_333.png) no-repeat left top;
  width: 69px;
  height: 76px;
  transform: scale(0.7, 0.7);
}

#neilonlinevideo_block1 .style0 .owl-nav .owl-next span,
#neilonlinevideo_block1 .style0 .owl-nav .owl-prev span {
  opacity: 0;
}

/*===========效果==============*/
#neilonlinevideo_block1 .style0 .owl_box:hover {
  animation-duration: 1.1s;
  /*執行時間*/
  animation-fill-mode: forwards;
  animation-name: owl_box;
  animation-timing-function: ease-in-out;
  /*相同的速度*/
  animation-iteration-count: infinite;
  /*動畫重複執行*/
  border: 1px solid #329600;
}

@keyframes owl_box {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(0.98, 0.98);
  }

  100% {
    transform: scale(1, 1);
  }
}

#neilonlinevideo_block1 .style0 .owl_box:hover #setuptimebox {
  color: #329600;
}

#neilonlinevideo_block1 .style0 .owl_box:hover #sorttitlebox {
  background: #329600 url(../../img/modules/) no-repeat left top;
}

#neilonlinevideo_block1 .style0 .owl_box:hover #titlebox a {
  color: #226600
}

#neilonlinevideo_block1 .style0 .owl_box:hover #counterbox {
  background: #FFF9D3 url("") no-repeat left top;
}

#neilonlinevideo_block1 .style0 .owl_box:hover .imgbox {
  transform: scale(1.5, 1.5);
}





/*========區塊內容橫式============*/
#neilonlinevideo_block1 .style1 {
  position: relative;
  left: -15px;
  width: 102%;
  margin: 20px 0px -10px 0px !important;
}

#rdivfalse #neilonlinevideo_block1 .style1 {
  position: relative;
  left: -15px;
  width: 102.4%;
}

#neilonlinevideo_block1 #videoblocksbox {
  transition: all .25s ease .1s;
}

#rdivfalse #neilonlinevideo_block1 #videoblocksbox {
  position: relative;
  margin: 5px 0px 6px 0px;
}

#neilonlinevideo_block1 .style1 #thumbnailtypeimg {
  position: absolute;
  width: 40px;
  right: 8px;
  top: 10px;
  opacity: 0.8;
}

#neilonlinevideo_block1 .style1 .neilonlinevideoimg {
  margin: 5px 0px 0px -5px;
  position: relative;
  width: 125%;
  height: 105px;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #B5B5B5;
  background: #000000 url(../../img/modules/) no-repeat left bottom;
}
#neilonlinevideo_block1 .style1 .neilonlinevideoimg #transform{
  width: 100%;
  height: 100%;
}

#neilonlinevideo_block1 .style1 .neilonlinevideoimg .imgbox {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

#rdivfalse #neilonlinevideo_block1 .style1 .neilonlinevideoimg {
  position: relative;
  width: 115%;
}

#neilonlinevideo_block1 .style1 .thumbnailbox {
  position: relative;
  width: 102.2%;
  height: 135px;
  padding-top: 8px;
  margin: 10px 0px 25px 0px;
  transition: all .25s ease .1s;
}

#rdivfalse #neilonlinevideo_block1 .style1 .thumbnailbox {
  position: relative;
  width: 100%;
}

#neilonlinevideo_block1 .style1 .thumbnailbox {
  border: 1px solid #d4d4d4;
  background: #ffffff url(../../img/modules/) no-repeat left bottom;
}

#neilonlinevideo_block1 .style1 .topbox #titlebox a {
  color: #2b8e01;
}

#neilonlinevideo_block1 .style1 .bottombox #titlebox a {
  color: #005791;
}

#neilonlinevideo_block1 .style1 #centerbox {
  position: relative;
  left: 8px;
  top: -2px;
  width: 103%;
}

#neilonlinevideo_block1 .style1 #titlebox {
  position: relative;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 15px;
  height: 34px;
  overflow: hidden;
  font-size: 110%;
  line-height: 160%;
  transition: all .25s ease .1s;
}

#neilonlinevideo_block1 .style1 #titlebox::before {
  content: '';
  position: absolute;
  height: 65%;
  background-color: #E8473E;
  width: 6px;
  left: 0px;
  top: 7px;
}

#neilonlinevideo_block1 .style1 #sorttitlebox {
  position: relative;
  background: url(../../img/modules/) no-repeat left top;
  height: 34px;
  padding: 2px 0px;
  color: #161616;
  line-height: 160%;
  overflow: hidden;
  font-size: 105%;
  margin: 4px 0px;
}

#neilonlinevideo_block1 .style1 #sorttitlebox a {
  color: #161616;
}

#neilonlinevideo_block1 .style1 #setuptimebox {
  position: relative;
  background: url(../../img/modules/) no-repeat left top;
  height: 34px;
  padding: 2px 0px;
  margin: 2px 0px;
  line-height: 160%;
  overflow: hidden;
  font-size: 105%;
  color: #e14b42;
}

#neilonlinevideo_block1 .style1 #counterbox {
  position: relative;
  background: url(../../img/modules/) no-repeat left top;
  height: 34px;
  padding: 2px 0px;
  color: #161616;
  line-height: 160%;
  overflow: hidden;
  font-size: 105%;
}

#neilonlinevideo_block1 .style1 #videoblocksbox:hover .thumbnailbox {
  border: 1px solid #D6CD4F;
  background: #FFFBD1 url(../../img/modules/) no-repeat left bottom;
}

#neilonlinevideo_block1 .style1 #videoblocksbox:hover #transform {
  transform: scale(1.5, 1.5);
}

#neilonlinevideo_block1 .style1 #videoblocksbox:hover #titlebox a {
  color: #E8473E;
}

#neilonlinevideo_block1 .style1 #videoblocksbox:nth-child(odd):hover {
  transform: rotate(2.5deg);
}

#neilonlinevideo_block1 .style1 #videoblocksbox:nth-child(even):hover {
  transform: rotate(-2.5deg);
}



/*==========線上影音播放區塊=================*/
#neilonlinevideo_block2 #thumbnailtypeimg {
  position: absolute;
  width: 50px;
  right: 8px;
  top: 10px;
  opacity: 0.8;
 padding: 0px; 
}

#neilonlinevideo_block2 #neilonlinevideoimg {
  position: relative;
  width: inherit;
  height: auto;

}
#neilonlinevideo_block2 #neilonlinevideoimg  a{
  display: block;  
  border-radius: 6px;
  border: 1px solid #B5B5B5;
  overflow: hidden;
}

#neilonlinevideo_block2 #neilonlinevideoimg #transform{
  display: block;  
  width: 100%;
  height: 100%;
}

#neilonlinevideo_block2 #neilonlinevideoimg .imgbox {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; 
}