/*==========FB粉絲團============*/
.box27 .content_block_box iframe{
width: 100% !important;
}








/*==========左上按鈕=============*/
#neilblockmenu{
margin: 0rem 0rem;
}





.buttonimg .buttonimgbox {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    overflow: hidden;
    transition: all .45s ease .1s;
    margin: 0rem 0rem 1.25rem 0rem;
        border:  none;
        padding: 0rem;
    border-radius: 0rem;
   transform: rotate(0deg); 

}

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


.buttonimg .buttonimgbox:hover {
transform: rotate(-8deg);
box-shadow:0.1875rem 0.1875rem 0.5625rem 0.0625rem #686868; /*水平深度 垂直深度 模糊圓角 擴散*/
    border:  none;
        background:  url(../../img/frame/) no-repeat left top;
}

.buttonimg .buttonimgbox img:hover {
  transform: none; 
}





/*=========滑動選單=================*/
#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.55rem 0rem;    
    background-color: #5b5ed8;
    border-bottom: none;
  width: inherit;
  height: 2.6875rem;
  border-radius: 0rem;
  border: none;   
}









/*
#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.14rem 0rem 0rem 4.8125rem;
  text-shadow: none; 
	color: #ffffff;
	font-family: Noto Sans TC !important;  	
		text-align: left;
}



#neilblockmenulayers  .card-header::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 3.0625rem;
    left: 0rem;
    width: 100%;
    height: 0.4375rem;
    clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
    background-color: #59c241;    
}





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

#neilblockmenulayers #iconbox {
  position: absolute;
  width: 3.9375rem;
  height: 3.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  left: 0.1875rem;
  top: -0.625rem;
  border-right: none;
  background: url(../../img/menu/menulayers/) repeat-y left top;
  font-size: 135%;
  padding: 0rem 0rem 0rem 0.2125rem;
  background-color: #FFFFFF;
 border: 0.1875rem solid #5b5ed8;
 border-radius: 3.75rem;     
     z-index: 1;
     color: #1E3050;
 
}

#neilblockmenulayers #heading_19  #iconbox{
  padding: 0rem 0rem 0rem 0rem;
}


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


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

#neilblockmenulayers #blockmenulayersbtn a {
  background: url(../../img/modules/menulayers/fkjhtyc_18.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.2rem 0.875rem 0.4rem 0.875rem;
  padding: 0rem 0rem 1.25rem 0rem;
}

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

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

#neilblockmenulayers .panel-body02 .btnicon {
  color: #23938E;
   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 #ef4950;     /*======底線=========*/
  --panel_border_2: 0.0625rem solid #23938E;     /*======底線=========*/
}


#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-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: #D32C34;
  padding-left: 2.5rem !important;
  
}
#neilblockmenulayers  .panel-body02:hover {
  background-color:#04726D;
  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;
}