/*========區塊撥放器=============*/
#neilplayerblock{
    position: relative;
    height: initial;
    width: initial;
    margin: 1.5625rem 0rem 1.875rem 0rem;
} 

#neilplayerblock .bx-wrapper {
    box-shadow: 0rem 0rem 0.625rem #B5B5B5;
    border: 0.625rem solid #fff;
    background: #fff;
}


#neilplayerblock .bx-wrapper .bx-pager.bx-default-pager a {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.625rem;
}

#neilplayerblock .bx-wrapper .bx-pager, #neilplayerblock .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -3.4375rem;
    width: 100%;
}

#bxslider_play{
  position: relative;
  height: initial;
  width: initial;
}

#bxslider_play .bx-viewport{
cursor: pointer;
}

#bxslider_play #player_block_admin {
	position: absolute;
	top: 1.875rem;
	right: 1.875rem;
	background: #E56A44 url(../../img/playerimg/) no-repeat left top;
	z-index: 100;
	padding: 0.1875rem 0.375rem;
	border-radius: 0.375rem; 
	opacity: 0.9;
	font-size: 70%;
}

#neilplayerblock #carousel_block_admin a {
	color: #FFFFFF;
}


.bx-pager-item a:focus-visible, 
.bx-wrapper .bx-next:focus:focus-visible, 
.bx-wrapper .bx-prev:focus:focus-visible {
    outline: 0.1875rem solid #FFD700 !important;  
    outline-offset: 0.25rem !important;         
}
.bx-pager-item a:focus:not(:focus-visible) 
.bx-wrapper .bx-next:focus:not(:focus-visible), 
.bx-wrapper .bx-prev:focus:not(:focus-visible) {
    outline: none;  
}




/*========數字廣告區塊==============*/
#neildgblock {
  position: relative;
  margin: 0.625rem -0.625rem;
}

#rdivfalse #neildgblock {
  position: relative;
  margin: 0.625rem -0.9375rem;
}

#neildgblock .dg_block {
  position: relative;
  padding: 0rem 1.25rem;
  margin: 0rem 0rem 1.5625rem 0rem;
}

#rdivfalse  #neildgblock .dg_block {
  position: relative;
  padding: 0rem 1.5625rem;
  margin: 0rem 0rem 1.5625rem 0rem;
}



#neildgblock .dg_block::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 2.8125rem;
  right: 0rem;
  width: 0.0625rem;
  height: 37%;
  background: #999999 url(../../img/frame/) repeat-x left top;
}


/*=============1欄=============*/
#neildgblock  .items_1  .dg_block:nth-child(1n+1)::after {
  display: none;
}
/*=============2欄=============*/
#neildgblock  .items_2  .dg_block:nth-child(2n+2)::after {
  display: none;
}
/*=============3欄=============*/
#neildgblock  .items_3  .dg_block:nth-child(3n+3)::after {
  display: none;
}
/*=============4欄=============*/
#neildgblock  .items_4  .dg_block:nth-child(4n+4)::after {
  display: none;
}

#neildgblock .dg_block #before_t_box {
  position: relative;
  color: #000000;
  font-size: 130%;
  font-family: Noto Sans TC;
  height: 2.8125rem;
  overflow: hidden;
  line-height: 180%;
}

#rdivfalse #neildgblock .dg_block #before_t_box{
  height: 3.125rem;
} 


#rdivfalse #neildgblock .dg_block #before_t_box {
  font-size: 160%;
}

#neildgblock .dg_block #content_box {
  position: relative;
  text-align: right;
  font-size: 120%;
  margin: 1.25rem 0rem;
}

#rdivfalse #neildgblock .dg_block #content_box{
  font-size: 180%;
}
 


#neildgblock .dg_block .numscroller {
  color: #e11334;
  font-size: 170%;
}

#neildgblock .dg_block #side_t_box {
  color: #686868;
  min-height: 2.1875rem;
  overflow: hidden;
  line-height: 180%;
  font-size: 95%;
}

#rdivfalse #neildgblock .dg_block #side_t_box {
  font-size: 125%;
}

#neildgblock .dg_block .btn {
  margin-top: 1.25rem;
}

/*========動畫效果========== */
.animationtrue .indexpage #neildgblock .dg_block {
  position: relative;
  animation-duration: 1.0s;
  opacity: 0;
  animation-timing-function: ease-in-out;
}

@keyframes dg_block {
  0% {
    left: -9.375rem;
    opacity: 0;
  }

  70% {
    left: 6.25rem;
    opacity: 0.7;
  }

  100% {
    left: 0rem;
    opacity: 1;
  }
}
 
 

/*========簡介區塊-左右==============*/
#neiltextblock_block #illustratebox {
  padding: 1.5625rem 0.625rem 0.625rem 0.625rem;
}

#neiltextblock_block {
  position: relative;
  margin: -1.5625rem 0rem 0.625rem 0rem;
}

.noblockcontent #neiltextblock_block {
  position: relative;
  margin: -2.8125rem 0rem 0.625rem 0rem;
}

#neiltextblock_block .col-mdinitial {
  position: relative;
  width: 102.6% !important;
}

#neiltextblock_block .row-initial {
  margin-top: 2.8125rem;
}

#neiltextblock_block #cententbox {
  position: relative;
  border: 0.0625rem solid #007cc3;
  border-top: none;
  margin: 0rem 1.5625rem 0rem 0rem;
  padding: 0rem 0.625rem 0.9375rem 0.625rem;
  background: #FFFFFF url("") no-repeat left top;  
}

#neiltextblock_block #texttitle {
  position: relative;
  text-align: center;
  font-size: 120%;
  color: #007cc3;
  top: -1rem;
}

