/*========無障礙AA放大網站樣式處理=============*/
/* 啟用流動排版時（zoom>=200% 或寬度<=640）讓 layout 改成直排 */
/* body->top-aa-flow放大時顯示，1比1刪除*/
/* body->aa-flow-max放大到200%顯示*/
/* #bodybox->aa-flow 只要大於100%就顯示*/
/*.aa-flow-all-max 250%-400%共用 */
/*=========共用===========*/
.aa-flow-all-max[flow-size="200"] .aa-flow .media-left {
	max-width: 100%;
	min-width: 100%;
	display: block;
	padding: 0rem 0rem 0rem 0rem !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .media-left .thumbnailimg {
	max-width: 100% !important;
	min-width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .media-body {
	max-width: 100%;
	min-width: 100%;
	display: block;
	padding: 0rem 0rem 0rem 0rem !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .media {
	display: -ms-flexbox;
	display: block !important;
	-ms-flex-align: start;
	align-items: flex-start;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #barmemu li {
	padding: 0rem 0.625rem 0rem 0rem;
	float: none !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .form-control {
	display: block;
	margin: 0.5rem 0rem;
}

.aa-flow-l-max[flow-size="200"] .aa-flow #filedivbox #datename {
	height: 3.875rem !important;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #filedivbox #datename {
	height: 5.875rem !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #filedivbox #datename {
	height: 8.975rem !important;
}

.aa-flow .magnifier-view,
.aa-flow .move-view {
	display: none !important;
}
/*
.aa-flow  .owl-nav,
.aa-flow .owl-dots {
display: none;
}
*/

/*=========放大200%以內============*/

.aa-flow .table,
.aa-flow .tr {
	display: block !important;
	width: 100% !important;
}

.aa-flow .td {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box;
	margin-bottom: 1rem;
}

/* 你原本那些大容器，也一起壓成 100% */

.aa-flow .footerstyle1 #footerrightdiv,
.aa-flow .footerstyle1 #footercenterdiv,
.aa-flow .footerstyle1 #footerleftdiv,
.aa-flow .footerstyle2 #footercenterdiv,
.aa-flow .footerstyle2 #footerleftdiv,
.aa-flow #rdivfalse #centertpldiv,
.aa-flow #footer #foottextcontent,
.aa-flow #rdivtrue #centertpldiv,
.aa-flow #rdivtrue,
.aa-flow #topheaderdiv,
.aa-flow #header,
.aa-flow #playercontent,
.aa-flow .carousel-inner,
.aa-flow #bottomsidedivbox,
.aa-flow #bottomrlbox2,
.aa-flow #rdivfalse,
.aa-flow .iframetrue #toplayerdiv,
.aa-flow #footercontents,
.aa-flow #bottompage,
.aa-flow #bottomcontents,
.aa-flow .footerstyle3 #footerrightdiv,
.aa-flow .footerstyle3 #footercenterdiv,
.aa-flow #toplayerdiv,
.aa-flow #tpl-content,
/*.aa-flow #sidediv, */
.aa-flow #ldivtrue,
.aa-flow #ldivtrue #centertpldiv {
	display: block !important;
	width: 100% !important;
	left: 0 !important;
	box-sizing: border-box;
}

.aa-flow .footerstyle3 #footerrightdiv,
.aa-flow .footerstyle1 #footerrightdiv,
.aa-flow .footerstyle1 #footercenterdiv,
.aa-flow .footerstyle1 #footerleftdiv,
.aa-flow .footerstyle2 #footercenterdiv,
.aa-flow .footerstyle2 #footerleftdiv {
	padding: 0rem 0rem 0rem 0rem;
	margin: 0rem 0rem 0rem 0rem;
}

.aa-flow #sidediv #sidedivbox {
	padding: 0rem 0rem 0rem 0rem;
}

.aa-flow #sidedivbox .rightbox,
.aa-flow #sidedivbox .leftbox {
	width: 47% !important;
	float: left;
	margin: 0rem 0.6rem;
}

.aa-flow #bottombox {
	clear: both;
}

.FF .aa-flow #toplayerdiv {
	transform: scale(1) !important;
	transform-origin: left top;
	font-size: 85% !important;
}

body[flow-size="125"] .aa-flow #bottomsidedivbox .blockdiv {
	position: relative;
	max-width: 22%;
	min-width: 22%;
	padding: 0rem 0rem;
	margin: 0rem 0.625rem 2.1875rem 0.625rem;
}

body[flow-size="150"] .aa-flow #bottomsidedivbox .blockdiv {
	position: relative;
	max-width: 44.5%;
	min-width: 44.5%;
	margin: 0rem 1.6rem 2.1875rem 0.625rem;
}

body[flow-size="200"] .aa-flow #bottomsidedivbox .blockdiv,
body[flow-size="175"] .aa-flow #bottomsidedivbox .blockdiv {
	position: relative;
	max-width: 45%;
	min-width: 45%;
	padding: 0rem 0rem;
	margin: 0rem 0.625rem 2.1875rem 0.625rem;
}

/*=========上方功能區塊============*/

.aa-flow #header {
	padding: 0.625rem 0.625rem;
}

body[flow-size="150"] .aa-flow #toplogobox {
	position: relative;
	zoom: 0.94 !important;
}

.aa-flow #top_toolbox {
	position: absolute;
	top: 1.225rem;
	right: 1rem;
	text-align: right;
	width: 50%;
}

body[flow-size="200"] .aa-flow #top_toolbox,
body[flow-size="175"] .aa-flow #top_toolbox {
	position: relative;
	right: 0rem;
	width: 100%;
	height: 5rem;
	top: 1rem !important;
}

body[flow-size="200"] .aa-flow #top_toolbox .col-sm-5,
body[flow-size="175"] .aa-flow #top_toolbox .col-sm-5 {
	max-width: 45%;
	min-width: 45%;
	min-height: 0rem;
}

body[flow-size="200"] .aa-flow #top_toolbox .col-sm-3,
body[flow-size="175"] .aa-flow #top_toolbox .col-sm-3 {
	max-width: 25%;
	min-width: 25%;
	min-height: 0rem;
}

body[flow-size="200"] .aa-flow #top_toolbox .col-sm-4,
body[flow-size="175"] .aa-flow #top_toolbox .col-sm-4 {
	max-width: 30%;
	min-width: 30%;
	min-height: 0rem;
}

body[flow-size="200"] .aa-flow #header #toolbox,
body[flow-size="175"] .aa-flow #header #toolbox {
	position: relative;
	right: 0rem;
	top: 0rem;
}

body[flow-size="200"] .aa-flow .fontsize_buttons,
body[flow-size="175"] .aa-flow .fontsize_buttons {
	position: relative;
	top: 0rem;
	right: 0rem;
	font-size: 110%;
}

body[flow-size="200"] .aa-flow #addressbox,
body[flow-size="175"] .aa-flow #addressbox {
	top: 0rem;
}

/*==========主選單區塊============*/

.aa-flow #menutbl [class=""] li ul {
	margin-left: 15.0676875rem !important;
}

.aa-flow #menutbl .sm-nowrap li ul {
	margin-left: -15.0676875rem !important;
}

.aa-flow #menutbl {
	position: relative !important;
	width: 100% !important;
	margin-top: 0rem !important;
	z-index: 2000;
	left: 0rem;
	display: block;
	padding: 0rem 1rem;
	animation-name: none !important;
	max-height: 10rem;
}

.FF .aa-flow #menutbl {
	top: 0rem !important;
}
/*
body[flow-size="100"] .aa-flow #menutbl,
body[flow-size="175"] .aa-flow #menutbl,
body[flow-size="150"] .aa-flow #menutbl,
body[flow-size="125"] .aa-flow #menutbl {
	height: 100% !important;
	padding: 1rem 1rem;
}

body[flow-size="150"] .aa-flow .aa-flow #menutbl [class=""] li ul,
body[flow-size="175"] .aa-flow .aa-flow #menutbl [class=""] li ul {
	margin-left: 11.875rem !important;
}

body[flow-size="150"] .aa-flow #menutbl .sm-nowrap li ul,
body[flow-size="175"] .aa-flow #menutbl .sm-nowrap li ul {
	margin-left: -11.875rem !important;
}

body[flow-size="150"] .aa-flow #menutbl #main-nav .sm-nowrap,
body[flow-size="175"] .aa-flow #menutbl #main-nav .sm-nowrap {
	width: 13em !important;
	display: none;
	top: auto;
	left: 0rem;
	zoom: 80% !important;
	min-width: 13em !important;
	max-width: 13em !important;

}

body[flow-size="150"] .aa-flow .sm-blue .sm-nowrap>li>a,
body[flow-size="150"] .aa-flow .sm-blue .sm-nowrap>li> :not(ul) a,
body[flow-size="175"] .aa-flow .sm-blue .sm-nowrap>li>a,
body[flow-size="175"] .aa-flow .sm-blue .sm-nowrap>li> :not(ul) a {
	white-space: normal;
	word-break: break-all;
}
*/

body[flow-size="100"] .aa-flow #menutbl,
body[flow-size="150"] .aa-flow #menutbl,
body[flow-size="125"] .aa-flow #menutbl {
	height: 100% !important;
	padding: 1rem 1rem;
}

body[flow-size="150"] .aa-flow .aa-flow #menutbl [class=""] li ul{
	margin-left: 11.875rem !important;
}

body[flow-size="150"] .aa-flow #menutbl .sm-nowrap li ul{
	margin-left: -11.875rem !important;
}

body[flow-size="150"] .aa-flow #menutbl #main-nav .sm-nowrap{
	width: 13em !important;
	display: none;
	top: auto;
	left: 0rem;
	zoom: 80% !important;
	min-width: 13em !important;
	max-width: 13em !important;

}

body[flow-size="150"] .aa-flow .sm-blue .sm-nowrap>li>a,
body[flow-size="150"] .aa-flow .sm-blue .sm-nowrap>li> :not(ul) a{
	white-space: normal;
	word-break: break-all;
}

.aa-flow #menutbl #main-nav {
	position: relative;
	width: 100% !important;
	margin: 0 auto;
	text-align: left;

}


body[flow-size="150"] .aa-flow #menutbl #main-nav .manulevel1,
body[flow-size="125"] .aa-flow #menutbl #main-nav .manulevel1 {
	position: relative;
	padding: 0.3125rem 0.8125rem 1.25rem 0.8125rem;
	height: 3.0rem;

}

/*
.aa-flow #menutbl #main-nav #gohomebtn a {
    font-size: 170%;
    padding: 0.62rem 1.3125rem 0rem 0rem !important;

}
*/
.aa-flow #menutbl #main-nav #leftmenubtnbox .fa-align-justify {
	font-size: 190%;
	padding: 0.7rem 1.25rem 0rem 0rem !important;
	color: #ffffff;
	cursor: pointer;
}

.FF .aa-flow #menutbl #main-nav #leftmenubtnbox .fa-align-justify {
	font-size: 190%;
	padding: 0.9rem 1.25rem 0rem 0rem !important;
	color: #ffffff;
	cursor: pointer;
}

.aa-flow #menutbl #main-nav #gohomebtn {
	padding: 0.75rem 0.3125rem 0rem 0rem !important;
}

.aa-flow #menutbl #main-nav #gohomebtn a {
	font-size: 170%;
	min-height: 5rem;
	display: block;
}

/*============大於200%==========*/

/*=========底選單==============*/
.aa-flow #menutblbottom {
	position: relative;
	width: 100%;
	margin: 0rem 0rem 1.5625rem 1.5rem;
}

.aa-flow #menutblbottom .btnstyle5 ul li.menubottom1 {
	padding: 0rem 0.875rem 1.5rem 0.9375rem;
}

/*==========跑馬燈=============*/
.aa-flow #marqueetop {
	position: relative;
	width: inherit !important;
}

.aa-flow .marquee {
	width: 100% !important;
	overflow: hidden;
}

body[flow-size="200"] .aa-flow #marqueetopbox,
body[flow-size="175"] .aa-flow #marqueetopbox {
	position: relative;
	height: 5.875rem !important;
}

body[flow-size="200"] .aa-flow #marqueetop,
body[flow-size="175"] .aa-flow #marqueetop {
	position: relative;
	width: inherit !important;
	height: 5.875rem !important;
}

body[flow-size="200"] .aa-flow .marquee,
body[flow-size="175"] .aa-flow .marquee {
	width: 100% !important;
	height: 5.025rem !important;
	overflow: hidden;
}

/*===========撥放器區塊=============*/
.aa-flow #playerimgdiv {
	position: relative;
	display: block !important;
	margin-top: 0rem !important;
	width: inherit;
	height: auto;
	z-index: 100;
	padding: 2.8125rem 0rem  2.6125rem 0rem;
}

.aa-flow #playerimgdiv::before {
	display: none;
}

.aa-flow #playerimgdiv::after {
	display: none;
}

/*==========內容區塊================*/
.aa-flow #centertpldiv {
	padding: 0% 1.5%;
}

.aa-flow #ldivtrue .pagetrue .content_udlr {
	position: relative;
	width: 100%;
	margin-bottom: 2.5rem;
}

.aa-flow #bottompage {
	width: inherit;
	min-height: auto !important;
	padding: 1.875rem 0rem 1.875rem 0rem;
}




.top-aa-flow[flow-size="200"] .aa-flow #more {
display:none;
}

/*======新聞區塊===========*/
.aa-flow #sorttabs{
display: none;
}
.aa-flow .ajaxselect_tabs{
display: block !important;
}

/*=======條列樣式===============*/
body[flow-size="200"] .aa-flow #mfdcms_block1 #focusArrbox #focusboxlist,
body[flow-size="175"] .aa-flow #mfdcms_block1 #focusArrbox #focusboxlist {
	position: relative;
	height: 5.5rem;
}

body[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle3 #centerboxlist,
body[flow-size="175"] .aa-flow #mfdcms_block1 #blockstyle3 #centerboxlist {
	position: relative;
	height: 5.5rem;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #mfdcms_block1 #focusArrbox #focusboxlist {
	position: relative;
	height: auto !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle3 #centerboxlist {
	position: relative;
	height: auto !important;
}

/*=======區塊樣式===============*/

body[flow-size="100"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-3 {
	max-width: 20%;
	min-width: 20%;
}

body[flow-size="100"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-9 {
	max-width: 80%;
	min-width: 80%;
}

/*========中間欄位============*/
body[flow-size="100"] .aa-flow  #rdivfalse #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-3 {
	max-width: 26%;
	min-width: 26%;
}

body[flow-size="100"] .aa-flow #rdivfalse   #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-9 {
	max-width: 74%;
	min-width: 74%;
}




