/*======新聞內容區塊============*/
#mfdcms_block1 {
    position: relative;
    width: inherit;
}

/*=====頁籤按鈕區塊==========*/
#sorttabs{
    position: relative;
    width: 105%;
    margin: 10px 0px 0px 0px;
}
#sorttabs .btn{
    display: inline-block;
    margin-bottom: 18px;
    font-size: 95%;
    padding: 6px 10px;
    border-radius: 0px;
    margin-right: 12px;
    letter-spacing: 2px;    
} 

#sorttabs .btn-custom .btn{
    padding: 6px 0px 6px 10px;
}


#rdivfalse #sorttabs .btn{
    display: inline-block;
    margin-bottom: 18px;
    font-size: 100%;
    padding: 8px 12px;
    border-radius: 0px;
    margin-right: 20px;
    letter-spacing: 2px;    
} 

#rdivfalse  #sorttabs .btn-custom .btn{
    padding: 8px 5px 8px 12px;
}



#sorttabs .btn-group .dropdown-menu .btn{
    display: inline-block;
    margin-bottom: 2px;
    font-size: 100%;
    padding: 6px 10px;
    border-radius: 0px;
    margin-right: 0px;
    letter-spacing: 2px;   
 	text-align: left;
} 

#rdivfalse #sorttabs  .dropdown-menu .btn{
    display: inline-block;
    margin-bottom: 2px;
    font-size: 105%;
    padding: 8px 10px;
    border-radius: 0px;
    margin-right: 0px;
    letter-spacing: 2px;   
 	text-align: left;
} 



#sorttabs .btn-custom-all .dropdown-toggle{
    position: relative;
    left: -6px;
    border: 1px solid #0A8CC9;
    color: #FFFFFF;
    background: #0A8CC9 url(../../img/modules/neilmfdcms/) no-repeat left bottom;
}





#sorttabs .btnstyle{
    border: 1px solid #0A8CC9;
    color: #FFFFFF;
    background: #0A8CC9 url(../../img/modules/neilmfdcms/) no-repeat left bottom;
}
#sorttabs .btnactive {
    border: 1px solid #0A8CC9;
    color: #0A8CC9;
    background: #FFFFFF url(../../img/modules/neilmfdcms/) no-repeat left bottom;
}

#sorttabs .btn-custom .dropdown-menu .btnstyle, 
#sorttabs .btn-custom-all .btnstyle{
    border: none;
    color: #0A8BC8;
    background: url(../../img/modules/neilmfdcms/) no-repeat left bottom;
}

#sorttabs .btn-custom .dropdown-menu .btnactive,
#sorttabs .btn-custom-all .btnactive {
    color: #FFFFFF;
    background: #0A8CC9 url(../../img/modules/neilmfdcms/) no-repeat left bottom;
}

#sorttabs .switchbin{
    display: inline-block;
    margin-bottom: 18px;
    padding: 6px 5px 6px 2px !important;
    border-radius: 0px;
    margin-left: -13px;
    color: #FFFFFF;    
    background: #0A8CC9 url(../../img/modules/neilmfdcms/) no-repeat left bottom;
} 


#rdivfalse  #sorttabs .switchbin{
    display: inline-block;
    margin-bottom: 18px;
    padding: 8px 5px 8px 2px !important;
    border-radius: 0px;
    margin-left: -21px;
    color: #FFFFFF;    
    background: #0A8CC9 url(../../img/modules/neilmfdcms/) no-repeat left bottom;
} 

/*======分類按鈕區塊==========*/
#mfdcms_block1 #sortbtnbox {
    position: relative;
    width: inherit;
    margin: 0px 0px 15px 0px;
}

#mfdcms_block1 #sortbtnbox #sortbtn {
    background: #FFFFFF url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    padding: 5px 10px;
    margin: 6px 0px;
    border: 1px solid #E8E8E8;
    transition: background .3s ease-in-out;
}

#mfdcms_block1 #sortbtnbox #sortbtn:hover {
    background: #FFEEEA url(../../img/modules/neilmfdcms/) no-repeat left bottom;
}


/*=====置頂區塊================*/
#mfdcms_block1 #focusArrbox {
    position: relative;
    width: inherit;
    margin: 0px 0px 0px 0px;
}

