/*========簡介區塊-左右==============*/
#neiltextblock_block #illustratebox {
  padding: 25px 10px 10px 10px;
}

#neiltextblock_block {
  position: relative;
  margin: -25px 0px 10px 0px;
}

.noblockcontent #neiltextblock_block {
  position: relative;
  margin: -45px 0px 10px 0px;
}

#neiltextblock_block .col-mdinitial {
  position: relative;
  width: 102.6% !important;
}

#neiltextblock_block .row-initial {
  margin-top: 45px;
}

#neiltextblock_block #cententbox {
  position: relative;
  border: 1px solid #007cc3;
  border-top: none;
  margin: 0px 25px 0px 0px;
  padding: 0px 10px 15px 10px;
  background: #FFFFFF url("") no-repeat left top;  
}

#neiltextblock_block #texttitle {
  position: relative;
  text-align: center;
  font-size: 120%;
  color: #007cc3;
  top: -16px;
}

#neiltextblock_block #texttitle #inside {
  position: relative;
  height: 38px;
  overflow: hidden;
  padding: 0px 20px 0px 20px;
}

#neiltextblock_block #texttitle a {
  position: relative;
  color: #007cc3;
}

#neiltextblock_block #texttitle a:hover {
  color: #E54242;
}

#neiltextblock_block .leftbox {
  position: absolute;
  height: 1px;
  top: 16px;
  left: -10px;
  z-index: 10;
  background: #007cc3 url(../../img/frame/) no-repeat left top;
}

#neiltextblock_block .rightbox {
  position: absolute;
  height: 1px;
  top: 16px;
  right: -10px;
  z-index: 10;
  background: #007cc3 url(../../img/frame/) no-repeat left top;
}

#neiltextblock_block #textcontent {
  position: relative;
  height: 170px;
  overflow: auto;
  color: #000000;
  padding: 0px 0px 0px 7px;
  margin: 15px 0px 0px 0px;
  line-height: 165%;
}

/*====代表圖===========*/
#neiltextblock_block #textimgbox {
  position: relative;
  width: inherit;
  margin: 0px 0px 10px 0px;
  height: 165px;
  overflow: hidden;
}

#rdivfalse  #neiltextblock_block #textimgbox {
  position: relative;
  width: inherit;
  margin: 0px 0px 10px 0px;
  height: 230px;
}


#neiltextblock_block #textimgbox #transform{
width: 100%;
height: 100%;
} 

#neiltextblock_block #textimgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}



/*========簡介區塊-中間==============*/
#rdivfalse #neiltextblock_block .col-mdinitial {
  position: relative;
  width: 103.1% !important;
}

#rdivfalse #neiltextblock_block #cententbox {
  margin: 0px 40px 0px 0px;
  padding: 0px 14px 15px 14px;

}

#rdivfalse #neiltextblock_block #texttitle {
  font-size: 150%;
}

#rdivfalse #neiltextblock_block #texttitle #inside {
  position: relative;
  height: 34px;
  overflow: hidden;
  padding: 0px 20px 0px 20px;
}

#rdivfalse #neiltextblock_block .leftbox {
  position: absolute;
  left: -14px;
}

#rdivfalse #neiltextblock_block .rightbox {
  position: absolute;
  right: -14px;
}

#rdivfalse #neiltextblock_block #textimgbox {
  position: relative;
  margin: 7px 0px 10px 0px;
}

#rdivfalse #neiltextblock_block #textcontent {
  position: relative;
  height: 230px;
  font-size: 115%;
  padding: 0px 0px 0px 6px;
  margin: 15px 0px 0px 0px;
  line-height: 175%;
}

/*========動畫效果==========*/
.animationtrue .indexpage .textblock {
  position: relative;
  animation-duration: 1.2s;
  opacity: 0;
  animation-timing-function: ease-in-out;
}

@keyframes textblock {
  0% {
    transform: scale(0.4, 0.4);
    opacity: 0;
  }

  70% {
    transform: scale(1.2, 1.2);
    opacity: 0.7;
  }

  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

#sidedivbox #neiltextblock_block .col-md-4 {
  width: 108% !important;
}

