/*========無障礙AA放大網站樣式處理=============*/
/* 啟用流動排版時（zoom>=200% 或寬度<=640）讓 layout 改成直排 */
/* body->top-aa-flow放大時顯示，1比1刪除*/
/* body->aa-flow-max放大到200%顯示*/
/* #bodybox->aa-flow 只要大於100%就顯示*/

/*=========共用===========*/
.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 #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 #sidediv #sidedivbox {
	padding: 0rem 0rem 0rem 0rem;
}

.aa-flow #sidedivbox .rightbox,
.aa-flow #sidedivbox .leftbox {
	width: 47% !important;
	float: left;
	margin: 0rem 0.6rem;
}

.aa-flow #bottombox {
	clear: both;
}

.FF .aa-flow #toplayerdiv {
	transform: scale(1) !important;
	transform-origin: left top;
	font-size: 85% !important;
}

body[flow-size="125"] .aa-flow #bottomsidedivbox .blockdiv {
	position: relative;
	max-width: 22%;
	min-width: 22%;
	padding: 0rem 0rem;
	margin: 0rem 0.625rem 2.1875rem 0.625rem;
}

body[flow-size="150"] .aa-flow #bottomsidedivbox .blockdiv {
	position: relative;
	max-width: 44.5%;
	min-width: 44.5%;
	margin: 0rem 1.6rem 2.1875rem 0.625rem;
}

body[flow-size="200"] .aa-flow #bottomsidedivbox .blockdiv,
body[flow-size="175"] .aa-flow #bottomsidedivbox .blockdiv {
	position: relative;
	max-width: 45%;
	min-width: 45%;
	padding: 0rem 0rem;
	margin: 0rem 0.625rem 2.1875rem 0.625rem;
}

/*=========上方功能區塊============*/

.aa-flow #header {
	padding: 0.625rem 0.625rem;
}

body[flow-size="150"] .aa-flow #toplogobox {
	position: relative;
	zoom: 0.94 !important;
}

.aa-flow #top_toolbox {
	position: absolute;
	top: 1.225rem;
	right: 1rem;
	text-align: right;
	width: 50%;
}

body[flow-size="200"] .aa-flow #top_toolbox,
body[flow-size="175"] .aa-flow #top_toolbox {
	position: relative;
	right: 0rem;
	width: 100%;
	height: 5rem;
	top: 1rem !important;
}

body[flow-size="200"] .aa-flow #top_toolbox .col-sm-5,
body[flow-size="175"] .aa-flow #top_toolbox .col-sm-5 {
	max-width: 40%;
	min-width: 40%;
	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: 30%;
	min-width: 30%;
	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 #logoimgbox3 {
display: none;
}

body[flow-size="125"] .aa-flow  #logo_text_box {
    position: relative;
    width: 65.5%;
    }
body[flow-size="150"] .aa-flow  #logo_text_box {
    position: relative;
    width: 74.5%;
    }
    
body[flow-size="150"] .aa-flow #toplogobox {
    position: relative;
    width: 83.9%;
    height: 12.25rem;
    padding: 1.6875rem 0rem 0rem 0rem;
}    
    
body[flow-size="150"] .aa-flow  #logo_text_box {
    position: relative;
    width: 70.5%;
    }
    
body[flow-size="175"] .aa-flow #toplogobox {
    position: relative;
    width: 100.9%;
    height: 12.25rem;
    padding: 1.6875rem 0rem 0rem 0rem;
}    
    
body[flow-size="175"] .aa-flow  #logo_text_box {
    position: relative;
    width: 73.5%;
    }
    
body[flow-size="200"] .aa-flow #toplogobox {
    position: relative;
    width: 101%;
    height: 12.25rem;
    padding: 1.6875rem 0rem 0rem 0rem;
    zoom: 0.88;
}    
    
body[flow-size="200"] .aa-flow  #logo_text_box {
    position: relative;
    width: 73.5%;
    }
   
   




/*==========主選單區塊============*/