#mfdcms_block1 #focusArrbox #focusboxlist {
    position: relative;
    height: 50px;
    overflow: hidden;
    border-bottom: 1px solid #d1d1d1;
    font-size: 105%;
    line-height: 180%;
    padding: 3px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#mfdcms_block1 #focusArrbox #focusboxlist:hover {}

#mfdcms_block1 #focusArrbox #focusboxlist a {
    color: #000000;
}

#mfdcms_block1 #blockstyle3 #listnewsbox   #iframebtn,
#mfdcms_block1 #focusArrbox   #iframebtn{
    position: relative;
    top: 3px;
    background: #F918AE url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    line-height: 0%;
    border-radius: 6px;
   padding: 1px 4px 1px 5px;
  margin: 0px 5px 0px 0px; 
}
#mfdcms_block1 #blockstyle3 #listnewsbox  #iframebtn .glyphicon,
#mfdcms_block1 #focusArrbox  #iframebtn .glyphicon{
    color: #FFFFFF;
    font-size: 100%;
    line-height: 0%;
}


#mfdcms_block1 #focusArrbox #sorttitlebox a {
    color: #ac2629;
}

#mfdcms_block1 #focusArrbox #neilmfdcmsicon01box {
    position: relative;
    top: 5px;
    margin-right: 5px;
}

#mfdcms_block1 #focusArrbox #neilmfdcmsicon01box img {
    width: 35px;
}


/*=====瀏覽權限區塊==========*/
#mfdcms_block1 .browsegrouptext {
    font-size: 100%;
}

#mfdcms_block1 .browsegrouptext .glyphicon {
    position: relative;
    font-size: 115%;
    top: 5px;
}


/*=========內容區塊-日期區塊樣式=================*/
#mfdcms_block1 #blockstyle0 .centerrow {
    position: relative;
    width: 102%;
    padding: 0px !important;
    margin: 0px 0px 25px -15px !important;
}

#rdivfalse #mfdcms_block1 #blockstyle0 .centerrow {
    position: relative;
    left: -15px;
    width: 103.5%;
    padding: 0px !important;
}

#mfdcms_block1 #blockstyle0 .centerrow #centerbox {
    position: relative;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 10px 5px 10px 0px;
    border-bottom: 1px solid #d2d2d2;
}

#rdivfalse  #mfdcms_block1 #blockstyle0 .centerrow #centerbox {
    position: relative;
    margin: 10px 0px 5px 0px;
    padding: 10px 5px 15px 0px;

}


#mfdcms_block1 #blockstyle0 .centerrow #centerbox .nopadding {
    padding: 0px !important;
}

#mfdcms_block1 #blockstyle0 .centerrow #titlebox {
    position: relative;
    height: 72px;
    overflow: hidden;
    font-size: 105%;
    line-height: 160%;
    padding: 4px 0px 0px 0px;
    margin: 0px 0px 2px 0px;
}


#mfdcms_block1 #blockstyle0 .centerrow #titlebox a {
    color: #09060c;
}

#mfdcms_block1 #blockstyle0 .centerrow .setuptimebox {
    position: relative;
    width: 105%;
    border-right: 1px solid #8a8a8a;
    white-space: nowrap;
    line-height: 170%;
    
}
#rdivfalse #mfdcms_block1 #blockstyle0 .centerrow .setuptimebox {
    position: relative;
    width: 100%;
}


#mfdcms_block1 #blockstyle0 .centerrow #monthbox {
    position: relative;
    font-size: 130%;
}

#mfdcms_block1 #blockstyle0 .centerrow .December,
#mfdcms_block1 #blockstyle0 .centerrow .November {
    position: relative;
    font-size: 100% !important;
}

#mfdcms_block1 #blockstyle0 .centerrow #daybox {
    position: relative;
    font-size: 170%;
    color: #000000;
    transform: skewX(-10deg);
}

#mfdcms_block1 #blockstyle0 .centerrow #yearbox {
    color: #595959;
}

