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

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

#neilonlinevideo_block1 .style0 .owl_box {
  position: relative;
  width: 92.5%;
  top: 0rem;
  overflow: hidden;
  margin: 0.625rem 0rem 1.25rem 0rem;
  transition: all .25s ease .1s;
  background: #FFFFFF url(../../img/modules/) no-repeat left top;
  padding: 0.9375rem 0.75rem 1.5625rem 0.75rem;
  border-radius: 0rem 0rem 0.625rem 0.625rem;
}

#neilonlinevideo_block1 .style0 .box01 {
  border: 0.0625rem solid #ea2d2d;
}

#neilonlinevideo_block1 .style0 .box02 {
  border: 0.0625rem solid #0081af;
}

#neilonlinevideo_block1 .style0 #thumbnailtypeimg {
  position: absolute;
  width: 3.125rem;
  right: 0.5rem;
  top: 0.625rem;
  opacity: 0.8;
}

#neilonlinevideo_block1 .style0 .neilonlinevideoimg {
  position: relative;
  width: 100%;
  height: 10.9375rem;
  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: 0rem;
  padding: 0.625rem 0rem;
  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: 2.375rem;
  padding: 0.1875rem 0.3125rem;
  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: 5.9375rem;
  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: 0rem 0rem;
  max-height: 4.6875rem;
  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: 0.0625rem 0rem;
  transition: all .25s ease .1s;
}



#neilonlinevideo_block1 .style0  .iframebtn {
 position: absolute;
 display: block;
  top: 0.625rem;
  left: 0.625rem;
  background: #F918AE url(../../img/modules/neilmfdcms/) no-repeat left bottom;
  line-height: 160%;
  border-radius: 0.375rem;
  padding: 0.0625rem 0.25rem 0.0625rem 0.3125rem;
  margin: 0rem 0.3125rem 0rem 0rem;
  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: 5.625rem !important;
  z-index: 1000;
  left: -0.625rem;
  background: url(../../../../images/thin_right_arrow_333.png) no-repeat left top;
  width: 4.3125rem;
  height: 4.75rem;
  transform: scale(0.7, 0.7);
}

#neilonlinevideo_block1 .style0 .owl-nav .owl-next {
  position: absolute;
  top: 5.625rem !important;
  z-index: 1000;
  right: 0.625rem;
  background: url(../../../../images/thin_left_arrow_333.png) no-repeat left top;
  width: 4.3125rem;
  height: 4.75rem;
  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: 0.0625rem 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: -0.9375rem;
  width: 102%;
  margin: 1.25rem 0rem -0.625rem 0rem !important;
}

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

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

#rdivfalse #neilonlinevideo_block1 #videoblocksbox {
  position: relative;
  margin: 0.3125rem 0rem 0.375rem 0rem;
}

#neilonlinevideo_block1 .style1 #thumbnailtypeimg {
  position: absolute;
  width: 2.5rem;
  right: 0.5rem;
  top: 0.625rem;
  opacity: 0.8;
}

#neilonlinevideo_block1 .style1 .neilonlinevideoimg {
  margin: 0.3125rem 0rem 0rem -0.3125rem;
  position: relative;
  width: 125%;
  height: 6.5625rem;
  overflow: hidden;
  border-radius: 0.375rem;
  border: 0.0625rem 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: 8.4375rem;
  padding-top: 0.5rem;
  margin: 0.625rem 0rem 1.5625rem 0rem;
  transition: all .25s ease .1s;
}

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

#neilonlinevideo_block1 .style1 .thumbnailbox {
  border: 0.0625rem 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: 0.5rem;
  top: -0.125rem;
  width: 103%;
}

#neilonlinevideo_block1 .style1 #titlebox {
  position: relative;
  margin: 0rem 0rem 1.0625rem 0rem;
  padding: 0rem 0rem 0rem 0.9375rem;
  height: 2.125rem;
  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: 0.375rem;
  left: 0rem;
  top: 0.4375rem;
}

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

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

#neilonlinevideo_block1 .style1 #setuptimebox {
  position: relative;
  background: url(../../img/modules/) no-repeat left top;
  height: 2.125rem;
  padding: 0.125rem 0rem;
  margin: 0.125rem 0rem;
  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: 2.125rem;
  padding: 0.125rem 0rem;
  color: #161616;
  line-height: 160%;
  overflow: hidden;
  font-size: 105%;
}





#neilonlinevideo_block1 .style1 #centerbox .iframebtn {
  position: absolute;
  display: block;
  top: 0rem;
  right: 0.3rem;
  background: #F918AE url(../../img/modules/neilmfdcms/) no-repeat left bottom;
  line-height: 160%;
  border-radius: 0.375rem;
  padding: 0.0625rem 0.25rem 0.0625rem 0.3125rem;
  margin: 0rem 0.3125rem 0rem 0rem;
  z-index: 100;
}


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







#neilonlinevideo_block1 .style1 #videoblocksbox:hover .thumbnailbox {
  border: 0.0625rem 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: 3.125rem;
  right: 0.5rem;
  top: 0.625rem;
  opacity: 0.8;
 padding: 0rem; 
}

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

}
#neilonlinevideo_block2 #neilonlinevideoimg  a{
  display: block;  
  border-radius: 0.375rem;
  border: 0.0625rem 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; 
}