body[flow-size="125"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-3 {
	max-width: 22%;
	min-width: 22%;
}

body[flow-size="125"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-9 {
	max-width: 78%;
	min-width: 78%;
}

/*========中間欄位============*/
body[flow-size="125"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-3 {
	max-width: 28%;
	min-width: 28%;
}

body[flow-size="125"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-9 {
	max-width: 72%;
	min-width: 72%;
}


/*========中間欄位============*/
body[flow-size="150"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 {
	max-width: 100%;
	min-width: 100%;
}
body[flow-size="150"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-3 {
	max-width: 17%;
	min-width: 17%;
}

body[flow-size="150"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-9 {
	max-width: 83%;
	min-width: 83%;
}



body[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6,
body[flow-size="175"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="175"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-3 {
	max-width: 14%;
	min-width: 14%;
}

body[flow-size="175"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-9 {
	max-width: 86%;
	min-width: 86%;
}

/*========中間欄位============*/
body[flow-size="175"] .aa-flow  #rdivfalse #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-3 {
	max-width: 20%;
	min-width: 20%;
}

body[flow-size="175"] .aa-flow  #rdivfalse #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-9 {
	max-width: 80%;
	min-width: 80%;
}



body[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-3 {
	max-width: 17%;
	min-width: 17%;
}

body[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-9 {
	max-width: 83%;
	min-width: 83%;
}

/*========中間欄位============*/
body[flow-size="200"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-3 {
	max-width: 15%;
	min-width: 15%;
}

body[flow-size="200"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-9 {
	max-width: 85%;
	min-width: 85%;
}





/*============大於200%==========*/
.aa-flow-all-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-3 {
display: none;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-9 {
	max-width: 100% !important;
	min-width: 100% !important;
}

.aa-flow-all-max[flow-size="200"]  .aa-flow   #mfdcms_block1 #blockstyle2 .centerrow #centerbox #descriptionblocks {
    margin: -0.3125rem 0.3125rem 0rem 0rem !important;
}

.aa-flow-all-max[flow-size="200"]  .aa-flow  #mfdcms_block1 #blockstyle2 .centerrow #centerbox #setuptimebox {
	position: relative;
	font-size: 85%;
}

/*=======卡片區塊===============*/
body[flow-size="110"] .aa-flow .slick-track,
body[flow-size="125"] .aa-flow .slick-track {
	margin-top: -1.875rem !important;
	padding: 1.875rem 0rem 0rem 0rem !important;
	height: 36.25rem !important;
	overflow: hidden !important;
}

body[flow-size="150"] .aa-flow #mfdcms_block1 .slick-slider .slick-center {
	width: 4% !important;
	left: -1.6rem !important;
}

body[flow-size="150"] .aa-flow #mfdcms_block1 .slick-slider .slick-slide {
	margin: 0rem 1.5rem 0.4rem 1.5rem !important;
	width: 3.5% !important;
}

body[flow-size="150"] .aa-flow #mfdcms_block1 .slick-aa-safe .slick-slider .slick-slide {
	margin: 0rem 1.0rem 0.4rem 1.0rem !important;
	width: 9% !important;
}

body[flow-size="150"] .aa-flow #mfdcms_block1 .slick-slider .setuptimebox {
	position: relative;
	font-size: 85% !important;
}

body[flow-size="150"] .aa-flow .slick-track {
	margin-top: -2.5rem !important;
	padding: 2.5rem 0rem 0rem 0rem !important;
	height: 36.25rem !important;
	overflow: hidden !important;
}

body[flow-size="175"] .aa-flow #mfdcms_block1 .slick-slider .slick-center {
	width: 4% !important;
	left: -1.4rem !important;
}

body[flow-size="175"] .aa-flow #mfdcms_block1 .slick-slider .slick-slide {
	margin: 0rem 1.6rem 0.4rem 0.65rem !important;
	width: 3.6% !important;
}

body[flow-size="175"] .aa-flow #mfdcms_block1 .slick-aa-safe .slick-slider .slick-slide {
	margin: 0rem 1.0rem 0.4rem 1.0rem !important;
	width: 9% !important;
}

body[flow-size="175"] .aa-flow #mfdcms_block1 .slick-slider .setuptimebox {
	position: relative;
	padding: 0.4375rem 0rem 0rem 0rem;
	font-size: 80% !important;
}

body[flow-size="175"] .aa-flow .slick-track {
	margin-top: -3.75rem !important;
	padding: 3.75rem 0rem 0rem 0rem !important;
	height: 37.5rem !important;
	overflow: hidden !important;
}

body[flow-size="175"] #mfdcms_block1 #blockstyle1 .titlebox {
	position: relative;
	padding: 0.8rem 0.625rem 0.2125rem 0.625rem;
	height: 7.5rem;
	font-size: 88%;
	line-height: 150%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

body[flow-size="200"] .aa-flow #mfdcms_block1 .slick-slider .slick-center {
	width: 4% !important;
	left: -1.4rem !important;
}

body[flow-size="200"] .aa-flow #mfdcms_block1 .slick-slider .slick-slide {
	margin: 0rem 1.5rem 0.4rem 0.45rem !important;
}

body[flow-size="200"] .aa-flow #mfdcms_block1 .slick-aa-safe .slick-slider .slick-slide {
	margin: 0rem 0.7rem 0.4rem 0.7rem !important;
	width: 9% !important;
}

body[flow-size="200"] .aa-flow #mfdcms_block1 .slick-slider .setuptimebox {
	position: relative;
	padding: 0rem 0rem 0rem 0rem;
	font-size: 62% !important;
}

body[flow-size="200"] .aa-flow .slick-track {
	margin-top: -3.75rem !important;
	padding: 3.75rem 0rem 0rem 0rem !important;
	height: 37.5rem !important;
	overflow: hidden !important;
}

body[flow-size="200"] #mfdcms_block1 #blockstyle1 .titlebox {
	position: relative;
	padding: 0.8rem 0.625rem 0.2125rem 0.625rem;
	height: 7.5rem;
	font-size: 90%;
	line-height: 150%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*=========放大200%以上============*/
.aa-flow-all-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle1 .slick-current {
	position: relative;
	left: 0rem;
	top: 0rem;
	transform: scale(1, 1);
	transform-origin: 0% 0;
	opacity: 1;

}

.aa-flow-all-max[flow-size="200"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle1 .slick-current {
	position: relative;
	left: 0rem !important;
	top: 0rem !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle1 .sorttitlebox {
	font-size: 90%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #mfdcms_block1 .slick-slider .slick-slide {
	margin: 0rem 2.2rem 0.4rem 1.1rem !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow .slick-track {
	margin-top: -4.75rem !important;
	padding: 2.75rem 0rem 0rem 0rem !important;
	height: 35.5rem !important;
	overflow: hidden !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle1 .titlebox {
	position: relative;
	padding: 0.8rem 0.625rem 0.2125rem 0.625rem;
	height: 6.5rem;
	font-size: 90%;
	line-height: 170%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle1 .centerdivbox {
	height: 28.2rem !important;
}

/*========商品展示區塊============*/
body[flow-size="125"] .aa-flow #neilproduct1_block #product_content #product_btn .btn {
	font-size: 85% !important;
}

body[flow-size="150"] .aa-flow #neilproduct1_block #product_content #product_btn .btn {
	font-size: 78% !important;
	padding: 0.25rem 0.3125rem !important;
}

body[flow-size="200"] .aa-flow #neilproduct1_block .col-md-3,
body[flow-size="175"] .aa-flow #neilproduct1_block .col-md-3 {
	max-width: 50%;
	min-width: 50%;
}

body[flow-size="200"] .aa-flow #neilproduct1_block #product_content,
body[flow-size="175"] .aa-flow #neilproduct1_block #product_content {
	width: 96%;
}

body[flow-size="200"] .aa-flow #neilproduct1_block #product_content #product_title {
	position: relative;
	height: 8.75rem;
	line-height: 180%;
}

/*=========放大200%以上============*/

.aa-flow-all-max[flow-size="200"] .aa-flow #neilproduct1_block #product_content #product_title {
	position: relative;
	height: 8.85rem;
	line-height: 180%;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #neilproduct1_block #product_content #product_btn {
	position: relative;
	font-size: 90%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #neilproduct1_block .col-md-3 {
	max-width: 100%;
	min-width: 100%;
}

/*========榮譽事項===========*/
body[flow-size="100"] .aa-flow #rdivfalse #neilhonorlist_block0 .col-md-3 {
	max-width: 21%;
	min-width: 21%;
}

body[flow-size="100"] .aa-flow #rdivfalse #neilhonorlist_block0 .col-md-9 {
	max-width: 79%;
	min-width: 79%;
}

body[flow-size="125"] .aa-flow #rdivfalse #neilhonorlist_block0 .col-md-3 {
	max-width: 23%;
	min-width: 23%;
}

body[flow-size="125"] .aa-flow #rdivfalse #neilhonorlist_block0 .col-md-9 {
	max-width: 77%;
	min-width: 77%;
}

body[flow-size="150"] .aa-flow #rdivfalse #neilhonorlist_block0 .col-md-3 {
	max-width: 26%;
	min-width: 26%;
}

body[flow-size="150"] .aa-flow #rdivfalse #neilhonorlist_block0 .col-md-9 {
	max-width: 74%;
	min-width: 74%;
}

body[flow-size="200"] .aa-flow #neilhonorlist_block0 .col-md-3,
body[flow-size="175"] .aa-flow #neilhonorlist_block0 .col-md-3 {
	max-width: 18%;
	min-width: 18%;
}

body[flow-size="200"] .aa-flow #neilhonorlist_block0 .col-md-9,
body[flow-size="200"] .aa-flow #neilhonorlist_block0 .col-md-9 {
	max-width: 82%;
	min-width: 82%;
}

body[flow-size="200"] .aa-flow #neilhonorlist_block0 .col-md-6:nth-child(2n+2),
body[flow-size="200"] .aa-flow #neilhonorlist_block0 .col-md-6:nth-child(2n+1),
body[flow-size="175"] .aa-flow #neilhonorlist_block0 .col-md-6:nth-child(2n+2),
body[flow-size="175"] .aa-flow #neilhonorlist_block0 .col-md-6:nth-child(2n+1) {
	max-width: 100% !important;
	min-width: 100% !important;
	margin: 1.2rem 0rem !important;
}

/*============大於200%==========*/
.aa-flow-all-max[flow-size="200"] #neilhonorlist_block0 .col-md-3 {
	max-width: 0% !important;
	min-width: 0% !important;
	display: none;
}

.aa-flow-all-max[flow-size="200"] #neilhonorlist_block0 .col-md-9 {
	max-width: 100% !important;
	min-width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #neilhonorlist_block0 .col-md-3 {
	max-width: 0% !important;
	min-width: 0% !important;
	display: none;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #neilhonorlist_block0 .col-md-9 {
	max-width: 100% !important;
	min-width: 100% !important;
}

/*=======電子相簿=============*/
body[flow-size="200"] .aa-flow #neilalbum_block2 #blockstyle0 #sorttitlebox,
body[flow-size="175"] .aa-flow #neilalbum_block2 #blockstyle0 #sorttitlebox {
	height: 5.625rem;
	overflow: visible;
}

body[flow-size="200"] .aa-flow #neilalbum_block2 #blockstyle0 #titlebox,
body[flow-size="175"] .aa-flow #neilalbum_block2 #blockstyle0 #titlebox {
	position: relative;
	height: 6.2rem;
}

/*=======線上影音=============*/
.aa-flow  #neilonlinevideo_block1 .style1 #thumbnailtypeimg {
display: none;
}

/*====區塊樣式=========*/
body[flow-size="200"] .aa-flow #neilonlinevideo_block1 .style1 .col-md-6,
body[flow-size="175"] .aa-flow #neilonlinevideo_block1 .style1 .col-md-6 {
	max-width: 100%;
	min-width: 100%;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #neilonlinevideo_block1 .style1 .col-md-6 .col-4 {
	max-width: 28%;
	min-width: 28%;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #neilonlinevideo_block1 .style1 .col-md-6 .col-8 {
	max-width: 72%;
	min-width: 72%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #neilonlinevideo_block1 .style1 .col-md-6 .col-4 {
	max-width: 0%;
	min-width: 0%;
	display: none;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #neilonlinevideo_block1 .style1 .col-md-6 .col-8 {
	max-width: 100%;
	min-width: 100%;
}

/*========卡片樣式=============*/
body[flow-size="200"] .aa-flow #neilonlinevideo_block1 .style0 .owl_box #titlebox,
body[flow-size="175"] .aa-flow #neilonlinevideo_block1 .style0 .owl_box #titlebox {
    min-height: 8rem;

}

body[flow-size="200"] .aa-flow #neilonlinevideo_block1 .style0 .owl_box #titlebox div,
body[flow-size="175"] .aa-flow #neilonlinevideo_block1 .style0 .owl_box #titlebox div {
    max-height: 6.6875rem;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #neilonlinevideo_block1 .style0 .owl_box {
    position: relative;
    width: 94.5%;
}


/*=========數字廣告==============*/
.aa-flow #neildgblock .col-md-3 {
	position: relative;
	width: 25%;
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
}

body[flow-size="200"] .aa-flow #neildgblock .col-md-3,
body[flow-size="175"] .aa-flow #neildgblock .col-md-3 {
	position: relative;
	max-width: 50%;
	min-width: 50%;
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
}

body[flow-size="200"] .aa-flow #neildgblock .col-md-4,
body[flow-size="175"] .aa-flow #neildgblock .col-md-4 {
	max-width: 33%;
	min-width: 33%;
}

/*============大於200%==========*/
.aa-flow-x-max[flow-size="200"] .aa-flow #neildgblock .col-md-3,
.aa-flow-xx-max[flow-size="200"] .aa-flow #neildgblock .col-md-3 {
	position: relative;
	max-width: 100% !important;
	min-width: 100% !important;
	padding: 0.9375rem 1.9375rem;
	border-bottom: 0.0625rem solid #848484;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #neildgblock .dg_block,
.aa-flow-xx-max[flow-size="200"] .aa-flow #rdivfalse #neildgblock .dg_block {
	position: relative;
	padding: 1rem 1.5625rem;
	margin: 0rem 0rem 1.5625rem 0rem;
}