#neiltextblock_block #texttitle #inside {
  position: relative;
  height: 2.375rem;
  overflow: hidden;
  padding: 0rem 1.25rem 0rem 1.25rem;
}

#neiltextblock_block #texttitle a {
  position: relative;
  color: #007cc3;
}

#neiltextblock_block #texttitle a:hover {
  color: #E54242;
}

#neiltextblock_block .leftbox {
  position: absolute;
  height: 0.0625rem;
  top: 1rem;
  left: -0.625rem;
  z-index: 10;
  background: #007cc3 url(../../img/frame/) no-repeat left top;
}

#neiltextblock_block .rightbox {
  position: absolute;
  height: 0.0625rem;
  top: 1rem;
  right: -0.625rem;
  z-index: 10;
  background: #007cc3 url(../../img/frame/) no-repeat left top;
}

#neiltextblock_block #textcontent {
  position: relative;
  height: 10.625rem;
  overflow: auto;
  color: #000000;
  padding: 0rem 0rem 0rem 0.4375rem;
  margin: 0.9375rem 0rem 0rem 0rem;
  line-height: 165%;
}

/*====代表圖===========*/
#neiltextblock_block #textimgbox {
  position: relative;
  width: inherit;
  margin: 0rem 0rem 0.625rem 0rem;
  height: 10.3125rem;
  overflow: hidden;
}

#rdivfalse  #neiltextblock_block #textimgbox {
  position: relative;
  width: inherit;
  margin: 0rem 0rem 0.625rem 0rem;
  height: 14.375rem;
}


#neiltextblock_block #textimgbox #transform{
width: 100%;
height: 100%;
} 

#neiltextblock_block #textimgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}



/*========簡介區塊-中間==============*/
#rdivfalse #neiltextblock_block .col-mdinitial {
  position: relative;
  width: 103.1% !important;
}

#rdivfalse #neiltextblock_block #cententbox {
  margin: 0rem 2.5rem 0rem 0rem;
  padding: 0rem 0.875rem 0.9375rem 0.875rem;

}

#rdivfalse #neiltextblock_block #texttitle {
  font-size: 150%;
}

#rdivfalse #neiltextblock_block #texttitle #inside {
  position: relative;
  height: 2.125rem;
  overflow: hidden;
  padding: 0rem 1.25rem 0rem 1.25rem;
}

#rdivfalse #neiltextblock_block .leftbox {
  position: absolute;
  left: -0.875rem;
}

#rdivfalse #neiltextblock_block .rightbox {
  position: absolute;
  right: -0.875rem;
}

#rdivfalse #neiltextblock_block #textimgbox {
  position: relative;
  margin: 0.4375rem 0rem 0.625rem 0rem;
}

#rdivfalse #neiltextblock_block #textcontent {
  position: relative;
  height: 14.375rem;
  font-size: 115%;
  padding: 0rem 0rem 0rem 0.375rem;
  margin: 0.9375rem 0rem 0rem 0rem;
  line-height: 175%;
}

/*========動畫效果==========*/
.animationtrue .indexpage .textblock {
  position: relative;
  animation-duration: 1.2s;
  opacity: 0;
  animation-timing-function: ease-in-out;
}

@keyframes textblock {
  0% {
    transform: scale(0.4, 0.4);
    opacity: 0;
  }

  70% {
    transform: scale(1.2, 1.2);
    opacity: 0.7;
  }

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

#sidedivbox #neiltextblock_block .col-md-4 {
  width: 108% !important;
}

.content_udlr #neiltextblock_block .col-md-4 {
  width: inherit !important;
}

.footerstyle5 #neiltextblock_block .col-md-4,
.footerstyle3 #neiltextblock_block .col-md-4,
.footerstyle1 #neiltextblock_block .col-md-4,
.footerstyle2 #neiltextblock_block .col-md-4 {
  width: inherit !important;
}

/*========全國據點-左右樣式==============*/
#neiladdress_block {
  position: relative;
  margin: -1.25rem 0.625rem;
}

#neiladdress_block .col-md-6 {
  position: relative;
  margin: 1.875rem 0rem 0.3125rem 0rem;
}

#neiladdress_block .addressbox01 {
  position: relative;
  text-align: right;
  padding: 0rem 0.9375rem 0rem 0rem;
}

#neiladdress_block .addressbox02 {
  position: relative;
  text-align: left;
  padding: 0rem 0rem 0rem 0.9375rem;
}

#neiladdress_block #boxunit {
  position: relative;
  width: 100%;
  border: 0.0625rem solid #196FE0;
  font-size: 110%;
  padding: 0.625rem 0rem;
  margin: 0rem 0rem 1.125rem 0rem;
}

#neiladdress_block #boxunit #boxunittitle {
  position: relative;
  display: inline-block;
}

#neiladdress_block .addressbox01 #boxunit {
  border-right: none;
}

#neiladdress_block .addressbox02 #boxunit {
  border-left: none;
}

#neiladdress_block .addressbox01 #boxunit::before {
  position: absolute;
  content: '';
  height: 0.0625rem;
  width: 80%;
  top: -0.0625rem;
  right: 0rem;
  z-index: 10;
  background: #FFFFFF url(../../img/frame/) no-repeat left top;
}

#neiladdress_block .addressbox02 #boxunit::before {
  position: absolute;
  content: '';
  height: 0.0625rem;
  width: 80%;
  top: -0.0625rem;
  left: 0rem;
  z-index: 10;
  background: #FFFFFF url(../../img/frame/) no-repeat left top;
}

#neiladdress_block .addressbox01 #boxunit #boxunitinside {
  position: relative;
  right: -2.1875rem;
  top: -0.0625rem;
}

