body[data-lang="t-chn"],
body[data-lang="s-chn"]{font-size:20px;}

body{padding-top:0px;color:#333333;
   border-top:5px solid #056fb8;
   background-image:url(design/UI/mainBg-loop.jpg);background-position:center 0px;
}

.BODY-container{
   border-top:5px solid #008a6d;
   background-image:url(design/UI/TOP-bg.jpg);background-position:center -33px;background-repeat:no-repeat;
}

#main-wrapper{
   background-image:url(design/UI/CONTENT-upperBg.png);background-position:center -52px;background-repeat:no-repeat;
}

#main.container{
   padding:0px;
}
#menuBar-wrapper{background-image:url(design/UI/menuBar-wrapper-BOT.png);background-position:center bottom;background-repeat:no-repeat;}
#menuBar-wrapper .menuBar-upper{margin-top:0px;overflow:hidden;} /*height:284px;*/
#menuBar-wrapper .container{padding-left:0px;padding-right:0px;}

#menuBar-wrapper .menuBar-upper{padding:0px;}

#menuBar-wrapper .search_DIV,
#menuBar-wrapper form{margin:0;padding:0;width:274px;height:35px;}
#menuBar-wrapper form{position:relative;}
#menuBar-wrapper .search_DIV .keyword{position:absolute;width:214px;height:25px;margin:5px 0px 5px 20px;border:0;font-size:15px;}
#menuBar-wrapper .search_DIV .searchBT{position:absolute;right:0;border:0;cursor:pointer;width:35px;height:35px;}
#menuBar-wrapper .menuBar-upper .search_DIV{float:left;margin-top:50px;margin-left:15px;width:274px;height:35px;background-image:url(design/UI/search_BG.png);}
#menuBar-wrapper .menuBar-upper .search_DIV INPUT{background-color:transparent;}
/*position:absolute;z-index:1000;top:55px;right:45px;*/
.FE_spots{display:none;}
/*
#menuBar-wrapper{background-image:url(design/UI/menuBar-wrapper-horBgLoop.png);background-position:0px bottom;background-repeat:repeat-x;}
*/
/*CONTENT-LOWER BG*/

#FE_slider_wrapper_1, #SE_slider_wrapper_1{margin:0 15px;}

.content-frame .row.upper{
   position:relative;width:100%;     
}
.content-frame .row.lower{
   width:100%;height:45px;  
}
@media screen and (min-width:1140px){
   .content-frame .row.upper{
      background-image:url(design/UI/CONTENT-midBg.png);background-position:center top;background-repeat:repeat-y;  
   }
   .content-frame .row.lower{     
      background-image:url(design/UI/CONTENT-midBg-BOT.png);background-position:center top;background-repeat:no-repeat;    
   }
}