/*==========聯絡我們============*/
body[flow-size="125"] .aa-flow #onlineconsultationblock .col-md-5 {
	max-width: 30%;
	min-width: 30%;
}

body[flow-size="125"] .aa-flow #onlineconsultationblock .col-md-7 {
	max-width: 70%;
	min-width: 70%;
}

body[flow-size="125"] #onlineconsultationblock #informationblock {
	position: relative;
	font-size: 100%;
	width: 86% !important;
	line-height: 200%;
	padding: 2.8125rem 1.25rem 4.0625rem 1.25rem;
}

body[flow-size="150"] #onlineconsultationblock #checkboxmycheckbox,
body[flow-size="125"] #onlineconsultationblock #checkboxmycheckbox {
	position: relative;
	left: 4.625rem;
}

body[flow-size="175"] #onlineconsultationblock #checkboxmycheckbox {
	position: relative;
	left: 8.625rem;
}

body[flow-size="200"] #onlineconsultationblock #checkboxmycheckbox {
	position: relative;
	left: 7.7rem;
}

.aa-flow-all-max[flow-size="200"] #onlineconsultationblock #checkboxmycheckbox {
	position: relative;
	left: 1rem;
}

body[flow-size="150"] .aa-flow #onlineconsultationblock .col-md-5 {
	max-width: 30%;
	min-width: 30%;
}

body[flow-size="150"] .aa-flow #onlineconsultationblock .col-md-7 {
	max-width: 70%;
	min-width: 70%;
}

body[flow-size="150"] #onlineconsultationblock #informationblock {
	position: relative;
	font-size: 100%;
	width: 62% !important;
	line-height: 200%;
	padding: 2.1875rem 0.625rem 4.6875rem 0.625rem;
}

body[flow-size="200"] .aa-flow #onlineconsultationblock .col-md-5,
body[flow-size="175"] .aa-flow #onlineconsultationblock .col-md-5 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="200"] .aa-flow #onlineconsultationblock .col-md-7,
body[flow-size="175"] .aa-flow #onlineconsultationblock .col-md-7 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="175"] .aa-flow .footerstyle4 #footerrightdiv,
body[flow-size="175"] .aa-flow .footerstyle4 #footercenterdiv,
body[flow-size="175"] .aa-flow .footerstyle4 #footerleftdiv {
	position: relative;
	width: 100% !important;
}

body[flow-size="200"] .aa-flow .footerstyle4 #footerrightdiv,
body[flow-size="200"] .aa-flow .footerstyle4 #footercenterdiv,
body[flow-size="200"] .aa-flow .footerstyle4 #footerleftdiv {
	position: relative;
	width: 100% !important;
}

body[flow-size="200"] #onlineconsultationblock #informationblock,
body[flow-size="175"] #onlineconsultationblock #informationblock {
	position: relative;
	font-size: 100%;
	width: 100% !important;
	line-height: 200%;
	margin-top: 2.8125rem;
	padding: 2.1875rem 0.625rem 4.6875rem 0.625rem;
}

/*==========裝飾花紋===========*/
.aa-flow .decorationimg {
	display: none;
}

/*====右廣告===========*/
.aa-flow-xx-max #lowerrightadbox,
.aa-flow-max #lowerrightadbox {
	display: none !important;
}

body[flow-size="100"] #fixmenu {
	zoom: 0.9 !important;
}

body[flow-size="125"] #fixmenu {
	zoom: 0.8 !important;
}

body[flow-size="150"] #fixmenu {
	zoom: 0.7 !important;
}

body[flow-size="175"] #fixmenu {
	zoom: 0.6 !important;
}

body[flow-size="200"] #fixmenu {
	zoom: 0.5 !important;
}

/*============大於200%==========*/
.aa-flow-l-max[flow-size="200"] #fixmenu {
	zoom: 0.45 !important;
	top: 3rem !important;
}

.aa-flow-x-max[flow-size="200"] #fixmenu {
	zoom: 0.35 !important;
	top: 4rem !important;
}

.aa-flow-xx-max[flow-size="200"] #fixmenu {
	zoom: 0.28 !important;
	top: 3rem !important;
}


/* 右滑動選單：仍有足夠空間的大平板／大視窗，維持可辨識圖示。 */
@media (min-width: 48rem) and (min-height: 40.625rem) {
	body[flow-size] #fixmenu,
	body.aa-flow-l-max[flow-size="200"] #fixmenu,
	body.aa-flow-x-max[flow-size="200"] #fixmenu,
	body.aa-flow-xx-max[flow-size="200"] #fixmenu {
		zoom: 0.9 !important;
		top: 5rem !important;
	}
}

/*=========影音撥放器燈箱============*/
.aa-flow .iframetrue #defaultfunctionbox .movieboxplay iframe {
	width: 100% !important;

}

.aa-flow #neilonlinevideo_block1 .style1 .neilonlinevideoimg {
	width: 110%;
}

/*==========好站連結-區塊===============*/
.aa-flow #centertpldiv #mfdcms_block3 .mfdcms_block3_style1 .col-md-3 {
	max-width: 33.3333%;
	min-width: 33.3333%;
}

/*=========災害示警===========*/
/*body[flow-size="100"] .aa-flow #alertsncdr .alertCAP_banner {
    width: 36.1875rem !important;
}

body[flow-size="125"] .aa-flow #alertsncdr .alertCAP_banner {
    width: 32.1875rem !important;
}



body[flow-size="150"] .aa-flow #alertsncdr {
	transform-origin: 0% 0;
	transform: scale(1.54);
}

body[flow-size="175"] .aa-flow #alertsncdr {
	transform-origin: 0% 0;
	transform: scale(1.32);
}

body[flow-size="200"] .aa-flow #alertsncdr {
	transform-origin: 0% 0;
	transform: scale(1.14);
}

.aa-flow-l-max[flow-size="200"] .aa-flow #alertsncdr {
	margin: 0 auto;
	text-align: left;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #alertsncdr {
	margin: 0 auto;
	text-align: left;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #alertsncdr {
	transform-origin: 0% 0;
	transform: scale(1.12);

}

body[flow-size="150"] .aa-flow #alertsncdr .alertCAP_banner {
	min-height: 13rem;
}

body[flow-size="175"] .aa-flow #alertsncdr .alertCAP_banner {
	min-height: 17rem;
}

body[flow-size="200"] .aa-flow #alertsncdr .alertCAP_banner {
	min-height: 21rem;
}
*/
/*==========隨機小語===============*/
/*body[flow-size="125"] .aa-flow #wrapper {
	transform-origin: 0% 0;
	transform: scale(0.85);
}
*/
/*===========底選單===========*/
#menutblbottom .btnstyle7 ul li.menubottom1 {
	min-height: 22rem;
}

/*===========關於我們============*/
.aa-flow-all-max[flow-size="200"] .aa-flow #neilaboutusboxblock .col-md-4 {
	max-width: 100% !important;
	min-width: 100% !important;
	margin: 0 0 2rem 0;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #neilaboutusboxblock .col-md-8 {
	max-width: 100% !important;
	min-width: 100% !important;
	color: #FFFFFF;
}

/*======聯絡我們================*/
.aa-flow-l-max[flow-size="200"] #onlineconsultationblock #checkboxmycheckbox {
	position: relative;
	left: 1.1rem;
}

.aa-flow-x-max[flow-size="200"] #onlineconsultationblock #checkboxmycheckbox {
	position: relative;
	left: 1.1rem;
}

.aa-flow-xx-max[flow-size="200"] #onlineconsultationblock #checkboxmycheckbox {
	position: relative;
	left: 1.1rem;
}

/*==========底區塊==============*/
.aa-flow-xx-max[flow-size="200"] .aa-flow #neilaboutusboxblock #neilaboutusboximg {
	position: relative;
	width: 100%;
	height: 100%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow .footerstyle3 #footerrightdiv {
	position: relative;
	width: 100%;
	margin-left: 0rem;
	padding: 0 0.8rem;
}

/*============底選單=============*/
.aa-flow-l-max[flow-size="200"] #menutblbottom ul li.menubottom1 {
	padding: 0rem 0.625rem 0rem 0.9375rem;
	width: 16rem;
}

.aa-flow-l-max[flow-size="200"] #menutblbottom ul li.menubottom1 {
	min-height: 14rem;
}

.aa-flow-x-max[flow-size="200"] #menutblbottom ul li.menubottom1 {
	padding: 0rem 0.625rem 0rem 0.9375rem;
	width: 14rem;
}

.aa-flow-x-max[flow-size="200"] #menutblbottom ul li.menubottom1 {
	min-height: 12rem;
}

.aa-flow-xx-max[flow-size="200"] #menutblbottom ul li.menubottom1 {
	padding: 0rem 0.625rem 0rem 0.9375rem;
	width: 20rem;
}

.aa-flow-xx-max[flow-size="200"] #menutblbottom ul li.menubottom1 {
	min-height: 12rem;
}

/*=========頁腳=================*/
body[flow-size="200"] .aa-flow #footercontents .col-md-1,
body[flow-size="175"] .aa-flow #footercontents .col-md-1,
body[flow-size="150"] .aa-flow #footercontents .col-md-1 {
	display: none !important;
	max-width: 0%;
	min-width: 0%;
}

body[flow-size="200"] .aa-flow #xoopsfooter,
body[flow-size="175"] .aa-flow #xoopsfooter,
body[flow-size="150"] .aa-flow #xoopsfooter {
	position: relative;
	width: 100%;
	top: -0.375rem;
	left: 0.5rem;
	min-height: 8.4375rem;
	overflow: hidden;
	font-size: 125%;
	line-height: 175%;
	z-index: 101;
	color: #101010;

}

body[flow-size="200"] .aa-flow #xoopsfooter,
body[flow-size="175"] .aa-flow #xoopsfooter {
	padding: 0.5% 0% 2.5% 0%;
}

body[flow-size="150"] .aa-flow #footercontents .col-md-8 {
	max-width: 75%;
	min-width: 75%;
}

body[flow-size="150"] .aa-flow #footercontents .col-md-3 {
	max-width: 25%;
	min-width: 25%;
}

body[flow-size="200"] .aa-flow #footercontents .col-md-8,
body[flow-size="175"] .aa-flow #footercontents .col-md-8 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="200"] .aa-flow #footercontents .col-md-3,
body[flow-size="175"] .aa-flow #footercontents .col-md-3 {
	display: none !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #xoopsfooter .accessibility_btn {
	position: relative;
	right: 0rem;
	top: 0rem;
	width: auto;
	height: auto;
}

/*=========初始值設定===========*/
.aa-flow .box1 #menutbl,
.aa-flow .box1 #playerimgdiv {
	visibility: visible;
	
}

.aa-flow .box1 #menutbl{
    z-index: 2000;
    height: 3.5625rem;
}
/*
.aa-flow .box1 #playerimgdiv {
    margin-top: -1rem !important;
	padding: 2.1875rem 0rem;

}	

body[flow-size="200"] .aa-flow .box1 #playerimgdiv{
    margin-top: -0.2rem !important;
	padding: 2.1875rem 0rem;
	background: #FFFEF9 url("") no-repeat left top;	
}
*/
.aa-flow .box1 #header {
	height: 10% !important;
}

.aa-flow .box1 #topbox {
	display: none;
}

.aa-flow  .box1 #marqueetopbox {
    visibility: visible;
	width: inherit;	
   	height: 3rem;
}

/*============模組內容===============*/
.aa-flow #neilsignedupindex .navbar .collapse:not(.show),
.aa-flow #neilfilefolderindex .navbar .collapse:not(.show) {
	display: none;
}

body[flow-size="200"] .aa-flow .navbar select.form-control,
body[flow-size="175"] .aa-flow .navbar select.form-control {
	position: relative;
	width: 100%;
	margin: 0rem 0rem 0rem 0rem;
}

.aa-flow #sponsorshiplist {
	position: relative;
	z-index: 10;
	padding: 1.5625rem 1.5% 1.25rem 1.5%;
	width: unset !important;
}

.aa-flow #xo-content {
	position: relative;
	z-index: 10;
	padding: 1.5625rem 1.5% 1.25rem 1.5%;
}

.aa-flow #xo-content .page-header .col-md-2 {
	max-width: 35%;
	min-width: 35%;
}

.aa-flow #xo-content .page-header .col-md-10 {
	max-width: 65%;
	min-width: 65%;
}

.aa-flow #rdivfalse #sponsorshiplist .block-title,
.aa-flow #rdivfalse #xo-content .block-title {	
	position: relative;
	width: 100%;
	height: auto !important;
	min-height:100% !important;
   padding: 0.5rem 0.6rem 0.6rem 0.6rem !important;
	border-radius: 0.625rem;
	text-align: center;
	color: #4a4949;
	--block-grad-02: linear-gradient(#92AA22 50%,#728614 50%);
	
}




.aa-flow #rdivfalse #sponsorshiplist .block-title .blocktitle,
.aa-flow #xo-content .block-title .blocktitle {
	position: relative;
	background: none !important;
}

.aa-flow #rdivfalse #sponsorshiplist .block-title .ielement,
.aa-flow #rdivfalse #xo-content .block-title .ielement {
	position: relative;
	width: 100%;
	display: block;
	padding: 0.6375rem 0.625rem 0.7375rem 0.625rem;
	border-radius: 0.625rem;
}

.aa-flow #sponsorshiplist .block-title .bimg,
.aa-flow #xo-content .block-title .bimg {
	display: none;
}

.aa-flow  #sponsorshiplist .block-title,
.aa-flow  #xo-content .block-title {
	position: relative;
	width: 100%;
	height: auto !important;
	min-height:100% !important;
   padding: 0.5rem 0.6rem 0.6rem 0.6rem !important;
	border-radius: 0.625rem;
	text-align: center;
	color: #4a4949;
	--block-grad-01: linear-gradient(#24A5C7 50%,#12809D 50%);
}

.aa-flow   #sponsorshiplist .block-title  p,
.aa-flow  #xo-content .block-title  p{
margin: 0rem  !important; 
padding: 0rem  !important;
}

.aa-flow #sponsorshiplist .block-title .ielement, 
.aa-flow #xo-content .block-title .ielement {
    display: inline-block;
    width: auto;
	height: auto !important;
    padding: 0.12rem 1.9rem;
    line-height: 1.6;
}





.aa-flow  #sponsorshiplist  .block-title,
.aa-flow  #xo-content  .block-title {
	background-image: none, var(--block-grad-01);
}
.aa-flow #rdivfalse  #sponsorshiplist  .block-title,
.aa-flow #rdivfalse  #xo-content  .block-title {
	background-image: none, var(--block-grad-02);
}