#neiladdress_block #boxunit a {
  color: #000000;
}

#neiladdress_block #boxunit a:hover {
  color: #1868DC;
}

#neiladdress_block .boxmore {
  font-size: 65%;
}

#neiladdress_block .addressbox01 .boxmore {
  position: absolute;
  left: 0.625rem;
  padding: 0rem 0rem 0rem 1.5625rem;
}

#neiladdress_block .addressbox02 .boxmore {
  position: absolute;
  right: 0.625rem;
  padding: 0rem 1.5625rem 0rem 0rem;
}

#neiladdress_block .addressbox01 .boxmore::before {
  position: absolute;
  content: '\25FC';
  font-size: 120%;
  top: 0rem;
  left: 0rem;
  z-index: 10;
  background: url(../../img/frame/) no-repeat left top;
}

#neiladdress_block .addressbox02 .boxmore::after {
  position: absolute;
  content: '\25FC';
  font-size: 120%;
  top: 0rem;
  right: 0rem;
  z-index: 10;
  background: url(../../img/frame/) no-repeat left top;
}

#neiladdress_block #boxaddress {
  position: relative;
  font-size: 105%;
  margin: 0.3125rem 0rem;
}

#neiladdress_block #boxremark {
  position: relative;
  font-size: 105%;
  height: 1.875rem;
  overflow: hidden;
  margin: 0.3125rem 0rem;
}

#neiladdress_block #connectionbox {
  position: relative;
  font-size: 100%;
  height: 1.875rem;
  overflow: hidden;
  margin: 0.3125rem 0rem;
}

#neiladdress_block #connectionbox #boxphone {
  padding-right: 0.9375rem;
}

#neiladdress_block #boxcommunity {
  position: relative;
  margin: 0.625rem 0rem;
}

#neiladdress_block .addressbox01 #boxcommunity li {
  float: right;
  margin-left: 0.9375rem;
}

#neiladdress_block .addressbox02 #boxcommunity li {
  float: left;
  margin-right: 0.9375rem;
}

#neiladdress_block #boxcommunity li img {
  height: 2.3125rem;
}

/*========全國據點-中間樣式==============*/
#rdivfalse #neiladdress_block .addressbox01 {
  padding: 0rem 1.25rem 0rem 0rem;
}

#rdivfalse #neiladdress_block .addressbox02 {
  padding: 0rem 0rem 0rem 1.25rem;
}

#rdivfalse #neiladdress_block #boxunit {
  font-size: 130%;
  padding: 0.75rem 0rem;
}

#rdivfalse #neiladdress_block #boxaddress {
  position: relative;
  font-size: 110%;
  margin: 0.625rem 0rem;
}

#rdivfalse #neiladdress_block #boxremark {
  position: relative;
  font-size: 110%;
  height: 2.1875rem;
  overflow: hidden;
  margin: 0.625rem 0rem;
}

#rdivfalse #neiladdress_block #connectionbox {
  position: relative;
  font-size: 120%;
  height: 2.1875rem;
  overflow: hidden;
  margin: 0.625rem 0rem;
}

#rdivfalse #neiladdress_block #boxcommunity {
  position: relative;
  margin: 0.9375rem 0rem;
}

#rdivfalse #neiladdress_block .addressbox01 #boxcommunity li {
  float: right;
  margin-left: 1.25rem;
}

#rdivfalse #neiladdress_block .addressbox02 #boxcommunity li {
  float: left;
  margin-right: 1.25rem;
}

#rdivfalse #neiladdress_block #boxunit #boxunittitle {
  font-size: 120%;
}

#rdivfalse #neiladdress_block #boxaddress {
  font-size: 120%;
}

#rdivfalse #neiladdress_block #boxremark {
  font-size: 120%;
}

/*========動畫效果==========*/
.animationtrue .indexpage .addressbox01 {
  position: relative;
  animation-duration: 1.5s;
  opacity: 0;
}

@keyframes addressbox01 {
  from {
    left: -9.375rem;
    opacity: 0;
  }

  to {
    left: 0rem;
    opacity: 1;
  }
}

.animationtrue .indexpage .addressbox02 {
  position: relative;
  animation-duration: 1.5s;
  opacity: 0;
}

@keyframes addressbox02 {
  from {
    right: -9.375rem;
    opacity: 0;
  }

  to {
    right: 0rem;
    opacity: 1;
  }
}

/*========網站QRcode區塊=========*/
#neilqrcodeboxblock {
  position: relative;
}

#neilqrcodeboxblock .qrcodebox {
  width: 100%;
}

/*========聯絡我們區塊=========*/
#onlineconsultationblock #onlineconsultationform h3{
	text-align: center;
	font-size: 130%;
	padding: 0rem 0rem 0.9375rem 0rem;
	margin: 0rem 0rem 1.5625rem 0rem;
	border-bottom: 0.0625rem solid #000000;
}

#onlineconsultationblock .foot-form-group{
margin: 0rem 0rem 0rem 0rem;
} 



#onlineconsultationblock .control-label {
  line-height: 120%;
  font-size: 110%;
  white-space: nowrap;
}


#onlineconsultationblock #checkboxmycheckbox {
  position: relative;
  left: 6.0625rem;
  top: 0rem;
  margin: -0.625rem 0rem 0rem 0rem;
  font-size: 110%;
}

#onlineconsultationblock #checkboxmycheckbox .robottimedateboxdiv {
  position: relative;
  left: 0.625rem;
  font-size: 75%;
}

#onlineconsultationblock #checkboxmycheckbox .robottimedateboxdiv .radio-inline {
  position: relative;
  top: -0.1875rem;
}

