/* 永順國小｜好站連結區塊：佈景副本覆蓋樣式 */
#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 .thumbnail {
  padding: 0 0 1rem 0 !important;
  background: transparent !important;
  margin-bottom: 0rem;
}

#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg {
  box-sizing: border-box;
  height: 4.125rem !important;
  padding: 0 rem !important;
  border: 0.0625rem solid #8e969d;
  border-radius: 0.4375rem !important;
  background: #ffffff !important;
  box-shadow: 0 0.125rem 0.25rem rgba(42, 61, 70, 0.08);
  transform: translateY(0) scale(1);
  transform-origin: center;
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}

#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg img {
  width: 102%;
  height: 102%;
  min-height: 0;
  object-fit: contain;
  transform: scale(1);
  transition: transform 0.35s ease;
}

#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 .thumbnail:hover #picturemoveimg,
#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg:focus-visible {
  border-color: #3286a5;
  box-shadow: 0 0.625rem 1rem rgba(26, 91, 115, 0.22);
  transform: translateY(-0.25rem) scale(1.025);
}

#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 .thumbnail:hover #picturemoveimg img,
#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg:focus-visible img {
  transform: scale(1.035);
}

#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg:focus-visible {
  outline: 0.1875rem solid #f29a2e;
  outline-offset: 0.1875rem;
}

#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 #blockmenutitle {
  box-sizing: border-box;
  min-height: 4.375rem;
  max-height: 4.375rem;
  padding: 0.5rem 0.25rem 0;
  color: #4e5357;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.16em;
  text-align: center;
  transition:
    color 0.28s ease,
    transform 0.28s ease;
}

#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 #blockmenutitle a,
#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 #blockmenutitle span {
  color: inherit;
  text-decoration: none;
}

#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 .thumbnail:hover #blockmenutitle,
#centertpldiv #mfdcms_block3 .mfdcms_block3_style1 .thumbnail:focus-within #blockmenutitle {
  color: #176d8b;
  transform: translateY(-0.0625rem);
}


/*===宣導網站==========*/
#mfdcms_block3 .mfdcms_block3_style0 .owl-carousel {
  position: relative;
  width: 102.5%;
  margin-top: 0.625rem;
}


#mfdcms_block3 .mfdcms_block3_style0 #picturemoveimg {
  position: relative;
  height: 3.9375rem;
  width: 95.5%;
  border: 0.0625rem solid #c3c3c3;
  border-radius: 0.375rem;
  background: #FFFFFF url("") no-repeat left top !important;
  overflow: hidden; 
  display: flex;
  align-items: center;
  justify-content: center;
}


#mfdcms_block3 .mfdcms_block3_style0 .owl-stage-outer {
    min-height: 6.25rem;
    padding: 0.175rem 0rem 0.875rem 0rem;;
}




/*=====頁籤按鈕區塊==========*/
#sorttabs {
	position: relative;
	width: 105%;
    margin: 0.6rem 0rem -0.3rem 0rem;
	z-index: 105;
}

#sorttabs .btn {
	display: inline-block;
	margin-bottom: 1.125rem;
	font-size: 90%;
	padding: 0.375rem 0.5rem;
	border-radius: 0.375rem;
	margin-right: 0.875rem;
	letter-spacing: 0.125rem;
}

#sorttabs .btn-custom .btn {
	padding: 0.25rem 0.3125rem 0.25rem 0.5rem;
	border-radius: 0.375rem 0rem 0rem 0.375rem;
}

#sorttabs .btn-group .dropdown-menu .btn {
	display: inline-block;
	margin-bottom: 0.125rem;
	font-size: 100%;
	padding: 0.375rem 0.625rem;
	border-radius: 0rem;
	margin-right: 0rem;
	letter-spacing: 0.125rem;
	text-align: left;
	color: #000000;
}

#sorttabs .btn-custom-all .dropdown-toggle {
	position: relative;
	left: -0.375rem;
	border: 0.0625rem solid #12809d;
	color: #000000;
	background: #d8f7ff url("") no-repeat left bottom;
}

#sorttabs .btn .caret {
	color: #000000;
}

#sorttabs .btnstyle {
	border: 0.0625rem solid #12809d;
	color: #000000;
	background: #d8f7ff url("") no-repeat left bottom;
}

#sorttabs .btn-custom .btn:hover {
	border-right: 0rem solid #d8f7ff !important;

}

#sorttabs .btnactive {
	border: 0.0625rem solid #12809d;
	color: #000000;
	background: #FFFFFF url("") no-repeat left bottom;
}

#sorttabs .btn-custom .dropdown-menu .btnactive,
#sorttabs .btn-custom-all .btnactive {
	border: 0.0625rem solid #12809d;
}

#sorttabs .btn-custom .dropdown-menu .btnstyle,
#sorttabs .btn-custom-all .btnstyle {
	border: none;
	color: #000000;
	background: url("") no-repeat left bottom;
}

#sorttabs .btn-custom .dropdown-menu .btnactive,
#sorttabs .btn-custom-all .btnactive {
	color: #000000 !important;
	background: #d8f7ff url("") no-repeat left bottom;
}

#sorttabs .switchbin {
	display: inline-block;
	margin-bottom: 1.125rem;
	padding: 0.375rem 0.25rem 0.375rem 0.1875rem !important;
	border-radius: 0rem;
	margin-left: -1.3125rem;
	color: #000000;
	background: #d8f7ff url("") no-repeat left bottom;
	border-radius: 0rem 0.375rem 0.375rem 0rem !important;
	/*左上 右上 右下  左下*/
	border-top: 0.0625rem solid #12809d;
	border-right: 0.0625rem solid #12809d;
	border-bottom: 0.0625rem solid #12809d;
}

