/*===宣導網站==========*/
#mfdcms_block3 .mfdcms_block3_style0 .owl-carousel {
  position: relative;
  width: 101%;
}


#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.5rem 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 #b3b3b3 !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: #C64C00;
}

#mfdcms_block1 #blockstyle3 #listnewsbox .iframebtn,
#mfdcms_block1 #focusArrbox .iframebtn {
	top: 0rem;
	padding: 0.125rem 0.25rem;
	border-radius: 0.25rem;
	background: #E85A00 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: #FFFFC4 url("") no-repeat left bottom;
	color: #000000;
	box-shadow: inset 0.25rem 0rem 0rem #C1C100;	
}

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

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

#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: 4.375rem !important;
    background: #FFFFFF !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(0) rotate(0deg);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}


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


.sidebox #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border: 0 !important;
}

.sidebox #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg:is(:hover, :focus-visible) {
    transform: translateY(-0.125rem) rotate(-3deg);
    box-shadow: 0 0.25rem 0.75rem rgba(20, 91, 102, .22);
    border-color: #17859b;
}

.sidebox #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg:focus-visible {
    outline: 0.1875rem solid #155fa0;
    outline-offset: 0.125rem;
}

@media (prefers-reduced-motion: reduce) {
    .sidebox #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg {
        transition: none;
    }
    .sidebox #mfdcms_block3 .mfdcms_block3_style1 #picturemoveimg:is(:hover, :focus-visible) {
        transform: none;
    }
}