#onlineconsultationblock #checkboxmycheckbox  input[type="checkbox"] {
transform:scale(1.4,1.4);
}


#onlineconsultationblock  .w-100{
margin: 0.625rem 0rem;
}

#onlineconsultationblock #informationblock {
  position: relative;
  font-size: 115%;
  width: 102%;
  line-height: 195%;
}

/*==========滑動圖片==============*/
#picturemove_block {
  position: relative;
  margin: 0.625rem 0rem 0.625rem 0rem;
  left: 0rem;
}

#rdivfalse #picturemove_block {
  position: relative;
  margin: 1.25rem 0rem 0.625rem 0rem;
  left: 0rem;
}

#picturemove_block .owl-carousel2 .owl-stage-outer {
    padding: 0.625rem 0rem;
}
#picturemove_block .owl-carousel2 {
  position: relative;
  width: 100.5%;
}

#rdivfalse #picturemove_block .owl-carousel2 {
  position: relative;
  width: 100.5%;
}

#picturemoveimg{
  display: block;
  position: relative;
  height: 4.8125rem;
  width: 98%;
  overflow: hidden;
  border: 0.0625rem solid #d0d0d0;
  border-radius: 0.625rem;
}



#picturemoveimg img {
  min-height: 4.6875rem;
}

#picturemove_block .thumbnail {
  padding: 0rem !important;
  border: none !important;
  border-radius: 0rem !important;
  background: url(../../img/frame/) no-repeat left top !important;
}

#picturemoveimg img {
  transition: all .55s ease .1s;
}

#picturemoveimg img:hover {
  transform: scale(1.5, 1.5);
}

#picturemove_block .owl-dots {
  margin: 1.25rem 0rem 0rem 0rem;
  transform: scale(1.3, 1.3);
}

/*=========滑動選單=================*/
#neilblockmenulayers {
  position: relative;
  margin: -0.625rem 0rem 2.1875rem 0rem;
  padding-bottom: 0rem;
}

/*=========開啟區塊樣式============*/
.blockcontent #neilblockmenulayers {
  position: relative;
  font-size: initial;
  width: 105.5%;
  left: -0.5rem;
  margin-top: 0rem;
}

#bottomsidedivbox #neilblockmenulayers {
  position: relative;
  margin: 0.9375rem 0.625rem 1.875rem 0.625rem;
}

#bottomsidedivbox .blockcontent #neilblockmenulayers {
  position: relative;
  font-size: initial;
  width: 98.5%;
  left: -0.5rem;
}


#neilblockmenulayers .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: 0;
    margin-bottom: 0rem;
}


/*========第一層===========*/




#neilblockmenulayers  .card-header {
  position: relative;
    padding: 0rem;
  margin: 0rem 0rem 1.5625rem 0rem;    
    background-color: #FFEFEF;
    border-bottom: none;
  width: inherit;
  height: 3rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid #FFB2B2;
   
}






/*
#neilblockmenulayers .firstbox{
	position: relative;
	background: url(../../img/menu/menulayers/dppstycedutw_31.png) no-repeat left top;
	margin: 0rem 0rem 0rem 0rem;
}

#neilblockmenulayers .lastbox{
	position: relative;
	height: 5.1875rem;
	background: url(../../img/menu/menulayers/dppstycedutw_33.png) no-repeat left top;
	margin: 0rem 0rem 0rem 0rem;
	    z-index: 10;
}
*/

#neilblockmenulayers .panel-title {
  position: relative;
  font-size: 155% !important;
  padding: 0.1875rem 1.875rem 0rem 4.5rem;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem #C9C9C9; 
  color: #010101;
}

#neilblockmenulayers #collapsed_box {
  position: relative;
  display: inline-block;
  line-height: 160%;
  top: 0rem;
  height: 2.8125rem;
  overflow: hidden; 
}

#neilblockmenulayers #iconbox {
  position: absolute;
  width: 3.625rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  left: 0rem;
  top: 0.3125rem;
  border-right: 0.0625rem solid #8E8E8E;
  background: url(../../img/menu/menulayers/) repeat-y left top;
  font-size: 135%;
  padding: 0rem 0rem 0rem 0.3125rem;
}

#neilblockmenulayers .panel-title a {
  position: relative;
  display: block;
  color: #010101;
}


#neilblockmenulayers #blockmenulayersbtn {
  z-index: 10;
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  top: 0.625rem;
  right: 0.5rem;
}

#neilblockmenulayers #blockmenulayersbtn a {
  background: url(../../../../images/computer/computerbtn2.png) no-repeat left top;
  display: block;
  overflow: hidden;
  height: 0rem;
  padding-top: 1.75rem;
}

/*========第二層===========*/
#neilblockmenulayers .menuunit {
  position: relative;
  background: url(../../img/menu/menulayers/) repeat-y left top;
  width: inherit;
  margin: -0.625rem 0.9375rem 0.625rem 0.9375rem;
  padding: 0rem 0rem 1.25rem 0rem;
}

#neilblockmenulayers .btnicon {
  position: absolute;
  top: 0.8125rem;
  left: 0rem;
  font-size: 150%;
}

#neilblockmenulayers .panel-body01 .btnicon {
  color: #F9904A;
   transition: all .25s ease .1s; 
}

#neilblockmenulayers .panel-body02 .btnicon {
  color: #4898CE;
   transition: all .25s ease .1s; 
}
#neilblockmenulayers  .panel-body02,
#neilblockmenulayers  .panel-body01{
  position: relative;
  padding-left: 0rem;
  line-height: 220%;
  transition: all .25s ease .1s;
}