.content_udlr #neiltextblock_block .col-md-4 {
  width: inherit !important;
}

.footerstyle5 #neiltextblock_block .col-md-4,
.footerstyle3 #neiltextblock_block .col-md-4,
.footerstyle1 #neiltextblock_block .col-md-4,
.footerstyle2 #neiltextblock_block .col-md-4 {
  width: inherit !important;
}

/*========全國據點-左右樣式==============*/
#neiladdress_block {
  position: relative;
  margin: -20px 10px;
}

#neiladdress_block .col-md-6 {
  position: relative;
  margin-top: 30px;
}

#neiladdress_block .addressbox01 {
  position: relative;
  text-align: right;
  padding: 0px 15px 0px 0px;
}

#neiladdress_block .addressbox02 {
  position: relative;
  text-align: left;
  padding: 0px 0px 0px 15px;
}

#neiladdress_block #boxunit {
  position: relative;
  width: 100%;
  border: 1px solid #196FE0;
  font-size: 110%;
  padding: 10px 0px;
  margin: 0px 0px 18px 0px;
}

#neiladdress_block #boxunit #boxunittitle {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 85%;
  overflow: hidden;
}

#neiladdress_block .addressbox01 #boxunit {
  border-right: none;
}

#neiladdress_block .addressbox02 #boxunit {
  border-left: none;
}

#neiladdress_block .addressbox01 #boxunit::before {
  position: absolute;
  content: '';
  height: 1px;
  width: 80%;
  top: -1px;
  right: 0px;
  z-index: 10;
  background: #FFFFFF url(../../img/frame/) no-repeat left top;
}

#neiladdress_block .addressbox02 #boxunit::before {
  position: absolute;
  content: '';
  height: 1px;
  width: 80%;
  top: -1px;
  left: 0px;
  z-index: 10;
  background: #FFFFFF url(../../img/frame/) no-repeat left top;
}

#neiladdress_block .addressbox01 #boxunit #boxunitinside {
  position: relative;
  right: -35px;
  top: -1px;
}

#neiladdress_block #boxunit a {
  color: #000000;
}

#neiladdress_block #boxunit a:hover {
  color: #1868DC;
}

#neiladdress_block #boxmore {
  font-size: 85%;
}

#neiladdress_block .addressbox01 #boxmore {
  position: absolute;
  left: 10px;
  padding: 0px 0px 0px 25px;
}

#neiladdress_block .addressbox02 #boxmore {
  position: absolute;
  right: 10px;
  padding: 0px 25px 0px 0px;
}

#neiladdress_block .addressbox01 #boxmore::before {
  position: absolute;
  content: '\25FC';
  font-size: 120%;
  top: 0px;
  left: 0px;
  z-index: 10;
  background: url(../../img/frame/) no-repeat left top;
}

#neiladdress_block .addressbox02 #boxmore::after {
  position: absolute;
  content: '\25FC';
  font-size: 120%;
  top: 0px;
  right: 0px;
  z-index: 10;
  background: url(../../img/frame/) no-repeat left top;
}

#neiladdress_block #boxaddress {
  position: relative;
  font-size: 105%;
  margin: 5px 0px;
}

#neiladdress_block #boxremark {
  position: relative;
  font-size: 105%;
  height: 30px;
  overflow: hidden;
  margin: 5px 0px;
}

#neiladdress_block #connectionbox {
  position: relative;
  font-size: 100%;
  height: 30px;
  overflow: hidden;
  margin: 5px 0px;
}

#neiladdress_block #connectionbox #boxphone {
  padding-right: 15px;
}

#neiladdress_block #boxcommunity {
  position: relative;
  margin: 10px 0px;
}

#neiladdress_block .addressbox01 #boxcommunity li {
  float: right;
  margin-left: 15px;
}

#neiladdress_block .addressbox02 #boxcommunity li {
  float: left;
  margin-right: 15px;
}

