/*====自訂圖片按鈕=============*/
.buttonimg .buttonimgbox {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    overflow: visible;
    transition: all .55s ease .1s;
    margin: 0rem 0rem 1.2rem 0rem;
    border: 0.0625rem solid #7f7f7f;
    border-radius: 0.675rem;
    padding: 0.2rem;
}

.buttonimg .buttonimgbox img {
    border-radius: 0.675rem;
  transition: all .35s ease .1s;

}


.buttonimg .buttonimgbox img:hover {
    transform: scale(1.1, 1.1) translateY(0.55rem) translateX(1.25rem);
    box-shadow:0.1875rem 0.1875rem 0.5625rem 0.0625rem #686868; 
    border:  none;
}


/* 多層選單佈景副本：套用快樂國小左欄選單視覺 */
#neilblockmenulayers {
    position: relative;
    margin: -0.625rem 0rem 0rem 0rem;
    padding-bottom: 0rem;
}





#neilblockmenulayers .card-header {
margin: 0rem 0rem 1.1rem 0rem;
  border: 0.0625rem solid #187fb4;
  border-radius: 0 0.625rem 0.625rem 0;
  box-shadow: 0rem 0.125rem 0.1875rem rgba(0, 0, 0, .18);
}

#neilblockmenulayers .card:nth-child(odd) .card-header {
  background: url(../../img/blocks/left_color.png) no-repeat -0.5rem top,
    linear-gradient(-1deg, #187fb4 50%, #3296ca 50%);
  border-color: #187fb4;
}

#neilblockmenulayers .card:nth-child(even) .card-header {
  background: url(../../img/blocks/left_color.png) no-repeat -0.5rem top,
    linear-gradient(-1deg, #218f17 50%, #32b924 50%);
  border-color: #218f17;
}

#neilblockmenulayers .panel-title {
  color: #ffffff;
  text-shadow: none;
    padding: 0.1875rem 1.875rem 0rem 5.5rem;
}

#neilblockmenulayers .panel-title a {
  color: #ffffff;
}

#neilblockmenulayers #iconbox {
  border-right:0;
  color: #2384b8;
  text-shadow: none;
}

#neilblockmenulayers .card:nth-child(even) #iconbox {
  color: #23951b;
}

#neilblockmenulayers #blockmenulayersbtn {
  top: 0.625rem;
  right: 0.5rem;
}

#neilblockmenulayers .menuunit {
 margin: -0.325rem 0.96875rem 0.625rem 0.96875rem ;  
}


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

:root {
  --panel: 0.375rem 1.375rem 0.375rem 2rem;  /*======沒有子層=========*/
  --level: 0.375rem 0rem 0.375rem 2rem;           /*======有子層=========*/
  --panel_border_1: 0.0625rem solid #5095CE;     /*======底線=========*/
  --panel_border_2: 0.0625rem solid #B5960C;     /*======底線=========*/  
}


#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 .panel-body01 .btnicon {
  color: #5CA754;
}

#neilblockmenulayers .panel-body02 .btnicon {
  color: #C1AB49;
}

#neilblockmenulayers .menu2 a {
  color: #000000;
  text-shadow: none;
}

#neilblockmenulayers .panel-body01:hover {
  background-color: #328929;
}

#neilblockmenulayers .panel-body02:hover {
  background-color: #AA8B00;
}


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

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