#mfdcms_block1 #blockstyle0 .centerrow #centerbox #descriptionblocks {
    position: relative;
    height: 105px;
    overflow: hidden;
    font-size: 106%;
    line-height: 170%;
    margin: -5px 0px 0px 8px;
    padding: 0px 0px 0px 10px;
    word-break: break-all;
    color: #3f3f3f;
}

#mfdcms_block1 #blockstyle0 .centerrow #centerbox #sorttitlebox {
    font-size: 95%;
}


#mfdcms_block1 #blockstyle0 .centerrow #centerbox #sorttitlebox a {
    color: #3889af;
}

#mfdcms_block1 #blockstyle0  #centerbox #iframebtn{
	position: absolute;
    bottom: 0px;
    right: 0px;
        width: 32px;
    height: 31px;
    background: #F918AE url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    line-height: 0%;
    border-radius: 6px;
   padding: 15px 5px 1px 6px;

}
#mfdcms_block1 #blockstyle0 #centerbox  #iframebtn .glyphicon{
    color: #FFFFFF;
    font-size: 105%;
    line-height: 0%;
}

/*=========內容區塊-圖片區塊樣式-大圖=================*/
#mfdcms_block1 #blockstyle1 .centerrow {
    position: relative;
    width: 102%;
    margin: 0px 0px 25px -15px !important;
}

#rdivfalse #mfdcms_block1 #blockstyle1 .centerrow {
    position: relative;
    margin: 0px 0px 10px -15px !important;
    width: 101.5%;
}

#mfdcms_block1 #blockstyle1 #centerdivbox {
    position: relative;
    width: 102.1%;
    height: 380px;
    text-align: center;
    border-radius: 6px;
    margin: 20px 0px 5px 0px;
    background: url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    border: 1px solid #C9C9C9;
    overflow: hidden;
}

#rdivfalse #mfdcms_block1 #blockstyle1 #centerdivbox {
    position: relative;
    width: 102.8%;
}

#mfdcms_block1 #blockstyle1 #imgbox {
    position: relative;
    margin: 12px 12px 12px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95%;
    height: 180px;
    border-radius: 6px;
    overflow: hidden;
    background: #FFFFFF url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    border: 1px solid #E8E8E8;
}

#mfdcms_block1 #blockstyle1 #imgbox img {
    width: inherit;
    min-height: 200px;
}

#mfdcms_block1 #blockstyle1 #sorttitlebox2 {
    font-size: 120%;
    padding: 4px 5px;
    background: #D8EEFF url(../../img/modules/neilmfdcms/) no-repeat left bottom;
}

#mfdcms_block1 #blockstyle1 #sorttitlebox2 a {
    color: #000000;
}

#mfdcms_block1 #blockstyle1 #sorttitlebox2 a:hover {
    color: #C30D23;
}

#mfdcms_block1 #blockstyle1 #titlebox2 {
    position: relative;
    padding: 20px 10px 5px 10px;
    height: 83px;
    font-size: 110%;
    line-height: 170%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#mfdcms_block1 #blockstyle1 #setuptimebox2 {
    position: relative;
    font-size: 100%;
    color: #1B6CAA;
    margin: 5px 0px 10px 0px;
}

#mfdcms_block1 #blockstyle1 #titletext {
    position: relative;
    max-height: 75px;
    overflow: hidden;
}

#mfdcms_block1 #blockstyle1 #titlebox2 a {
    color: #000000;
}

#mfdcms_block1 #blockstyle1 #titlebox2 a:hover {
    color: #2E5A7C;
}



/*=========內容區塊-圖片區塊樣式-小圖=================*/
#mfdcms_block1 #blockstyle2 .centerrow {
    position: relative;
    left: -15px;
    width: 102%;
    padding: 0px !important;
    margin: 5px 0px 25px 0px !important;
}



#mfdcms_block1 #blockstyle2 .centerrow #centerbox {
    position: relative;
    width: 102.5%;
    margin: 18px 0px 8px 0px;
    padding: 13px 10px 10px 12px;
    border: 1px solid #CECECE;
    border-radius: 10px;
}

#rdivfalse #mfdcms_block1 #blockstyle2 .centerrow #centerbox {
    width: 101%;
}


#mfdcms_block1 #blockstyle2 .centerrow #centerbox .nopadding {
    padding: 0px !important;
}