#neiladdress_block #boxcommunity li img {
  height: 37px;
}

/*========全國據點-中間樣式==============*/
#rdivfalse #neiladdress_block .addressbox01 {
  padding: 0px 20px 0px 0px;
}

#rdivfalse #neiladdress_block .addressbox02 {
  padding: 0px 0px 0px 20px;
}

#rdivfalse #neiladdress_block #boxunit {
  font-size: 130%;
  padding: 12px 0px;
}

#rdivfalse #neiladdress_block #boxaddress {
  position: relative;
  font-size: 110%;
  margin: 10px 0px;
}

#rdivfalse #neiladdress_block #boxremark {
  position: relative;
  font-size: 110%;
  height: 35px;
  overflow: hidden;
  margin: 10px 0px;
}

#rdivfalse #neiladdress_block #connectionbox {
  position: relative;
  font-size: 120%;
  height: 35px;
  overflow: hidden;
  margin: 10px 0px;
}

#rdivfalse #neiladdress_block #boxcommunity {
  position: relative;
  margin: 15px 0px;
}

#rdivfalse #neiladdress_block .addressbox01 #boxcommunity li {
  float: right;
  margin-left: 20px;
}

#rdivfalse #neiladdress_block .addressbox02 #boxcommunity li {
  float: left;
  margin-right: 20px;
}

#rdivfalse #neiladdress_block #boxunit #boxunittitle {
  font-size: 120%;
}

#rdivfalse #neiladdress_block #boxaddress {
  font-size: 120%;
}

#rdivfalse #neiladdress_block #boxremark {
  font-size: 120%;
}

/*========動畫效果==========*/
.animationtrue .indexpage .addressbox01 {
  position: relative;
  animation-duration: 2s;
  opacity: 0;
}

@keyframes addressbox01 {
  from {
    left: -100px;
    opacity: 0;
  }

  to {
    left: 0px;
    opacity: 1;
  }
}

.animationtrue .indexpage .addressbox02 {
  position: relative;
  animation-duration: 2s;
  opacity: 0;
}

@keyframes addressbox02 {
  from {
    right: -100px;
    opacity: 0;
  }

  to {
    right: 0px;
    opacity: 1;
  }
}

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

#neilqrcodeboxblock .qrcodebox {
  width: 100%;
}

/*========聯絡我們區塊=========*/
#onlineconsultationblock #onlineconsultationform h3{
	text-align: center;
	font-size: 130%;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 25px 0px;
	border-bottom: 1px solid #000000;
}

#onlineconsultationblock .form-group{
margin: 0px 0px 28px 0px;
} 

#onlineconsultationblock .foot-form-group{
margin: 0px 0px 0px 0px;
} 



#onlineconsultationblock .control-label {
  line-height: 40%;
  font-size: 110%;
  margin-top: 2px;
  white-space: nowrap;
}

#onlineconsultationblock #checkboxmycheckbox {
  position: relative;
  left: 97px;
  top: 0px;
  margin: -10px 0px 0px 0px;
  font-size: 110%;
}

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

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

#onlineconsultationblock #checkboxmycheckbox  input[type="checkbox"] {
transform:scale(1.4,1.4);
}

#onlineconsultationblock #informationblock {
  position: relative;
  font-size: 115%;
  width: 102%;
  line-height: 195%;
}

/*==========滑動圖片==============*/
#picturemove_block {
  position: relative;
  margin: 10px 0px 10px 0px;
  left: 0px;
}

#rdivfalse #picturemove_block {
  position: relative;
  margin: 20px 0px 10px 0px;
  left: 0px;
}

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

#picturemoveimg {
  position: relative;
  height: 75px;
  width: 98%;
  overflow: hidden;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
}

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

#picturemove_block .thumbnail {
  padding: 0px !important;
  border: none !important;
  border-radius: 0px !important;
  background: url(../../img/frame/) no-repeat left top !important;
}

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

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

#picturemove_block .owl-dots {
  transform: scale(1.3, 1.3);
}

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

