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


.aa-flow #bottomsidedivbox .blockdiv {
    position: relative;
    max-width: 45%;
    min-width: 45%;
    padding: 0rem 0rem;
    margin: 0rem 0.625rem 2.1875rem  0.625rem;
    background: url(../../img/blocks/) repeat left top;
}




/*=========上方功能區塊============*/
/*.aa-flow .box1 #header {
    height: 14.75rem;
}*/
body[flow-size="200"] .aa-flow #headertop {
    min-height: 12.125rem;
}

.aa-flow #top_toolbox {
    position: relative;
    right: 0rem;
    width: 100%;
    height: 5rem;
    top: 1rem !important;
}

.aa-flow #top_toolbox .col-sm-5 {
    max-width: 40%;
    min-width: 40%;
    min-height: 0rem;
}

.aa-flow #top_toolbox .col-sm-3 {
    max-width: 20%;
    min-width: 20%;
    min-height: 0rem;
}

.aa-flow #top_toolbox .col-sm-4 {
    max-width: 40%;
    min-width: 40%;
    min-height: 0rem;
}



body[flow-size="100"] .aa-flow #header #toolbox {
    position: relative;
    right: 0rem;
    top: 0.4rem;    
}



.aa-flow .fontsize_buttons {
    position: relative;
    top: 0rem;
    right: 0rem;
    font-size: 110%;
}



body[flow-size="100"] .aa-flow #toplogobox {
    position: relative;
   left: 1.5%;
}

body[flow-size="125"] .aa-flow #toplogobox {
    position: relative;
   left: 1%;
}

body[flow-size="150"] .aa-flow #toplogobox {
    position: relative;
   left: 1%;
   top: 2.5rem !important;
   zoom: 0.87 !important;
}

body[flow-size="175"] .aa-flow #toplogobox {
    position: relative;
   left: 1.5%;
   top: 3rem !important;
   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 #menutbl  .sm-nowrap li ul{
margin-left: -15.0676875rem !important;
} 

body[flow-size="100"] .aa-flow #menutbl {
    position: absolute !important;
    margin-top: -8% !important;
    right: -4% !important;
}

body[flow-size="125"] .aa-flow #menutbl {
    position: absolute !important;
    margin-top: -10.5% !important;
    right: -8% !important;
}



body[flow-size="150"] .aa-flow #menutbl {
    position: absolute !important;
    margin-top: -13% !important;
    right: -10% !important;
}



body[flow-size="200"] .aa-flow  #menutbl,
body[flow-size="175"]  .aa-flow  #menutbl {
 position: relative !important;
    margin-top: -0.3125rem  !important;
    width: 100%  !important;
    height: 3.4375rem !important;
    left: 0rem !important;
    top: 0rem !important;
    background-color: rgb(49, 136, 165) !important;
    display: block;
   animation-name: none !important;
    z-index: 2000;
}
body[flow-size="200"]  .aa-flow #menutbl #main-nav ,
body[flow-size="175"]  .aa-flow #menutbl #main-nav {
    position: relative;
    width: 80rem !important;
    margin: 0rem auto;
    text-align: left;
    left: 0rem;
}

body[flow-size="200"] .aa-flow-max .sm li ,
body[flow-size="175"] .aa-flow-max .sm li {
    padding: 0.5rem 0rem 1.5rem 0rem;
}


body[flow-size="175"] .aa-flow #gohomebtn a {
    font-size: 190%;
    padding: 0.2125rem 0.75rem 1.25rem 0.5rem !important;
    color: #ffffff  !important;
    cursor: pointer;
}
body[flow-size="175"] .aa-flow #menutbl #main-nav #leftmenubtnbox .fa-align-justify {
    font-size: 190%;
    padding: 0.3125rem 0.7rem 1.25rem 1.5rem !important;
    color: #ffffff !important;
    cursor: pointer;
}


body[flow-size="200"] .aa-flow #gohomebtn a {
    font-size: 190%;
    padding: 0.2rem 0.5rem 1.25rem 0.5rem !important;
    color: #ffffff  !important;
    cursor: pointer;
}