#mfdcms_block1 #blockstyle2 .centerrow #titlebox {
    position: relative;
    height: 65px;
    overflow: hidden;
    font-size: 105%;
    line-height: 160%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

}


#mfdcms_block1 #blockstyle2 .centerrow #titlebox a {
    color: #09060c;
}


#mfdcms_block1 #blockstyle2 .centerrow #imgbox {
    width: 130px;
    height: 120px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #B5B5B5;
    display: flex;
    align-items: center;
    justify-content: center;
}

#rdivfalse #mfdcms_block1 #blockstyle2 .centerrow #imgbox {
    width: 160px;
    height: 120px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #B5B5B5;
    display: flex;
    align-items: center;
    justify-content: center;
}

#mfdcms_block1 #blockstyle2 .centerrow #imgbox img {
    width: 155px;
    min-height: 130px;
}

#rdivfalse #mfdcms_block1 #blockstyle2 .centerrow #imgbox img {
    width: 170px;
    min-height: 135px;
}



#mfdcms_block1 #blockstyle2 .centerrow #centerbox #descriptionblocks {
    position: relative;
    overflow: hidden;
    margin: -5px 0px 0px 22px;
    padding: 0px 0px 0px 10px;
    word-break: break-all;
}

#rdivfalse #mfdcms_block1 #blockstyle2 .centerrow #centerbox #descriptionblocks {
    margin: -5px 0px 0px 15px;

}


#mfdcms_block1 #blockstyle2 .centerrow #centerbox #sorttitlebox {
    font-size: 95%;
}


#mfdcms_block1 #blockstyle2 .centerrow #centerbox #sorttitlebox a {
    color: #3889af;
}



#mfdcms_block1 #blockstyle2 .centerrow #centerbox #setuptimebox {
    position: relative;
    color: #d4605f;
}



#mfdcms_block1 #blockstyle2  #centerbox #iframebtn{
	position: absolute;
    top: 1px;
    right: 0px;
        width: 32px;
    height: 31px;
    background: #F918AE url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    line-height: 0%;
    border-radius: 6px;
   padding: 15px 5px 1px 6px;

}

#mfdcms_block1 #blockstyle2 #centerbox  #iframebtn .glyphicon{
    color: #FFFFFF;
    font-size: 105%;
    line-height: 0%;
}

/*============文字條列式區塊====================*/
#mfdcms_block1 #blockstyle3 #listnewsbox {
    position: relative;
    width: inherit;
    margin: 0px 0px 35px 0px;
}

#mfdcms_block1 #blockstyle3 #centerboxlist {
    position: relative;
    height: 48px;
    overflow: hidden;
    border-bottom: 1px solid #d1d1d1;
    font-size: 105%;
    line-height: 180%;
    padding: 3px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


#mfdcms_block1 #blockstyle3 #centerboxlist a {
    color: #000000;
}

#mfdcms_block1 #blockstyle3 #sorttitlebox a {
    color: #ac2629;
}

#mfdcms_block1 #blockstyle3 #centerboxlisticon {
    position: relative;
    top: 8px;
    left: 3px;
    margin-right: 10px;

}

#mfdcms_block1 #blockstyle3 #centerboxlisticon img {
    width: 30px;
}




/*======簡介內容區塊============*/
#mfdcms_block2 {
    position: relative;
    width: inherit;
}

#mfdcms_block2 .centerrow {
    position: relative;
    width: 102%;
    margin: 0px 0px 10px -15px !important;
}

#rdivfalse #mfdcms_block2 .centerrow {
    position: relative;
    width: 101.5%;
    margin: 0px 0px 10px -15px !important;
}

#mfdcms_block2 #centerdivbox {
    position: relative;
    width: 102.3%;
    height: 277px;
    text-align: center;
    border-radius: 10px;
    margin: 18px 0px 7px 0px;
    background: #FFFFFF url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    border: 1px solid #c2c2c2;
    padding: 12px 12px 15px 12px;
}

#mfdcms_block2 #imgbox {
    position: relative;
    margin: 0px auto 7px auto;
    border: 1px solid #c2c2c2;
    width: 100%;
    height: 150px;
    border-radius: 10px;
    overflow: hidden;
    background: #FFFFFF url(../../img/modules/neilmfdcms/) no-repeat left bottom;
}