.content-frame > .BOT{outline:1px solid red;position:absolute;right:35px;bottom:0px;height:105px;line-height:105px;font-size:13px;text-align:center;color:#c5cad3;}

.content-frame > .row.upper{
   margin-top:0px;
}
.content-frame > .row.upper > .LEFT{
   float:left;width:23%;padding-top:30px;
   height:368px;/*calc(100% + 46px);*/
   background-image:url(design/UI/LEFT-topBg.png);background-repeat:no-repeat;/*background-position:-20px 0;*/
}
.content-frame > .row.upper > .RIGHT{
   float:left;
}

#subpage-HTML{display:none;}
#main > div.content-frame.no-subpage > div.row > div.LEFT{display:none;}
#main > div.content-frame.has-subpage > div.row > div.LEFT{display:block;}
#main > div.content-frame.no-subpage > div.row > div.RIGHT{width:100%;}
#main > div.content-frame.has-subpage > div.row > div.RIGHT{width:77%;}
@media screen and (max-width: 991px) { /*<<<<< hide the LEFT*/
   #subpage-HTML{display:block;}
   #main > div.content-frame.has-subpage > div.row > div.LEFT{display:none;}
   #main > div.content-frame.has-subpage > div.row > div.RIGHT{width:100%;}
} 
/*div{border:1px solid red;}*/
#main > .TOOLBAR{width:100%;padding-right:85px;line-height:49px;height:93px;} /*background-color:rgba(149, 121, 224, 0.65);*/
#main > .TOOLBAR > a{color:white};
#main > .TOOLBAR > a:hover{color:yellow;};

.CONTENT-midBg.no-slider{
   background-position:right 350px;
}

.content-frame.has-subpage > .row .CONTENT{
   box-shadow: inset 25px 0 13px -10px rgba(226, 229, 234, 0.6);
}

/*HOR A.BTN*/
.content-frame > .row > .LEFT > .V-SUBMENU > a{display:inline-block;position:relative;z-index:100;right:-14px;width:102%;padding:8px;font-size:16px;text-align:center;margin-bottom:9px;color:#555555;background-color:rgba(255,255,255,0.65);border:2px solid #ded9cb;border-radius:8px;}
.content-frame > .row > .LEFT > .V-SUBMENU > a:hover{border:2px solid #e0dfc2;} 
.content-frame > .row > .LEFT > .V-SUBMENU > a.in{background-color:rgba(247,248,234,0.65);border:2px solid #e8c382;}

.content-frame .no-margin{margin:0 15px;}

.content-frame.no-subpage > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE > .content-row{margin:35px 40px;}
.content-frame.has-subpage > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE > .content-row{
   margin: 35px 40px;
}

.BODY-CONTENT-RESPONSE{min-height:350px;}

body[parent-menu="技術研討會"] .BODY-CONTENT-RESPONSE{
   min-height:450px
}
/*
.content-frame.no-subpage > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE,
.content-frame.has-subpage > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE{padding:0 40px;}
*/
/*##### HANDLED BY FUNCTION: APPLY_H2_style() in includes.js*/
.BODY-CONTENT-RESPONSE > h2{
   display:inline-block;position:relative;left:0;z-index:0;
   font-size:20px;
   /*box-shadow: 15px 10px 8px rgba(226, 229, 234, 0.2);outline:1px solid red;*/
}
.BODY-CONTENT-RESPONSE > h2.measure-singleline-H{
   position:absolute;width:500%; /*extend to w500px to get the single-line line-height*/
}
.BODY-CONTENT-RESPONSE > h2.done{
   display:block;width:calc(100% - 20px);height:64px;line-height:64px;
}
.BODY-CONTENT-RESPONSE > h2 > div:nth-child(1){   
   float:left;
   height:64px;
   color:white;
   background-image:url(design/UI/titleBar-leftBg.png);background-repeat:no-repeat;
}
.BODY-CONTENT-RESPONSE > h2 > div:nth-child(1) > div.inner{
   margin: 8px 8px 8px 44px;
   padding: 3px 45px;
   height: calc(64px - 16px);
   outline: 2px solid white;
   line-height: calc(64px - 20px);
}
.BODY-CONTENT-RESPONSE > h2 > div:nth-child(2){
   float:left;height:64px;
   background-image: linear-gradient(to right, rgba(254, 199, 73, 1), white); /* Standard syntax (must be last) */
}

.BODY-CONTENT-RESPONSE > div#subpage-HTML > a.subpage{
   display:block;
   position:relative;z-index:0;
   left:0px;
   width:calc(100% - 50px);
   min-height:50px;line-height:50px;
   padding-left:40px;
   color:#486170;
   background-color: rgba(137, 156, 182, 0.08); /* For browsers that do not support gradients */
   background-image: linear-gradient(to right, rgba(182, 192, 206, 0.08), white); /* Standard syntax (must be last) */
   
   display: list-item;          /* This has to be "list-item"*/
   list-style-type: disc;       /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type*/
   list-style-position: inside;
   /*border-bottom:1px solid white;*/
}
.BODY-CONTENT-RESPONSE > div#subpage-HTML > a.subpage.LAST{
   margin-bottom:15px;
}

.content-banner{width: calc(100% - 30px); margin: auto;}

/*
body[data-lang="en"] .BODY-CONTENT-RESPONSE[data-fontsize="S"]{font-size:1em;line-height:145%;}
body[data-lang="en"] .BODY-CONTENT-RESPONSE[data-fontsize="M"]{font-size:1.5em;line-height:160%;}
body[data-lang="en"] .BODY-CONTENT-RESPONSE[data-fontsize="L"]{font-size:1.9em;line-height:150%;}
*/

body[data-lang="t-chn"] .BODY-CONTENT-RESPONSE[data-fontsize="S"],
body[data-lang="s-chn"] .BODY-CONTENT-RESPONSE[data-fontsize="S"]{font-size:1em;line-height:145%;}

body[data-lang="t-chn"] .BODY-CONTENT-RESPONSE[data-fontsize="M"],
body[data-lang="s-chn"] .BODY-CONTENT-RESPONSE[data-fontsize="M"]{font-size:1.3em;line-height:160%;}

body[data-lang="t-chn"] .BODY-CONTENT-RESPONSE[data-fontsize="L"],
body[data-lang="s-chn"] .BODY-CONTENT-RESPONSE[data-fontsize="L"]{font-size:2em;line-height:150%;}

div.for-logo{display:block;float:left;margin: 20px 0px 5px 0px;}
#menuBar-wrapper .menuBar-upper div.for-logo{padding:0px;}
/*
div.for-logo.HKPC > img{width:255px;}
div.for-logo.ITC > img{width:255px;margin-left:35px;}
*/
div.for-logo.HKPC > img{width:200px;}
div.for-logo.ITC > img{width:200px;margin-left:35px;}

#main > .VMENU{position:relative;display:inline-block;}
#main > .VMENU > a,
#main > .VMENU > a.in,
#main > .VMENU > a:hover{position:static;float:left;min-height:52px;line-height:52px;margin:0px;padding:0px 18px;font-size:1em;}

#main > .VMENU > a[VMENU-id="HOME"],
#main > .VMENU > a.in[VMENU-id="HOME"],
#main > .VMENU > a:hover[VMENU-id="HOME"]{padding:0px 45px;}

#main > .VMENU > a.in:not([VMENU-id="HOME"]){background-color: rgba(107,137,188,0.45);}
#main > .VMENU > a:hover:not(.in):not([VMENU-id="HOME"]){background-color: rgba(255,255,255,0.15);}

#main > .VMENU{background-image:url(design/UI/menuBar-HOME-bg.png);background-repeat:no-repeat;background-position:-45px -1px;}

.content-frame > .row > .LEFT > .V-SUBMENU > a:hover:not(.in){background-color: rgba(255,255,255,0.35);}

/*TOOLBAR > ICON*/
#main > .TOOLBAR > #TOOLBAR-stuff{position:absolute;display:block;height:52px;right:30px;bottom:0;padding-top:6px;}

#main > .TOOLBAR > #TOOLBAR-stuff > SPAN,
#main > .TOOLBAR > #TOOLBAR-stuff > SPAN > a{float:right;margin-left:15px;height:52px;line-height:52px;margin-top:3px;}
#main > .TOOLBAR > #TOOLBAR-stuff > SPAN > a > IMG{height:30px;}

#main > .TOOLBAR > #TOOLBAR-stuff > SPAN.contactus-btn > a,
#main > .TOOLBAR > #TOOLBAR-stuff > SPAN.contactus-btn > a:visited{
   border: 3px solid white;
   height: calc(52px - 16px);
   margin: 8px 0px 4px 13px;
   padding: 4px 22px;
   border-radius: 30px;
   line-height: calc(52px - 29px);
   color: white;background-color:#477ab8;
   font-size:16px;
}
#main > .TOOLBAR > #TOOLBAR-stuff > SPAN.contactus-btn > a:hover{background-color:#07c9f8;}
/*TOOLBAR > AAA*/
#main > .TOOLBAR > #TOOLBAR-stuff > SPAN > i{color:white;margin-left:6px;font-style:normal;text-decoration:underline;cursor:pointer;}
#main > .TOOLBAR > #TOOLBAR-stuff > SPAN > i.in{color:red;}

#main > .TOOLBAR > #TOOLBAR-stuff > SPAN > i[fontSize="S"]{font-size:1em;}
#main > .TOOLBAR > #TOOLBAR-stuff > SPAN > i[fontSize="M"]{font-size:1.5em;}
#main > .TOOLBAR > #TOOLBAR-stuff > SPAN > i[fontSize="L"]{font-size:2em;}

ol.breadcrumb{padding:0px;background:none;margin:3px 40px;padding:0px;}
ol.breadcrumb > li{height:46px;line-height:46px;}
ol.breadcrumb > li > button{background:none;color:#486170;padding:0px;}

ol.breadcrumb > li,
ol.breadcrumb > li > a,
ol.breadcrumb > li > a:visited{color:#555555;}

ol.breadcrumb > li > a:hover{color:#666666;}
ol.breadcrumb > li > a.active{color:#486170;}

/*
body[data-lang="en"] ol.breadcrumb,
body[data-lang="en"] ol.breadcrumb > li > button,
body[data-lang="en"] ol.breadcrumb > li,
body[data-lang="en"] ol.breadcrumb > li > a{font-size:14px;}
*/

body[data-lang="t-chn"] ol.breadcrumb,
body[data-lang="t-chn"] ol.breadcrumb > li > button,
body[data-lang="t-chn"] ol.breadcrumb > li, 
body[data-lang="t-chn"] ol.breadcrumb > li > a, 
body[data-lang="s-chn"] ol.breadcrumb,
body[data-lang="s-chn"] ol.breadcrumb > li > button,
body[data-lang="s-chn"] ol.breadcrumb > li,
body[data-lang="s-chn"] ol.breadcrumb > li > a{font-size:16px;}

@media screen and (max-width: 600px){
   ol.breadcrumb{margin-top:5px;}
   ol.breadcrumb > li{height:25px;line-height:25px;}
}

@media screen and (max-width:1139px){
   .content-frame .row.upper{
      background-color:white;
   }
   .content-frame{     
      border-left:15px solid #6b6e92;border-right:15px solid #6b6e92;
   }
   #FE_slider_wrapper_1, #SE_slider_wrapper_1 {
      margin:0;
   }
   .content-frame .row.lower {
      width:100%;height:15px;
      background-image:none;background-color:#6b6e92;    
   }
   ol.breadcrumb{margin-left:30px;}
   .content-frame.content-frame.no-subpage > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE,
   .content-frame.content-frame.has-subpage > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE{padding:0px;}
   .content-frame.content-frame.no-subpage > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE > h2{
      left:-15px;
   }
   .content-frame.no-subpage > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE > .content-row{
      margin: 35px 30px;
   }

   .content-frame .no-margin{margin:0;}
}
@media screen and (max-width:991px){ /*LEFT - COLLAPSE-PT*/
   ol.breadcrumb{margin-left:20px;}
   .content-frame.content-frame.no-subpage > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE,
   .content-frame.content-frame.has-subpage > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE{padding:0px;}
   
   .BODY-CONTENT-RESPONSE > h2{
      left:-15px;
   }
   .content-frame.no-subpage > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE > .content-row{
      margin: 35px 20px;
   }

   .content-frame .no-margin{margin:0;}
   
}

@media screen and (max-width: 1139px){ /*and (min-width: 976px) and (max-width: 1139px){*/

   .BODY-container{
      background-image:url(design/UI/TOP-bg-1139px.jpg);
   }

   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{padding-right:16px;}
   #menuBar-wrapper .menuBar-upper .search_DIV{
      margin-top:25px;margin-right:45px;
   }
   
}
@media screen and (max-width: 1074px){ /* TOGGLE-PT > HOR-MENU GOES 3 LINES*/
   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover {
      padding: 0px 26px;
   }
}

         @media screen and (min-width: 935px) and (max-width:975px){
            #menuBar-wrapper .menuBar-upper > .left.col-md-6{
               width:40%;
            }
         }

@media screen and (max-width:975px){ 
   body{background-position: center -96px;}
   .BODY-container{
      background-size:100%;background-position:center -10px;
   }
   div.for-logo{display:block;float:left;margin: 20px 0px 5px 0px;}
   div.for-logo.HKPC > img{width:190px;}
   div.for-logo.ITC > img{width:190px;margin-left:15px;}
  
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{padding: 0px 15px;}
}
@media screen and (max-width:910px){ 
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{padding: 0px 15px;}
}

@media screen and (max-width:767px){

   .BODY-container{
      background-size:auto;background-position:-400px -30px;
   }
   .content-frame.no-subpage > .row > .RIGHT,
   .content-frame > .row > .RIGHT{
      border-left:none;
   }

   .content-banner{width: 100%; margin: 0;}

   #main > .TOOLBAR > #TOOLBAR-stuff{right:15px;padding-top:6px;}

   #FE_slider_wrapper_1, #SE_slider_wrapper_1{margin:0;}
   .content-frame{background:none;}

   body{background-position: center -100px;}
   
   .CONTENT-midBg, .CONTENT-midBg.no-slider{
      background-position: center 0px;
   }
   .content-frame > .row .CONTENT > .CONTENT-BOT{
      background-position: center bottom;
   }
   
   #main > .TOOLBAR{
      padding-right:15px;
   }

   #menuBar-wrapper .menuBar-upper .search_DIV {
      margin-bottom:15px;
   }
   
   #main > .VMENU{background-position:-55px -1px;}
}
@media screen and (max-width:745px){
   div.for-logo.ITC > img{margin-left:5px;}
}
@media screen and (max-width:727px){ /* TOGGLE-PT > HOR-MENU GOES 3 LINES*/
   .BODY-container{
      background-position:-300px -60px;
   }
 
   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover {
      padding: 0px 13px;
   }
   div.for-logo.HKPC > img{width:130px;}
   div.for-logo.ITC > img{width:130px;margin-left:35px;}
  
   #main > .TOOLBAR{
      padding-right:15px;
   }
}
@media screen and (max-width:690px){
   .BODY-container{
      background-position:-350px -60px;
   }
   #menuBar-wrapper .menuBar-upper .search_DIV {
      margin-top:15px;margin-bottom:15px;
   }
}
@media screen and (max-width:640px){
   .BODY-container{
      background-position:-450px -40px;
   }
   .BODY-CONTENT-RESPONSE > h2{
      font-size:.8em;padding:0 50px; /*ADD padding to TITLE, to obtain and detect the ACTUAL TEXT-length to display or BREAK into next lines*/
   }
   .BODY-CONTENT-RESPONSE > h2.done{
      padding:0; /*REMOVE padding when detection is done*/
   }
   .BODY-CONTENT-RESPONSE > h2 > div:nth-child(1) > div.inner {
      padding: 3px 15px;
   }
   .BODY-CONTENT-RESPONSE > h2.break2lines{
      font-size:.8em;
   }
   .BODY-CONTENT-RESPONSE > h2.break2lines > div:nth-child(1) > div.inner{
      line-height: calc(calc(64px - 22px) / 2);
   }

   body {
      background-position: center -90px;
   }
  
   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover {
      padding: 0px 15px;
   }
   
   #main > .TOOLBAR{
      padding-right:15px;
   }
}
@media screen and (max-width:625px){
   div.for-logo{margin-top:10px;}
   div.for-logo.ITC > img{margin-left:15px;}
}
@media screen and (max-width:599px){
   #main > .TOOLBAR{
      padding-right:10px;
   }
   #menuBar-wrapper .menuBar-upper .search_DIV {
      margin-right: 35px;
   }
}
@media screen and (max-width:591px){
   
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.98em;}
}   
@media screen and (max-width:573px){
   .col-sm-6{float:none;display:inline-block;width:100%;}
   div.for-logo{width:auto;margin-left:5px;}
   
   body{
      background-position: center -85px;
   }
  
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.93em;}
   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover {
      padding: 0px 13px;
   }
   #menuBar-wrapper .menuBar-upper .search_DIV {
      margin-top:15px;
      margin-right:5px;
   }
}
@media screen and (max-width:554px){ /* TOGGLE-PT > HOR-MENU GOES 3 LINES*/

   #main-wrapper{
      background-position:center 0px;
   }

   #main > .TOOLBAR > #TOOLBAR-stuff{padding-top:5px;}
  
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.95em;}
   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover{
      padding: 0px 15px;
   }   
   #main > .TOOLBAR > #TOOLBAR-stuff > SPAN{
      margin-left:2px;
   }
   #main > .TOOLBAR {
      height: 147px;
   }
   #menuBar-wrapper .menuBar-upper .search_DIV {
      margin-top:15px;
   }
   
}