/*=========開啟區塊樣式============*/
.blockcontent #neilblockmenulayers {
  position: relative;
  font-size: initial;
  width: 105.5%;
  left: -8px;
}

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

#bottomsidedivbox .blockcontent #neilblockmenulayers {
  position: relative;
  font-size: initial;
  width: 98.5%;
  left: -8px;
}

#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 25px 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;
  text-shadow: 1px 1px 1px #C9C9C9; 
  color: #010101;
}

#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(../../../../images/computer/computerbtn2.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: -10px 15px 10px 15px;
  padding: 0px 0px 20px 0px;
}

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

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

#neilblockmenulayers .panel-body02 .btnicon {
  color: #4898CE;
   transition: all .25s ease .1s; 
}
#neilblockmenulayers  .panel-body02,
#neilblockmenulayers  .panel-body01{
  position: relative;
  padding-left: 0px;
  line-height: 220%;
  transition: all .25s ease .1s;
}

:root {
  --panel: 6px 22px 6px 32px;  /*======沒有子層=========*/
  --level: 6px 0px 6px 32px;           /*======有子層=========*/
  --panel_border: 1px solid #ffceab;     /*======底線=========*/
}


#neilblockmenulayers #menutable2true .panel-body01 {
  position: relative;
  padding: var(--panel);
  border-bottom: var(--panel_border);
}

#neilblockmenulayers #menutable2none .panel-body01 {
  position: relative;
  padding: var(--level);
  border-bottom: var(--panel_border);
}

#neilblockmenulayers #menutable2true .panel-body02 {
  position: relative;
  padding: var(--panel);
  border-bottom: var(--panel_border);
}

#neilblockmenulayers #menutable2none .panel-body02 {
  position: relative;
  padding: var(--level);
  border-bottom: var(--panel_border);
}


/*
#neilblockmenulayers #menutable2true .panel-body01 {
  position: relative;
  padding: 6px 22px 6px 32px;
  line-height: 220%;
  border-bottom: 1px solid #cccccc;
}

#neilblockmenulayers #menutable2none .panel-body01 {
  position: relative;
  padding: 6px 0px 6px 32px;
  line-height: 220%;
  border-bottom: 1px solid #cccccc;
}

#neilblockmenulayers #menutable2true .panel-body02 {
  position: relative;
  padding: 6px 22px 6px 32px;
  line-height: 220%;
  border-bottom: 1px solid #cccccc;
}

#neilblockmenulayers #menutable2none .panel-body02 {
  position: relative;
  padding: 6px 0px 6px 32px;
  line-height: 220%;
  border-bottom: 1px solid #cccccc;
}
*/

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

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

#neilblockmenulayers #focus {
  color: #E01A1A;
}

#neilblockmenulayers .panel-body #blockmenulayersbtn {
  z-index: 10;
  position: absolute;
  width: 26px;
  height: 26px;
  top: 11px;
  right: 0px;

}

#neilblockmenulayers .panel-body #blockmenulayersbtn a {
  background: url(../../../../images/computer/blockmenulayersbtn.png) no-repeat left top;
  display: block;
  overflow: hidden;
  height: 0px;
  padding-top: 26px;
  transition: all .25s ease .1s;    
}


#neilblockmenulayers  .panel-body01:hover {
  background-color:#DD5800;
  padding-left: 40px !important;
  
}
#neilblockmenulayers  .panel-body02:hover {
  background-color:#1273B5;
  padding-left: 40px !important;
}


#neilblockmenulayers  .panel-body02:hover .btnicon, 
#neilblockmenulayers  .panel-body01:hover .btnicon {
  color: #FFFFFF;
  padding-left: 10px !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: 0px 0px 0px 27px;
  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: -25px;
  top: 7px;
}
#neilblockmenulayers .panel-body2:hover{
  background-color:#FFFFFF;
}
#neilblockmenulayers .panel-body2:hover a{
  color: #000000 !important;
}

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

