/*=========滑動選單=================*/
#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 0rem 0rem 0.8125rem;
  margin: 0rem 0.8125rem 0.9375rem 0rem;    
  	text-align: center;
    background-color: #FFEFEF;
    border-bottom: none;
  width: inherit;
  height: 3.1875rem;
  border-radius: 0;
  border: 0;
 background: url(../../img/menu/menulayers/yrestyc_37.jpg) repeat-x left top;
}


#neilblockmenulayers  .card-header::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0rem;
    left: 0rem;
    width: 4.5rem;
    height: 3.1875rem;
 background: url(../../img/menu/menulayers/yrestyc_38.jpg) no-repeat left top;
}


#neilblockmenulayers  .card-header::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0rem;
    right: -0.8125rem;
    width: 0.8125rem;
    height: 3.1875rem;
 background: url(../../img/menu/menulayers/yrestyc_40.png) no-repeat left top;
}




/*
#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.15rem 0rem 0rem 0.3125rem;
  text-shadow: none; 
  color: #ffffff;
  font-family: Noto Sans TC !important;  
  letter-spacing: 0.15rem;
  font-weight: 500;
}

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

#neilblockmenulayers #iconbox {
  position: absolute;
  width: 3.0625rem;
  height: 3.0625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  left: -0.3rem;
  top: 0rem;
  border-right: none;
  background: url(../../img/menu/menulayers/yrestyc_39.png) no-repeat left top;
  font-size: 135%;
  padding: 0rem 0rem 0rem 0rem;
}

#neilblockmenulayers #iconbox  .fa-solid::before{
display: none;
}


#neilblockmenulayers #heading_1  #iconbox {
  background: url(../../img/menu/menulayers/yrestyc_42.png) no-repeat left top;
}

#neilblockmenulayers #heading_2  #iconbox {
  background: url(../../img/menu/menulayers/yrestyc_43.png) no-repeat left top;
}

#neilblockmenulayers #heading_3  #iconbox {
  background: url(../../img/menu/menulayers/yrestyc_44.png) no-repeat left top;
}
#neilblockmenulayers #heading_4  #iconbox {
  background: url(../../img/menu/menulayers/yrestyc_45.png) no-repeat left top;
}
#neilblockmenulayers #heading_5  #iconbox {
  background: url(../../img/menu/menulayers/yrestyc_46.png) no-repeat left top;
}
#neilblockmenulayers #heading_6  #iconbox {
  background: url(../../img/menu/menulayers/yrestyc_47.png) no-repeat left top;
}
#neilblockmenulayers #heading_7  #iconbox {
  background: url(../../img/menu/menulayers/yrestyc_48.png) no-repeat left top;
}
#neilblockmenulayers #heading_8  #iconbox {
  background: url(../../img/menu/menulayers/yrestyc_49.png) no-repeat left top;
}
#neilblockmenulayers .panel-title a {
  position: relative;
  display: block;
  color: #ffffff;
}


#neilblockmenulayers #blockmenulayersbtn {
  z-index: 10;
  position: absolute;
  width: 1.875rem;
  height: 1.875rem;
  top: 0.45rem;
  right: 0.4rem;
}

#neilblockmenulayers #blockmenulayersbtn a {
 background: url(../../img/menu/menulayers/yrestyc_41.png) no-repeat left top;
  display: block;
  overflow: hidden;
  height: 0rem;
  padding-top: 1.875rem;
}

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

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

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

#neilblockmenulayers .panel-body02 .btnicon {
  color: #53A049;
   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_1: 0.0625rem solid #3f85bd;     /*======底線=========*/
  --panel_border_2: 0.0625rem solid #59a34f;     /*======底線=========*/  
}


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

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

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

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


#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-body01:hover {
  background-color: #095B9E;
  padding-left: 2.5rem !important;
  
}
#neilblockmenulayers  .panel-body02:hover {
  background-color: #0D7200;
  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;
}