/*========無障礙AA放大網站樣式處理=============*/
/* 啟用流動排版時（zoom>=200% 或寬度<=640）讓 layout 改成直排 */
/* body->top-aa-flow放大時顯示，1比1刪除*/
/* body->aa-flow-max放大到200%顯示*/
/* #bodybox->aa-flow 只要大於100%就顯示*/

.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;
}

body[flow-size="200"]  .aa-flow #bottomsidedivbox .block-title ,
body[flow-size="175"]  .aa-flow #bottomsidedivbox .block-title ,
body[flow-size="150"]  .aa-flow #bottomsidedivbox .block-title {
    position: relative;
    width: inherit;
    height: 50px;
    padding: 6.5px 0px 0px 0px;
    text-align: center;
    font-weight: 550;
    color: #ffffff;
}
body[flow-size="200"]  .aa-flow  #bottomsidedivbox .bstyle01 .block-title ,
body[flow-size="175"]  .aa-flow  #bottomsidedivbox .bstyle01 .block-title ,
body[flow-size="150"]  .aa-flow  #bottomsidedivbox .bstyle01 .block-title {
background:  url(../../img/blocks/left_color.png) no-repeat left top ,linear-gradient(-1deg, #953FC7 50%, #BC63E6 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border: 0.0625rem solid #953FC7;
}
body[flow-size="200"]  .aa-flow  #bottomsidedivbox .bstyle02 .block-title ,
body[flow-size="175"]  .aa-flow  #bottomsidedivbox .bstyle02 .block-title ,
body[flow-size="150"]  .aa-flow  #bottomsidedivbox .bstyle02 .block-title {
background:  url(../../img/blocks/left_color.png) no-repeat left top ,linear-gradient(-1deg, #DF3400 50%, #FF6435 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border: 0.0625rem solid #DF3400;
}
body[flow-size="200"]  .aa-flow #bottomsidedivbox .block-title  .bimg ,
body[flow-size="175"]  .aa-flow #bottomsidedivbox .block-title  .bimg ,
body[flow-size="150"]  .aa-flow #bottomsidedivbox .block-title  .bimg {
    position: absolute;
    font-size: 150%;
    text-align: center;
    left: 8px;
    top: 5px;
} 
  
  

/*=========上方功能區塊============*/

.aa-flow #header {
    padding: 0.625rem 0.625rem;
    
}

body[flow-size="175"] .aa-flow #toplogobox,
body[flow-size="150"] .aa-flow #toplogobox {
    position: relative;
    zoom: 0.94 !important;
}

body[flow-size="200"] .aa-flow #toplogobox{
    position: relative;
    zoom: 0.82 !important;
}


body[flow-size="175"] .aa-flow  #logoimgbox5,
body[flow-size="175"] .aa-flow  #logoimgbox4{
display: none;
}




/*
body[flow-size="175"] .aa-flow #toplogobox {
   position: relative;
   zoom: 0.90 !important;
}


body[flow-size="200"] .aa-flow #toplogobox {
    position: relative;
   left: 1.5%;
   top: 3rem !important;
   zoom: 0.95 !important;
}
body[flow-size="200"] .aa-flow #logoimgbox3 {
    left: 17.8125rem;
}
*/

.aa-flow #top_toolbox {
    position: absolute;
    top: 1.225rem;
    right: 1rem;
    text-align: right;
    width: 50%;
}

/*.aa-flow .box1 #header {
    height: 14.75rem;
}
*/

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: 50%;
    min-width: 50%;
    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: 22%;
    min-width: 22%;
    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: 28%;
    min-width: 28%;
    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: 0px;
}


/*==========主選單區塊============*/

.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;
    background: #FFFFFF url(../../img/menu/wqes_04.png) repeat left top;
    display: block;
    padding: 0rem 1rem;
    animation-name: none !important;
}

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,
body[flow-size="200"] .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,
body[flow-size="200"] .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,
body[flow-size="200"] .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,
body[flow-size="200"] .aa-flow .sm-blue .sm-nowrap>li>a,
body[flow-size="200"] .aa-flow .sm-blue .sm-nowrap>li> :not(ul) a {
    white-space: normal;
    word-break: break-all;
}

body[flow-size="200"] .aa-flow #menutbl {
    height: 100% !important;
    padding: 1rem 0.5rem;
}

.aa-flow #menutbl #main-nav {
    position: relative;
    width: 100% !important;
    margin: 0 auto;
    text-align: left;

}
body[flow-size="200"]  .aa-flow #menutbl #main-nav .manulevel1, 
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: 5px 13px 20px 13px;

}

.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;
}