:root {
  --panel: 0.375rem 1.375rem 0.375rem 2rem;  /*======沒有子層=========*/
  --level: 0.375rem 0rem 0.375rem 2rem;           /*======有子層=========*/
  --panel_border: 0.0625rem solid #ffceab;     /*======底線=========*/
}


#neilblockmenulayers #menutable2true .panel-body01 {
  position: relative;
  padding: var(--panel);
  border-bottom: var(--panel_border);
}

#neilblockmenulayers #menutable2none .panel-body01 {
  position: relative;
  padding: var(--level);
  border-bottom: var(--panel_border);
}

#neilblockmenulayers #menutable2true .panel-body02 {
  position: relative;
  padding: var(--panel);
  border-bottom: var(--panel_border);
}

#neilblockmenulayers #menutable2none .panel-body02 {
  position: relative;
  padding: var(--level);
  border-bottom: var(--panel_border);
}


#neilblockmenulayers .menu2 a {
  position: relative;
  font-size: 130%;
  color: #000000;
  background: url(../../img/menu/menulayers/) no-repeat 0.5rem 0.625rem;
}

#neilblockmenulayers .adminmenu {
  margin: 0.3125rem 0.625rem;
}

#neilblockmenulayers #focus {
  color: #E01A1A;
}

#neilblockmenulayers .panel-body #blockmenulayersbtn {
  z-index: 10;
  position: absolute;
  width: 1.625rem;
  height: 1.625rem;
  top: 0.6875rem;
  right: 0rem;

}

#neilblockmenulayers .panel-body #blockmenulayersbtn a {
  background: url(../../../../images/computer/blockmenulayersbtn.png) no-repeat left top;
  display: block;
  overflow: hidden;
  height: 0rem;
  padding-top: 1.625rem;
  transition: all .25s ease .1s;    
}


#neilblockmenulayers  .panel-body01:hover {
  background-color:#DD5800;
  padding-left: 2.5rem !important;
  
}
#neilblockmenulayers  .panel-body02:hover {
  background-color:#1273B5;
  padding-left: 2.5rem !important;
}


#neilblockmenulayers  .panel-body02:hover .btnicon, 
#neilblockmenulayers  .panel-body01:hover .btnicon {
  color: #FFFFFF;
  padding-left: 0.625rem !important;
}
#neilblockmenulayers  .panel-body02:hover a,
#neilblockmenulayers  .panel-body01:hover a{
  color: #FFFFFF !important;
}
#neilblockmenulayers  .panel-body02:hover #blockmenulayersbtn a,
#neilblockmenulayers  .panel-body01:hover #blockmenulayersbtn a{
  filter: brightness(100);
}


/*========第三層===========*/
#neilblockmenulayers .panel-body2 {
  position: relative;
  width: 106%;
  font-size: 90%;
  padding: 0rem 0rem 0rem 1.4375rem;
  transition: all .25s ease .1s;   
}

#neilblockmenulayers .panel-body2 a {
  color: #5E5E5E;
}

#bottompage #neilblockmenulayers .panel-body2 a {
  color: #111111;
}

#neilblockmenulayers .panel-body2 #m3box {
  position: absolute;
  left: -1.375rem;
  top: 0.25rem;
}
#neilblockmenulayers .panel-body2:hover{
  background-color:#FFFFFF;
}
#neilblockmenulayers .panel-body2:hover a{
  color: #000000 !important;
}

/*===========自訂按鈕圖片區塊=============*/
#neilblockmenu .buttonimg {
  position: relative;
}

.buttonimg .buttonimgbox {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
  transition: all .55s ease .1s;
  margin: 0rem 0rem 1.25rem 0rem;
  border: 0.0625rem solid #C4C4C4;
  border-radius: 0.375rem;
  padding: 0.1875rem;  
  
}

.buttonimg .buttonimgbox img {
  display: block;
  width: inherit;
  height: inherit;
  border-radius: 0.375rem;
  transition: all .55s ease .1s;
  background: #FFFFFF url(../../img/frame/) no-repeat left top;
}

.buttonimg .buttonimgbox:hover {
  border: 0.0625rem solid #D82700;
}

.buttonimg .buttonimgbox img:hover {
  transform: scale(1.5, 1.5);
}

.buttonimg #buttontextbox {
  display: block;
  height: 2.0625rem;
  overflow: hidden;
  line-height: 160%;
  padding: 0rem 0.625rem 0rem 0.625rem;
  text-align: center;
  margin: -1.25rem 0rem 1.25rem 0rem;
}

.buttonimg #buttontextbox a {
  color: #000000;
}

.buttonimg #buttontextbox a:hover {
  color: #1072EA;
}
/*===中上中下區塊圖片大小=====*/
#centertpldiv #neilblockmenu .buttonimg {
  position: relative;
  width: 105%;
}

#centertpldiv #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 0.625rem 0.86875rem 0.9375rem 0rem;
  width: 22.7%;
}

#rdivfalse #centertpldiv #neilblockmenu .buttonimg li {
  margin: 0.625rem 1.25rem 0.9375rem 0rem;
  width: 22.6%;
}


#centertpldiv  .buttonimg .buttonimgbox img {
    height: 5rem;

}


/*==上左上右下左下右圖片大小===*/
.content_udlr #neilblockmenu .buttonimg {
  position: relative;
  width: 105%;
}

/*======左右只開啟一個==========*/
.content_udlr #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 0.625rem 1.25rem 0.9375rem 0rem;
  width: 30.4%;
}

#rdivfalse .content_udlr #neilblockmenu .buttonimg li {
  margin: 0.625rem 1.25rem 0.9375rem 0rem;
  width: 22.68%;
}

/*========左右區塊開啟=========*/
.pagetrue .content_udlr #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 0.3125rem 0.9375rem 0.3125rem 0rem;
  width: 46%;
}

