/*========無障礙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;
}


/*=========放大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="200"] .aa-flow #toplogobox #logoimgbox5, 
body[flow-size="200"] .aa-flow #toplogobox #logoimgbox4,
body[flow-size="175"] .aa-flow #toplogobox #logoimgbox5, 
body[flow-size="175"] .aa-flow #toplogobox #logoimgbox4,
body[flow-size="150"] .aa-flow #toplogobox #logoimgbox5, 
body[flow-size="150"] .aa-flow #toplogobox #logoimgbox4 {
display: none;
}





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 #main-nav::before {
    content: '';
    display: none;
}
.aa-flow #menutbl #main-nav::after {
    content: '';
    display: none;
}

.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;

}
body[flow-size="200"] .aa-flow #menutbl{
position: relative !important;
  width: inherit;
  margin-top: 10.0625rem;
  z-index: 2000;
  height: 3.4375rem !important;
  left: 0rem;
  background: linear-gradient(to bottom,  #2C9ACB 50%, #1F7BB4 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}



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

.aa-flow #menutbl #main-nav {
	position: relative;
	width: 100% !important;
	margin: 0 auto;
	text-align: left;
	height: auto !important;
	

}

body[flow-size="175"] .aa-flow #menutbl #main-nav .manulevel1,
body[flow-size="150"] .aa-flow #menutbl #main-nav .manulevel1,
body[flow-size="125"] .aa-flow #menutbl #main-nav .manulevel1 {
	position: relative;
	padding: 0.45rem 0.8125rem 1.25rem 0.8125rem;
	

}

/*
.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;
}


/*===========快樂國小形象區塊==============*/

body[flow-size="125"] .aa-flow  #happy_image_box {
    position: relative;
   	width: 88%;
    min-height: 25.625rem;
    overflow: visible;
    margin: 1.5625rem 0rem -0.625rem 0rem;
}


body[flow-size="150"] .aa-flow  #happy_image_box {
    position: relative;
   	width: 74%;
    min-height: 25.625rem;
    overflow: visible;
    margin: 1.5625rem 0rem -0.625rem 0rem;
}

.aa-flow-all-max[flow-size="200"]  .aa-flow #happy_image_box #happy_image_badges,
body[flow-size="150"] .aa-flow #happy_image_box #happy_image_badges,
body[flow-size="200"] .aa-flow #happy_image_box #happy_image_badges,
body[flow-size="175"] .aa-flow #happy_image_box #happy_image_badges {
	display:grid !important;
	flex:1 1 0 !important;
	grid-template-columns:repeat(2,minmax(0rem,1fr));
	grid-template-rows:repeat(2,auto);
	align-items:center;
	justify-items:center;
	min-width:0;
	gap:0.75rem;
	padding:0rem 0.75rem;
	box-sizing:border-box;
	
	
}
aa-flow-all-max[flow-size="200"]  .aa-flow  #happy_image_box #happy_image_badges .happy_image_badge 
body[flow-size="150"] .aa-flow #happy_image_box #happy_image_badges .happy_image_badge,
body[flow-size="200"] .aa-flow #happy_image_box #happy_image_badges .happy_image_badge,
body[flow-size="175"] .aa-flow #happy_image_box #happy_image_badges .happy_image_badge {
	display:block;
	width:100%;
	max-width:13.1875rem;
	min-width:0;
	height:auto;
	margin:0rem auto;
}

.aa-flow-all-max[flow-size="200"]  .aa-flow #happy_image_girl,
.aa-flow-all-max[flow-size="200"]  .aa-flow #happy_image_boy{
display: none;
}



/*============大於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  #bottomrlbox2::before {
    content: '';
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 {
    content: '';
display: none;
}


/*==========跑馬燈=============*/
.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: -3rem !important;
	width: inherit;
	height: auto;
	z-index: 100;
}

body[flow-size="200"] .aa-flow #playerimgdiv {
	margin-top: -1.8rem !important;
}



.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 #centertpldiv .bstyle01 .block-title {
    background: url(../../img/blocks/happy_29.png) no-repeat 5.875rem top;
}

.aa-flow #centertpldiv .bstyle02 .block-title {
    background: url(../../img/blocks/happy_27.png) no-repeat 5.875rem top;

}





/*======新聞區塊===========*/
.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%;
}







/*=========數字廣告==============*/
.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;
}

/*=========影音撥放器燈箱============*/
.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="125"] .aa-flow #alertsncdr {
	transform-origin: 0% 0;
	transform: scale(0.85);
}

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: -0.8rem !important;
	padding: 2.1875rem 0rem;
	background: #FFFEF9 url("") no-repeat left top;	
}	

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: inherit;
	height: auto;
	padding: 1.0rem 0.7375rem 0rem 0.7375rem !important;
	margin: 0rem 1.5%;
	border-radius: 0.625rem;
	text-align: center;
	border: 0.0625rem solid #165D89;
    background: linear-gradient(to bottom, #308FCB 50%, #1E7AB4 50%);
}