.aa-flow #menutbl #main-nav #gohomebtn a {
    font-size: 170%;
    padding: 0.75rem 1.3125rem 0rem 0rem !important;
    min-height: 5rem;
    display: block;
}


/*=========底選單==============*/
.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: #ffffff url(../../img/playerimg/) no-repeat left top;
    z-index: 100;
   	padding: 35px 0px; 
}

.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 #centertpldiv  .block-title {
	position: relative;
	width: 100%;
	height: 3.725rem;
	padding: 0.48rem 0rem 0rem 0rem;
	border-radius: 0.625rem;
	text-align: center;
	color: #4a4949;
}

.aa-flow #centertpldiv .bstyle01 .block-title {
background:  url(../../img/blocks/left_color.png) no-repeat left top ,linear-gradient(0deg, #006530 50%, #008841 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border: 0.0625rem solid #006530;
color: #006530;
}
.aa-flow #centertpldiv .bstyle02 .block-title {
background:  url(../../img/blocks/left_color.png) no-repeat left top ,linear-gradient(0deg, #005C87 50%, #007DB7 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border: 0.0625rem solid #005C87;
color: #005C87;
}

.aa-flow  #centertpldiv .block-title  .bimg {
	position: absolute;
	width: 3.875rem;
	height: 3.125rem;
	font-size: 140%;
	text-align: center;
	left: 0.10rem;
	top: 0.685rem;
}

.aa-flow #more {
    position: absolute;
    top: 18px;
    padding: 1px 8px 4px 30px;
    font-size: 75%;
    color: #000000;
    right: 10px;
    line-height: 100%;
    font-weight: 500;
}



body[flow-size="200"] .aa-flow  #centertpldiv .block-title  .bimg,
body[flow-size="200"] .aa-flow #more {
display: none;
}


body[flow-size="200"] .aa-flow #centertpldiv .bstyle01 .block-title {
background:  linear-gradient(0deg, #006530 50%, #008841 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
body[flow-size="200"]  .aa-flow #centertpldiv .bstyle02 .block-title {
background:  linear-gradient(0deg, #005C87 50%, #007DB7 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/*======新聞區塊===========*/

/*=======條列樣式===============*/
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 #mfdcms_block1 #blockstyle2 .centerrow .col-md-6 {
    max-width: 100%;
    min-width: 100%;
}

/*=======卡片區塊===============*/
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;
    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;
}

/*========商品展示區塊============*/
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-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;
}

/*=======電子相簿=============*/
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;
}

/*=======線上影音=============*/
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 .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;
}

/*==========聯絡我們============*/
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-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;
}

/*=========影音撥放器燈箱============*/
.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);
}

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;
}

/*=========頁腳=================*/
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 .box1 #menutbl,
.aa-flow .box1 #playerimgdiv {
    visibility: visible;
}


.aa-flow  .box1 #marqueetopbox {
    visibility: visible;
	width: inherit;	
   	height: 2.875rem;
}


.aa-flow .box1 #header {
    height: 10%;
}

.aa-flow .box1 #topbox {
    display: none;
}

/*============模組內容===============*/
/*.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 .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;
    background: #006530 url(../../img/blocks/) no-repeat left top;
}

.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.825rem 0.7375rem 0.825rem;
    border-radius: 0.625rem;
    background: #FCFCFC url(../../img/blocks/) no-repeat left top;
}

.aa-flow #xo-content .block-title  .ielement::before {
    content: '';
    position: absolute;
    height: 80%;
    background-color: #ed1e23;
    width: 9px;
    left: 10px;
    top: 7px;
    border-radius: 10px;
}

.aa-flow  #xo-content .block-title  .ielement::after {
    content: '';
    position: absolute;
    height: 80%;
    background-color: #ed1e23;
    width: 9px;
    right: 10px;
    top: 7px;
    border-radius: 10px;
}



.aa-flow #rdivfalse #xo-content .block-title a:hover {
    color: #ED1E23;
}

.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: #96DDCF url(../../img/blocks/) no-repeat left top;
}

.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 .order_box_02,
body[flow-size="175"] .aa-flow .order_box_01 {
    max-width: 100%;
    min-width: 100%;
}

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),
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) {
    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%;
}

/*=======活動報名===========*/

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="200"] .aa-flow #neilsignedupindex .leftboxindex,
body[flow-size="200"] .aa-flow #neilsignedupindex .centerboxindex {
    max-width: 100%;
    min-width: 100%;
}

body[flow-size="175"] .aa-flow #neilsignedupindex .col-4 {
    max-width: 100%;
    min-width: 100%;
}

