/*========無障礙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 #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%;
    padding: 0rem 0rem;
    margin: 0rem 0.625rem 2.1875rem  0.625rem;
    background: url(../../img/blocks/) repeat left top;
}


.aa-flow  #xo-page {
    padding: 5.3125rem 0rem 1.25rem 0rem;
}

.iframetrue .aa-flow #xo-page {
    padding: 0rem;
}


/*=========上方功能區塊============*/
.aa-flow .box1 #header {
    height: 17.75rem;
}

.aa-flow #top_toolbox {
    position: relative;
    right: 0rem;
    width: 100%;
    height: 6rem;
    top: 3.8rem !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;
}

.aa-flow #header #toolbox {
    position: relative;
    right: 0rem;
}

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


.aa-flow  #logoimgbox2 {
    position: absolute;
    font-size: 260%;
}


.aa-flow #logoimgbox3 {
    position: absolute;
    left: 20.9375rem;
    font-size: 150%;
}
.aa-flow  #addressbox {
    position: absolute;
    top: 0rem;
}



/*==========主選單區塊============*/
.aa-flow #menutbl {
    position: relative !important;
    width: 100% !important;
    margin-top: 0rem !important;
    z-index: 2000;
    height: 100% !important;
    padding: 1rem 0rem; 
    left: 0rem;
    display: block;
    animation-name: none !important;


}

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

}

.aa-flow .sm li {
    display: inline !important;
    list-style: none;
    margin: 0;
    padding: 0.5rem 0rem 0.5rem 0rem;
    line-height: normal;
    direction: ltr;
    text-align: left;
}

.aa-flow-max .sm li {
    padding: 0.5rem 0rem 1.5rem 0rem;
}

.aa-flow-max .sm-blue {
    padding: 0.5rem 0rem 1.5rem 0rem;
}

.aa-flow #gohomebtn a {
    display: none;
}

.aa-flow #menutbl #main-nav #leftmenubtnbox .fa-align-justify {
    font-size: 190%;
    padding: 0.8125rem 1.25rem 1.25rem 0.5rem !important;
      cursor: pointer;
}

.aa-flow .manulevel1 {
    display: inline !important;
}

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

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

.aa-flow #menutbl #main-nav .manulevel1 {
    padding-left: 0rem;
    padding-right: 1.5rem;

}

.aa-flow-max #menutbl #main-nav .manulevel1 {
    padding-left: 0rem;
    padding-right: 3.5rem;
}

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

.aa-flow .marquee {
    width: 100%;
    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;
   padding: 1.875rem  0rem 1.875rem 0rem; 
}

.aa-flow #playerimgdiv::before {
    display: none;
}

.aa-flow #playerimgdiv::after {
    display: none;
}

/*==========內容區塊================*/


/*==========FB粉絲團============*/
.aa-flow  .box27 .content_block_box iframe{
width: 100% !important;
  transform:  scale(1.15, 1.15);
transform-origin: 0% 0;  
}


/*=========數字廣告==============*/
.aa-flow #neildgblock .col-md-3 {
    position: relative;
    width: 25%;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

/*==========裝飾花紋===========*/
.aa-flow .decorationimg {
    display: none;
}

/*====右廣告===========*/
.aa-flow-max #lowerrightadbox {
    display: none !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{
width: 25%;
}






/*===========底選單===========*/
#menutblbottom .btnstyle7 ul  li.menubottom1 {
min-height: 22rem;
}


/*=========頁腳=================*/
.aa-flow #footercontents .col-md-3,
.aa-flow #footercontents .col-md-1 {
    display: none !important;
}

.aa-flow #xoopsfooter {
    position: relative;
    width: 98%;
    top: -0.375rem;
    left: 0rem;
    min-height: 8.4375rem;
    overflow: hidden;
    font-size: 130%;
    line-height: 175%;
    z-index: 101;
    color: #101010;
}

.aa-flow #footer {
    position: relative;
    width: inherit;
    min-height: 12.5625rem;
}



/*=========初始值設定===========*/
.aa-flow .box1 #marqueetopbox,
.aa-flow .box1 #menutbl,
.aa-flow .box1 #playerimgdiv {
    visibility: visible;

}

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

.aa-flow .navbar select.form-control {
    position: relative;
    width: 100%;
    margin: 0rem 0rem 0rem 0rem;
}

.aa-flow #xo-content   .blockcontent::after,
.aa-flow  #xo-content   .block-title::before ,
.aa-flow #xo-content  .block-title .ielement::after ,
.aa-flow #xo-content  .block-title .ielement::before ,
.aa-flow  #xo-content   .block-title::after {
display: none;
}
.aa-flow  #xo-content {
    position: relative;
    margin-top: 3.125rem;
    width: inherit;
}


.aa-flow #rdivfalse #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 #B51319;
    background: #FF8286 url(../../img/blocks/) no-repeat left top;
    margin-right: 0rem;
}

.aa-flow #rdivfalse #xo-content .block-title .ielement {
    position: relative;
    width: 100%;
    display: block;
    padding: 0.9375rem 0.625rem;
    border-radius: 0.625rem;
    border: 0.0625rem solid #E8474D;
    background: #FCFCFC url(../../img/blocks/) no-repeat left top;
}

.aa-flow #rdivfalse #xo-content   .block-title a {
    color: #B20005;
}

.aa-flow #rdivfalse #xo-content .block-title a:hover {
    color: #000000;
}



.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 #2B478F;
    background: #7E9BE5 url(../../img/blocks/) no-repeat left top;
      margin-right: 0rem;  
}

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

.aa-flow #xo-content   .block-title a {
    color: #081D51;
}

.aa-flow #xo-content .block-title a:hover {
    color: #000000;
}


/*===========最新消息=================*/
.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 #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  #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 #producsortbox .col-3 {
    max-width: 35%;
    min-width: 35%;
}

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

.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 #contentpage .tablecustom, .aa-flow #curriculumadminbox .tablecustom {
	font-size: 82.5%;
}