.aa-flow #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: 1.0375rem 0.625rem 0.7375rem 0.625rem;
	border-radius: 0.625rem;
	border: 0.0625rem solid #165D89;
	background: #FCFCFC url(../../img/blocks/) no-repeat left top;
}

/*.aa-flow #rdivfalse #xo-content .block-title a:hover {
	color: #C69D3B;
}
*/
.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: inherit;
	height: auto;
	padding: 0.9rem 0.7375rem 0rem 0.7375rem !important;
	border-radius: 0.625rem;
	text-align: center;
	border: 0.0625rem solid #6EC9B7;
  background: url("") no-repeat left top , linear-gradient(to bottom, #36B824 50%, #2A921B 50%);
}
.aa-flow #sponsorshiplist   .block-title::before,
.aa-flow #xo-content   .block-title::before {
   display:none;
}
.aa-flow #sponsorshiplist   .block-title::after,
.aa-flow #xo-content   .block-title::after{
   display:none;
}
.aa-flow #sponsorshiplist .block-title .ielement,
.aa-flow #xo-content .block-title .ielement {
	position: relative;
	width: 100%;
	display: block;
	padding: 0.6rem 0.625rem 0.7375rem 0.625rem;
	border-radius: 0.625rem;
	border: 0.0625rem solid #5FA899;
	background: #FCFCFC url(../../img/blocks/) no-repeat left top;
	line-height: 180%;
}
/*
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;
	height: 17.0625rem;
	line-height: 150%;
	overflow: hidden;
	font-size: 90%;
	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%;
}

/*=======活動報名===========*/

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

/*===========電子相簿================*/
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="175"] .aa-flow #neilshowcaseboxl .col-md-9 {
	position: relative;
	padding: 0rem 0rem 0rem 1.25rem;
	max-width: 60%;
	min-width: 60%;
}

body[flow-size="175"] .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;
}

body[flow-size="100"] .aa-flow #defaultfunctionbox .contentbox {
	max-width: 73%;
	min-width: 73%;
	padding-left: 0rem;
	padding-right: 1.875rem;
}

body[flow-size="125"] .aa-flow #defaultfunctionbox .contentbox {
	max-width: 69%;
	min-width: 69%;
	padding-left: 0rem;
	padding-right: 1.875rem;
}

body[flow-size="125"] .aa-flow #defaultfunctionbox .leftbox {
	max-width: 31%;
	min-width: 31%;
}

body[flow-size="200"] .aa-flow #defaultfunctionbox .leftbox,
body[flow-size="200"] .aa-flow #defaultfunctionbox .contentbox,
body[flow-size="175"] .aa-flow #defaultfunctionbox .leftbox,
body[flow-size="175"] .aa-flow #defaultfunctionbox .contentbox,
body[flow-size="150"] .aa-flow #defaultfunctionbox .leftbox,
body[flow-size="150"] .aa-flow #defaultfunctionbox .contentbox {
	max-width: 100%;
	min-width: 100%;
	padding-left: 0rem;
	padding-right: 0rem;
}

body[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;
}

body[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-all-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 250%～400%：上方 LOGO 改為直向自流動 */
.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	width:100%;
	max-width:100%;
	height:auto;
	min-height:0;
	margin:0rem auto;
	padding:1rem 0.75rem 1.25rem 0.75rem;
	overflow:visible;
	box-sizing:border-box;
}