.buttonimg .buttonimgbox {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
  transition: all .55s ease .1s;
  margin: 0px 0px 20px 0px;
  border: 1px solid #C4C4C4;
  border-radius: 6px;
  padding: 3px;  
  
}

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

.buttonimg .buttonimgbox:hover {
  border: 1px solid #D82700;
}

.buttonimg .buttonimgbox img:hover {
  transform: scale(1.5, 1.5);
}

.buttonimg #buttontextbox {
  display: block;
  height: 33px;
  overflow: hidden;
  line-height: 160%;
  padding: 0px 10px 0px 10px;
  text-align: center;
  margin: -20px 0px 20px 0px;
}

.buttonimg #buttontextbox a {
  color: #000000;
}

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

#centertpldiv #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 10px 13.9px 15px 0px;
  width: 22.7%;
}

#rdivfalse #centertpldiv #neilblockmenu .buttonimg li {
  margin: 10px 20px 15px 0px;
  width: 22.6%;
}


#centertpldiv  .buttonimg .buttonimgbox img {
    height: 80px;

}


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

/*======左右只開啟一個==========*/
.content_udlr #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 10px 20px 15px 0px;
  width: 30.4%;
}

#rdivfalse .content_udlr #neilblockmenu .buttonimg li {
  margin: 10px 20px 15px 0px;
  width: 22.68%;
}

/*========左右區塊開啟=========*/
.pagetrue .content_udlr #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 5px 15px 5px 0px;
  width: 46%;
}

#rdivfalse .pagetrue .content_udlr #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 5px 20px 5px 0px;
  width: 46%;
}

.content_udlr   .buttonimg .buttonimgbox img {
    height: 80px;

}


/*====底區塊=========*/
#bottomcontents .blockcontent .buttonimg #buttontextbox a {
  color: unset;
}

#bottomcontents .blockcontent .buttonimg #buttontextbox a:hover {
  color: #000000;
}

/*====左中右全開============*/
.footerstyle1 #neilblockmenu {
  width: 105%;
}

.footerstyle1 #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 5px 15px 5px 0px;
  width: 45.6%;
}

.footerstyle1 .buttonimg .buttonimgbox img {
  height: 60px;
}

/*========左中開==============*/
/*=========左===========*/
.footerstyle2 #footerleftdiv #neilblockmenu .buttonimg {
  position: relative;
  width: 100%;
}

.footerstyle2 #footerleftdiv #neilblockmenu .buttonimg li {
  position: relative;
  margin: 5px 0px 5px 0px;
}




.footerstyle2 #footerleftdiv .buttonimg #buttontextbox {
  margin: 0px 0px 25px 0px;
}

/*======中============*/
.footerstyle2 #footercenterdiv #neilblockmenu .buttonimg {
  position: relative;
  width: 105%;
}

.footerstyle2 #footercenterdiv #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 10px 20px 15px 0px;
  width: 22.3%;
}


.footerstyle2 #footercenterdiv .buttonimg .buttonimgbox img {
    height: 80px;
}



/*========中右開============*/
/*==============中==================*/
.footerstyle3 #footercenterdiv #neilblockmenu .buttonimg {
  position: relative;
  width: 105%;
}

.footerstyle3 #footercenterdiv #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 5px 20px 5px 0px;
  width: 22.3%;
}

.footerstyle3 #footercenterdiv .buttonimg .buttonimgbox img {
  height: 80px;
}

/*=========右==================*/
.footerstyle3 #footerrightdiv #neilblockmenu .buttonimg {
  position: relative;
  width: 100%;
}

.footerstyle3 #footerrightdiv #neilblockmenu .buttonimg li {
  position: relative;
  margin: 5px 0px 5px 0px;
}

.footerstyle3 #footerrightdiv .buttonimg #buttontextbox {
  margin: 0px 0px 25px 0px;
}

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

.footerstyle5 #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 5px 17px 5px 0px;
  width: 29.9%;
}


.footerstyle5 .buttonimg .buttonimgbox img {
     height: 76px;
}

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

