/*========簡介區塊-左右==============*/

#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;
}

#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: 230px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#neiltextblock_block #textimgbox img {
    width: 105%;
    min-height: 235px;
}

/*========簡介區塊-中間==============*/
#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;
	}
}



/*========全國據點-左右樣式==============*/
#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 .control-label {
    line-height: 40%;
    font-size: 110%;
    white-space: nowrap;
}

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

#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: 11px;
    left: 0px;
    font-size: 160%;
}

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

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

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

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

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

#neilblockmenulayers #menutable2none .panel-body02 {
    position: relative;
    padding: 6px 0px 8px 35px;
    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(../../../../images/computer/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%;
    padding: 0px 0px 0px 27px;
}

#neilblockmenulayers .panel-body2 a {
    color: #5E5E5E;
}

#neilblockmenulayers .panel-body2 a:hover {
    color: #000000;
}

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

#neilblockmenulayers .panel-body2 #m3box {
    position: absolute;
    left: -25px;
    top: 7px;
}

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

.buttonimg #buttonimgbox {
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 1px solid #C4C4C4;
    border-radius: 6px;
    padding: 2px;
    transition: all .55s ease .1s;
    background: #FFFFFF url(../../img/frame/) no-repeat left top;
}

.buttonimg #buttonimgbox img {
    border-radius: 6px;
    width: 100%;
    transition: all .55s ease .1s;
}

.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: 0px 0px 5px 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 {
    display: inline-block;
    position: relative;
    height: 86px;
}

#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: 10px 15px 15px 0px;
    width: 46%;
}

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

.content_udlr .buttonimg #buttonimgbox {
    display: inline-block;
    position: relative;
    height: 86px;
}

.content_udlr .buttonimg #buttonimgbox img {
    min-height: 80px;
}

/*========左右區塊圖片大小====*/
#bottomsidedivbox #neilblockmenu .buttonimg,
#sidediv #neilblockmenu .buttonimg {
    position: relative;
    width: 100%;
}

#bottomsidedivbox #neilblockmenu .buttonimg li,
#sidediv #neilblockmenu .buttonimg li {
    position: relative;
    margin: 10px 0px 15px 0px;
}

#bottomsidedivbox .buttonimg #buttonimgbox,
#sidediv .buttonimg #buttonimgbox {
    display: block;
    border: none;
    background: url(../../img/frame/) no-repeat left top;
}

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

#bottomsidedivbox .buttonimg #buttonimgbox img,
#sidediv .buttonimg #buttonimgbox img {
    width: 100%;
    padding: 2px;
    border: 1px solid #C4C4C4;
    background: #FFFFFF url(../../img/frame/) no-repeat left top;
}

#bottomsidedivbox .buttonimg #buttonimgbox img:hover,
#sidediv .buttonimg #buttonimgbox img:hover {
    border: none;
}

#bottomsidedivbox .buttonimg #buttontextbox,
#sidediv .buttonimg #buttontextbox {
    margin: 0px 0px 25px 0px;
}

/*====底區塊=========*/
#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: 10px 15px 15px 0px;
    width: 45.6%;
}

.footerstyle1 .buttonimg #buttonimgbox {
    display: inline-block;
    position: relative;
    height: 66px;
}

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

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

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

.footerstyle2 #footerleftdiv .buttonimg #buttonimgbox {
    display: block;
    border: none;
    background: url(../../img/frame/) no-repeat left top;
}

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

.footerstyle2 #footerleftdiv .buttonimg #buttonimgbox img {
    width: 100%;
    padding: 2px;
    border: 1px solid #C4C4C4;
    background: #FFFFFF url(../../img/frame/) no-repeat left top;
}

.footerstyle2 #footerleftdiv .buttonimg #buttonimgbox img:hover {
    border: none;
}

.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 {
    display: inline-block;
    position: relative;
    height: 86px;
}

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

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

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

.footerstyle3 #footercenterdiv .buttonimg #buttonimgbox {
    display: inline-block;
    position: relative;
    height: 86px;
}

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

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

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

.footerstyle3 #footerrightdiv .buttonimg #buttonimgbox {
    display: block;
    border: none;
    background: url(../../img/frame/) no-repeat left top;
}

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

.footerstyle3 #footerrightdiv .buttonimg #buttonimgbox img {
    width: 100%;
    padding: 2px;
    border: 1px solid #C4C4C4;
    background: #FFFFFF url(../../img/frame/) no-repeat left top;
}

.footerstyle3 #footerrightdiv .buttonimg #buttonimgbox img:hover {
    border: none;
}

.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: 10px 17px 15px 0px;
    width: 29.9%;
}

.footerstyle5 .buttonimg #buttonimgbox {
    display: inline-block;
    position: relative;
    height: 76px;
}

.footerstyle5 .buttonimg #buttonimgbox img {
    min-height: 70px;
}

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

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

.footerstyle4 .buttonimg #buttonimgbox {
    display: inline-block;
    position: relative;
    height: 86px;
}

.footerstyle4 .buttonimg #buttonimgbox img {
    min-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 ul li {}

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

#neilblockmenu #neil_menu1 #menu-body {
    position: relative;
}

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

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

#neilblockmenu #neil_menu1 {
    width: inherit;
}

#neilblockmenu #neil_menu1 #list-group-itembox {
    position: relative;
    font-size: 110%;
    border-bottom: 1px solid #cccccc;
    cursor: pointer;
    transition: background .25s ease .1s;
}

#neilblockmenu #neil_menu1 .menu-body01 #list-group-itembox:hover>a {
    background: #D1FFF5 url(../../../../images/computer/) no-repeat left top;
    color: #00493B;
}

#neilblockmenu #neil_menu1 .menu-body02 #list-group-itembox:hover>a {
    background: #D6EFFF url(../../../../images/computer/) no-repeat left top;
    color: #003C59;
}

/*
#neilblockmenu .menu2  .list-group-itemCustom {
	position: relative;
	padding-left: 0px !important;
}*/
#neilblockmenu #neil_menu2 #list-group-itembox {
    position: relative;
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    border-bottom: 1px solid #cccccc;
}

#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;
}

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

#neilaboutusboxblock #neilaboutusboximg {
    position: relative;
}

#neilaboutusboxblock #aboutimgdiv {
    position: relative;
    width: 387px;
    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;
}

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

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

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

#neilaboutusboxblock #informationblock {
    position: relative;
    font-size: 110%;
    width: unset;
    line-height: 165%;
}

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

.footerstyle1 #neilaboutusboxblock .neilaboutusboxrow {
    position: relative;
    left: -10px;
}

.footerstyle1 #neilaboutusboxblock #informationblock {
    position: relative;
    margin: 20px 0px 0px -15px;
    width: 418px;
}

/*============底區塊只開2區塊============*/
.footerstyle3 #neilaboutusboxblock #informationblock,
.footerstyle2 #neilaboutusboxblock #informationblock {
    position: relative;
    margin: 0px 0px 0px 100px;
    width: 527px;
}

/*============左中配置&&中右配置============*/
#rdivtrue #neilaboutusboxblock #informationblock,
#ldivtrue #neilaboutusboxblock #informationblock {
    position: relative;
    margin: 0px 0px 0px 100px;
    width: 88%;
}

/*========關於我們動畫-左區塊============*/
.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;
	}
}




/*=========災害示警============*/
#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;
}