.aa-flow #menutbl [class=""] li ul {
	margin-left: 15.0676875rem !important;
}

.aa-flow #menutbl .sm-nowrap li ul {
	margin-left: -15.0676875rem !important;
}

.aa-flow #menutbl {
	position: relative !important;
	width: 100% !important;
	margin-top: 0rem !important;
	z-index: 2000;
	left: 0rem;
	display: block;
	padding: 0rem 1rem;
	animation-name: none !important;
	max-height: 10rem;
}

.FF .aa-flow #menutbl {
top: 0rem !important;
}


body[flow-size="100"] .aa-flow #menutbl,
body[flow-size="175"] .aa-flow #menutbl,
body[flow-size="150"] .aa-flow #menutbl,
body[flow-size="125"] .aa-flow #menutbl {
	height: 100% !important;
	padding: 1rem 1rem;
}

body[flow-size="150"] .aa-flow .aa-flow #menutbl [class=""] li ul,
body[flow-size="175"] .aa-flow .aa-flow #menutbl [class=""] li ul {
	margin-left: 11.875rem !important;
}

body[flow-size="150"] .aa-flow #menutbl .sm-nowrap li ul,
body[flow-size="175"] .aa-flow #menutbl .sm-nowrap li ul {
	margin-left: -11.875rem !important;
}

body[flow-size="150"] .aa-flow #menutbl #main-nav .sm-nowrap,
body[flow-size="175"] .aa-flow #menutbl #main-nav .sm-nowrap {
	width: 13em !important;
	display: none;
	top: auto;
	left: 0rem;
	zoom: 80% !important;
	min-width: 13em !important;
	max-width: 13em !important;

}

body[flow-size="150"] .aa-flow .sm-blue .sm-nowrap>li>a,
body[flow-size="150"] .aa-flow .sm-blue .sm-nowrap>li> :not(ul) a,
body[flow-size="175"] .aa-flow .sm-blue .sm-nowrap>li>a,
body[flow-size="175"] .aa-flow .sm-blue .sm-nowrap>li> :not(ul) a {
	white-space: normal;
	word-break: break-all;
}

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

}

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.3125rem 0.8125rem 1.25rem 0.8125rem;
	height: 3.0rem;

}

/*
.aa-flow #menutbl #main-nav #gohomebtn a {
    font-size: 170%;
    padding: 0.62rem 1.3125rem 0rem 0rem !important;

}
*/
.aa-flow #menutbl #main-nav #leftmenubtnbox .fa-align-justify {
	font-size: 190%;
	padding: 0.7rem 1.25rem 0rem 0rem !important;
	color: #ffffff;
	cursor: pointer;
}

.FF .aa-flow #menutbl #main-nav #leftmenubtnbox .fa-align-justify {
	font-size: 190%;
	padding: 0.9rem 1.25rem 0rem 0rem !important;
	color: #ffffff;
	cursor: pointer;
}

.aa-flow #menutbl #main-nav #gohomebtn {
	padding: 0.75rem 0.3125rem 0rem 0rem !important;
}

.aa-flow #menutbl #main-nav #gohomebtn a {
	font-size: 170%;
	min-height: 5rem;
	display: block;
}

/*============大於200%==========*/

/*=========底選單==============*/
.aa-flow #menutblbottom {
	position: relative;
	width: 100%;
	margin: 0rem 0rem 1.5625rem 1.5rem;
}

.aa-flow #menutblbottom .btnstyle5 ul li.menubottom1 {
	padding: 0rem 0.875rem 1.5rem 0.9375rem;
}

/*==========跑馬燈=============*/
/*.aa-flow #marqueetop {
    position: relative;
    width: inherit;
    height: 5.875rem !important;
}

.aa-flow .marquee {
    width: 100%;
    height: 5.025rem !important;
    overflow: hidden;
}*/

.aa-flow #marqueetop {
	position: relative;
	width: inherit !important;
}

.aa-flow .marquee {
	width: 100% !important;
	overflow: hidden;
}