#rdivfalse .pagetrue .content_udlr #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 0.3125rem 1.25rem 0.3125rem 0rem;
  width: 46%;
}

.content_udlr   .buttonimg .buttonimgbox img {
    height: 5rem;

}


/*====底區塊=========*/
#bottomcontents .blockcontent .buttonimg #buttontextbox a {
  color: unset;
}

#bottomcontents .blockcontent .buttonimg #buttontextbox a:hover {
  color: #000000;
}

/*====左中右全開============*/
.footerstyle1 #neilblockmenu {
  width: 105%;
}

.footerstyle1 #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 0.3125rem 0.9375rem 0.3125rem 0rem;
  width: 45.6%;
}

.footerstyle1 .buttonimg .buttonimgbox img {
  height: 3.75rem;
}

/*========左中開==============*/
/*=========左===========*/
.footerstyle2 #footerleftdiv #neilblockmenu .buttonimg {
  position: relative;
  width: 100%;
}

.footerstyle2 #footerleftdiv #neilblockmenu .buttonimg li {
  position: relative;
  margin: 0.3125rem 0rem 0.3125rem 0rem;
}




.footerstyle2 #footerleftdiv .buttonimg #buttontextbox {
  margin: 0rem 0rem 1.5625rem 0rem;
}

/*======中============*/
.footerstyle2 #footercenterdiv #neilblockmenu .buttonimg {
  position: relative;
  width: 105%;
}

.footerstyle2 #footercenterdiv #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 0.625rem 1.25rem 0.9375rem 0rem;
  width: 22.3%;
}


.footerstyle2 #footercenterdiv .buttonimg .buttonimgbox img {
    height: 5rem;
}



/*========中右開============*/
/*==============中==================*/
.footerstyle3 #footercenterdiv #neilblockmenu .buttonimg {
  position: relative;
  width: 105%;
}

.footerstyle3 #footercenterdiv #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 0.3125rem 1.25rem 0.3125rem 0rem;
  width: 22.3%;
}

.footerstyle3 #footercenterdiv .buttonimg .buttonimgbox img {
  height: 5rem;
}

/*=========右==================*/
.footerstyle3 #footerrightdiv #neilblockmenu .buttonimg {
  position: relative;
  width: 100%;
}

.footerstyle3 #footerrightdiv #neilblockmenu .buttonimg li {
  position: relative;
  margin: 0.3125rem 0rem 0.3125rem 0rem;
}

.footerstyle3 #footerrightdiv .buttonimg #buttontextbox {
  margin: 0rem 0rem 1.5625rem 0rem;
}

/*===========左右開===========*/
.footerstyle5 #neilblockmenu .buttonimg {
  position: relative;
  width: 105%;
}

.footerstyle5 #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 0.3125rem 1.0625rem 0.3125rem 0rem;
  width: 29.9%;
}


.footerstyle5 .buttonimg .buttonimgbox img {
     height: 4.75rem;
}

/*==========只開1個區塊============*/
.footerstyle4 #neilblockmenu .buttonimg {
  position: relative;
  width: 105%;
}

.footerstyle4 #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 0.3125rem 1.25rem 0.3125rem 0rem;
  width: 22.67%;
}


.footerstyle4 .buttonimg .buttonimgbox img {
    height: 5rem;
}

/*=========自訂按鈕文字=============*/
#neilblockmenu #focus {
  color: #E01A1A;
}

#neilblockmenu .list-groupbox {
  position: relative;
  margin-bottom: 0.625rem;
}

#neilblockmenu .list-groupbox a:not(#neilblockmenubtn a) {
  padding: 0.375rem 1.25rem 0.375rem 2rem;
  display: block;
  color: #000000;
  line-height: 160%;
}

#neilblockmenu .list-groupbox .btnturebox a {
  padding: 0.375rem 1.25rem 0.375rem 2rem;
}

#neilblockmenu #iconbox {
  position: absolute;
  font-size: 115%;
  left: 0rem;
  top: 0.40625rem;
}

#neilblockmenu #neil_menu1 #menu-body {
  position: relative;
  transition: all .25s ease .1s;
}

#neilblockmenu #neil_menu1 #iconbox {
  transition: all .25s ease .1s;
}

#neilblockmenu #neil_menu1 .menu-body01 #iconbox {
  color: #009376;
}

#neilblockmenu #neil_menu1 .menu-body02 #iconbox {
  color: #006899;
}

#neilblockmenu #neil_menu1 {
  width: inherit;
}

#neilblockmenu #neil_menu1 #list-group-itembox {
  position: relative;
  font-size: 106%;
  border-bottom: 0.0625rem solid #cccccc;
  cursor: pointer;
}

#neilblockmenu #neil_menu1 .menu-body01 .menu_focus{
  background: #00896E url(../../../../images/computer/) no-repeat left top;
}

#neilblockmenu  #neil_menu1 .menu-body02 .menu_focus{
  background: #006899 url(../../../../images/computer/) no-repeat left top;
}

#neilblockmenu #neil_menu1  .item_focus{
color: #CC0033;
} 

#neilblockmenu #neil_menu1  .menu_focus a{
color: #FFFFFF;
}
#neilblockmenu #neil_menu1  .btn_focus a {
  filter: brightness(100);
}

#neilblockmenu #neil_menu1 .menu_focus #iconbox {
  color: #FFFFFF;
}




#neilblockmenu .neil_menu2 #list-group-itembox {
  position: relative;
  padding: 0rem 0rem 0rem 0rem;
  font-size: 100%;
  border-bottom: 0.0625rem solid #cccccc;
  transition: all .25s ease .1s;
}