@media screen and (max-width:466px){ 
  
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.9em;}
   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover {
      padding: 0px 8px;
   }
   
   #main > .VMENU{background-position:-90px -1px;}
   #main > .VMENU > a[VMENU-id="HOME"],
   #main > .VMENU > a.in[VMENU-id="HOME"],
   #main > .VMENU > a:hover[VMENU-id="HOME"]{padding:0px 25px;}
}
@media screen and (max-width:409px){
   body {
      background-position: center 65px;
   }
}
@media screen and (max-width:394px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.85em;}
   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover {
      padding: 0px 6px;
   }
}
@media screen and (max-width:378px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.8em;}
   #main > .TOOLBAR > #TOOLBAR-stuff {
      right: 2px;     
   }
   #main > .TOOLBAR > #TOOLBAR-stuff > SPAN{
      margin-left:0px;
   }
}
@media screen and (max-width:330px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.75em;}
}
@media screen and (max-width:325px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.75em;}
   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover {
      padding: 0px 5px;
   }
}
@media screen and (max-width:317px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.69em;}
}

h1, .h1, h2, .h2, h3, .h3 {
   margin-top:0px;
}

.img-thumbnail.img-portrait{width:150px;height:auto;margin-bottom:9px;}

/*BOTTOM-logo*/
#footer.container-fluid {
   padding-left:0;padding-right:0;
}
#footer{
   margin-top:15px;padding-top:45px;min-height:150px;
   background-image:url(design/UI/BOTTOM-logo-bg.png);background-repeat:repeat-x;background-color:rgb(152 173 214 / 50%);
   border-top: 3px dashed #286090;
}