#mfdcms_block2 #transform {
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#mfdcms_block2 #imgbox img {
    width: 100%;
    min-height: 150px;
}

#mfdcms_block2 #titlebox {
    position: relative;
    margin: 8px 0px 6px 0px;
    font-size: 115%;
    height: 40px;
    overflow: hidden;
    line-height: 160%;
}

#mfdcms_block2 #newsbar a,
#mfdcms_block2 #titlebox a {
    color: #000000;
}

#mfdcms_block2 #newsbar a:hover,
#mfdcms_block2 #titlebox a:hover {
    color: #1F4E7F;
}

#mfdcms_block2 #newsbar {
    position: relative;
    font-size: 110%;
    padding: 5px 0px;
    border-radius: 6px;
    background: #E6FFFA url(../../img/modules/neilmfdcms/) no-repeat left bottom;
}





/*=========好站連結區塊=================*/
#mfdcms_block3 {
  position: relative;
  margin: 20px 0px 10px 0px;
  left: 0px;
}

#mfdcms_block3 #postmunadmin {
    position: absolute;
    bottom: 20px !important;
    left: 0px;
    z-index: 200;
}

/*=====區塊滑動=========*/
#rdivfalse #mfdcms_block3 .mfdcms_block3_style0 {
  position: relative;
  margin: 30px 0px 10px 0px;
  left: 0px;
}

#rdivfalse #mfdcms_block3 .mfdcms_block3_style0 .owl-carousel {
  position: relative;
  width: 101.6%;
}

#mfdcms_block3 .mfdcms_block3_style0 #picturemoveimg {
  position: relative;
  height: 75px;
  width: 94%;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  background: #FFFFFF url(../../img/frame/) no-repeat left top !important;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

#mfdcms_block3 .mfdcms_block3_style0 .owl-dots {
  transform: scale(1.3, 1.3);
}
/*
.owl-dots button.active span {
    background: #6c9000 url(../../img/modules/) no-repeat left top;
}

.owl-dots button span {
    background: #9ed200 url(../../img/modules/) no-repeat left top;
}
*/
/*=====區塊樣式=========*/
#mfdcms_block3 .mfdcms_block3_style1 .row-initial {
  position: relative;
  width: 102.3% !important;
}

#mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg {
  position: relative;
  border: 1px solid #d0d0d0;
  border-radius: 6px !important;
  height: 90px !important;
  background: #FFFFFF url(../../img/frame/) no-repeat left top !important;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

#mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg img {
  min-height: auto;
}

#mfdcms_block3 .mfdcms_block3_style1 .thumbnail {
  position: relative;
  width: 93% !important;
  border: 0px solid #d0d0d0;
  padding: 0px 0px 15px 0px !important;
  border: none !important;
  border-radius: 0px !important;
  background: url(../../img/frame/) no-repeat left top !important;
}

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

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

#mfdcms_block3 .mfdcms_block3_style1 #blockmenutitle {
  position: relative;
  text-align: center;
  font-size: 110%;
  padding: 15px 7px 0px 7px;
  width: 100%;
  height: 46px;
  overflow: hidden;
  word-break: break-all;
}

#mfdcms_block3 .mfdcms_block3_style1 #blockmenutitle a {
  color: #000000;
}

#mfdcms_block3 .mfdcms_block3_style1 #blockmenutitle a:hover {
  color: #186ADD;
}

/*======動畫效果===========*/
/*=========內容區塊-日期區塊樣式==============*/
#mfdcms_block1 .backgroundstyle0 #centerbox {
    position: relative;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    cursor: pointer;
}


@keyframes centerboxinodd0 {
    0% {

        margin-left: 0px;
        background: url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }

    100% {

        margin-left: 10px;
        background: #10997D url(../../img/modules/neilmfdcms/) no-repeat left bottom;

    }
}

@keyframes centerboxineven0 {
    0% {

        margin-left: 0px;
        background: url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }

    100% {

        margin-left: -10px;
        background: #10997D url(../../img/modules/neilmfdcms/) no-repeat left bottom;

    }
}