.aa-flow  #sponsorshiplist  .block-title::before,
.aa-flow  #xo-content  .block-title::before {
    background-image: none !important;
}

.aa-flow  #sponsorshiplist  .block-title::after ,
.aa-flow   #xo-content  .block-title::after {
    background-image: none !important;
}
.aa-flow  #sponsorshiplist .block-title #titleheight ,
.aa-flow  #xo-content .block-title #titleheight {
    display: block;
    padding-top: 0rem;
}


/*
body[flow-size="175"] .aa-flow #xo-content .col-md-6,
body[flow-size="175"] .aa-flow #xo-content .col-md-9:not(#filefoldershowbox .col-md-9):not(#honorlist_index .col-md-9):not(#honorpagebox .col-md-9):not(#neilfilefolderindex .col-md-9):not(#neilsignedupindex .col-md-9):not(#indexlistbox .col-md-9),
body[flow-size="175"] .aa-flow #xo-content .col-md-3:not(#cookieArrbox .col-md-3):not(#honorlist_index .col-md-3):not(#content_box .col-md-3):not(#filefoldershowbox .col-md-3):not(#filedivbox .col-md-3):not(#neilfilefolderindex .col-md-3):not(#neilsignedupindex .col-md-3):not(#indexlistbox .col-md-3) {
	max-width: 100%;
	min-width: 100%;
}
*/
/*==========網站導覽============*/
body[flow-size="200"] .aa-flow #primaryNav.col4 li,
body[flow-size="175"] .aa-flow #primaryNav.col4 li {
	width: 50.0%;
}

body[flow-size="200"] .aa-flow #primaryNav.col3 li,
body[flow-size="175"] .aa-flow #primaryNav.col3 li {
	width: 50.0%;
}

/*===========最新消息=================*/
.aa-flow #neilmfdcmsindex .panelCustom,
.aa-flow #mfdcmscentervbox .panelCustom,
.aa-flow #mfdcmscentervbox .list-group {
	position: relative;
	display: block !important;
	width: 100% !important;
	left: 0 !important;
	box-sizing: border-box;
}

.aa-flow #mfdcmscentervbox .print_hidebox .col-md-6 {
	max-width: 50%;
	min-width: 50%;
}

body[flow-size="175"] .aa-flow #mfdcmsshowindexdivbox2 .col-md-6,
body[flow-size="150"] .aa-flow #mfdcmsshowindexdivbox2 .col-md-6,
body[flow-size="125"] .aa-flow #mfdcmsshowindexdivbox2 .col-md-6 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="125"] .aa-flow #mfdcmsshowindexdivbox2 .col-md-6 .col-md-4 {
	max-width: 18%;
	min-width: 18%;
}

body[flow-size="125"] .aa-flow #mfdcmsshowindexdivbox2 .col-md-6 .col-md-8 {
	max-width: 82%;
	min-width: 82%;
}

body[flow-size="150"] .aa-flow #mfdcmsshowindexdivbox2 .col-md-6 .col-md-4 {
	max-width: 22%;
	min-width: 22%;
}

body[flow-size="150"] .aa-flow #mfdcmsshowindexdivbox2 .col-md-6 .col-md-8 {
	max-width: 78%;
	min-width: 78%;
}

body[flow-size="175"] .aa-flow #mfdcmsshowindexdivbox2 .col-md-6 .col-md-4 {
	max-width: 28%;
	min-width: 28%;
}

body[flow-size="175"] .aa-flow #mfdcmsshowindexdivbox2 .col-md-6 .col-md-8 {
	max-width: 72%;
	min-width: 72%;
}


/*============大於200%==========*/
.aa-flow-l-max[flow-size="200"] .aa-flow #introductionbox .col-3 {
	max-width: 30%;
	min-width: 30%;
}

.aa-flow-l-max[flow-size="200"] .aa-flow #introductionbox .col-9 {
	max-width: 70%;
	min-width: 70%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #introductionbox .col-3 {
	max-width: 37%;
	min-width: 37%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #introductionbox .col-9 {
	max-width: 63%;
	min-width: 63%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #neilmfdcmsindex #mfdcmsshowindexdivbox2 .introductionboxrow2 {
	font-size: 95%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #introductionbox .col-9,
.aa-flow-xx-max[flow-size="200"] .aa-flow #introductionbox .col-3 {
	max-width: 100%;
	min-width: 100%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #neilmfdcmsindex #mfdcmsshowindexdivbox2 .thumbnail {
	position: relative;
	margin-top: 0.3125rem;
	left: -0.1875rem;
	width: calc(0.625rem + 18.625rem) !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #neilmfdcmsindex #mfdcmsshowindexdivbox2 #representimgbox img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}

.aa-flow-xx-max .aa-flow #neilmfdcmsindex #mfdcmsshowindexdivbox2 #introductionbox {
	position: relative;
	width: 118%;
	left: -0.9375rem;
	border-radius: 0.375rem;
	height: auto !important;

}

.aa-flow-xx-max .aa-flow #recommendbox .captionbox {
	position: relative;
    min-height: 4.0625rem;
    height: 100%;
	line-height: 150%;
	overflow: hidden;
	padding: 0.3125rem 0rem 0rem 0rem;
	margin: 0.3125rem 0rem 0.625rem 0rem;
	text-align: center;
}


.aa-flow-all-max[flow-size="200"]  .aa-flow #mfdcmscentervbox .groupslabelbox .col-md-2 {
    position: relative;
    max-width: 100%;
    min-width: 100%;
    padding: 0.0625rem 0rem 0rem 0rem;
}
.aa-flow-all-max[flow-size="200"]  .aa-flow #mfdcmscentervbox .groupslabelbox .col-md-10 {
    position: relative;
    max-width: 100%;
    min-width: 100%;
}

/*==========好站連結============*/
.aa-flow-all-max[flow-size="200"] .aa-flow  #centertpldiv #mfdcms_block3 .mfdcms_block3_style1 .col-md-3 {
    max-width: 50%;
    min-width: 50%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow  #centertpldiv #mfdcms_block3 .mfdcms_block3_style1 .col-md-3 {
    max-width: 100%;
    min-width: 100%;
}



/*=======活動報名===========*/

body[flow-size="100"] .aa-flow #neilsignedupindex .centerboxindex {
	max-width: 65%;
	min-width: 65%;
}

body[flow-size="100"] .aa-flow #neilsignedupindex .leftboxindex {
	max-width: 35%;
	min-width: 35%;
}

body[flow-size="125"] .aa-flow #neilsignedupindex .centerboxindex {
	max-width: 68%;
	min-width: 68%;
}

body[flow-size="125"] .aa-flow #neilsignedupindex .leftboxindex {
	max-width: 32%;
	min-width: 32%;
}

body[flow-size="150"] .aa-flow #neilsignedupindex .centerboxindex {
	max-width: 72%;
	min-width: 72%;
}

body[flow-size="150"] .aa-flow #neilsignedupindex .leftboxindex {
	max-width: 28%;
	min-width: 28%;
}

body[flow-size="175"] .aa-flow #neilsignedupindex .centerboxindex {
	max-width: 67%;
	min-width: 67%;
}

body[flow-size="175"] .aa-flow #neilsignedupindex .leftboxindex {
	max-width: 33%;
	min-width: 33%;
}

body[flow-size="200"] .aa-flow #neilsignedupindex .centerboxindex {
	max-width: 64%;
	min-width: 64%;
}

body[flow-size="200"] .aa-flow #neilsignedupindex .leftboxindex {
	max-width: 36%;
	min-width: 36%;
}

.aa-flow #signedupcenterbox0 #endtimebox,
.aa-flow #signedupcenterbox0 #starttimebox {
	white-space: normal !important;
}

.aa-flow #signedupcenterbox0 #startclasstimebox {
	white-space: normal !important;
}

body[flow-size="200"] .aa-flow #signedupcenterbox0 .row,
body[flow-size="175"] .aa-flow #signedupcenterbox0 .row {
	position: relative;
	left: 0rem;
	width: 100% !important;
}

body[flow-size="175"] .aa-flow #neilsignedupindex .col-4 {
	max-width: 100% !important;
	min-width: 100% !important;
}

body[flow-size="200"] .aa-flow #neilsignedupindex .col-4 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="175"] .aa-flow #neilsignedupindex .col-4 .thumbnail,
body[flow-size="200"] .aa-flow #neilsignedupindex .col-4 .thumbnail {
	width: 100% !important;
}

body[flow-size="175"] .aa-flow #neilsignedupindex .thumbnail img,
body[flow-size="200"] .aa-flow #neilsignedupindex .thumbnail img {
	width: 100% !important;
}

body[flow-size="100"] .aa-flow #signedupshowbox .col-md-4 {
	padding-left: 1.25rem;
}

body[flow-size="125"] .aa-flow #signedupshowbox .col-md-4 {
	max-width: 32%;
	min-width: 32%;
	padding-left: 1.25rem;
}

body[flow-size="125"] .aa-flow #signedupshowbox .col-md-8 {
	max-width: 68%;
	min-width: 68%;
}

body[flow-size="150"] .aa-flow #signedupshowbox #filedivbox .col-md-3,
body[flow-size="125"] .aa-flow #signedupshowbox #filedivbox .col-md-3 {
	max-width: 33%;
	min-width: 33%;
}

body[flow-size="175"] .aa-flow #signedupshowbox #filedivbox .col-md-3 {
	max-width: 50%;
	min-width: 50
}

body[flow-size="150"] .aa-flow #signedupshowbox .col-md-4 {
	max-width: 36%;
	min-width: 36%;
	padding-left: 1.25rem;
}

body[flow-size="150"] .aa-flow #signedupshowbox .col-md-8 {
	max-width: 64%;
	min-width: 64%;
}

body[flow-size="200"] .aa-flow #signedupshowbox .col-md-8,
body[flow-size="200"] .aa-flow #signedupshowbox .col-md-4,
body[flow-size="175"] .aa-flow #signedupshowbox .col-md-8,
body[flow-size="175"] .aa-flow #signedupshowbox .col-md-4 {
	max-width: 100%;
	min-width: 100%;
}

.aa-flow #courselistbox .col-md-1,
.aa-flow #inversebox .col-md-12 .col-md-10,
.aa-flow #inversebox .col-md-12 .col-md-2,
.aa-flow #courselistbox .col-md-4,
.aa-flow #courselistbox .col-md-7 {
	max-width: 100%;
	min-width: 100%;
	padding: 0rem;
}

.aa-flow #courselistbox {
	line-height: 160%;
	padding: 0.9375rem 1rem 0.9375rem 1rem;
	min-height: 10.3125rem;
}

.aa-flow #neilsignedupindex .list-group .aa-flow #neilsignedupindex .list-group {
	position: relative;
	width: 100%;
}

.aa-flow #courselistbox .representimgbox {
	position: relative;
	width: 100%;
	height: 8.75rem;
	overflow: hidden;
}

.aa-flow #courselistbox .col-md-4,
.aa-flow #courselistbox .pl-5 {
	padding-left: 1rem !important;
}

.aa-flow .container,
.container-sm {
	max-width: 100% !important;
}

.aa-flow #signupdivbox .citybox {
	position: relative;
	left: 0rem;
}

body[flow-size="100"] .aa-flow #signupdivbox .citybox {
	position: relative;
	left: -2.8rem;
}

body[flow-size="150"] .aa-flow .container .no-gutters .col-md-3,
body[flow-size="125"] .aa-flow .container .no-gutters .col-md-3,
body[flow-size="100"] .aa-flow .container .no-gutters .col-md-3 {
	max-width: 28%;
	min-width: 28%;
}

body[flow-size="150"] .aa-flow .container .no-gutters .col-md-9,
body[flow-size="125"] .aa-flow .container .no-gutters .col-md-9,
body[flow-size="100"] .aa-flow .container .no-gutters .col-md-9 {
	max-width: 72%;
	min-width: 72%;
}

body[flow-size="125"] .aa-flow #signupdivbox .citybox {
	position: relative;
	left: -2.5rem;
}

body[flow-size="150"] .aa-flow #signupdivbox .citybox {
	position: relative;
	left: -2.3rem;
}

body[flow-size="200"] .aa-flow #signupdivbox .citybox,
body[flow-size="175"] .aa-flow #signupdivbox .citybox {
	position: relative;
	left: 0rem;
}

body[flow-size="175"] .aa-flow .container .col-md-2,
body[flow-size="175"] .aa-flow .container .no-gutters .col-md-4,
body[flow-size="175"] .aa-flow .container .no-gutters .col-md-3 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="175"] .aa-flow .container .no-gutters .col-md-9 {
	max-width: 100%;
	min-width: 100%;
}

.aa-flow #inversebox .col-md-12 .col-md-10,
.aa-flow #inversebox .col-md-12 .col-md-2 {
	padding-left: 1rem !important;

}

.aa-flow #signupdivbox .alert-info,
.aa-flow #signupdivbox #message {
	position: relative;
	display: block !important;
	width: 100% !important;
	left: 0 !important;
	box-sizing: border-box;
}

.aa-flow #signupdivbox .citybox li {
	width: 100%;
}

.aa-flow #signupdivbox #notarobotbox1 .col-md-2 {
	max-width: 6.5%;
	min-width: 6.5%;
}

.aa-flow #signupdivbox #notarobotbox1 .col-md-10 {
	max-width: 93.5%;
	min-width: 93.5%;
}

.aa-flow #signupdivbox #namesbox {
	position: relative;
	left: 0rem;
}

/*============大於200%==========*/
.aa-flow-l-max[flow-size="200"] .aa-flow #neilsignedupindex .centerboxindex {
	max-width: 60%;
	min-width: 60%;
}

.aa-flow-l-max[flow-size="200"] .aa-flow #neilsignedupindex .leftboxindex {
	max-width: 40%;
	min-width: 40%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #neilsignedupindex .leftboxindex,
.aa-flow-x-max[flow-size="200"] .aa-flow #neilsignedupindex .centerboxindex {
	max-width: 100%;
	min-width: 100%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #neilsignedupindex .leftboxindex,
.aa-flow-xx-max[flow-size="200"] .aa-flow #neilsignedupindex .centerboxindex {
	max-width: 100%;
	min-width: 100%;
}

/*==========條列式=================*/
.aa-flow #neilsignedupindex #signedup_1 .centerboxindex {
    max-width: 100%;
    min-width: 100%;
}