#neilblockmenu .neil_menu2 a {
  padding: 0.3125rem 0rem 0.3125rem 1.875rem;
  display: block;
}

#neilblockmenu .neil_menu2 .fa-arrow-right {
  position: absolute;
  left: 0.1875rem;
  top: 0.625rem;
}

#neilblockmenu #neilblockmenubtn {
  z-index: 10;
  position: absolute;
  width: 1.625rem;
  height: 1.625rem;
  top: 0.625rem;
  right: 0rem;
}

#neilblockmenu #neilblockmenubtn a {
  background: url(../../../../images/computer/blockmenulayersbtn.png) no-repeat left top;
  display: block;
  overflow: hidden;
  height: 0rem;
  padding-top: 1.625rem;
  transition: all .25s ease .1s;
}

#neilblockmenu #neil_menu1 .menu-body01:hover {
  background: #009376 url(../../../../images/computer/) no-repeat left top;
  padding: 0rem 0.5rem 0rem 0.5rem;
}

#neilblockmenu #neil_menu1 .menu-body02:hover {
  background: #006899 url(../../../../images/computer/) no-repeat left top;
  padding: 0rem 0.5rem 0rem 0.5rem;
}

#neilblockmenu #neil_menu1 #menu-body:hover #iconbox {
  color: #FFFFFF;
}

#neilblockmenu #neil_menu1 #menu-body:hover .list-group-itemCustom {
  color: #FFFFFF;
}

#neilblockmenu #neil_menu1 #menu-body:hover #neilblockmenubtn a {
  filter: brightness(100);
}

#neilblockmenu #neil_menu1 #menu-body:hover .neil_menu2 #list-group-itembox a {
  color: #FFFFFF;
}

#neilblockmenu #neil_menu1 #menu-body .neil_menu2 #list-group-itembox:hover {
   background: #FFFFFF url(../../../../images/computer/) no-repeat left top;
}
#neilblockmenu #neil_menu1 #menu-body .neil_menu2 #list-group-itembox a:hover {
  color: #000000;
}

/*=========關於我們區塊====================*/
#neilaboutusboxblock {
  position: relative;
  height: 100%;
  margin:  0.625rem 0rem 1.25rem 0rem;
}

#neilaboutusboxblock #neilaboutusboximg {
  position: relative;
  width: 100%;
  height: 100%;
}

/*=========中上下==========*/
#rdivfalse .noblockcontent .aboutframebox {
  background: #FFF9EF url(../../img/unit/) no-repeat left top;
  padding: 2.5rem 0rem 2.1875rem 0rem;
  margin-top:  -0.625rem;  
}

#side1 #neilaboutusboxblock  #aboutimgdiv {
  position: relative;
  width: inherit;
  border-radius: 0rem;
  height: 20.625rem;
  overflow: hidden;
  border: 0.0625rem solid #446BA6;
  transition: all .3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0rem;
  background: #8d8d8d url(../../img/unit/) no-repeat left top;
}

#rdivtrue #side1 #neilaboutusboxblock  #aboutimgdiv {
  height: 17.5rem;
}

#side1 #neilaboutusboxblock  #aboutimgdiv img {
  display: block;
  max-width: 100%;
  min-height: 100%;
}

.noblockcontent #side1 #neilaboutusboxblock{
  position: relative;
  left: -0.75rem;
  width: 102%;
}

/*=========中上下左右==========*/
#side3 #neilaboutusboxblock  #aboutimgdiv {
  position: relative;
  width: inherit;
  border-radius: 0rem;
  height: 20.625rem;
  overflow: hidden;
  border: 0.0625rem solid #446BA6;
  transition: all .3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0rem;
  background: #8d8d8d url(../../img/unit/) no-repeat left top;
}

#side3 #neilaboutusboxblock #aboutimgdiv img {
  max-width: 100%;
  min-height: 20.625rem;
}

.noblockcontent #side3 #neilaboutusboxblock  {
  position: relative;
  padding: 1.5625rem 0rem 1.25rem 0rem;
}

/*=========左右區塊==========*/
#side4 #neilaboutusboxblock  #aboutimgdiv {
  position: relative;
  width: inherit;
  border-radius: 0rem;
  height: 12.5rem;
  overflow: hidden;
  border: 0.0625rem solid #446BA6;
  transition: all .3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0rem;
  background: #8d8d8d url(../../img/unit/) no-repeat left top;
}

#side4 #neilaboutusboxblock  #aboutimgdiv img {
  max-width: 100%;
  min-height: 12.5rem;
}

.noblockcontent #side4 #neilaboutusboxblock  {
  position: relative;
  padding: 0rem 0rem 1.25rem 0rem;
}

/*=========頁尾左中右==========*/
#side2 #neilaboutusboxblock  #aboutimgdiv {
  position: relative;
  width: inherit;
  border-radius: 12.5rem;
  height: 24.1875rem;
  overflow: hidden;
  border: 0.3125rem solid #446BA6;
  transition: all .3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem;
  background: #FFFFFF url(../../img/unit/) no-repeat left top;
}

#side2 #neilaboutusboxblock #aboutimgdiv img {
  position: relative;
  left: -0.375rem;
  max-width: 103%;
  min-height: 24.1875rem;
}

.noblockcontent #side2 #neilaboutusboxblock {
  position: relative;
  left: -0.75rem;
  width: 102%;
}

#neilaboutusboxblock .adminbtn {
  position: absolute;
  bottom: 1.25rem;
  z-index: 100;
}

#bottompage #neilaboutusboxblock #aboutimgdiv:hover {
  border: 0.3125rem dashed #FFCA8C;
}