body[flow-size="200"] .aa-flow #marqueetopbox,
body[flow-size="175"] .aa-flow #marqueetopbox {
	position: relative;
	height: 5.875rem !important;
}

body[flow-size="200"] .aa-flow #marqueetop,
body[flow-size="175"] .aa-flow #marqueetop {
	position: relative;
	width: inherit !important;
	height: 5.875rem !important;
}

body[flow-size="200"] .aa-flow .marquee,
body[flow-size="175"] .aa-flow .marquee {
	width: 100% !important;
	height: 5.025rem !important;
	overflow: hidden;
}

/*===========撥放器區塊=============*/
.aa-flow #playerimgdiv {
	position: relative;
	display: block !important;
	margin-top: 0rem !important;
	width: inherit;
	height: auto;
	background: url(../../img/playerimg/) no-repeat left top;
	z-index: 100;
}

.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;
    background: #B1DCFF url("") no-repeat left top;
    min-height: auto !important;
    padding: 1.875rem 0rem 1.875rem 0rem;
}




/*======新聞區塊===========*/

/*=======條列樣式===============*/
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="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="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="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%;
}

/*============大於200%==========*/
.aa-flow-l-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-3 {
	max-width: 22%;
	min-width: 22%;
}

.aa-flow-l-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-9 {
	max-width: 78%;
	min-width: 78%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-3 {
	max-width: 26%;
	min-width: 26%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 .col-9 {
	max-width: 74%;
	min-width: 74%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow #imgbox {
	width: 5.125rem;
	height: 7.5rem;
	overflow: hidden;
	border-radius: 0.625rem;
	border: 0.0625rem solid #B5B5B5;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle2 .centerrow #centerbox #setuptimebox {
	position: relative;
	font-size: 65%;
}

/*=======卡片區塊===============*/
body[flow-size="100"] .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;
	width: 3.6% !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-xx-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-xx-max[flow-size="200"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle1 .slick-current {
	position: relative;
	left: 0rem !important;
	top: 0rem !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle1 .imgbox,
.aa-flow-xx-max[flow-size="200"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle1 .imgbox {
	height: 5.75rem !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #mfdcms_block1 .slick-slider .slick-center {
	width: 0% !important;
	left: 0rem !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #mfdcms_block1 .slick-slider .slick-slide {
	margin: 0rem 0.5rem 0.4rem 0.45rem !important;
	width: 3.6% !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #mfdcms_block1 .slick-slider .setuptimebox {
	position: relative;
	padding: 0rem 0rem 0rem 0rem;
	font-size: 50% !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow .slick-track {
	margin-top: -4.75rem !important;
	padding: 3.75rem 0rem 0rem 0rem !important;
	height: 38.5rem !important;
	overflow: hidden !important;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #rdivfalse #mfdcms_block1 #blockstyle1 .centerdivbox {
	height: 33.2rem !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: 15.5rem;
	font-size: 90%;
	line-height: 150%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle1 .titletext {
	position: relative;
	max-height: 13.5rem;
	overflow: hidden;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #mfdcms_block1 #blockstyle1 .sorttitlebox {
	font-size: 90% !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;
}

/*========榮譽事項===========*/
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;
}

/*============大於200%==========*/
/*.aa-flow-xx-max[flow-size="200"] .aa-flow #neilalbum_block2 #blockstyle0 #titlebox {
	position: relative;
	font-size: 50%;
	height: 6.2rem;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #neilalbum_block2 #blockstyle0 #sorttitlebox {
	font-size: 10%;
	height: 4.625rem;
	overflow: visible;
}*/

/*=======線上影音=============*/
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 .aa-flow #neildgblock .col-md-3 {
	position: relative;
	width: 25%;
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
}

body[flow-size="150"] .aa-flow #neildgblock .col-md-4,
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%;
}

body[flow-size="150"] .aa-flow #neildgblock .col-md-3,
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;
}

/*============大於200%==========*/
.aa-flow-xx-max .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 .aa-flow #neildgblock .dg_block,
.aa-flow-xx-max .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"] .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 #playerimgdiv {
	padding: 2.3125rem 0rem;	
	background: #faffea url(../../img/playerimg/) no-repeat left top;
}

.aa-flow .box1 #header {
	height: 10%;
}

.aa-flow .box1 #topbox {
	display: none;
}