.aa-flow #neilsignedupindex #signedup_1 .leftboxindex {
    max-width: 100%;
    min-width: 100%;
}

.aa-flow #neilsignedupindex #signedup_1 #signedupcenterbox1 #indexboxlist .informationbox {
    white-space: normal;
}

.aa-flow #signedup_1 #signedupcenterbox1 #indexboxlist .informationbox2 {
    white-space: normal;
}

.aa-flow #signedup_1  #signedupcenterbox1 #indexboxlist #titlebox {
    position: relative;
    min-height: 2.375rem;
    height: 100%;
    overflow: visible;
}

.aa-flow #signedup_1  #signedupcenterbox1 #indexboxlist #startclasstimebox {
    position: relative;
    white-space: normal;
    text-align: left;
}



/*===========電子相簿================*/
body[flow-size="125"] .aa-flow #albumshowalbumbox .col-md-8 .magnifier {
	zoom: 0.88;
}

body[flow-size="175"] .aa-flow #albumshowalbumbox .col-md-4,
body[flow-size="175"] .aa-flow #albumshowalbumbox .col-md-8,
body[flow-size="150"] .aa-flow #albumshowalbumbox .col-md-4,
body[flow-size="150"] .aa-flow #albumshowalbumbox .col-md-8 {
	position: relative;
	min-width: 100%;
	max-width: 100%;
}

body[flow-size="150"] .aa-flow #albumshowalbumbox .col-md-8 .magnifier {
	zoom: 1.12;
}

body[flow-size="175"] .aa-flow #albumshowalbumbox .col-md-8 .magnifier {
	zoom: 0.96;
}

body[flow-size="200"] .aa-flow #albumshowalbumbox .col-md-8 .magnifier {
	zoom: 0.84;
}

body[flow-size="200"] .aa-flow #albumcenterbox .col-md-3,
body[flow-size="175"] .aa-flow #albumcenterbox .col-md-3 {
	position: relative;
	min-width: 100% !important;
	max-width: 100% !important;
}

body[flow-size="175"] .aa-flow #albumcenterbox .masonry {
	width: 80% !important;
}

body[flow-size="200"] .aa-flow #albumcenterbox .masonry {
	width: 90% !important;
}

body[flow-size="200"] .aa-flow #albumcenterbox .col-4,
body[flow-size="175"] .aa-flow #albumcenterbox .col-4 {
	position: relative;
	min-width: 50% !important;
	max-width: 50% !important;
}

body[flow-size="100"] .aa-flow #albumcenterbox .thumbnail,
body[flow-size="100"] .aa-flow #albumcenterbox .thumbnail img {
	width: 100% !important;
}

body[flow-size="175"] .aa-flow #albumcenterbox .thumbnail,
body[flow-size="175"] .aa-flow #albumcenterbox .thumbnail img {
	width: 100% !important;
}

body[flow-size="200"] .aa-flow #albumcenterbox .thumbnail,
body[flow-size="200"] .aa-flow #albumcenterbox .thumbnail img {
	width: 100% !important;
}

/*============大於200%==========*/
.aa-flow-all-max[flow-size="200"] .aa-flow #albumcenterbox .col-4 {
	position: relative;
	min-width: 100% !important;
	max-width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #albumcenterbox .masonry {
	width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #albumcenterbox .thumbnail {
	width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #albumcenterbox .thumbnail img {
	width: 100% !important;
}

.aa-flow-l-max[flow-size="200"] .aa-flow #albumshowalbumbox .col-md-8 .magnifier {
	transform: scale(0.79) !important;
	transform-origin: left top;
	height: 33rem !important;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #albumshowalbumbox .col-md-8 .magnifier {
	transform: scale(0.65) !important;
	transform-origin: left top;
	height: 27rem !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #albumshowalbumbox .col-md-8 .magnifier {
	transform: scale(0.49) !important;
	transform-origin: left top;
	height: 20rem !important;
}

/*===========線上影音================*/
body[flow-size="125"] .aa-flow #videoshowmoviebox .col-md-8 .movieboxplay {
	zoom: 0.88;
}

body[flow-size="175"] .aa-flow #videoshowmoviebox .col-md-4,
body[flow-size="175"] .aa-flow #videoshowmoviebox .col-md-8,
body[flow-size="150"] .aa-flow #videoshowmoviebox .col-md-4,
body[flow-size="150"] .aa-flow #videoshowmoviebox .col-md-8 {
	position: relative;
	min-width: 100%;
	max-width: 100%;
}

body[flow-size="150"] .aa-flow #videoshowmoviebox .col-md-8 .movieboxplay {
	zoom: 1.11;
}

body[flow-size="175"] .aa-flow #videoshowmoviebox .col-md-8 .movieboxplay {
	zoom: 0.95;
}

body[flow-size="200"] .aa-flow #videoshowmoviebox .col-md-8 .movieboxplay {
	zoom: 0.83;
}

body[flow-size="200"] .aa-flow #videocenterbox .col-md-3,
body[flow-size="175"] .aa-flow #videocenterbox .col-md-3 {
	position: relative;
	min-width: 100%;
	max-width: 100%;
}

body[flow-size="100"] .aa-flow #videocenterbox .thumbnail,
body[flow-size="100"] .aa-flow #videocenterbox .thumbnail img {
	width: 100% !important;
}

body[flow-size="200"] .aa-flow #videocenterbox #thumbnailtypeimg,
body[flow-size="175"] .aa-flow #videocenterbox #thumbnailtypeimg,
body[flow-size="100"] .aa-flow #videocenterbox #thumbnailtypeimg {
	position: absolute;
	width: 15% !important;
}

body[flow-size="175"] .aa-flow #videocenterbox .masonry {
	width: 80% !important;
}

body[flow-size="175"] .aa-flow #videocenterbox .thumbnail,
body[flow-size="175"] .aa-flow #videocenterbox .thumbnail img {
	width: 100% !important;
}

body[flow-size="200"] .aa-flow #videocenterbox .masonry {
	width: 90% !important;
}

body[flow-size="175"] .aa-flow #videocenterbox .col-4,
body[flow-size="200"] .aa-flow #videocenterbox .col-4 {
	position: relative;
	min-width: 50% !important;
	max-width: 50% !important;
}

body[flow-size="200"] .aa-flow #videocenterbox .thumbnail,
body[flow-size="200"] .aa-flow #videocenterbox .thumbnail img {
	width: 100% !important;
}

/*============大於200%==========*/
.aa-flow-all-max[flow-size="200"] .aa-flow #videocenterbox .col-4 {
	position: relative;
	min-width: 100% !important;
	max-width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #videocenterbox .masonry {
	width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #videocenterbox .thumbnail {
	width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #videocenterbox .thumbnail img {
	width: 100% !important;
}

.aa-flow-l-max[flow-size="200"] .aa-flow #videoshowmoviebox .col-md-8 .movieboxplay {
	transform: scale(0.8);
	transform-origin: left top;
	height: 29rem;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #videoshowmoviebox .col-md-8 .movieboxplay {
	transform: scale(0.66);
	transform-origin: left top;
	height: 24rem;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #videoshowmoviebox .col-md-8 .movieboxplay {
	transform: scale(0.49);
	transform-origin: left top;
	height: 19rem;
}

/*==========榮譽事蹟==============*/
.aa-flow #honorlist_index #indwx_content .left_box {
	max-width: 30%;
	min-width: 30%;
}

.aa-flow #honorlist_index #indwx_content .right_box {
	max-width: 70%;
	min-width: 70%;
}

.aa-flow #honor_Arr_box .honor_box_l {
	display: none;
}

.aa-flow #honor_Arr_box .honor_box_r {
	max-width: 100%;
	min-width: 100%;
	padding: 0rem 0rem 0rem 0rem;
}

body[flow-size="125"] .aa-flow #honorfilebox .col-md-3 {
	max-width: 33% !important;
	min-width: 33% !important;
}

body[flow-size="200"] .aa-flow #honorfilebox .col-md-3,
body[flow-size="175"] .aa-flow #honorfilebox .col-md-3,
body[flow-size="150"] .aa-flow #honorfilebox .col-md-3 {
	max-width: 50% !important;
	min-width: 50% !important;
}

.aa-flow #honorpagebox #content_box .leftbox {
	max-width: 30%;
	min-width: 30%;
}

.aa-flow #honorpagebox #content_box .rightbox {
	max-width: 70%;
	min-width: 70%;
	padding: 0rem 0rem 0rem 0rem;
	margin-top: -0.9375rem !important;
}

.aa-flow #honorpagebox #content_box .rightbox .col-md-1 {
	max-width: 23%;
	min-width: 23%;
}

.aa-flow #honorpagebox #content_box .rightbox .col-md-11 {
	max-width: 77%;
	min-width: 77%;
}

.aa-flow #honorpagebox #content_box .rightbox .col-md-3 {
	max-width: 77%;
	min-width: 77%;
}

/*============大於200%==========*/
.aa-flow-all-max[flow-size="200"] .aa-flow #honorlist_index #indwx_content .left_box {
	max-width: 100% !important;
	min-width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #honorlist_index #indwx_content .right_box {
	max-width: 100% !important;
	min-width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #honorpagebox #content_box .leftbox {
	max-width: 100% !important;
	min-width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #honorpagebox #content_box .rightbox {
	max-width: 100% !important;
	min-width: 100% !important;
}

.aa-flow-max[flow-size="200"] .aa-flow #honorpagebox #content_box #sorthcid,
.aa-flow-all-max[flow-size="200"] .aa-flow #honorpagebox #content_box #sorthcid {
	position: relative;
	height: auto !important;
	overflow: visible !important;
	line-height: 170%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #honorfilebox .col-md-3 {
	max-width: 100% !important;
	min-width: 100% !important;
}

.aa-flow-l-max[flow-size="200"] .aa-flow #honorpagebox #content_box .rightbox .col-md-1 {
	max-width: 22%;
	min-width: 22%;
}

.aa-flow-l-max[flow-size="200"] .aa-flow #honorpagebox #content_box .rightbox .col-md-11 {
	max-width: 78%;
	min-width: 78%;
}

.aa-flow-l-max[flow-size="200"] .aa-flow #honorpagebox #content_box .rightbox .col-md-3 {
	max-width: 78%;
	min-width: 78%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #honorpagebox #content_box .rightbox .col-md-1 {
	max-width: 25%;
	min-width: 25%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #honorpagebox #content_box .rightbox .col-md-11 {
	max-width: 75%;
	min-width: 75%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #honorpagebox #content_box .rightbox .col-md-3 {
	max-width: 75%;
	min-width: 75%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #honorpagebox #content_box .rightbox .col-md-1 {
	max-width: 35%;
	min-width: 35%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #honorpagebox #content_box .rightbox .col-md-11 {
	max-width: 65%;
	min-width: 65%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #honorpagebox #content_box .rightbox .col-md-3 {
	max-width: 65%;
	min-width: 65%;
}

/*========組織簡介===========*/

body[flow-size="175"] .aa-flow #indexshowbox .col-md-2,
body[flow-size="150"] .aa-flow #indexshowbox .col-md-2 {
	padding: 0.3125rem 0rem;
	white-space: nowrap;
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="175"] .aa-flow #indexshowbox .col-md-10,
body[flow-size="150"] .aa-flow #indexshowbox .col-md-10 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="175"] .aa-flow #indexshowbox .col-md-10 .col-md-4,
body[flow-size="150"] .aa-flow #indexshowbox .col-md-10 .col-md-4 {
	max-width: 50%;
	min-width: 50%;
}

.aa-flow #neilshowcasebox .order_box_02,
.aa-flow #neilshowcasebox .order_box_01 {
	min-width: 100%;
	max-width: 100%;
}

body[flow-size="150"] .aa-flow #neilshowcaseboxl,
body[flow-size="125"] .aa-flow #neilshowcaseboxl,
body[flow-size="100"] .aa-flow #neilshowcaseboxl {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="100"] .aa-flow #neilshowcaseboxl .col-md-9 {
	position: relative;
	padding: 0rem 0rem 0rem 1.25rem;
	max-width: 48%;
	min-width: 48%;
}

body[flow-size="100"] .aa-flow #neilshowcaseboxr {
	position: relative;
	max-width: 28%;
	min-width: 28%;
	padding: 0rem 0.75rem 0rem 0.75rem;
}

body[flow-size="100"] .aa-flow #neilshowcasebox .order_box_02 {
	min-width: 24%;
	max-width: 24%;
}

body[flow-size="125"] .aa-flow #neilshowcaseboxl .col-md-9 {
	position: relative;
	padding: 0rem 0rem 0rem 1.25rem;
	max-width: 55%;
	min-width: 55%;
}

body[flow-size="125"] .aa-flow #neilshowcaseboxr {
	position: relative;
	max-width: 25%;
	min-width: 25%;
	padding: 0rem 0.75rem 0rem 0.75rem;
}

body[flow-size="125"] .aa-flow #neilshowcasebox .order_box_02 {
	min-width: 20%;
	max-width: 20%;
}

body[flow-size="150"] .aa-flow #neilshowcaseboxl .col-md-9 {
	position: relative;
	padding: 0rem 0rem 0rem 1.25rem;
	max-width: 60%;
	min-width: 60%;
}

body[flow-size="150"] .aa-flow #neilshowcaseboxr {
	position: relative;
	max-width: 40%;
	min-width: 40%;
	padding: 0rem 0rem 0rem 3.75rem;
}

body[flow-size="150"] .aa-flow #neilshowcasebox .order_box_02 {
	min-width: 100%;
	max-width: 100%;
}
body[flow-size="175"] .aa-flow #neilshowcaseboxl,
body[flow-size="200"] .aa-flow #neilshowcaseboxr,
body[flow-size="200"] .aa-flow #neilshowcaseboxl .col-md-9,
body[flow-size="175"] .aa-flow #neilshowcaseboxr,
body[flow-size="175"] .aa-flow #neilshowcaseboxl .col-md-9 {
	max-width: 100%;
	min-width: 100%;
	padding: 0rem;

}

body[flow-size="175"] .aa-flow .magnifier {
	zoom: 1.35;
}

body[flow-size="200"] .aa-flow .magnifier {
	zoom: 1.17;
}



body[flow-size="175"] #producsortbox .card-body .col-3 {
	max-width: 32%;
	min-width: 32%;
	padding: 0rem;
}
body[flow-size="175"] #producsortbox .card-body .col-9{
	max-width: 68%;
	min-width: 68%;
	padding: 0rem;
}