#neilaboutusboxblock #aboutimgdiv:hover {
  border: 0.3125rem solid #FFCA8C;
}

#neilaboutusboxblock #informationblock {
  position: relative;
  margin: -0.625rem 0rem 0rem 0rem;
  padding: 0rem 0.625rem 0rem 2.1875rem;
  font-size: 125%;
  line-height: 175%;
}

/*============底區塊開3區塊============*/
.footerstyle1 .clearstyle {
  clear: both;
}

.footerstyle1 #side2 #neilaboutusboxblock .col-md-4 {
  width: 100%;
}

.footerstyle1 #side2 #neilaboutusboxblock  .col-md-8 {
  width: 100%;
  color: #FFFFFF;
}

.footerstyle1 #side2 #neilaboutusboxblock  #informationblock {
  position: relative;
  margin: 1.25rem 0rem 0rem 0rem;
  padding: 0rem 0rem 1.25rem 0rem;
  width: inherit;
  font-size: 110%;
  line-height: 165%;
}

/*============底區塊只開2區塊============*/

.footerstyle2 #side2 #neilaboutusboxblock  .col-md-4,
.footerstyle3 #side2 #neilaboutusboxblock  .col-md-4 {
  max-width: 41%;
  min-width: 41%;
}

.footerstyle2 #side2 #neilaboutusboxblock .col-md-8,
.footerstyle3 #side2 #neilaboutusboxblock .col-md-8 {
  max-width: 59%;
  min-width: 59%;
  color: #FFFFFF;
}

.footerstyle2 #side2 #neilaboutusboxblock  #informationblock,
.footerstyle3 #side2 #neilaboutusboxblock  #informationblock {
  position: relative;
  font-size: 110%;
  line-height: 165%;
}

/*============底區塊只開1區塊============*/
.footerstyle4 #side2 #neilaboutusboxblock .col-md-4 {
  max-width: 31%;
  min-width: 31%;
}

.footerstyle4 #side2 #neilaboutusboxblock  .col-md-8 {
  max-width: 69%;
  min-width: 69%;
  color: #FFFFFF;
}


/*=========中間配置===========*/
#side1 #neilaboutusboxblock  .col-md-4 {
  max-width: 38%;
  min-width: 38%;
}

#side1 #neilaboutusboxblock  .col-md-8 {
  max-width: 62%;
  min-width: 62%;
}

#rdivtrue #side1 #neilaboutusboxblock  #informationblock,
#ldivtrue #side1 #neilaboutusboxblock  #informationblock {
  position: relative;
  font-size: 110%;
  line-height: 165%;
}

/*=========中上下左右==========*/
#side3 #neilaboutusboxblock  .col-md-4 {
  max-width: 100%;
  min-width: 100%;
}

#side3  #neilaboutusboxblock .col-md-8 {
  max-width: 100%;
  min-width: 100%;
}

#side3  #neilaboutusboxblock  #informationblock {
  position: relative;
  margin: 1.25rem 0rem 0rem 0rem;
  padding: 0rem 0rem 1.25rem 0rem;
  width: inherit;
  font-size: 110%;
  line-height: 165%;
}

/*=========左右區塊==========*/
#side4  #neilaboutusboxblock .col-md-4 {
  width: 100%;
}

#side4  #neilaboutusboxblock  .col-md-8 {
  width: 100%;
}

#side4  #neilaboutusboxblock  #informationblock {
  position: relative;
  margin: 1.25rem 0rem 0rem 0rem;
  padding: 0rem 0rem 1.25rem 0rem;
  width: inherit;
  font-size: 110%;
  line-height: 165%;
}

/*========關於我們動畫-左區塊============*/
.animationtrue .indexpage #neilaboutusboxblock #neilaboutusboximg {
  position: relative;
  animation-duration: 2.0s;
  opacity: 0;
}

@keyframes neilaboutusboximg {
  from {
    left: 18.75rem;
    opacity: 0;
  }

  to {
    left: 0rem;
    opacity: 1;
  }
}

/*========關於我們動畫-右區塊============*/
.animationtrue .indexpage #neilaboutusboxblock #informationblock {
  position: relative;
  animation-duration: 2.0s;
  opacity: 0;
}

@keyframes informationblock {
  from {
    left: -12.5rem;
    opacity: 0;
  }

  to {
    left: 0rem;
    opacity: 1;
  }
}


/*========聯絡我們動畫-左區塊============*/
.animationtrue .indexpage #onlineconsultationblock #onlineconsultationform {
  position: relative;
  animation-duration: 2.0s;
  opacity: 0;
}

@keyframes formbox {
  from {
    left: 18.75rem;
    opacity: 0;
  }

  to {
    left: 0rem;
    opacity: 1;
  }
}

/*=========聯絡我們動畫-右區塊============*/
.animationtrue .indexpage #onlineconsultationblock  #informationblock {
  position: relative;
  animation-duration: 2.0s;
  opacity: 0;
}

@keyframes infobox {
  from {
    left: -12.5rem;
    opacity: 0;
  }

  to {
    left: 0rem;
    opacity: 1;
  }
}


/*======隨機小語============*/
#randomidiom_block #slider-wrap ul#slider li>div {
  padding: 1.25rem 0.625rem;
}


#randomidiom_block #slider-wrap h3 {
color: #FFFFFF;
}

.randomidiom-controls {
  position: absolute;
  top: 0.3125rem;
  right: 0.5rem;
  z-index: 20000;
}

.randomidiom-controls button {
  background: none;
  border: none;
  font-size: 1.25rem;
  color: white;
  cursor: pointer;
}

#slider-wrap ul .a11y_box:focus-visible {
  border: 0.3125rem  solid #FFD700 !important;  
}