#sorttabs .btn-custom .switchbin:hover {
	border-right: 0.0625rem solid #12809d !important;

}

/*=====置頂與文字條列新聞==========*/
#mfdcms_block1 #focusArrbox #focusboxlist,
#mfdcms_block1 #blockstyle3 #centerboxlist {
	height: 3rem;
	padding: 0rem;
	border-bottom: 0.0625rem solid #bcbcbc !important;
/*	background: #ffffff url("") no-repeat left bottom; */
	color: #242424;
	line-height: 2.875rem;
	transition: padding-left 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

#mfdcms_block1 #focusArrbox #focusboxlist a,
#mfdcms_block1 #blockstyle3 #centerboxlist a {
	color: #242424;
}

#mfdcms_block1 #focusArrbox #sorttitlebox a,
#mfdcms_block1 #blockstyle3 #sorttitlebox a {
	color: #ef3045;
}

#mfdcms_block1 #blockstyle3 #listnewsbox .iframebtn,
#mfdcms_block1 #focusArrbox .iframebtn {
	top: 0rem;
	padding: 0.125rem 0.25rem;
	border-radius: 0.25rem;
	background: #1E7AB4 url("") no-repeat left bottom;
}

#mfdcms_block1 #focusArrbox #neilmfdcmsicon01box {
	top: 0.3125rem;
	margin-right: 0.375rem;
}

#mfdcms_block1 #focusArrbox #neilmfdcmsicon01box img {
	width: 2.1875rem;
}

#mfdcms_block1 #blockstyle3 #centerboxlisticon {
	top: 0.4375rem;
	left: 0.1875rem;
	margin-right: 0.625rem;
}

#mfdcms_block1 #blockstyle3 #centerboxlisticon img {
	width: 1.875rem;
}

/*==========滑鼠與鍵盤焦點特效==========*/
#mfdcms_block1 #focusArrbox #focusboxlist:hover,
#mfdcms_block1 #focusArrbox .a11y_box:focus-visible #focusboxlist {
	padding-left: 0.5rem;
	background: #E0F3FF url("") no-repeat left bottom;
	color: #242424;
	box-shadow: inset 0.25rem 0rem 0rem #47BEFF;
}

#mfdcms_block1 #blockstyle3 #centerboxlist:hover,
#mfdcms_block1 #blockstyle3 .a11y_box:focus-visible #centerboxlist {
	padding-left: 0.5rem;
	background: #FFF4FC url("") no-repeat left bottom;
	color: #242424;
	box-shadow: inset 0.25rem 0rem 0rem #FF6BE8;
}

#mfdcms_block1 #focusArrbox #focusboxlist:hover a,
#mfdcms_block1 #focusArrbox .a11y_box:focus-visible #focusboxlist a,
#mfdcms_block1 #blockstyle3 #centerboxlist:hover a,
#mfdcms_block1 #blockstyle3 .a11y_box:focus-visible #centerboxlist a {
	color: #242424;
}

#mfdcms_block1 #focusArrbox #focusboxlist:hover #sorttitlebox a,
#mfdcms_block1 #focusArrbox .a11y_box:focus-visible #sorttitlebox a,
#mfdcms_block1 #blockstyle3 #centerboxlist:hover #sorttitlebox a,
#mfdcms_block1 #blockstyle3 .a11y_box:focus-visible #sorttitlebox a {
	color: #ef3045;
}

#mfdcms_block1 #focusArrbox #focusboxlist:hover .red,
#mfdcms_block1 #focusArrbox .a11y_box:focus-visible #focusboxlist .red,
#mfdcms_block1 #blockstyle3 #centerboxlist:hover .red,
#mfdcms_block1 #blockstyle3 .a11y_box:focus-visible #centerboxlist .red {
	color: #ef3045;
}

#mfdcms_block1 #focusArrbox #focusboxlist:hover #neilmfdcmsicon01box,
#mfdcms_block1 #focusArrbox .a11y_box:focus-visible #neilmfdcmsicon01box {
	filter: initial;
}

#mfdcms_block1 #focusArrbox .a11y_box:focus-visible,
#mfdcms_block1 #blockstyle3 .a11y_box:focus-visible {
	outline: 0.1875rem solid #181818;
	outline-offset: -0.1875rem;
}



/*=========宣導網站===============*/
.sidebox #mfdcms_block3 {
    position: relative;
    margin: 0.7rem 0rem 0rem 0rem;
    left: 0rem;
}





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

.sidebox #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg {
    position: relative;
    border: 0.0625rem solid #c9c9c9;
    border-radius: 0.625rem !important;
    height: auto !important;
    background: #FFFFFF url(../../img/frame/) no-repeat left top !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
       transform: rotate(0deg); 
           transition: all .45s ease .1s;
}


.sidebox #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg img {
    transition: none;
        border:  0rem solid #c9c9c9 !important;
}

.sidebox #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg:hover {
transform: rotate(-8deg);
box-shadow:0.1875rem 0.1875rem 0.5625rem 0.0625rem #9F9F9F;
   border:  0rem solid #c9c9c9 !important;
       border-radius: 0.85rem !important;
   
   
    
}

.sidebox #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg img:hover {
  transform: none; 
    border:  none !important;
}