.aa-flow  .box1 #marqueetopbox {
    visibility: visible;
	width: inherit;	
    height: 3.125rem;
}



/*============模組內容===============*/
/*.aa-flow .box1 .navbar .collapse:not(.show) {
    display: block;
}
*/
.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 #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 #xo-content .block-title {
	position: relative;
	width: inherit;
	height: auto;
	padding: 1.3rem 0.7375rem 0rem 0.7375rem !important;
	margin: 0rem 1.5%;
	border-radius: 0.625rem;
	text-align: center;
	border: 0.0625rem solid #0B5693;
    background: url("") no-repeat left top , linear-gradient(to bottom, #258EE1 50%, #0F6FBB 50%);
}

.aa-flow #xo-content .block-title .blocktitle {
	position: relative;
	background: none !important;
}

.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 #0B5693;
	background: #FCFCFC url(../../img/blocks/) no-repeat left top;
}

/*.aa-flow #rdivfalse #xo-content .block-title a:hover {
	color: #C69D3B;
}
*/
.aa-flow #xo-content .block-title .bimg {
	display: none;
}

.aa-flow #xo-content .block-title {
	position: relative;
	width: inherit;
	height: auto;
	padding: 1.3rem 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, #26A856 50%, #009035 50%);
}

.aa-flow #xo-content   .block-title::before {
   display:none;
}
.aa-flow #xo-content   .block-title::after{
   display:none;
}

.aa-flow #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 #5FA899;
	background: #FCFCFC url(../../img/blocks/) no-repeat left top;
	line-height: 180%;
}
/*
.aa-flow #xo-content .block-title a:hover {
	color: #257C6B;
}
*/
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: 20%;
	min-width: 20%;
}

body[flow-size="175"] .aa-flow #mfdcmsshowindexdivbox2 .col-md-6 .col-md-8 {
	max-width: 80%;
	min-width: 80%;
}

/*============大於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;
}

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

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

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="125"] .aa-flow  #neilshowcaseboxl .col-md-9 {
    position: relative;
    padding: 0rem 0rem 0rem 1.25rem;
    max-width: 50%;
    min-width: 50%;
}

body[flow-size="125"] .aa-flow   #neilshowcaseboxr {
    position: relative;
    max-width: 50%;
    min-width: 50%;
    padding: 0rem 0rem 0rem 3.75rem;
}

*/

body[flow-size="150"] .aa-flow #neilshowcaseboxl .col-md-9 {
	position: relative;
	padding: 0rem 0rem 0rem 1.25rem;
	max-width: 60%;
	min-width: 60%;
}

body[flow-size="150"] .aa-flow #neilshowcaseboxr {
	position: relative;
	max-width: 40%;
	min-width: 40%;
	padding: 0rem 0rem 0rem 3.75rem;
}

body[flow-size="150"] .aa-flow #neilshowcasebox .order_box_02 {
	min-width: 100%;
	max-width: 100%;
}

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

/*============大於200%==========*/
.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-10 {
	max-width: 100%;
	min-width: 100%;
	padding: 0rem;
}

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

/*

.aa-flow #neilperiodicalindex #indexlistbox .col-md-3 {
    max-width: 30%;
    min-width: 30%;
}

.aa-flow #neilperiodicalindex #indexlistbox .col-md-9 {
    max-width: 70%;
    min-width: 70%;
}

.aa-flow #contentlistbox .leftbox {
    max-width: 35%;
    min-width: 35%;
}

.aa-flow #contentlistbox .centerbox {
    max-width: 65%;
    min-width: 65%;
}
*/
/*============商品展示=============*/
/*==========首頁=============*/
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-xx-max[flow-size="200"] .aa-flow #product_index #product_index_content .col-md-2 {
	max-width: 48%;
	min-width: 48%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #product_index #product_index_content .col-md-10 {
	max-width: 52%;
	min-width: 52%;
}