.footerstyle4 #neilblockmenu .buttonimg li {
  position: relative;
  float: left;
  margin: 5px 20px 5px 0px;
  width: 22.67%;
}


.footerstyle4 .buttonimg .buttonimgbox img {
    height: 80px;
}

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

#neilblockmenu .list-groupbox {
  position: relative;
}

#neilblockmenu .list-groupbox a {
  padding: 6px 0px 6px 32px;
  display: block;
  color: #000000;
  line-height: 160%;
}

#neilblockmenu .list-groupbox .btnturebox a {
  padding: 6px 20px 6px 32px;
}

#neilblockmenu #iconbox {
  position: absolute;
  font-size: 115%;
  left: 0px;
  top: 8px;
}

#neilblockmenu #neil_menu1 #menu-body {
  position: relative;
  transition: all .25s ease .1s;
}

#neilblockmenu #neil_menu1 #iconbox {
  transition: all .25s ease .1s;
}

#neilblockmenu #neil_menu1 .menu-body01 #iconbox {
  color: #009376;
}

#neilblockmenu #neil_menu1 .menu-body02 #iconbox {
  color: #006899;
}

#neilblockmenu #neil_menu1 {
  width: inherit;
}

#neilblockmenu #neil_menu1 #list-group-itembox {
  position: relative;
  font-size: 106%;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
}

#neilblockmenu #neil_menu1 .menu-body01 .menu_focus{
  background: #00896E url(../../../../images/computer/) no-repeat left top;
}

#neilblockmenu  #neil_menu1 .menu-body02 .menu_focus{
  background: #006899 url(../../../../images/computer/) no-repeat left top;
}

#neilblockmenu #neil_menu1  .item_focus{
color: #CC0033;
} 

#neilblockmenu #neil_menu1  .menu_focus a{
color: #FFFFFF;
}
#neilblockmenu #neil_menu1  .btn_focus a {
  filter: brightness(100);
}

#neilblockmenu #neil_menu1 .menu_focus #iconbox {
  color: #FFFFFF;
}




#neilblockmenu #neil_menu2 #list-group-itembox {
  position: relative;
  padding: 0px 0px 0px 0px;
  font-size: 100%;
  border-bottom: 1px solid #cccccc;
  transition: all .25s ease .1s;
}

#neilblockmenu #neil_menu2 a {
  padding: 5px 0px 5px 30px;
  display: block;
}

#neilblockmenu #neil_menu2 .glyphicon {
  position: absolute;
  left: 3px;
  top: 10px;
}

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

#neilblockmenu #neilblockmenubtn a {
  background: url(../../../../images/computer/blockmenulayersbtn.png) no-repeat left top;
  display: block;
  overflow: hidden;
  height: 0px;
  padding-top: 26px;
  transition: all .25s ease .1s;
}

#neilblockmenu #neil_menu1 .menu-body01:hover {
  background: #009376 url(../../../../images/computer/) no-repeat left top;
  padding: 0px 8px 0px 8px;
}

#neilblockmenu #neil_menu1 .menu-body02:hover {
  background: #006899 url(../../../../images/computer/) no-repeat left top;
  padding: 0px 8px 0px 8px;
}

#neilblockmenu #neil_menu1 #menu-body:hover #iconbox {
  color: #FFFFFF;
}

#neilblockmenu #neil_menu1 #menu-body:hover .list-group-itemCustom {
  color: #FFFFFF;
}

#neilblockmenu #neil_menu1 #menu-body:hover #neilblockmenubtn a {
  filter: brightness(100);
}

#neilblockmenu #neil_menu1 #menu-body:hover #neil_menu2 #list-group-itembox a {
  color: #FFFFFF;
}

#neilblockmenu #neil_menu1 #menu-body #neil_menu2 #list-group-itembox:hover {
   background: #FFFFFF url(../../../../images/computer/) no-repeat left top;
}
#neilblockmenu #neil_menu1 #menu-body #neil_menu2 #list-group-itembox a:hover {
  color: #000000;
}