body[flow-size="200"] #producsortbox .card-body .col-3 {
	max-width: 38%;
	min-width: 38%;
	padding: 0rem;
}
body[flow-size="200"] #producsortbox .card-body .col-9{
	max-width: 62%;
	min-width: 62%;
	padding: 0rem;
}


/*============大於200%==========*/
.aa-flow-all-max[flow-size="200"] #producsortbox .card-body .col-3,
.aa-flow-all-max[flow-size="200"] #producsortbox .card-body .col-2 {
	max-width: 100%;
	min-width: 100%;
	padding: 0rem;
}
.aa-flow-all-max[flow-size="200"] #producsortbox .card-body .col-9,
.aa-flow-all-max[flow-size="200"] #producsortbox .card-body .col-10 {
	max-width: 100%;
	min-width: 100%;
	padding: 0rem;
}

.aa-flow-all-max[flow-size="200"] #producsortbox #morebox {
display: none;
}

.aa-flow-all-max[flow-size="200"] #rdivfalse #producsortbox #briefdescription {
	position: relative;
	margin-left: 0rem;
}

.aa-flow-all-max[flow-size="200"] #indexshowbox #pictureimg .thumbnail {
	margin-top: 0.625rem;
	width: 100%;
	height: 100%;
	border-radius: 12.5rem !important;
	overflow: hidden;
	padding: 0rem !important;
	border: 0.0625rem solid #337AB7;
}

.aa-flow-l-max[flow-size="200"] .aa-flow #neilshowcasebox .magnifier {
	transform: scale(0.8) !important;
	transform-origin: left top;
	height: 28rem !important;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #neilshowcasebox .magnifier {
	transform: scale(0.65) !important;
	transform-origin: left top;
	height: 23rem !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #neilshowcasebox .magnifier {
	transform: scale(0.49) !important;
	transform-origin: left top;
	height: 17rem !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #showbox .small-img {
	width: 31.5rem;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #textbox {
	position: relative;
	margin: 1.25rem 0rem 0rem 0rem;
	word-break: break-all;
}

/*=========檔案管理===========*/
body[flow-size="100"] .aa-flow #neilfilefolderindex .no-gutters>.col-md-3 {
	padding-right: 0rem;
	padding-left: 1.5rem;
}

body[flow-size="125"] .aa-flow #neilfilefolderindex .no-gutters>.col-md-3 {
	padding-right: 0rem;
	padding-left: 1.5rem;
	max-width: 28%;
	min-width: 28%;
}

body[flow-size="125"] .aa-flow #neilfilefolderindex .no-gutters>.col-md-9 {
	max-width: 72%;
	min-width: 72%;
}

body[flow-size="150"] .aa-flow #neilfilefolderindex .no-gutters>.col-md-3 {
	padding-right: 0rem;
	padding-left: 1.5rem;
	max-width: 30%;
	min-width: 30%;
}

body[flow-size="150"] .aa-flow #neilfilefolderindex .no-gutters>.col-md-9 {
	max-width: 70%;
	min-width: 70%;
}

body[flow-size="175"] .aa-flow #neilfilefolderindex .no-gutters>.col-md-3 {
	padding-right: 0rem;
	padding-left: 1.5rem;
	max-width: 33%;
	min-width: 33%;
}

body[flow-size="175"] .aa-flow #neilfilefolderindex .no-gutters>.col-md-9 {
	max-width: 67%;
	min-width: 67%;
}

body[flow-size="200"] .aa-flow .media-left,
body[flow-size="175"] .aa-flow .media-left {
	display: none;
}

body[flow-size="200"] .aa-flow #neilfilefolderindex .media-body,
body[flow-size="175"] .aa-flow #neilfilefolderindex .media-body {
	position: relative;
	padding: 0rem 0rem 0rem 0rem;
}

#neilfilefolder[flow-size="100"]  .aa-flow #defaultfunctionbox .contentbox {
	max-width: 73%;
	min-width: 73%;
	padding-left: 0rem;
	padding-right: 1.875rem;
}

#neilfilefolder[flow-size="125"] .aa-flow  #defaultfunctionbox .contentbox {
	max-width: 69%;
	min-width: 69%;
	padding-left: 0rem;
	padding-right: 1.875rem;
}

#neilfilefolder[flow-size="125"] .aa-flow  #defaultfunctionbox .leftbox {
	max-width: 31%;
	min-width: 31%;
}

#neilfilefolder[flow-size="200"] .aa-flow  #defaultfunctionbox .leftbox,
#neilfilefolder[flow-size="200"] .aa-flow  #defaultfunctionbox .contentbox,
#neilfilefolder[flow-size="175"] .aa-flow  #defaultfunctionbox .leftbox,
#neilfilefolder[flow-size="175"] .aa-flow  #defaultfunctionbox .contentbox,
#neilfilefolder[flow-size="150"] .aa-flow  #defaultfunctionbox .leftbox,
#neilfilefolder[flow-size="150"] .aa-flow  #defaultfunctionbox .contentbox {
	max-width: 100%;
	min-width: 100%;
	padding-left: 0rem;
	padding-right: 0rem;
}

#neilfilefolder[flow-size="200"] .aa-flow  #defaultfunctionbox #filedownloadbox #filefootbox {
	color: #C98058;
	height: 3rem;
}

/*============大於200%==========*/
.aa-flow-all-max[flow-size="200"] .aa-flow #neilfilefolderindex .media-middle {
	display: none;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #filedownloadbox .media-left {
	display: none;
}

#neilfilefolder[flow-size="200"] .aa-flow  #defaultfunctionbox #filedownloadbox #setuptimebox {
	color: #C95858;
	height: auto;
}


/*========班級課表=============*/
body[flow-size="100"] .aa-flow #contentpage .tablecustom {
	zoom: 1.55;
}

body[flow-size="125"] .aa-flow #contentpage .tablecustom {
	zoom: 1.36;
}

body[flow-size="150"] .aa-flow #contentpage .tablecustom {
	zoom: 1.13;
}

body[flow-size="175"] .aa-flow #contentpage .tablecustom {
	zoom: 0.97;
}

body[flow-size="200"] .aa-flow #contentpage .tablecustom {
	font-size: 81%;
}

/*============大於200%==========*/
.aa-flow-l-max[flow-size="200"] .aa-flow #contentpage .table {
	zoom: 0.8;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #contentpage .table {
	zoom: 0.66;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #contentpage .table {
	zoom: 0.50;
}

/*==========電子校刊==============*/
[flow-size="100"] .aa-flow #neilperiodicalindex .leftbox {
	max-width: 28%;
	min-width: 28%;
	padding-left: 1.5rem;
}

[flow-size="100"] .aa-flow #neilperiodicalindex .centerbox {
	max-width: 72%;
	min-width: 72%;
}

[flow-size="125"] .aa-flow #neilperiodicalindex .leftbox {
	max-width: 30%;
	min-width: 30%;
	padding-left: 1.5rem;
}

[flow-size="125"] .aa-flow #neilperiodicalindex .centerbox {
	max-width: 70%;
	min-width: 70%;
}

[flow-size="150"] .aa-flow #neilperiodicalindex .leftbox {
	max-width: 33%;
	min-width: 33%;
	padding-left: 1.5rem;
}

[flow-size="150"] .aa-flow #neilperiodicalindex .centerbox {
	max-width: 67%;
	min-width: 67%;
}

[flow-size="175"] .aa-flow #neilperiodicalindex .leftbox {
	max-width: 36%;
	min-width: 36%;
	padding-left: 1.5rem;
}

[flow-size="175"] .aa-flow #neilperiodicalindex .centerbox {
	max-width: 64%;
	min-width: 64%;
}

[flow-size="200"] .aa-flow #neilperiodicalindex .leftbox {
	max-width: 40%;
	min-width: 40%;
	padding-left: 1.5rem;
}

[flow-size="200"] .aa-flow #neilperiodicalindex .centerbox {
	max-width: 60%;
	min-width: 60%;
}

[flow-size="100"] .aa-flow #indexcontentbox .leftbox {
	max-width: 28%;
	min-width: 28%;
	padding-left: 2.5rem;
}

[flow-size="100"] .aa-flow #indexcontentbox .centerbox {
	max-width: 72%;
	min-width: 72%;
}

[flow-size="125"] .aa-flow #indexcontentbox .leftbox {
	max-width: 30%;
	min-width: 30%;
	padding-left: 2.5rem;
}

[flow-size="125"] .aa-flow #indexcontentbox .centerbox {
	max-width: 70%;
	min-width: 70%;
}

[flow-size="125"] .aa-flow #indexcontentbox .centerbox .col-md-9 {
	max-width: 70%;
	min-width: 70%;
}

[flow-size="125"] .aa-flow #indexcontentbox .centerbox .col-md-3 {
	max-width: 30%;
	min-width: 30%;
}

[flow-size="150"] .aa-flow #indexcontentbox .leftbox {
	max-width: 33%;
	min-width: 33%;
	padding-left: 2.5rem;
}

[flow-size="150"] .aa-flow #indexcontentbox .centerbox {
	max-width: 67%;
	min-width: 67%;
}

[flow-size="150"] .aa-flow #indexcontentbox .centerbox .col-md-9 {
	max-width: 63%;
	min-width: 63%;
}

[flow-size="150"] .aa-flow #indexcontentbox .centerbox .col-md-3 {
	max-width: 37%;
	min-width: 37%;
}

[flow-size="175"] .aa-flow #indexcontentbox .centerbox,
[flow-size="175"] .aa-flow #indexcontentbox .leftbox {
	max-width: 100%;
	min-width: 100%;
}

[flow-size="200"] .aa-flow #indexcontentbox .centerbox,
[flow-size="200"] .aa-flow #indexcontentbox .leftbox {
	max-width: 100%;
	min-width: 100%;
}

[flow-size="200"] .aa-flow #indexcontentbox .centerbox .col-md-9 {
	max-width: 68%;
	min-width: 68%;
}

[flow-size="200"] .aa-flow #indexcontentbox .centerbox .col-md-3 {
	max-width: 32%;
	min-width: 32%;
}

[flow-size="200"] .aa-flow #imgbox,
[flow-size="200"] .aa-flow #transform img {
	width: 100% !important;
}

[flow-size="100"] .aa-flow #contentlistbox .leftbox {
	max-width: 28%;
	min-width: 28%;
	padding-left: 1.5rem;
}

[flow-size="100"] .aa-flow #contentlistbox .centerbox {
	max-width: 72%;
	min-width: 72%;
}

[flow-size="125"] .aa-flow #contentlistbox .leftbox {
	max-width: 30%;
	min-width: 30%;
	padding-left: 1.5rem;
}

[flow-size="125"] .aa-flow #contentlistbox .centerbox {
	max-width: 70%;
	min-width: 70%;
}

[flow-size="150"] .aa-flow #contentlistbox .leftbox {
	max-width: 33%;
	min-width: 33%;
	padding-left: 1.5rem;
}

[flow-size="150"] .aa-flow #contentlistbox .centerbox {
	max-width: 67%;
	min-width: 67%;
}

[flow-size="175"] .aa-flow #contentlistbox .centerbox,
[flow-size="175"] .aa-flow #contentlistbox .leftbox {
	max-width: 100%;
	min-width: 100%;
}

[flow-size="200"] .aa-flow #contentlistbox .centerbox,
[flow-size="200"] .aa-flow #contentlistbox .leftbox {
	max-width: 100%;
	min-width: 100%;
}

/*============大於200%==========*/

.aa-flow-all-max[flow-size="200"] .aa-flow #neilperiodicalindex .leftbox,
.aa-flow-all-max[flow-size="200"] .aa-flow #neilperiodicalindex .centerbox {
	max-width: 100%;
	min-width: 100%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #indexcontentbox .centerbox .col-md-3,
.aa-flow-x-max[flow-size="200"] .aa-flow #indexcontentbox .centerbox .col-md-9 {
	max-width: 100%;
	min-width: 100%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #indexcontentbox .centerbox .col-md-3,
.aa-flow-xx-max[flow-size="200"] .aa-flow #indexcontentbox .centerbox .col-md-9 {
	max-width: 100%;
	min-width: 100%;
}

/*============商品展示=============*/
/*==========首頁=============*/
body[flow-size="100"] .aa-flow #product_index #product_index_content .col-md-2 {
	max-width: 17%;
	min-width: 17%;
}

body[flow-size="100"] .aa-flow #product_index #product_index_content .col-md-10 {
	max-width: 82%;
	min-width: 82%;
}

body[flow-size="125"] .aa-flow #product_index #product_index_content .col-md-2 {
	max-width: 27%;
	min-width: 27%;
}

body[flow-size="125"] .aa-flow #product_index #product_index_content .col-md-10 {
	max-width: 73%;
	min-width: 73%;
}

body[flow-size="150"] .aa-flow #product_index #product_index_content .col-md-2 {
	max-width: 33%;
	min-width: 33%;
}

body[flow-size="150"] .aa-flow #product_index #product_index_content .col-md-10 {
	max-width: 67%;
	min-width: 67%;
}

body[flow-size="200"] .aa-flow .navbar-light .navbar-toggler,
body[flow-size="175"] .aa-flow .navbar-light .navbar-toggler,
body[flow-size="150"] .aa-flow .navbar-light .navbar-toggler {
	border-color: rgba(0, 0, 0, 0.1);
	background-color: #AAAAAA;
}

body[flow-size="200"] .aa-flow #product_index .navbar,
body[flow-size="175"] .aa-flow #product_index .navbar,
body[flow-size="150"] .aa-flow #product_index .navbar {
	position: relative;
	padding: 0.5rem 1rem;
}

body[flow-size="175"] .aa-flow #product_index #product_index_content .col-md-2 {
	max-width: 36%;
	min-width: 36%;
}

body[flow-size="175"] .aa-flow #product_index #product_index_content .col-md-10 {
	max-width: 64%;
	min-width: 64%;
}

body[flow-size="175"] .aa-flow #product_arr_box #centontbox {
	width: calc(30.65625rem - 0.625rem) !important;
	margin: 0rem 0rem 3.125rem 0rem !important;
}

body[flow-size="200"] .aa-flow #product_index #product_index_content .col-md-2 {
	max-width: 36%;
	min-width: 36%;
}

body[flow-size="200"] .aa-flow #product_index #product_index_content .col-md-10 {
	max-width: 64%;
	min-width: 64%;
}

body[flow-size="200"] .aa-flow #product_arr_box #centontbox {
	width: calc(27.21875rem - 0.625rem) !important;
	margin: 0rem 0rem 3.125rem 0rem !important;
}