.aa-flow-xx-max[flow-size="200"] .aa-flow #product_arr_box #centontbox {
	width: calc(10rem - 0rem) !important;
	margin: 0rem 0rem 1.525rem 0rem !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 #showbox .col-md-10 .col-md-5 {
	max-width: 100%;
	min-width: 100%;
}

.aa-flow-xx-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,
body[flow-size="125"] .aa-flow #showbox .col-md-2,
body[flow-size="125"] .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: 43%;
	min-width: 43%;

}

body[flow-size="125"] .aa-flow #showbox .col-md-10 .col-md-7 {
	max-width: 57%;
	min-width: 57%;

}

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 .small-img {
	width: 23.125rem;
}

body[flow-size="175"] .aa-flow .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 .small-img {
	width: 20rem;
}

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

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: 50%;
	min-width: 50%;
}

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

body[flow-size="200"] .aa-flow #fillinform .col-md-4 .col-md-4,
body[flow-size="175"] .aa-flow #fillinform .col-md-4 .col-md-4 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="200"] .aa-flow #fillinform .col-md-4 .col-md-8,
body[flow-size="175"] .aa-flow #fillinform .col-md-4 .col-md-8 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="200"] .aa-flow #fillinform .col-md-12 .col-md-2,
body[flow-size="175"] .aa-flow #fillinform .col-md-12 .col-md-2 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="200"] .aa-flow #fillinform .col-md-12 .col-md-10,
body[flow-size="175"] .aa-flow #fillinform .col-md-12 .col-md-10 {
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="175"] #fillinform .citybox li {
	width: 25%;
}

body[flow-size="175"] .aa-flow #fillinform .citybox #of_cityid2 {
	width: 275%;
}

body[flow-size="175"] .aa-flow #consultshow #fillinform #invertfieldbox,
body[flow-size="175"] .aa-flow #commconsultbox #fillinform #invertfieldbox {
	position: relative;
	margin: 0.75rem 0rem 0.75rem 0rem;
	font-size: 90%;
	max-width: 100%;
	min-width: 100%;
}

body[flow-size="200"] #fillinform .citybox li {
	width: 23%;
}

body[flow-size="200"] .aa-flow #fillinform .citybox #of_cityid2 {
	width: 253%;
}

body[flow-size="200"] .aa-flow #consultshow #fillinform #invertfieldbox,
body[flow-size="200"] .aa-flow #commconsultbox #fillinform #invertfieldbox {
	position: relative;
	margin: 0.75rem 0rem 0.75rem 0rem;
	font-size: 90%;
	max-width: 100%;
	min-width: 100%;
}

/*=======維修通報===========*/
#tad_repair[flow-size="200"] .aa-flow #xo-page .table {
	font-size: 80%;
}

/*==========場地預約============*/
.aa-flow-xx-max[flow-size="200"] .aa-flow .blockcontent form[action^="/wqes/modules/jill_booking/index.php"] .table {
	transform: scale(0.69);
	transform-origin: left top;
	height: 47rem;
}

/*=========放大200%以上============*/
.aa-flow-max .aa-flow #menutbl #main-nav #gohomebtn a {
	font-size: 170%;
	min-height: 1rem;
	display: block;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox {
	position: relative;
	top: 0% !important;
	left: 0% !important;
	width: 100%;
	height: auto;
	display: block;
	z-index: 10;
	float: none;
	transform: scale(1.2) !important;
	margin: 0 auto !important;
	text-align: center;
	animation-name: "" !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #toplogobox {
	position: relative;
	top: 0.625rem !important;
	width: 100%;
	height: auto !important;
	margin: 0rem 0rem 0rem 0rem !important;
	animation-name: "" !important;
}