/*=========關於我們區塊====================*/
#neilaboutusboxblock {
  position: relative;
  height: 100%;
  margin:  10px 0px 20px 0px;
}

#neilaboutusboxblock #neilaboutusboximg {
  position: relative;
  width: 100%;
  height: 100%;
}

/*=========中上下==========*/
#rdivfalse .noblockcontent .aboutframebox {
  background: #FFF9EF url(../../img/unit/) no-repeat left top;
  padding: 40px 0px 35px 0px;
  margin-top:  -10px;  
}

#side1 #neilaboutusboxblock  #aboutimgdiv {
  position: relative;
  width: inherit;
  border-radius: 0px;
  height: 330px;
  overflow: hidden;
  border: 1px solid #446BA6;
  transition: all .3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  background: #8d8d8d url(../../img/unit/) no-repeat left top;
}

#rdivtrue #side1 #neilaboutusboxblock  #aboutimgdiv {
  height: 280px;
}

#side1 #neilaboutusboxblock  #aboutimgdiv img {
  display: block;
  max-width: 100%;
  min-height: 100%;
}

.noblockcontent #side1 #neilaboutusboxblock{
  position: relative;
  left: -12px;
  width: 102%;
}

/*=========中上下左右==========*/
#side3 #neilaboutusboxblock  #aboutimgdiv {
  position: relative;
  width: inherit;
  border-radius: 0px;
  height: 330px;
  overflow: hidden;
  border: 1px solid #446BA6;
  transition: all .3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  background: #8d8d8d url(../../img/unit/) no-repeat left top;
}

#side3 #neilaboutusboxblock #aboutimgdiv img {
  max-width: 100%;
  min-height: 330px;
}

.noblockcontent #side3 #neilaboutusboxblock  {
  position: relative;
  padding: 25px 0px 20px 0px;
}

/*=========左右區塊==========*/
#side4 #neilaboutusboxblock  #aboutimgdiv {
  position: relative;
  width: inherit;
  border-radius: 0px;
  height: 200px;
  overflow: hidden;
  border: 1px solid #446BA6;
  transition: all .3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  background: #8d8d8d url(../../img/unit/) no-repeat left top;
}

#side4 #neilaboutusboxblock  #aboutimgdiv img {
  max-width: 100%;
  min-height: 200px;
}

.noblockcontent #side4 #neilaboutusboxblock  {
  position: relative;
  padding: 0px 0px 20px 0px;
}

/*=========頁尾左中右==========*/
#side2 #neilaboutusboxblock  #aboutimgdiv {
  position: relative;
  width: inherit;
  border-radius: 200px;
  height: 387px;
  overflow: hidden;
  border: 5px solid #446BA6;
  transition: all .3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  background: #FFFFFF url(../../img/unit/) no-repeat left top;
}

#side2 #neilaboutusboxblock #aboutimgdiv img {
  position: relative;
  left: -6px;
  max-width: 103%;
  min-height: 387px;
}

.noblockcontent #side2 #neilaboutusboxblock {
  position: relative;
  left: -12px;
  width: 102%;
}

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

#bottompage #neilaboutusboxblock #aboutimgdiv:hover {
  border: 5px dashed #FFCA8C;
}

#neilaboutusboxblock #aboutimgdiv:hover {
  border: 5px solid #FFCA8C;
}

#neilaboutusboxblock #informationblock {
  position: relative;
  margin: -10px 0px 0px 0px;
  padding: 0px 10px 0px 35px;
  font-size: 125%;
  line-height: 175%;
}

/*============底區塊開3區塊============*/
.footerstyle1 .clearstyle {
  clear: both;
}

.footerstyle1 #side2 #neilaboutusboxblock .col-md-4 {
  width: 100%;
}

.footerstyle1 #side2 #neilaboutusboxblock  .col-md-8 {
  width: 100%;
  color: #FFFFFF;
}

.footerstyle1 #side2 #neilaboutusboxblock  #informationblock {
  position: relative;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  width: inherit;
  font-size: 110%;
  line-height: 165%;
}

/*============底區塊只開2區塊============*/