body[flow-size="175"] .aa-flow #neilsignedupindex .col-4 .thumbnail {
    width: calc(10px + 750px) !important;
}

body[flow-size="175"] .aa-flow #neilsignedupindex .thumbnail img {
    width: calc(10px + 750px) !important;
}

body[flow-size="200"] .aa-flow #neilsignedupindex .col-4 {
    max-width: 100%;
    min-width: 100%;
}

body[flow-size="200"] .aa-flow #neilsignedupindex .col-4 .thumbnail {
    width: calc(10px + 650px) !important;
}

body[flow-size="200"] .aa-flow #neilsignedupindex .thumbnail img {
    width: calc(10px + 650px) !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 .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;
}

.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;
}

/*===========電子相簿================*/
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%;
    max-width: 100%;

}

body[flow-size="175"] .aa-flow  #albumcenterbox  .thumbnail {
width: calc(10px + 740px) !important;
}

body[flow-size="175"] .aa-flow  #albumcenterbox  .thumbnail img{
width: calc(10px + 740px) !important;
}

body[flow-size="200"] .aa-flow  #albumcenterbox  .thumbnail {
width: calc(10px + 640px) !important;
}

body[flow-size="200"] .aa-flow  #albumcenterbox  .thumbnail img{
width: calc(10px + 640px) !important;
}
/*==========榮譽事蹟==============*/

body[flow-size="150"] .aa-flow #honorlist_index #indwx_content .left_box {
    max-width: 27%;
    min-width: 27%;
}

body[flow-size="150"] .aa-flow #honorlist_index #indwx_content .right_box {
    max-width: 73%;
    min-width: 73%;

}

body[flow-size="200"] .aa-flow #honorlist_index #indwx_content .left_box,
body[flow-size="175"] .aa-flow #honorlist_index #indwx_content .left_box {
    max-width: 30%;
    min-width: 30%;
}

body[flow-size="200"] .aa-flow #honorlist_index #indwx_content .right_box,
body[flow-size="175"] .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="150"] .aa-flow  #honorpagebox #content_box .leftbox {
    max-width: 25%;
    min-width: 25%;
}

body[flow-size="150"] .aa-flow  #honorpagebox #content_box .rightbox {
    max-width: 75%;
    min-width: 75%;
    padding: 0rem 0rem 0rem 0rem;
    margin-top: -0.9375rem !important;
}

body[flow-size="200"] .aa-flow  #honorpagebox #content_box .leftbox,
body[flow-size="175"] .aa-flow  #honorpagebox #content_box .leftbox {
    max-width: 28%;
    min-width: 28%;
}
body[flow-size="200"] .aa-flow  #honorpagebox #content_box .rightbox,
body[flow-size="175"] .aa-flow  #honorpagebox #content_box .rightbox {
    max-width: 72%;
    min-width: 72%;
    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%;
}

/*===========線上影音================*/
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="175"] .aa-flow  #videocenterbox  .thumbnail {
width: calc(10px + 740px) !important;
}

body[flow-size="175"] .aa-flow  #videocenterbox  .thumbnail .imgbox{
width: calc(10px + 740px) !important;
}

body[flow-size="175"] .aa-flow  #onlinevideoindex #thumbnailtypeimg {
    position: absolute;
    width: 3.125rem  !important;
}


body[flow-size="200"] .aa-flow  #videocenterbox  .thumbnail {
width: calc(10px + 640px) !important;
}

body[flow-size="200"] .aa-flow  #videocenterbox  .thumbnail .imgbox{
width: calc(10px + 640px) !important;
}

body[flow-size="200"] .aa-flow  #onlinevideoindex #thumbnailtypeimg {
    position: absolute;
    width: 3.125rem  !important;
}

/*========組織簡介===========*/

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="100"] .aa-flow  #neilshowcaseboxl .col-md-9 {
    position: relative;
    padding: 0rem 0rem 0rem 1.25rem;
    max-width: 45%;
    min-width: 45%;
}

body[flow-size="100"] .aa-flow   #neilshowcaseboxr {
    position: relative;
    max-width: 55%;
    min-width: 55%;
    padding: 0rem 0rem 0rem 3.75rem;
}



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="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="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="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;
}

/*========班級課表=============*/
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%;
}

/*==========電子校刊==============*/
.aa-flow #neilperiodicalindex .leftbox {
    max-width: 100%;
    min-width: 100%;
}

.aa-flow #neilperiodicalindex .centerbox {
    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="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%;
}

/*=======維修通報===========*/

body[flow-size="200"] .aa-flow  #xo-page .table {
font-size: 80%;
}