.aa-flow-all-max[flow-size="200"] .aa-flow  #logo_text_box {
    position: relative;
    width:100%;
    background: url("") no-repeat right top;
    color: #006BB4;    
	margin: 1rem auto !important;
	text-align: center;     
   min-height: 12.25rem;   
}

.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox2  .logo_04_sapn{
    color: #333333;    
}

.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox2  .logo_03_sapn {
    color: #006BB4;   
  
}


.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox1 {
	position: relative;
    float: none !important;	
	margin: 1rem auto !important;
	text-align: center !important;	
    font-size: 400%;
    letter-spacing: 0.425rem;
    font-family: Noto Sans TC;
    font-weight: 500;
    z-index: 1;	
	animation-name: "" !important;
}
.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox1  .logo_02_sapn,
.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox1  .logo_01_sapn {
display: inline-block;
}


.aa-flow-all-max[flow-size="200"] .aa-flow #logoimgbox2 {
	position: relative;
	top: 0rem !important;
	left: 0rem !important;
    float: none !important;	
	margin: 0 auto !important;
	text-align: center !important;	
	font-size: 300%;
	height: auto;
	overflow: visible !important;
	line-height: 150%;
	word-break: break-all !important;
	text-align: center;
	animation-name: "" !important;
}


.aa-flow-x-max[flow-size="200"] .aa-flow #logoimgbox2 {
    position: relative;
    font-size: 280%;
}

.aa-flow-x-max[flow-size="200"] .aa-flow #logoimgbox2  .logo_04_sapn{
    font-size: 75%; 
}


.aa-flow-xx-max[flow-size="200"] .aa-flow #logoimgbox2  .logo_03_sapn {
	line-height: 140%;
    font-size: 160%;	
}



.aa-flow-all-max[flow-size="200"] .aa-flow #logotext {
	display: none !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #top_toolbox {
	position: relative;
	right: 0rem;
	width: 100%;
	height: 10rem !important;
	top: 1rem !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #top_toolbox .col-sm-5 {
	max-width: 100% !important;
	min-width: 100% !important;
	min-height: 1rem !important;
	padding: 0.5rem 0rem !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #top_toolbox .col-sm-3,
.aa-flow-all-max[flow-size="200"] .aa-flow #top_toolbox .col-sm-4 {
	max-width: 50% !important;
	min-width: 50% !important;
	min-height: 1rem !important;
	padding: 1.2rem 0rem !important;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #header #toolbox {
	position: absolute;
	top: 0rem;
	left: 0rem;
}

.aa-flow-all-max[flow-size="200"] .aa-flow .fontsize_buttons {
	position: absolute;
	left: 0rem;
	font-size: 110%;
}

.aa-flow-all-max[flow-size="200"] .aa-flow #addressbox {
	position: relative;
	display: block;
	max-width: 85%;
	margin: 0.5rem auto;
	text-align: center;
}

/*==========區塊樣式============*/

.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv .block-title {
	position: relative;
	width: 100%;
	height: auto !important;
	padding: 0.48rem 0rem 0.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, #00A73E 50%, #008431 50%);
    color: #00772c;
}

.aa-flow-all-max[flow-size="200"] #centertpldiv .bstyle02 .block-title {
  background: linear-gradient(to bottom, #258EE1 50%, #0F6FBB 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 #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::after,
.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv #postmuntext::before {
display: none;
}


.aa-flow-all-max[flow-size="200"] .aa-flow #centertpldiv .btn-postmun {
    position: relative;
    padding: 0.6rem 0rem 0.34375rem 0rem;
}



.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 {
	position: relative;
	padding: 0.25rem 0.5625rem 0.3125rem 0.5625rem;
}


/*===========願景區塊=================*/
body[flow-size="125"]  #vision_block .col-sm-2 {
    max-width: 17.6%;
    min-width: 17.6%;
    text-align: center;
}

body[flow-size="150"]  #vision_block .col-sm-2 {
    max-width: 14.7%;
    min-width: 14.7%;
    text-align: center;
}



.aa-flow #vision_block .col-sm-2 img {
    width: 100% !important;
    height: auto;
}