.footerstyle2 #side2 #neilaboutusboxblock  .col-md-4,
.footerstyle3 #side2 #neilaboutusboxblock  .col-md-4 {
  width: 41%;
}

.footerstyle2 #side2 #neilaboutusboxblock .col-md-8,
.footerstyle3 #side2 #neilaboutusboxblock .col-md-8 {
  width: 59%;
  color: #FFFFFF;
}

.footerstyle2 #side2 #neilaboutusboxblock  #informationblock,
.footerstyle3 #side2 #neilaboutusboxblock  #informationblock {
  position: relative;
  font-size: 110%;
  line-height: 165%;
}

/*============底區塊只開1區塊============*/
.footerstyle4 #side2 #neilaboutusboxblock .col-md-4 {
  width: 31%;
}

.footerstyle4 #side2 #neilaboutusboxblock  .col-md-8 {
  width: 69%;
  color: #FFFFFF;
}


/*=========中間配置===========*/
#side1 #neilaboutusboxblock  .col-md-4 {
  width: 38%;
}

#side1 #neilaboutusboxblock  .col-md-8 {
  width: 62%;
}

#rdivtrue #side1 #neilaboutusboxblock  #informationblock,
#ldivtrue #side1 #neilaboutusboxblock  #informationblock {
  position: relative;
  font-size: 110%;
  line-height: 165%;
}

/*=========中上下左右==========*/
#side3 #neilaboutusboxblock  .col-md-4 {
  width: 100%;
}

#side3  #neilaboutusboxblock .col-md-8 {
  width: 100%;
}

#side3  #neilaboutusboxblock  #informationblock {
  position: relative;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  width: inherit;
  font-size: 110%;
  line-height: 165%;
}

/*=========左右區塊==========*/
#side4  #neilaboutusboxblock .col-md-4 {
  width: 100%;
}

#side4  #neilaboutusboxblock  .col-md-8 {
  width: 100%;
}

#side4  #neilaboutusboxblock  #informationblock {
  position: relative;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  width: inherit;
  font-size: 110%;
  line-height: 165%;
}

/*========關於我們動畫-左區塊============*/
.animationtrue .indexpage #neilaboutusboxblock #neilaboutusboximg {
  position: relative;
  animation-duration: 2.0s;
  opacity: 0;
}

@keyframes neilaboutusboximg {
  from {
    left: 300px;
    opacity: 0;
  }

  to {
    left: 0px;
    opacity: 1;
  }
}

/*========關於我們動畫-右區塊============*/
.animationtrue .indexpage #neilaboutusboxblock #informationblock {
  position: relative;
  animation-duration: 2.0s;
  opacity: 0;
}

@keyframes informationblock {
  from {
    left: -200px;
    opacity: 0;
  }

  to {
    left: 0px;
    opacity: 1;
  }
}


/*========聯絡我們動畫-左區塊============*/
.animationtrue .indexpage #onlineconsultationblock #onlineconsultationform {
  position: relative;
  animation-duration: 2.0s;
  opacity: 0;
}

@keyframes formbox {
  from {
    left: 300px;
    opacity: 0;
  }

  to {
    left: 0px;
    opacity: 1;
  }
}

/*=========聯絡我們動畫-右區塊============*/
.animationtrue .indexpage #onlineconsultationblock  #informationblock {
  position: relative;
  animation-duration: 2.0s;
  opacity: 0;
}

@keyframes infobox {
  from {
    left: -200px;
    opacity: 0;
  }

  to {
    left: 0px;
    opacity: 1;
  }
}

/*=========災害示警============*/
#alertsncdr {
  font-size: 100%;
  margin: 0px 0px 30px 0px;
}

#alertsncdr .alertCAP_banner02 {
  box-sizing: content-box;
  padding: 0px 0px 0px 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;
}

/*======隨機小語============*/
#randomidiom_block #slider-wrap ul#slider li>div {
  padding: 20px 15px;
}

#randomidiom_block #slider-wrap h3 {
color: #FFFFFF;
}