/*====自訂圖片按鈕=============*/
.buttonimg .buttonimgbox {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    overflow: visible;
    transition: all .55s ease .1s;
    margin: 0rem 0rem 0.3rem 0rem;
    border: none;
    border-radius: 0;
    padding: 0rem;
}
/*
.buttonimg .buttonimgbox img {
    border-radius: 0.675rem;
  transition: all .35s ease .1s;

}



.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;
    padding: 0rem;
}

*/



.buttonimg .buttonimgbox img {
    display: block;
    width: inherit;
    height: inherit;
    border-radius: 0em;
    transition: all .55s ease .1s;
    background:  url("") no-repeat left top;
}
.buttonimg .buttonimgbox:hover{
    border-radius: 8%;
}


.buttonimg .buttonimgbox img:hover {
    transform: scale(1.1, 1.1) translateY(-0.55rem) translateX(1.25rem);
    filter: drop-shadow(0rem 0rem 0.0625rem rgba(0, 0, 0, .5));

}





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





#neilblockmenulayers .card-header {
margin: 0rem 0rem 1.95rem 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);
  height: 3.0625rem;
}

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

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

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

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





#neilblockmenulayers #iconbox {
    position: absolute;
    width: 3.625rem;
    height: 3.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    left: 0rem;
    top: 0rem;
  border-right:0;
  color: #508D00;
  text-shadow: none;    
  padding: 0rem  0rem 0rem 0.6875rem;
  font-size: 140%;
}

#neilblockmenulayers #iconbox i{
margin-top: -0.5625rem;
    z-index: 1;
}



#neilblockmenulayers #iconbox::before {
    content: '';
    position: absolute;
    top: -1.8rem;
    left: 0rem;
    width: 4.1875rem;
    height: 5.375rem;
    z-index: 0;
    background: url(../../img/menu/menulayers/yes_school_30.png) no-repeat left top;
}



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

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

#neilblockmenulayers .menuunit {
 margin: -1rem 0.96875rem 0.825rem 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 #71bb10;     /*======底線=========*/
  --panel_border_2: 0.0625rem solid #3ba1e1;     /*======底線=========*/  
}


#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: #4B95C3;
}

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

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

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


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

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