/*=========共用============*/

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

#neilqrcodeboxblock .qrcodebox{
width: 100%;
}


/*========聯絡我們區塊=========*/
#onlineconsultationblock .control-label{
line-height: 40%;
font-size: 110%;
}


#onlineconsultationblock .blockcheckboxmycheck{
	position: relative;
	left: 85px;
}

#onlineconsultationblock #checkboxmycheckbox{
		position: relative;
	left: 35px;
	top: 0px;
		font-size: 120%;
}


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

#onlineconsultationblock #checkboxmycheckbox .robottimedateboxdiv .radio-inline{
		position: relative;
	top: -5px;
}




#onlineconsultationblock   #informationblock{
	position: relative;
	font-size: 105%;
	width: 102%;
	line-height: 165%;

}



/*==========滑動圖片==============*/
#picturemove_block{
	position: relative;
	margin-top: 20px;
	left: 0px;

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



#picturemoveimg{
	position: relative;
	width: 299px;
height: 77px;
    display:flex;
    align-items:center;
    justify-content:center;
overflow: hidden;
border-radius: 10px;
border: 1px solid #696969;
}

#picturemoveimg img{
min-height: 77px;
}

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



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



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

#bottomsidedivbox #neilblockmenulayers{
	position: relative;
	margin: 15px 10px 30px 10px;

}


#neilblockmenulayers .panel{
	background: url(../../img/frame/) repeat-y left top !important;	
  margin-bottom: 0px !important;	
  border: 0px solid transparent !important;	
  border-radius: 0px  !important;	
 -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05) !important;
 box-shadow: 0 0px 0px rgba(0, 0, 0, .05) !important;
}

/*========第一層===========*/
#neilblockmenulayers  .panel-titlebox{
	position: relative;
	width: inherit;
	height: 48px;
    border-radius: 10px;	
    border: 1px solid #FFB2B2;
	background: #FFEFEF url(../../img/menu/menulayers/) no-repeat left top;
	margin: 0px 0px 17px 0px;
}



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

#neilblockmenulayers .lastbox{
	position: relative;
	height: 83px;
	background: url(../../img/menu/menulayers/dppstycedutw_33.png) no-repeat left top;
	margin: 0px 0px 0px 0px;
	    z-index: 10;
}
*/
/*
#neilblockmenulayersfoot{
	position: relative;
	background: #FFFFFF url(../../img/menu/menulayers/) repeat-y left top;
	width: 273px;
	left: 24px;
	height: 10px;
    border-left: 1px solid #f3c2a1;
    border-right: 1px solid #f3c2a1; 
       border-bottom: 1px solid #f3c2a1;  
}*/


#neilblockmenulayers .panel-body a{
display: block;
color: #000000;
}


#neilblockmenulayers .panel-title{
	position: relative;
	font-size: 155% !important;
		padding: 0px 30px 0px 72px;
		height: 46px;
		line-height: 160%;
		overflow: hidden;
}
#neilblockmenulayers #blockmenulayerstitlebox{
	position: relative;
	top: -33px;
}



#neilblockmenulayers  #iconbox{
	position: relative;
	width: 58px;
	height: 38px;
    display:flex;
    align-items:center;
    justify-content:center;	
	text-align: center;
    left: -69px;
    top: 5px;
    border-right: 1px solid #8E8E8E;
   	background:   url(../../img/menu/menulayers/) repeat-y left top; 
}

#neilblockmenulayers  #iconbox .fa{
	position: relative;
  transform:scale(1.37,1.37); 
}

/*
#neilblockmenulayers .mc5  #iconbox .fa{
    left: -2px;
}

*/


#neilblockmenulayers .panel-title a{
	position: relative;
display: block;
color: #010101;
	font-family: 'cwTeXHei', sans-serif !important;	
		text-shadow: 1px 1px 1px #C9C9C9;

	
}
/*
.Chrome #neilblockmenulayers .panel-title{
	position: relative;
	top: 2px;
}
*/



#neilblockmenulayers #blockmenulayersbtn {
	z-index: 10;
	position: absolute;
	width: 28px;
	height: 28px;
	top: 10px;
	right: 8px;

}
#neilblockmenulayers #blockmenulayersbtn a {
	background: url(../../img/unit/neilambilight_2021_26.png) no-repeat left top;
	display: block;
	overflow: hidden;
	height: 0px;
	padding-top: 28px;

}
 


/*========第二層===========*/

#neilblockmenulayers .lastmenuunit,
#neilblockmenulayers .menuunit{
	position: relative;
	background:   url(../../img/menu/menulayers/) repeat-y left top;
	width: inherit;
    margin: 0px 15px 0px 15px;
    padding: 0px 0px 20px 0px;
}

#neilblockmenulayers .btnicon{
	position: absolute;
    top: 12px;
    left: 0px;
       font-size: 130%; 
}