body[flow-size="200"] .aa-flow #menutbl #main-nav #leftmenubtnbox .fa-align-justify {
    font-size: 190%;
    padding: 0.32rem 0.5rem 1.25rem 1rem !important;
    color: #ffffff !important;
    cursor: pointer;
}





body[flow-size="175"] .aa-flow .manulevel1 {
    display: inline-block !important;
        height: 2.7rem !important;
    padding: 0.2rem 0.9375rem 1.25rem 0.9375rem !important;
    color: #FFFFFF !important;
}

body[flow-size="200"] .aa-flow .manulevel1{
    display: inline-block !important;
        height: 2.7rem !important;
    padding: 0.2rem 0.5375rem 1.25rem 0.5375rem !important;
    color: #FFFFFF !important;
}



body[flow-size="175"] .aa-flow #menutbl #main-nav .manulevel1 .sub-arrow {
    bottom: 0rem  !important;
    border-color: #FFFFFF transparent transparent transparent;
    opacity: 0.8;
    transition: all .25s ease .1s;
}
body[flow-size="200"] .aa-flow #menutbl #main-nav .manulevel1 .sub-arrow {
    bottom: 0rem  !important;
    border-color: #FFFFFF transparent transparent transparent;
    opacity: 0.8;
    transition: all .25s ease .1s;
}






/*

body[flow-size="200"] .aa-flow #menutbl {
    position: relative !important;
    margin-top: -0.3125rem  !important;
    width: 100%  !important;
    height: 3.4375rem !important;
    left: 0rem !important;
    top: 0rem !important;
    background-color: rgb(49, 136, 165) !important;
    display: block;
   animation-name: none !important;
    z-index: 2000;
}

body[flow-size="200"]  .aa-flow #menutbl #main-nav {
     position: relative;
    width: 80rem !important;
    margin: 0rem auto;
    text-align: left;
    left: 0rem;
}
*/

body[flow-size="175"] .aa-flow .sm li:not(#seo_btn):not(#search_btn):not(#line_btn):not(#fbm_btn):not(#web_title),
body[flow-size="200"] .aa-flow .sm li:not(#seo_btn):not(#search_btn):not(#line_btn):not(#fbm_btn):not(#web_title) {
    display: inline !important;
    list-style: none;
    margin: 0;
    padding: 0.5rem 0rem 0.5rem 0rem;
    line-height: normal;
    direction: ltr;
    text-align: left;
}
/*
body[flow-size="175"] .aa-flow #gohomebtn,
body[flow-size="175"] .aa-flow #leftmenubtnbox,
body[flow-size="200"] .aa-flow #gohomebtn,
body[flow-size="200"] .aa-flow #leftmenubtnbox{
float: left;
}

body[flow-size="175"] .aa-flow #gohomebtn a ,
body[flow-size="200"] .aa-flow #gohomebtn a {
    font-size: 190%;
    padding: 0.2rem 0.55rem 1.25rem 0.5rem !important;
    color: #ffffff  !important;
    cursor: pointer;
}
body[flow-size="175"] .aa-flow #menutbl #main-nav #leftmenubtnbox .fa-align-justify,
body[flow-size="200"] .aa-flow #menutbl #main-nav #leftmenubtnbox .fa-align-justify {
    font-size: 190%;
    padding: 0.3rem 0.8rem 1.25rem 1.2rem !important;
    color: #ffffff !important;
    cursor: pointer;
}



body[flow-size="200"] .aa-flow-max .sm li {
    padding: 0.5rem 0rem 1.5rem 0rem;
}

body[flow-size="200"] .aa-flow-max .sm-blue {
    padding: 0.5rem 0rem 1.5rem 0rem;
}

body[flow-size="200"] .aa-flow .manulevel1 {
    display: inline-block !important;
    height: 3.4375rem !important;
    padding: 0.6875rem 0.375rem 1.25rem 0.375rem !important;
    color: #FFFFFF !important;
}

body[flow-size="200"] .aa-flow #menutbl #main-nav .manulevel1 .sub-arrow {
    bottom: 0.7rem;
    border-color: #FFFFFF transparent transparent transparent;
    opacity: 0.8;
    transition: all .25s ease .1s;
}

body[flow-size="200"] .aa-flow-max #menutbl #main-nav .manulevel1 .sub-arrow {
    top: 1.7rem;
    right: 1rem;
    border-color: #FFFFFF transparent transparent transparent;
    opacity: 0.8;
    transition: all .25s ease .1s;
}

body[flow-size="200"] .aa-flow-max #menutbl #main-nav .manulevel1 {
    padding-left: 0rem;
    padding-right: 3.5rem;
}


*/






/*
.aa-flow-max #menutbl #main-nav .manulevel1 {
    padding-left: 0rem;
    padding-right: 3.5rem;
}
*/
/*=========底選單==============*/
.aa-flow #menutblbottom {
    position: relative;
    width: 100%;
    margin: 0rem 0rem 1.5625rem 1.5rem;
}


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

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

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