#RWD-bottomMenu{display:block;color:#fff;}

.RWD_bottomMenu-container{width:100%;background-color:#506ba2;overflow:hidden;border-radius:35px;}
.RWD_bottomMenu-container > h3{margin:0;padding:15px 35px;font-size:1.2em}
.logo-wrapper{width:100%;height:100%;padding:15px 0;background-color:white;text-align:center;}

.logo-wrapper > #SPONSOR-LOGOs-563px,
.logo-wrapper > #SPONSOR-LOGOs-767px{display:none;width:65%;margin:auto;}

.logo-wrapper > #SPONSOR-LOGOs-1110px{display:block;width:65%;margin:auto;}

@media screen and (max-width:767px){
   .logo-wrapper > #SPONSOR-LOGOs-563px,
   .logo-wrapper > #SPONSOR-LOGOs-1110px{display:none;}
   .logo-wrapper > #SPONSOR-LOGOs-767px{display:block;}
}
@media screen and (max-width:563px){
   .logo-wrapper > #SPONSOR-LOGOs-563px{display:block;}
   .logo-wrapper > #SPONSOR-LOGOs-1110px,
   .logo-wrapper > #SPONSOR-LOGOs-767px{display:none;}
}
		  
.disclaimer{text-align:center;padding:15px;color:white;font-size:15px;}
#copyright{background-color:#aeaeae;}
#copyright .Copyright{width:100%;text-align:center;}


body[parent-menu="研討會及分享會"] div.content-row{font-size:85%;}

body[parent-menu="研討會及分享會"] div.content-row > table > thead > tr > th{color:white;background-color:#00a79d;}
body[parent-menu="研討會及分享會"] div.content-row > table > tbody > tr > td:nth-child(1){text-align:center;}
body[parent-menu="研討會及分享會"] div.content-row > table > tbody > tr > td:nth-child(1) > p{white-space:nowrap;}
body[parent-menu="研討會及分享會"] div.content-row > table > tbody > tr > td:nth-child(2){width:45%;}

td.justify-between > p{display:flex;justify-content:space-between;}
td.justify-between > p > span{display:inline-block;}

body[parent-menu="研討會及分享會"] div.content-row > table > tbody > tr:nth-child(odd){background-color:#e7f1f0;}

body[parent-menu="消息"] div.content-row > ol > li{padding:15px 0;border-bottom:1px dashed #aeaeae;}

.pilot-reg{ 
   display:flex;align-items:unset;text-align:left;
   width:100%;margin-top:25px;
}
.pilot-reg > div.L{width:80%;}
.pilot-reg > div.R{width:15%;margin-right:10px;}
.pilot-reg > div.R > img{width:100%;}

@media screen and (max-width:767px){
   .pilot-reg > div.L{font-size:0.8em;} /*padding:15px;*/
}
@media screen and (max-width:650px){
   .pilot-reg{display:block;}
   .pilot-reg > div.L{width:100%;margin-top:15px;}
   .pilot-reg > div.R{width:100%;margin-right:0;}
   .pilot-reg > div.R > img{width:auto;}
}

/* anticftech.org */

h2:not(.done){margin-left:40px;font-weight:bold;}

/* bootstrap-5.3.3 */

:root, [data-bs-theme=light] {
   --bs-font-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
   --bs-body-font-size: 20px;
   --bs-gutter-x: 0;
   --bs-gutter-y: 0;
}

.breadcrumb > li + li:before {
   content: "/\00a0";
   padding: 0 5px 0 10px;
   color: #cccccc;
}

.row > * {
	padding-right: 0;
	padding-left: 0;
}

[class*="col-"]{float:left;}

.container{max-width:unset;}