body[flow-size="200"] .aa-flow #showcontent #big-img-box,
body[flow-size="200"] .aa-flow #showcontent #big-layer {
	display: none !important;
}

/*============大於200%==========*/

.aa-flow-l-max[flow-size="200"] .aa-flow #product_index #product_index_content .col-md-2 {
	max-width: 33%;
	min-width: 33%;
}

.aa-flow-l-max[flow-size="200"] .aa-flow #product_index #product_index_content .col-md-10 {
	max-width: 67%;
	min-width: 67%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #product_index #product_index_content .col-md-2 {
	max-width: 40%;
	min-width: 40%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #product_index #product_index_content .col-md-10 {
	max-width: 60%;
	min-width: 60%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #product_index #product_index_content .col-md-2 {
	max-width: 45%;
	min-width: 45%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #product_index #product_index_content .col-md-10 {
	max-width: 55%;
	min-width: 55%;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #product_arr_box #centontbox {
	width: 100% !important;
	margin: 0rem 0rem 3.125rem 0rem !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #product_arr_box .masonry {
	width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #product_arr_box .thumbnail {
	width: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #product_arr_box .thumbnail img {
	width: 100% !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #product_arr_box #infobox {
	position: relative;
	padding: 0.3125rem 0.625rem 1.25rem 0.625rem;
	font-size: 50%;
	line-height: 150%;
	text-align: center;
	color: #606060;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #product_index_content .accordion-group .swhbtn {
	right: 0rem;
}

.aa-flow-l-max[flow-size="200"] .aa-flow .crosshair {
	zoom: 1.65;
}

.aa-flow-x-max[flow-size="200"] .aa-flow .crosshair {
	zoom: 1.38;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #showbox .col-md-10 .col-md-5 {
	max-width: 100%;
	min-width: 100%;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #showbox .col-md-10 .col-md-7 {
	max-width: 100%;
	min-width: 100%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #directionstext #recommendbox #captionbox {
	position: relative;
	max-height: 6.525rem;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #directionstext #captionbox {
	max-height: 6.525rem;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #consultshow #gohomeproduct,
.aa-flow-xx-max[flow-size="200"] .aa-flow #commconsultbox #gohomeproduct {
	position: relative;
	width: 100%;
	margin: 1.25rem 0rem;
	text-align: center;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #commconsultbox #productarr .col-2 {
	max-width: 28%;
	min-width: 28%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #commconsultbox #productarr .col-md-9 {
	max-width: 55%;
	min-width: 55%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #commconsultbox #productarr .col-5 {
	max-width: 10%;
	min-width: 10%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #fillinform .citybox li {
	width: 100%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #fillinform .citybox #of_cityid2 {
	width: 100%;
}

/*==========展示頁=============*/
body[flow-size="100"] .aa-flow #showbox .col-md-10 .col-md-7 {
	max-width: 53%;
	min-width: 53%;
	margin: 0rem;
	padding: 0rem 1.225rem 0rem 1.225rem;
}

body[flow-size="100"] .aa-flow #illustratediv #bookmarkbox {
	position: relative;
	margin: 0.625rem 1.225rem 2.8125rem 0rem;
}

body[flow-size="200"] .aa-flow #showbox .col-md-2,
body[flow-size="200"] .aa-flow #showbox .col-md-10,
body[flow-size="175"] .aa-flow #showbox .col-md-2,
body[flow-size="175"] .aa-flow #showbox .col-md-10,
body[flow-size="150"] .aa-flow #showbox .col-md-2,
body[flow-size="150"] .aa-flow #showbox .col-md-10 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="125"] .aa-flow #showbox .col-md-10 .col-md-5 {
	max-width: 51%;
	min-width: 51%;

}

body[flow-size="125"] .aa-flow #showbox .col-md-10 .col-md-7 {
	max-width: 49%;
	min-width: 49%;
}

body[flow-size="125"] .aa-flow .crosshair {
	zoom: 0.95;
}

body[flow-size="150"] .aa-flow #showbox .col-md-10 .col-md-5 {
	max-width: 52%;
	min-width: 52%;

}

body[flow-size="150"] .aa-flow #showbox .col-md-10 .col-md-7 {
	max-width: 48%;
	min-width: 48%;
}

body[flow-size="150"] .aa-flow .btn:not(.btn-lg):not(.btn-sm) {
	font-size: 82%;
	padding: 0.375rem 0.2rem;
}

body[flow-size="175"] .aa-flow #show-img {
	width: 23.125rem;
	height: auto !important;
}

body[flow-size="175"] .aa-flow .showbox {
	width: 23.125rem;
	height: 23.125rem;
}

body[flow-size="175"] .aa-flow #big-img-box,
body[flow-size="175"] .aa-flow #show-imgbox {
	width: 23.125rem;
	height: 23.125rem;
	overflow: hidden;
}

body[flow-size="175"] .aa-flow #showbox .small-img:not(#xo-content #about .small-img) {
	width: 23.125rem;
}

body[flow-size="175"] .aa-flow #showbox .small-img .small-container {
	width: 20.625rem;
	height: 5.625rem;
	overflow: hidden;
	position: absolute;
	left: 0.5rem;
	right: 0;
	margin: 0 auto;
}

body[flow-size="200"] .aa-flow #typestextbox,
body[flow-size="175"] .aa-flow #typestextbox {
	display: block;
}

body[flow-size="200"] .aa-flow #neilproduct_iten #numberbox,
body[flow-size="175"] .aa-flow #neilproduct_iten #numberbox {
	position: relative;
	display: block;
	right: 0rem;
}

body[flow-size="200"] .aa-flow #neilproduct_iten #consultbox .col-md-4,
body[flow-size="175"] .aa-flow #neilproduct_iten #consultbox .col-md-4 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="200"] .aa-flow #neilproduct_iten .btn_3_box .consult_box_03,
body[flow-size="200"] .aa-flow #neilproduct_iten .btn_3_box .consult_box_02,
body[flow-size="200"] .aa-flow #neilproduct_iten .btn_3_box .consult_box_01,
body[flow-size="175"] .aa-flow #neilproduct_iten .btn_3_box .consult_box_03,
body[flow-size="175"] .aa-flow #neilproduct_iten .btn_3_box .consult_box_02,
body[flow-size="175"] .aa-flow #neilproduct_iten .btn_3_box .consult_box_01 {
	margin: 0.5rem 0rem 0.5rem 0rem;
}

body[flow-size="200"] .aa-flow #showbox .col-md-10 .col-md-5,
body[flow-size="175"] .aa-flow #showbox .col-md-10 .col-md-5 {
	max-width: 50%;
	min-width: 50%;
}

body[flow-size="200"] .aa-flow #showbox .col-md-10 .col-md-7,
body[flow-size="175"] .aa-flow #showbox .col-md-10 .col-md-7 {
	max-width: 50%;
	min-width: 50%;
}

body[flow-size="200"] .aa-flow #show-img {
	width: 20rem;
	height: auto !important;
}

body[flow-size="200"] .aa-flow .showbox {
	width: 20rem;
	height: 20rem;
}

body[flow-size="200"] .aa-flow #big-img-box,
body[flow-size="200"] .aa-flow #show-imgbox {
	width: 20rem;
	height: 20rem;
	overflow: hidden;
}

body[flow-size="200"] .aa-flow #showbox .small-img:not(#xo-content #about .small-img) {
	width: 20rem;
}

body[flow-size="200"] .aa-flow #showbox .small-img .small-container {
	width: 17.5rem;
	height: 5.625rem;
	overflow: hidden;
	position: absolute;
	left: 0.5rem;
	right: 0;
	margin: 0 auto;
}

body[flow-size="200"] .aa-flow #cookieArrbox .col-6 {
	max-width: 25%;
	min-width: 25%;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #cookieArrbox .col-6 {
	max-width: 50%;
	min-width: 50%;
}

body[flow-size="200"] .aa-flow #neilproduct_iten #projectbox .col-md-9,
body[flow-size="200"] .aa-flow #neilproduct_iten #projectbox .col-md-3,
body[flow-size="175"] .aa-flow #neilproduct_iten #projectbox .col-md-9,
body[flow-size="175"] .aa-flow #neilproduct_iten #projectbox .col-md-3,
body[flow-size="150"] .aa-flow #neilproduct_iten #projectbox .col-md-9,
body[flow-size="150"] .aa-flow #neilproduct_iten #projectbox .col-md-3 {
	max-width: 100%;
	min-width: 100%;
}

/*========商品諮詢===========*/
body[flow-size="150"] .aa-flow #commconsultbox #productarr .col-5,
body[flow-size="125"] .aa-flow #commconsultbox #productarr .col-5 {
	max-width: 10%;
	min-width: 10%;
}

body[flow-size="150"] .aa-flow #commconsultbox #productarr .col-3,
body[flow-size="125"] .aa-flow #commconsultbox #productarr .col-3 {
	max-width: 55%;
	min-width: 55%;
}

body[flow-size="125"] #fillinform .robottimedateboxdiv,
body[flow-size="125"] .aa-flow #fillinform #checkboxmycheckbox {
	position: relative;
	left: -2.5375rem;
}

body[flow-size="150"] #fillinform .robottimedateboxdiv,
body[flow-size="150"] .aa-flow #fillinform #checkboxmycheckbox {
	position: relative;
	left: -2.0375rem;
}

body[flow-size="175"] #fillinform .robottimedateboxdiv,
body[flow-size="175"] .aa-flow #fillinform #checkboxmycheckbox {
	position: relative;
	left: 1rem;
}

body[flow-size="200"] #fillinform .robottimedateboxdiv,
body[flow-size="200"] .aa-flow #fillinform #checkboxmycheckbox {
	position: relative;
	left: 1rem;
}

body[flow-size="200"] .aa-flow #commconsultbox #productarr .col-5,
body[flow-size="175"] .aa-flow #commconsultbox #productarr .col-5 {
	max-width: 13%;
	min-width: 13%;
}

body[flow-size="200"] .aa-flow #commconsultbox #productarr .col-3,
body[flow-size="175"] .aa-flow #commconsultbox #productarr .col-3 {
	max-width: 70% !important;
	min-width: 70% !important;
}

body[flow-size="200"] .aa-flow #commconsultbox #productarr .col-2. body[flow-size="175"] .aa-flow #commconsultbox #productarr .col-2 {
	max-width: 15%;
	min-width: 15%;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #commconsultbox #productarr .col-3 {
	max-width: 61% !important;
	min-width: 61% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #commconsultbox #productarr .col-2 {
	max-width: 22% !important;
	min-width: 22% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #fillinform .citybox li {
	width: 100%;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #fillinform .citybox #of_cityid2 {
	width: 100%;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #consultshow #gohomeproduct,
.aa-flow-all-max[flow-size="200"] .aa-flow #commconsultbox #gohomeproduct {
	position: relative;
	width: 60%;
	margin: 1.25rem auto;
	text-align: center;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #commconsultbox #productarr .col-3 {
	max-width: 67% !important;
	min-width: 67% !important;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #commconsultbox #productarr .col-5 {
	max-width: 5%;
	min-width: 5%;
}

body[flow-size="200"] .aa-flow #fillinform .col-md-4 .col-md-4,
body[flow-size="175"] .aa-flow #fillinform .col-md-4 .col-md-4 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="200"] .aa-flow #fillinform .col-md-4 .col-md-8,
body[flow-size="175"] .aa-flow #fillinform .col-md-4 .col-md-8 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="200"] .aa-flow #fillinform .col-md-12 .col-md-2,
body[flow-size="175"] .aa-flow #fillinform .col-md-12 .col-md-2 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="200"] .aa-flow #fillinform .col-md-12 .col-md-10,
body[flow-size="175"] .aa-flow #fillinform .col-md-12 .col-md-10 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="175"] #fillinform .citybox li {
	width: 25%;
}

body[flow-size="175"] .aa-flow #fillinform .citybox #of_cityid2 {
	width: 275%;
}

body[flow-size="175"] .aa-flow #consultshow #fillinform #invertfieldbox,
body[flow-size="175"] .aa-flow #commconsultbox #fillinform #invertfieldbox {
	position: relative;
	margin: 0.75rem 0rem 0.75rem 0rem;
	font-size: 90%;
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="200"] #fillinform .citybox li {
	width: 23%;
}

body[flow-size="200"] .aa-flow #fillinform .citybox #of_cityid2 {
	width: 253%;
}

body[flow-size="200"] .aa-flow #consultshow #fillinform #invertfieldbox,
body[flow-size="200"] .aa-flow #commconsultbox #fillinform #invertfieldbox {
	position: relative;
	margin: 0.75rem 0rem 0.75rem 0rem;
	font-size: 90%;
	max-width: 100%;
	min-width: 100%;
}

/*=======維修通報===========*/
#tad_repair[flow-size="200"] .aa-flow #xo-page .table {
	font-size: 80%;
}

/*==========場地預約============*/
.aa-flow-xx-max[flow-size="200"] .aa-flow .blockcontent form[action^="/wqes/modules/jill_booking/index.php"] .table {
	transform: scale(0.69);
	transform-origin: left top;
	height: 47rem;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .blockcontent form .table {
	zoom: 0.65;
}


/*=========放大200%以上============*/
.aa-flow-max .aa-flow #menutbl #main-nav #gohomebtn a {
	font-size: 170%;
	min-height: 1rem;
	display: block;
}
/*
.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox {
	position: relative;
	top: 0% !important;
	left: 0% !important;
	width: 100%;
	height: auto;
	display: block;
	z-index: 10;
	float: none;
	transform: scale(1.2) !important;
	margin: 0 auto;
	text-align: center;
	animation-name: "" !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox {
	position: relative;
	top: 0.625rem !important;
	width: 100%;
	height: auto !important;
	margin: 0rem 0rem 0rem 0rem;
	animation-name: "" !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox1 {
	position: relative;
	display: none !important;
	animation-name: "" !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox2 {
	position: relative;
	top: 0rem !important;
	left: 0rem !important;
	font-size: 300%;
	height: auto;
	overflow: visible !important;
	line-height: 150%;
	word-break: break-all !important;
	text-align: center;
	animation-name: "" !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox3 {
	position: relative;
	width: 100%;
	top: 0rem !important;
	left: 0rem !important;
	color: #5472c5;
	font-size: 225%;
	height: auto;
	line-height: 150%;
	overflow: visible !important;
	word-break: break-all !important;
	text-align: center;
	animation-name: "" !important;
}
*/