/*===========撥放器區塊=============*/
.aa-flow #playerimgdiv {
    position: relative;
    display: block !important;
    margin-top: 0rem !important;
    width: inherit;
    height: auto;
    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 .block-title {
    position: relative;
    background: url(../../img/blocks/neil_web_06.png) no-repeat center top;
}

body[flow-size="200"]  .aa-flow #centertpldiv .box32,
body[flow-size="175"]  .aa-flow #centertpldiv .box32 {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fefff4;
    padding: 3.75rem 0rem 2.1875rem 0rem;
    margin: -2.8125rem 0rem 2.8125rem 0rem;
    clip-path: polygon(-6% 0, 50% 1.5%, 106% 0, 106% 97%, 50% 100%, -6% 98.5%);
}


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



/*========榮譽事項===========*/
.aa-flow  #neilhonorlist_block0 .col-md-6:nth-child(2n+2) ,
.aa-flow  #neilhonorlist_block0 .col-md-6:nth-child(2n+1) {
    max-width: 45% !important;
    min-width: 45% !important;
}

.aa-flow  #rdivfalse  #neilhonorlist_block0 .col-md-3 {
    max-width: 0%;
    min-width: 0%;
    display: none;
}
.aa-flow  #rdivfalse  #neilhonorlist_block0 .col-md-9 {
    max-width: 100%;
    min-width: 100%;
}

/*=======電子相簿=============*/
.aa-flow #neilalbum_block2 #blockstyle0 #sorttitlebox {
    height: 5.625rem;
    overflow: visible;
}
.aa-flow  #neilalbum_block2 #blockstyle0 #titlebox {
    position: relative;
    height: 8rem;
}

/*=======線上影音=============*/
.aa-flow #neilonlinevideo_block1 .style1 .col-md-6 {
    max-width: 100%;
    min-width: 100%;
}


/*=========數字廣告==============*/
.aa-flow #neildgblock .col-md-3 {
    position: relative;
    width: 25%;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}
body[flow-size="200"]  .aa-flow   #neildgblock .col-md-3,
body[flow-size="175"]  .aa-flow   #neildgblock .col-md-3 {
    position: relative;
    max-width: 50%;
    min-width: 50%;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

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

/*==========聯絡我們============*/
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;
}

/*
.top-aa-flow #fixmenu {
    zoom: 0.6 !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%;
}

/*=========災害示警===========*/
.aa-flow #alertsncdr {
transform-origin: 0% 0;  
transform:scale(1.15); 
}




/*===========底選單===========*/
#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="150"] .aa-flow #footercontents .col-md-8{
max-width: 80%;
min-width: 80%;
}



body[flow-size="150"] .aa-flow #footercontents .col-md-3{
max-width: 20%;
min-width: 20%;
}



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 #playerimgdiv{
	padding: 1.5625rem  0rem 1.5625rem 0rem;
}
 
.aa-flow  .box1 #marqueetopbox {
    visibility: visible;
	width: inherit;	
   	height: 3.125rem;
}