/* 盾牌 LOGO 外層解除原本絕對定位 */
.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logobottom {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:auto;
	margin:0rem auto 0.75rem auto;
	padding:0rem;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox {
	position:relative;
	left:auto;
	top:auto;
	width:8.25rem;
	height:9.375rem;
	margin:0rem auto;
	padding:0rem;
	opacity:1 !important;
	visibility:visible !important;
	transform:none !important;
	animation:none !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox strong,
.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox a {
	display:block;
	width:8.25rem;
	height:9.375rem;
	margin:0rem auto;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox img {
	display:block;
	width:8.25rem;
	height:9.375rem;
	margin:0rem auto;
	object-fit:contain;
}

/* 上方小字置中並允許換行 */
.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox1 {
	position:relative;
	left:auto;
	top:auto;
	width:100%;
	height:auto;
	margin:0rem auto 0.5rem auto;
	padding:0rem;
	font-size:1.375rem;
	line-height:1.6;
	letter-spacing:0.25rem;
	white-space:normal;
	overflow-wrap:anywhere;
	text-align:center;
	opacity:1 !important;
	visibility:visible !important;
	transform:none !important;
	animation:none !important;
}

/* 中文主標：以三個文字群組為單位置中與自動換列 */
.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox2 {
	position:relative;
	left:auto;
	top:auto;
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	justify-content:center;
	width:100%;
	height:auto;
	margin:0rem auto 0.5rem auto;
	padding:0rem;
	gap:0rem 0.375rem;
	line-height:1.45;
	letter-spacing:0.25rem;
	white-space:normal;
	text-align:center;
	overflow:visible;
	opacity:1 !important;
	visibility:visible !important;
	transform:none !important;
	animation:none !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox2 .logo_01_box,
.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox2 .logo_02_box,
.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox2 .logo_03_box {
	display:inline-block;
	flex:0 0 auto;
	margin:0rem !important;
	padding:0rem;
	font-size:2.125rem;
	line-height:1.45;
	letter-spacing:0.25rem;
	white-space:nowrap;
	opacity:1 !important;
	visibility:visible !important;
	animation:none !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox2 .logo_02_box {
	font-size:2.75rem;
	letter-spacing:0.375rem;
}

/* 英文校名置中並允許自然換行 */
.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox #logoimgbox3 {
	position:relative;
	left:auto;
	top:auto;
	width:100%;
	height:auto;
	margin:0rem auto;
	padding:0rem;
	font-size:1.10625rem;
	line-height:1.7;
	letter-spacing:0.1875rem;
	white-space:normal;
	overflow-wrap:anywhere;
	text-align:center;
	opacity:1 !important;
	visibility:visible !important;
	transform:none !important;
	animation:none !important;
}








.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 0rem 0rem;
	border-radius: 0.625rem;
	text-align: center;
	color: #4a4949;
}

.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 .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 #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 #centertpldiv .block-title {
	position: relative;
	width: 100%;
	height: auto !important;
	padding: 0.48rem 0rem 0.1rem 0rem;
	border-radius: 0.625rem;
	text-align: center;
	color: #4a4949;	
}


.aa-flow-all-max[flow-size="200"] #centertpldiv .bstyle01 .block-title {
  background: linear-gradient(to bottom, #36B824 50%, #2A921B 50%);
    color: #00772c;
}

.aa-flow-all-max[flow-size="200"] #centertpldiv .bstyle02 .block-title {
  background: linear-gradient(to bottom, #308FCB 50%, #1E7AB4 50%);
    color: #00772c;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv  .block-title::before {
    content: '';
    display: none;
}


.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv  .block-title::after{
    content: '';
    display: none;
}



.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 #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 #centertpldiv  .block-title .bimg {
display: none;
}




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


/*========快樂簡介===========*/

/*====歷史沿革=====*/
.aa-flow-all-max[flow-size="200"] #xo-content .page1.formatbox #about .history_timeline > li {
    grid-template-columns: minmax(0rem, 1fr);
}

/*====快樂學區=====*/
body[flow-size="200"] .aa-flow #xo-content .page5.formatbox #about .school_district_list ,
body[flow-size="175"] .aa-flow #xo-content .page5.formatbox #about .school_district_list ,
body[flow-size="150"] .aa-flow #xo-content .page5.formatbox #about .school_district_list {
    grid-template-columns: minmax(0rem, 1fr);
}


/*==學校簡介====*/
body[flow-size="200"] .aa-flow  #xo-content .page12.formatbox #about .school_intro_layout, body[flow-size="200"] .aa-flow  #xo-content .page12.formatbox #about .school_feature_layout,
body[flow-size="175"] .aa-flow  #xo-content .page12.formatbox #about .school_intro_layout, body[flow-size="175"] .aa-flow  #xo-content .page12.formatbox #about .school_feature_layout,
body[flow-size="150"] .aa-flow  #xo-content .page12.formatbox #about .school_intro_layout, body[flow-size="150"] .aa-flow  #xo-content .page12.formatbox #about .school_feature_layout {
    grid-template-columns: minmax(0rem, 1fr);
}

/*====安全地圖=====*/
body[flow-size="200"] .aa-flow  #xo-content .page3.formatbox #about .safety_map_grid,
body[flow-size="175"] .aa-flow  #xo-content .page3.formatbox #about .safety_map_grid,
body[flow-size="150"] .aa-flow  #xo-content .page3.formatbox #about .safety_map_grid {
    grid-template-columns: minmax(0rem, 1fr);
}

/*=====適性發展======*/
body[flow-size="200"] .aa-flow #xo-content .page10.formatbox #about .adaptive_development_list,
body[flow-size="175"] .aa-flow #xo-content .page10.formatbox #about .adaptive_development_list,
body[flow-size="150"] .aa-flow #xo-content .page10.formatbox #about .adaptive_development_list {
    grid-template-columns: minmax(0rem, 1fr);
}

/*====雙語創新教學計畫介紹====*/
body[flow-size="200"] .aa-flow #xo-content .page9.formatbox #about .bilingual_program_list,
body[flow-size="175"] .aa-flow #xo-content .page9.formatbox #about .bilingual_program_list,
body[flow-size="150"] .aa-flow #xo-content .page9.formatbox #about .bilingual_program_list {
    grid-template-columns: minmax(0rem, 1fr);
}