#neilblockmenulayers  .panel-body01 .btnicon{
color: #F9904A;
}
#neilblockmenulayers  .panel-body02 .btnicon{
color: #4898CE;
}




#neilblockmenulayers #menutable2true .panel-body01{
	position: relative;
padding: 5px 22px 7px 27px;
		line-height: 200%;
       border-bottom: 1px solid #cccccc;  
}

#neilblockmenulayers #menutable2none .panel-body01{
	position: relative;
padding: 5px 0px 7px 27px;
		line-height: 200%;
       border-bottom: 1px solid #cccccc;  
}

#neilblockmenulayers  #menutable2true .panel-body02{
	position: relative;
padding: 5px 22px 7px 27px;
		line-height: 200%;
       border-bottom: 1px solid #cccccc;  
}

#neilblockmenulayers #menutable2none .panel-body02{
	position: relative;
padding: 5px 0px 7px 27px;
		line-height: 200%;
       border-bottom: 1px solid #cccccc;  
}


#neilblockmenulayers .menu2 a{
	position: relative;	
	font-size: 135%;
color: #000000;
	background: url(../../img/menu/menulayers/) no-repeat 8px 10px;	
}




#neilblockmenulayers .menu2 a:hover{
color: #A03030;
}

#neilblockmenulayers .adminmenu{
margin: 5px 10px;
}

#neilblockmenulayers #focus{
color: #E01A1A;
}
#neilblockmenulayers .panel-body #blockmenulayersbtn {
	z-index: 10;
	position: absolute;
	width: 26px;
	height: 26px;
	top: 8px;
	right: 0px;

}

#neilblockmenulayers .panel-body  #blockmenulayersbtn a {
	background: url(../../img/unit/blockmenulayersbtn.png) no-repeat left top;
	display: block;
	overflow: hidden;
	height: 0px;
	padding-top: 26px;
}


/*========第三層===========*/
#neilblockmenulayers .panel-body2{
	position: relative;
	width: 106%;
font-size: 90%;
}
#neilblockmenulayers .panel-body2 a{
color: #5E5E5E;
}
#neilblockmenulayers .panel-body2 a:hover{
color: #000000;
}

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

}





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

.buttonimg #buttonimgbox img{
margin: 6px 6px 6px 0px;
padding: 2px;
border: 1px solid  #C4C4C4;
border-radius: 6px 6px  6px 6px;
background: #FFFFFF url(../../img/frame/) no-repeat left top;	
}


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

#centertpldiv .buttonimg #buttonimgbox{
width: 23%;
}

#centertpldiv .buttonimg #buttonimgbox img{
width: 23%;
max-height: 90px;
}



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


.lefttrue  #bottomrighttpldiv .buttonimg img,
.lefttrue  #toprighttpldiv .buttonimg img,
.righttrue  #bottomlefttpldiv .buttonimg img,
.righttrue  #toplefttpldiv .buttonimg img{
width: 46%;
max-height: 90px;
}



#bottomrighttpldiv .buttonimg img,
#bottomlefttpldiv .buttonimg img,
#toprighttpldiv .buttonimg img,
#toplefttpldiv .buttonimg img{
width: 23%;
max-height: 90px;
}





/*========左區塊圖片大小====*/
#sidediv .buttonimg img{
width: 100%;
}

/*====底區塊=========*/
/*====左中右全開============*/
.footerstyle1 .buttonimg img{
width: 100%;
max-height: 120px;
}


/*========左中開==============*/
.footerstyle2 #footerleftdiv .buttonimg img{
width: 100%;
max-height: 120px;
} 

.footerstyle2 #footercenterdiv #neilblockmenu .buttonimg{
	position: relative;
	width: 104%;
}

.footerstyle2 #footercenterdiv .buttonimg #buttonimgbox{
width: 23%;
}

.footerstyle2 #footercenterdiv .buttonimg #buttonimgbox img{
width: 23%;
max-height: 90px;
}


/*========中右開============*/

.footerstyle3 #footercenterdiv #neilblockmenu .buttonimg{
	position: relative;
	width: 104%;
}

.footerstyle3 #footercenterdiv .buttonimg #buttonimgbox{
width: 23%;
}

.footerstyle3 #footercenterdiv .buttonimg #buttonimgbox img{
width: 23%;
max-height: 90px;
}

.footerstyle3 #footerrightdiv .buttonimg img{
width: 100%;
max-height: 120px;
} 


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

.footerstyle5  .buttonimg #buttonimgbox{
width: 31%;
}

.footerstyle5 .buttonimg #buttonimgbox img{
width: 31%;
max-height: 90px;
}

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

.footerstyle4 .buttonimg #buttonimgbox{
width: 23%;
}

.footerstyle4 .buttonimg #buttonimgbox img{
width: 23%;
max-height: 90px;
}



/*

#bottombox .buttonimg #buttonimgbox  img{
width: 100%;
}
*/


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