.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  #xo-content .blockcontent {
    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: 0.7375rem 0.7375rem 0rem 0.7375rem;
    margin: 0rem 1.5%;
    border-radius: 0.625rem;
    text-align: center;
    border: 0.0625rem solid #FD8833;
    background: #FCA76A 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.625rem 0.7375rem 0.625rem;
    border-radius: 0.625rem;
    border: 0.0625rem solid #FFDD99;
    background: #FCFCFC url(../../img/blocks/) no-repeat left top;
    line-height: 180%;
}
.aa-flow #rdivfalse #xo-content .block-title a:hover {
    color: #FC6900;
}


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

.aa-flow #xo-content .block-title {
    position: relative;
    width: inherit;
    height: auto;
    padding: 0.7375rem 0.7375rem 0rem 0.7375rem;
    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: 0.9375rem 0.625rem;
    border-radius: 0.625rem;
    border: 0.0625rem solid #6EC9B7;
    background: #FCFCFC url(../../img/blocks/) no-repeat left top;
}

.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,
body[flow-size="175"] .aa-flow  #xo-content  .col-md-3:not(#cookieArrbox .col-md-3){
max-width: 100%;
min-width: 100%;
}


/*===========最新消息=================*/
.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%;
}


/*=======活動報名===========*/
.aa-flow #neilsignedupindex .centerboxindex,
.aa-flow #neilsignedupindex .leftboxindex {
    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,
.aa-flow #signedupshowbox .col-md-8,
.aa-flow #signedupshowbox .col-md-4,
.aa-flow #neilsignedupindex .centerboxindex .aa-flow #neilsignedupindex .leftboxindex {
    max-width: 100%;
    min-width: 100%;
    padding: 0rem;
}

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

/*===========電子相簿================*/
.aa-flow .magnifier {
    position: relative;
    display: block !important;
    width: 100% !important;
    left: 0 !important;
    box-sizing: border-box;
}

.aa-flow .magnifier-container {
    width: 100% !important;
    height: 31.25rem !important;
}

.aa-flow #albumcenterbox .col-md-3{
    position: relative;
    min-width: 48%;
    max-width: 48%;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

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

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


/*===========線上影音================*/
.aa-flow .movieboxplay iframe {
    position: relative;
    display: block !important;
    width: 100% !important;
    left: 0 !important;
    box-sizing: border-box;
}
.aa-flow #videocenterbox .col-md-3{
    position: relative;
    min-width: 48%;
    max-width: 48%;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

/*========組織簡介===========*/
.aa-flow #producsortbox .col-3 {
    max-width: 35%;
    min-width: 35%;
}

.aa-flow #producsortbox .col-9 {
    max-width: 65%;
    min-width: 65%;
}

.aa-flow #producsortbox .col-2 {
    max-width: 30%;
    min-width: 30%;
}

.aa-flow #producsortbox .col-10 {
    max-width: 70%;
    min-width: 70%;
}


.aa-flow .move-view,
.aa-flow .magnifier-view {
    display: none !important;
}

.aa-flow #neilshowcaseboxr {
    position: relative;
    max-width: 42%;
    min-width: 42%;
    padding: 0rem 0rem 0rem 1rem;
}

.aa-flow #neilshowcaseboxl .col-md-9 {
    position: relative;
    padding: 0rem 0rem 0rem 0rem;
    max-width: 58%;
    min-width: 58%;
}

/*=========檔案管理===========*/

.aa-flow #defaultfunctionbox .contentbox,
.aa-flow #defaultfunctionbox .leftbox {
    max-width: 100%;
    min-width: 100%;
    padding: 0rem;
}

.aa-flow .media {
    width: 97%;
}





/*========班級課表=============*/
.aa-flow #contentpage .tablecustom, .aa-flow #curriculumadminbox .tablecustom {
	font-size: 82.5%;
}

/*==========電子校刊==============*/
.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="200"] .aa-flow #primaryNav.col4 li ,
body[flow-size="175"] .aa-flow #primaryNav.col4 li {
    width: 50.0%;
}


/*============商品展示=============*/
/*==========首頁=============*/
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%;
}