@keyframes centerboxoutodd0 {
    0% {
        margin-left: 10px;

        background: #10997D url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }

    100% {

        margin-left: 0px;
        background: url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }
}


@keyframes centerboxouteven0 {
    0% {
        margin-left: -10px;

        background: #10997D url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }

    100% {

        margin-left: 0px;
        background: url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }
}

#mfdcms_block1 #blockstyle0  .centerrow .setuptimebox #daybox,
#mfdcms_block1 #blockstyle0  .centerrow .setuptimebox,
#mfdcms_block1 .backgroundstyle0 #sorttitlebox a,
#mfdcms_block1 .backgroundstyle0 #titlebox a {
    position: relative;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    cursor: pointer;

}

@keyframes titlein0 {
    0% {
    color: inherit;
    filter: initial;    
    }

    100% {
    color: #FFFFFF;
    filter: brightness(100);    
    }
}

@keyframes titleout0 {
    0% {
    color: #FFFFFF;
    filter: brightness(100);        
    }
    100% {
    color: initial !important;
    filter: initial !important;
    }
}
/*=========內容區塊-圖片區塊樣式-小圖==============*/
#mfdcms_block1 .backgroundstyle2 #centerbox {
    position: relative;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    cursor: pointer;
}


@keyframes centerboxinodd2 {
    0% {

        margin-left: 0px;
        background: url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }

    100% {

        margin-left: 10px;
        background: #10997D url(../../img/modules/neilmfdcms/) no-repeat left bottom;

    }
}

@keyframes centerboxineven2 {
    0% {

        margin-left: 0px;
        background: url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }

    100% {

        margin-left: -10px;
        background: #10997D url(../../img/modules/neilmfdcms/) no-repeat left bottom;

    }
}



@keyframes centerboxoutodd2 {
    0% {
        margin-left: 10px;

        background: #10997D url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }

    100% {

        margin-left: 0px;
        background: url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }
}


@keyframes centerboxouteven2 {
    0% {
        margin-left: -10px;

        background: #10997D url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }

    100% {

        margin-left: 0px;
        background: url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }
}

#mfdcms_block1 .backgroundstyle2 #setuptimebox,
#mfdcms_block1 .backgroundstyle2 #sorttitlebox a,
#mfdcms_block1 .backgroundstyle2 #titlebox a {
    position: relative;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    cursor: pointer;

}

@keyframes titlein2 {
    0% {
        color: inherit;

    }

    100% {
        color: #FFFFFF;

    }
}

@keyframes titleout2 {
    0% {
        color: #FFFFFF;

    }

    100% {
        color: initial !important;

    }
}



/*=========條列式=========*/
#mfdcms_block1 .backgroundstyle3 {
    position: relative;
    animation-duration: 0.3s;
    /* 執行時間  */
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    cursor: pointer;
}

@keyframes backgroundin3 {
    0% {
        padding-left: 0px;
        background: url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }

    100% {
        padding-left: 10px;
        background: #10997D url(../../img/modules/neilmfdcms/) no-repeat left bottom;

    }
}

@keyframes backgroundout3 {
    0% {
        padding-left: 10px;
        background: #10997D url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }

    100% {
        padding-left: 0px;
        background: url(../../img/modules/neilmfdcms/) no-repeat left bottom;
    }
}


#mfdcms_block1 .backgroundstyle3 #neilmfdcmsicon01box img,
#mfdcms_block1 .backgroundstyle3 .boxlistdiv,
#mfdcms_block1 .backgroundstyle3 .red,
#mfdcms_block1 .backgroundstyle3 #sorttitlebox a,
#mfdcms_block1 .backgroundstyle3 #titlebox a {
    position: relative;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    cursor: pointer;
}




@keyframes titlein3 {
    0% {
        color: inherit;
    }

    100% {
        color: #FFFFFF;
        border: none;
    }
}

@keyframes titleout3 {
    0% {
        color: #FFFFFF;
    }

    100% {
        color: initial !important;
        border: initial !important;
    }
}





@keyframes imgin3 {
    0% {
        filter: initial !important;
    }

    100% {

        filter: brightness(100);

    }
}




@keyframes imgout3 {
    0% {
        filter: brightness(100);
    }

    100% {

        filter: initial !important;

    }
}