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

/*========網站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: 10px;
	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: 0px;
	left: 0px;
}

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

#picturemoveimg {
	position: relative;
	height: 66px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

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

#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: 61px;
	background:  url(../../img/menu/menulayers/ftestycedutw_36.png) no-repeat left top;
	margin: 0px 0px 13px 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 74px;
	height: 46px;
	line-height: 160%;
	overflow: hidden;
}

#neilblockmenulayers #blockmenulayerstitlebox {
	position: relative;
	top: -46px;
}

#neilblockmenulayers  #iconbox {
	position: relative;
	width: 48px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	left: -67px;
	top: 4px;
	background: url(../../img/menu/menulayers/) repeat-y left top;
}

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

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

*/


#neilblockmenulayers .panel-title a {
	position: relative;
	display: block;
	color: #000000;
	font-family: 'cwTeXHei', sans-serif !important;
}
/*
.Chrome #neilblockmenulayers .panel-title{
	position: relative;
	top: 2px;
}
*/



#neilblockmenulayers #blockmenulayersbtn {
	z-index: 10;
	position: absolute;
	width: 27px;
	height: 27px;
	top: 15px;
	right: 0px;
}

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


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

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

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

}

#neilblockmenulayers  .panel-body01 .btnicon {
	color: #339900;
}

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

#neilblockmenulayers #menutable2true .panel-body01 {
	position: relative;
	padding: 6px 22px 8px 36px;
	line-height: 200%;
    border-bottom: 1px dashed #ACC5C5;
}

#neilblockmenulayers #menutable2none .panel-body01 {
	position: relative;
	padding: 6px 0px 8px 36px;
	line-height: 200%;
    border-bottom: 1px dashed #ACC5C5;
}

#neilblockmenulayers  #menutable2true .panel-body02 {
	position: relative;
	padding: 6px 22px 8px 36px;
	line-height: 200%;
    border-bottom: 1px dashed #ACC5C5;
}

#neilblockmenulayers #menutable2none .panel-body02 {
	position: relative;
	padding: 6px 0px 8px 36px;
	line-height: 200%;
    border-bottom: 1px dashed #ACC5C5;
}

#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: 10.5px;
	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;
	margin: -20px 0px;
}


.buttonimg #buttonimgbox img {
	margin: 8.5px 0px 8.5px 0px;
	border: 1px solid  #b4b4b4;
	border-radius: 10px;
}



.box15 .buttonimg #buttonimgbox img {
	margin: 8.5px 0px 8.5px 0px;
	border: none;
	border-radius: none;	
	padding: 0px;
}


/*===中上中下區塊圖片大小=====*/
#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;
}






/*=========自定按鈕文字=============*/
#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: 0px;
	width: 477px;
    height: 378px;
   	background: #ffffff url(../../img/blocks/) no-repeat left top;
   	border-radius: 10px;
   	border: 1px solid #d2d2d2;
}


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


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

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

#neilaboutusboxblock #informationblock{
	position: relative;
	top: -7px;
	left: 140px;
	font-size: 153%;
	width: 78%;
	line-height: 176%;
	color: #000000;
}

#neilaboutusboxblock #informationblock strong{
color: #75005c;
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;
}