#neilblockmenu .list-groupbox{
	position: relative;
}
#neilblockmenu .list-groupbox a{
color: #000000;
}
#neilblockmenu .list-groupbox a:hover{
color: #337AB7;
}

#neilblockmenu  ul li{

}

#neilblockmenu #iconbox{
	position: absolute;
	left: 0px;
}

#neilblockmenu #menu1  #list-group-itembox{
	position: relative;
		padding: 5px 25px 5px 27px;
		font-size: 110%;
       border-bottom: 1px solid #cccccc;  
}

/*
#neilblockmenu  #menu1 li:nth-child(odd){
	padding: 5px 25px 5px 35px;
  	background:  url(../../img/blocks/sppstycenglish_24.jpg) no-repeat left 7px,url(../../img/blocks/sppstycenglish_27.jpg) no-repeat left bottom;	
}


#neilblockmenu  #menu1 li:nth-child(even){
	padding: 5px 25px 5px 35px;
  	background:  url(../../img/blocks/sppstycenglish_25.jpg) no-repeat left 7px,url(../../img/blocks/sppstycenglish_27.jpg) no-repeat left bottom;	
}


 #neilblockmenu  #menu2 li:nth-child(odd){
	padding: 3px 0px 3px 0px;
  	background:  none;	
  	font-size: 95%;
}

 #neilblockmenu  #menu2 li:nth-child(even){
	padding: 3px 0px 3px 0px;
  	background:  none;	
  	font-size: 95%;	
}*/




#neilblockmenu .menu2  .list-group-itemCustom{
	position: relative;
	padding-left: 0px !important;
	
}




#neilblockmenu #menu2  #list-group-itembox{
	position: relative;
		padding: 5px 0px 5px 30px;
		font-size: 100%;
       border-bottom: 1px solid #cccccc;  
}




#neilblockmenu #neilblockmenubtn {
	z-index: 10;
	position: absolute;
	width: 26px;
	height: 26px;
	top: 9px;
	right: 0px;

}
#neilblockmenu #neilblockmenubtn a {
	background: url(../../img/unit/blockmenulayersbtn.png) no-repeat left top;
	display: block;
	overflow: hidden;
	height: 0px;
	padding-top: 26px;
}

/*=========關於我們區塊====================*/
#neilaboutusboxblock{
	position: relative;

}
#neilaboutusboxblock #neilaboutusboximg{
	position: absolute;
	left: 0px;
	top: -31px;
	width: 485px;
    height: 492px;
   	background: url(../../img/blocks/ches100celebration_15.png) no-repeat left top;
}


#neilaboutusboxblock #aboutimgdiv{
	position: relative;
	top: 42px;
	left: 36px;
	width: 411px;
    border-radius: 230px;
    height: 411px;
    overflow: hidden;
	transition: all .3s ease-in-out;
   	background: #FFFFFF url(../../img/unit/) no-repeat left top;
}


#neilaboutusboxblock #neilaboutusboximg img{
max-width: 411px;
    min-height: 411px;
}

#neilaboutusboxblock .adminbtn{
	position: absolute;
	left: 142px;
	bottom: 20px;
	z-index: 100;
} 

#neilaboutusboxblock #informationblock{
	position: relative;
	top: 14px;
	left: 143px;
	font-size: 155%;
	width: 77%;
	line-height: 178%;
	color: #000000;
}

#neilaboutusboxblock #informationblock strong{
color: #ff0000;
font-weight: normal;
	font-size: 120%;
}




/*=========災害示警============*/
 #alertsncdr{
font-size: 100%; 


margin: 0px 0px 30px 0px; 
}

 #alertsncdr .alertCAP_banner02{


box-sizing:content-box;
padding: 0px 0px 30px 0px!important;

  z-index: 10;
}
 #alertsncdr  .alertCAP_banner02 .alertCAP_title,
 #alertsncdr .alertCAP_banner02 .alertCAP_con,
 #alertsncdr  .alertCAP_banner02 .alertCAP_titleicon{

}

 #alertsncdr .alertCAP_banner02 a.BUTmore:link, 
 #alertsncdr .alertCAP_banner02 a.BUTmore:visited
{
	position: relative;
	top: -15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
font-size: 90%;
  line-height: 25px;
  color: #ffffff;
  background-color: #ee1c25;
  display: inline-block;
  height: 25px;
  width: 100px;
  text-align: center;
  text-decoration-color: currentcolor;
  text-decoration-line: none;
  text-decoration-style: solid;
  z-index: 10000;
  margin-top: -10px;
}



 #alertsncdr .alertCAP_banner02 a.BUTmore:hover
{
  background-color: #333333;
}

 #alertsncdr .alertCAP_banner02 .alertCAP_logo{

	position: absolute;
	top: 5px;
	height: 40px;
	width: 150px;
	left: 0px;
	padding-top: 3px;

}