/* 250%～400%：改用直式排列，200% 維持原本橫式版面。 */
/*body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 0rem;
	margin: 0rem auto;
	padding: 1.25rem 1rem;
	overflow: visible;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox {
	position: relative;
	width: 8.4375rem;
	height: auto;
	margin: 0rem auto;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox img {
	width: 100%;
	height: auto;
	margin: 0rem auto;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox1 {
	display: none;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox2,
body.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox3 {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 0rem;
	margin: 1.25rem auto 0rem auto;
	padding: 0rem;
	overflow: visible;
	line-height: 1.45;
	text-align: center;
	white-space: normal;
	word-break: normal;
	overflow-wrap: anywhere;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox2 {
	font-size: 300%;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox3 {
	font-size: 225%;
}*/


/*========== 中文 LOGO：AA 250%～400% ==========*/
body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto auto auto auto;
	gap: 1.25rem 0;
	align-items: stretch;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: auto;
	min-height: 0;
	margin: 0 auto;
	padding: 1.25rem 0.375rem;
	overflow: visible;
	background: transparent;
}

/* 校徽列保留原連結與 logotext；左右裝飾不取得焦點。 */
body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logobottom {
	position: relative;
	grid-column: 1;
	grid-row: 1;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	padding: 0 0 1.25rem;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox {
	position: relative;
	left: auto;
	top: auto;
	box-sizing: border-box;
	width: 19.25rem;
	max-width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	margin: 0 auto;
	padding: 0;
	border: 0.375rem solid #1000cc;
	border-radius: 50%;
	background: #fff;
	box-shadow: inset 0 0 0 0.375rem #ffff00;
}

body.aa-flow-x-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox {
	width: 15.25rem;
}

body.aa-flow-xx-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox {
	width: 13.25rem;
}



body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox strong {
	position: absolute;
	inset: 0;
	display: flex;
	width: auto;
	height: auto;
	align-items: center;
	justify-content: center;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox img {
	display: block;
	width: 81.410256%;
	max-width: 100%;
	height: auto;
	margin: 0;
	object-fit: contain;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logobottom::before,
body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logobottom::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 5.4375rem;
	max-width: 18%;
	height: auto;
	aspect-ratio: 87 / 101;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	pointer-events: none;
	z-index: 1;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logobottom::before {
	left: 0;
	background-image: url("../../img/logo/aa-flow/zjes_web_phone_10.png");
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logobottom::after {
	right: 0;
	background-image: url("../../img/logo/aa-flow/zjes_web_phone_09.png");
}

/* 三列文字由 Grid 自動排高，不保留桌機絕對座標。 */
body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox1,
body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox2,
body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox3 {
	position: relative;
	left: auto;
	top: auto;
	grid-column: 1;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: auto;
	min-height: 0;
	margin: 0;
	text-align: center;
	white-space: normal;
	word-break: normal;
	overflow-wrap: anywhere;
	overflow: visible;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	gap: 0 1.25rem;
	grid-row: 2;
	padding: 0;
	font-size: 2.625rem;
	line-height: 1.5;
	letter-spacing: 0.3125rem;
	background: none;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox1 .logo_01_box,
body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox1 .logo_02_box {
	max-width: 100%;
	min-width: 0;
	margin: 0;
}

body.aa-flow-xx-max[flow-size="200"]  .aa-flow #toplogobox #logoimgbox2 {
	font-size: 3.2rem;
}



body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0 0.375rem;
    grid-row: 3;
    min-height: 6.375rem;
    padding: 0.5rem 2.8125rem;
    font-size: 3.2rem;
    line-height: 1.4;
    letter-spacing: 0.375rem;
    z-index: 4;
}





body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox2 .logo_03_box,
body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox2 .logo_04_box {
	max-width: 100%;
	min-width: 0;
	margin: 0;
	white-space: normal;
	word-break: normal;
	overflow-wrap: anywhere;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox2 .logo_04_box {
	font-size: 3rem;
	line-height: 1.4;
	letter-spacing: 0.1875rem;
}

body.aa-flow-xx-max[flow-size="200"]  .aa-flow #toplogobox #logoimgbox2 .logo_04_box {
	font-size: 2.5rem;
	line-height: 1.4;
	letter-spacing: 0.1875rem;
}


body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox3 {
	display: block;
	grid-row: 4;
	padding: 0 0.5rem;
	font-size: 1.75rem;
	line-height: 1.5;
	letter-spacing: 0.21875rem;
}

/* 與中文標題共用第三列；中段僅繪於端帽之間，避免透底重疊。 */
body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox4 {
	display: block;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	grid-column: 1;
	grid-row: 3;
	align-self: stretch;
	box-sizing: border-box;
	width: auto;
	height: auto;
	min-height: 6.375rem;
	margin: 0 2.8125rem;
	padding: 0;
	background: url("../../img/logo/aa-flow/zjes_web_phone_11.png") repeat-x left top;
	background-size: 1.9375rem 100%;
	pointer-events: none;
	z-index: 1;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox4::before,
body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox4::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2.8125rem;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% 100%;
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox4::before {
	left: -2.8125rem;
	right: auto;
	background-image: url("../../img/logo/aa-flow/zjes_web_phone_12.png");
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox4::after {
	left: auto;
	right: -2.7rem;
	background-image: url("../../img/logo/aa-flow/zjes_web_phone_13.png");
}

body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox1 .butterfly_box,
body.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox5 {
	display: none;
}



.aa-flow-all-max[flow-size="200"] .aa-flow #logotext {
	display: none !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #top_toolbox {
	position: relative;
	right: 0rem;
	width: 100%;
	height: 10rem !important;
	top: 1rem !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #top_toolbox .col-sm-5 {
	max-width: 100% !important;
	min-width: 100% !important;
	min-height: 1rem !important;
	padding: 0.5rem 0rem !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #top_toolbox .col-sm-3,
.aa-flow-all-max[flow-size="200"] .aa-flow #top_toolbox .col-sm-4 {
	max-width: 50% !important;
	min-width: 50% !important;
	min-height: 1rem !important;
	padding: 1.2rem 0rem !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #header #toolbox {
	position: absolute;
	top: 0rem;
	left: 0rem;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .fontsize_buttons {
	position: absolute;
	left: 0rem;
	font-size: 110%;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #addressbox {
	position: relative;
	display: block;
	max-width: 85%;
	margin: 0.5rem auto;
	text-align: center;
}

/*==========區塊樣式============*/
.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv .block-title {
	position: relative;
	width: 100%;
	height: auto !important;
   padding: 0.48rem 0rem 0.22rem 0rem;
	border-radius: 0.625rem;
	text-align: center;
	color: #4a4949;
	--block-grad-01: linear-gradient(#24A5C7 50%,#12809D 50%);
	--block-grad-02: linear-gradient(#92AA22 50%,#728614 50%);
}

.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv .bstyle01 .block-title {
	background-image: none, var(--block-grad-01);
}

.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv .bstyle02 .block-title {
	background-image: none, var(--block-grad-02);
}

.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv  .block-title::before {
    background-image: none;
}
.aa-flow-all-max[flow-size="200"] .aa-flow  #centertpldiv  .block-title::after {
    background-image: none;
}
.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv .block-title #titleheight {
    display: block;
    padding-top: 0rem;
}


.aa-flow-all-max[flow-size="200"] .aa-flow .block-title .blocktitle {
	display: inline-block;
	max-height: 100% !important;
	overflow: visible !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #bottomlefttpldiv .block-title,
.aa-flow-all-max[flow-size="200"] .aa-flow #toplefttpldiv .block-title {
	position: relative;
	height: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow  #centertpldiv .block-title .bimg {
display: none;
}


.aa-flow-all-max[flow-size="200"] .aa-flow #bottomrighttpldiv .block-title,
.aa-flow-all-max[flow-size="200"] .aa-flow #toprighttpldiv .block-title {
	position: relative;
	width: inherit;
	height: 100% !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv .block-title .ielement {
	position: relative;
	background: #ffffff url("") no-repeat left top;
	border-radius: 0.625rem;
	padding: 0.15625rem 2.1875rem 0.15625rem 2.1875rem;
	display: block;
	margin: 0.1rem 0.5rem 0.5rem 0.5rem;
	width: auto !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #bottomsidedivbox .blockdiv {
	position: relative;
	max-width: 90% !important;
	min-width: 90% !important;
	padding: 0rem 0rem;
	margin: 0rem 0.625rem 2.1875rem 0.625rem;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #sidedivbox .rightbox,
.aa-flow-all-max[flow-size="200"] .aa-flow #sidedivbox .leftbox {
	width: 95% !important;
	float: none !important;
	margin: 0rem 0.625rem 2.1875rem 0.625rem;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #more {
	display: none;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #ajaxselect .form-control,
.aa-flow-all-max[flow-size="200"] .aa-flow #rdivfalse #ajaxselect .form-control {
	width: 90% !important;
	margin: 0 auto;
	text-align: center;
	text-align-last: center;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #xo-content .page-header .col-md-2 {
	max-width: 100%;
	min-width: 100%;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv #postmun {
	position: relative;
	margin: 1.25rem 0rem 0.625rem 0rem;
	width: inherit;
	text-align: center;
	font-size: 100%;
	padding: 0rem 0rem 0rem 0rem;
	transition: all .50s ease .1s;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv #postmuntext::before {
	display: none;
}
.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv #postmuntext::after {
	display: none;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv #postmuntext {
	position: relative;
	padding: 0.25rem 0.5625rem 0.3125rem 0.5625rem;
}


/* 自訂頁籤區塊：直式 accordion 頁籤 */
.aa-flow-all-max[flow-size="200"] .aa-flow .neiltabs_block .skltbs-mode-accordion .skltbs-panel-group {
display: flex;
flex-direction: column;
gap: 0;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .neiltabs_block .skltbs-mode-accordion .skltbs-panel-heading {
margin: 0;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .neiltabs_block .skltbs-mode-accordion .skltbs-panel-heading .skltbs-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3.0rem;
    padding: 0.6rem 1.25rem;
    color: #161616;
    background: #fbffd5;
    border: 0.0625rem solid #9baa24;
    border-radius: 0.5rem;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .neiltabs_block .skltbs-mode-accordion .skltbs-panel-heading .skltbs-tab:hover {
background: #f2f9ad;
border-color: #7d8e00;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .neiltabs_block .skltbs-mode-accordion .skltbs-panel-heading .skltbs-tab.skltbs-active {
background: #d7f5ff !important;
border-color: #119bd0;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .neiltabs_block .skltbs-mode-accordion .skltbs-panel-heading .skltbs-tab.skltbs-active:hover {
background: #c4effc;
border-color: #067eae;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .neiltabs_block .skltbs-mode-accordion .skltbs-panel-heading .skltbs-tab:focus-visible {
outline: 0.1875rem solid #145d80;
outline-offset: 0.1875rem;
box-shadow: none;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .neiltabs_block .skltbs-mode-accordion .skltbs-panel-heading + .skltbs-panel {
margin-top: 1.5rem;
background: transparent;
border: 0;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .neiltabs_block .skltbs-mode-accordion .skltbs-panel + .skltbs-panel-heading {
margin-top: 1.5rem;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .neiltabs_block .skltbs-mode-accordion .skltbs-panel:focus-visible {
outline: 0.1875rem solid #145d80;
outline-offset: 0.1875rem;
}


/*===========客製區==============*/
body[flow-size="200"] .aa-flow #bottomrlbox2::before,
body[flow-size="175"] .aa-flow #bottomrlbox2::before,
body[flow-size="150"] .aa-flow #bottomrlbox2::before,
body[flow-size="125"] .aa-flow #bottomrlbox2::before {
display: none;
}

body[flow-size="200"] .aa-flow #bottomrlbox2::after, 
body[flow-size="175"] .aa-flow #bottomrlbox2::after, 
body[flow-size="150"] .aa-flow #bottomrlbox2::after, 
body[flow-size="125"] .aa-flow #bottomrlbox2::after {
display: none;
}
body[flow-size="200"] .aa-flow #bottomrlbox2 ,
body[flow-size="175"] .aa-flow #bottomrlbox2 ,
body[flow-size="150"] .aa-flow #bottomrlbox2 ,
body[flow-size="125"] .aa-flow #bottomrlbox2 {
    position: relative;
    padding: 2.8rem 0rem 1.6rem 0rem;
    z-index: 1;
}
body[flow-size="200"] .aa-flow #logoimgbox5, 
body[flow-size="175"] .aa-flow #logoimgbox5, 
body[flow-size="125"] .aa-flow #logoimgbox5, 
body[flow-size="150"] .aa-flow #logoimgbox5 {
display: none;
}

.top-aa-flow[flow-size="200"] .aa-flow #logoimgbox2 {
    font-size: 3.2rem;
}

/*==========學校概況=============*/
body[flow-size="200"] .aa-flow  #xo-content .page66.formatbox #about .school_overview_facts,
body[flow-size="175"] .aa-flow  #xo-content .page66.formatbox #about .school_overview_facts,
body[flow-size="150"] .aa-flow  #xo-content .page66.formatbox #about .school_overview_facts {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
    margin: 0;
}

/*============校徽與校歌=================*/
body[flow-size="200"] .aa-flow #xo-content .page70.formatbox #about .school_emblem_box .school_emblem_facts,
body[flow-size="175"] .aa-flow #xo-content .page70.formatbox #about .school_emblem_box .school_emblem_facts,
body[flow-size="150"] .aa-flow #xo-content .page70.formatbox #about .school_emblem_box .school_emblem_facts {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    margin-top: 1.5rem;
}
body[flow-size="200"] .aa-flow #xo-content .page70.formatbox #about .school_emblem_box .school_emblem_layout ,
body[flow-size="175"] .aa-flow #xo-content .page70.formatbox #about .school_emblem_box .school_emblem_layout ,
body[flow-size="150"] .aa-flow #xo-content .page70.formatbox #about .school_emblem_box .school_emblem_layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

body[flow-size="200"] .aa-flow #xo-content .page70.formatbox #about .school_song_box .school_song_facts,
body[flow-size="175"] .aa-flow #xo-content .page70.formatbox #about .school_song_box .school_song_facts {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}



/*============校園開放時間================*/
.aa-flow #xo-content .page87.formatbox #about .campus_open_hours {
    margin: 0 0 1.6rem;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    align-items: stretch;
}