body[data-lang="t-chn"],
body[data-lang="s-chn"]{font-size:19px;line-height:145%;}

body{padding-top:0px;color:#333333;background-color:#262a4f;
   background-image:url(design/UI/TOP-bg.jpg);background-position:center -45px;background-repeat:repeat-x;
}

#BODY-CONTENT{border-top:5px solid red;}

#main.container{padding:0px;background-image:url(design/UI/CONTENT-upperBg.png);background-position:right -52px;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 .left{padding:0px;}
#menuBar-wrapper .menuBar-upper .right{padding:0px;} /*position:relative;*/

#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;font-size:15px;width:214px;height:25px;margin:5px 0px 5px 20px;border:0;}
#menuBar-wrapper .search_DIV .searchBT{position:absolute;right:0;border:0;cursor:pointer;width:35px;height:35px;}
#menuBar-wrapper .menuBar-upper .right .search_DIV{float:right;margin-top:20px;margin-right:0;width:274px;height:35px;background-image:url(design/UI/search_BG.png);}
#menuBar-wrapper .menuBar-upper .right .search_DIV INPUT{background-color:transparent;}

.FE_spots{display:none;}

/*CONTENT-LOWER BG*/
.content-frame{
   position:relative;
   width:100%;
   background-image:url(design/UI/CONTENT-lowerBg-LEFT.png);background-position:left bottom;background-repeat:no-repeat;    
}

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

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

#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*/
   #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:98px;} /*background-color:rgba(149, 121, 224, 0.65);*/
#main > .TOOLBAR > a{color:white};
#main > .TOOLBAR > a:hover{color:yellow;};

.CONTENT-midBg{ /*JUST LET IT REPEAT! DO NOT REMOVE*/
   width:100%;
   background-image:url(design/UI/CONTENT-midBg.png);background-repeat:no-repeat;
   background-position:right 0px;
}
.CONTENT-midBg{ /*JUST LET IT REPEAT! DO NOT REMOVE*/
   width:100%;
   background-image:url(design/UI/CONTENT-midBg.png);background-repeat:no-repeat;
   background-position:right 0px; 
}

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


.content-frame > .row .CONTENT > .CONTENT-BOT{
   width:100%;height:105px;
   background-image:url(design/UI/CONTENT-lowerBg-RIGHT.png);background-position:right bottom;background-repeat:no-repeat;
}

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

#menuBar-wrapper .menuBar-upper .right .lang_UL{
   position:absolute;height:35px;top:190px;right:10px;font-size:15px;
   padding:0px 50px 0px 90px;background-color: rgba(255,255,255,0.65);list-style-type:none;
   border-top-left-radius:100%;
}
#menuBar-wrapper .menuBar-upper .right .lang_UL LI{float:left;padding-top:5px;}
#menuBar-wrapper .menuBar-upper .right .lang_UL LI:not(:first-child)::before {content: "|";} 
#menuBar-wrapper .menuBar-upper .right .lang_UL LI a{color:#000000;line-height:35px;margin:0px 9px 0px 9px;}
#menuBar-wrapper .menuBar-upper .right .lang_UL LI.active a{color:#b53200;line-height:35px;margin:0px 9px 0px 9px;}

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

.content-frame > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE{min-height:350px;}

body[parent-menu="技術研討會"] .content-frame > .row > .RIGHT > .CONTENT > .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;}

.content-frame > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE > h2{
   position:relative;z-index:0;
   left:-40px;
   width:calc(100% - 40px);
   min-height:50px;line-height:50px;
   padding-left:40px;
   color:#486170;
   background-color: rgba(137, 156, 182, 0.2); /* For browsers that do not support gradients */
   background-image: linear-gradient(to right, rgba(137, 156, 182, 0.2), white); /* Standard syntax (must be last) */
   box-shadow: 15px 10px 8px rgba(226, 229, 234, 0.2);
}
/*
.content-frame > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE > div#subpage-HTML > a.subpage{
   display:block;
   position:relative;z-index:0;
   left:-40px;
   width:calc(100% - 50px);
   min-height:50px;line-height:50px;
   padding-left:40px;
   color:#486170;
   background-color: rgba(137, 156, 182, 0.08);
   background-image: linear-gradient(to right, rgba(182, 192, 206, 0.08), white);
   
   display: list-item;
   list-style-type: disc;
   list-style-position: inside;

}
.content-frame > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE > div#subpage-HTML > a.subpage.LAST{
   margin-bottom:15px;
}
*/

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

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

div.for-logo{display:block;float:left;margin: 20px 0px 5px 0px;}
#menuBar-wrapper .menuBar-upper .right div.for-logo{padding:0px;}

div.for-logo.HKTC img{width:245px;}
div.for-logo.HKPC > img{width:188px;margin-left:35px;}
div.for-logo.TSF > img{width:404px;margin-left:35px;}

#main > .VMENU{position:relative;display:flow-root;margin-bottom:4px;}
#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.in{background-color:rgb(123 166 239 / 55%);}
#main > .VMENU > a:hover:not(.in){background-color: rgba(255,255,255,0.15);}

.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:85px;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;}
#main > .TOOLBAR > #TOOLBAR-stuff > SPAN > a > IMG{height:30px;}	

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

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

   .content-frame.content-frame.no-subpage > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE{padding:0px 15px;}

   .content-frame.no-subpage > .row > .RIGHT{
      border-left:20px solid #526498;
   }
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1.15em;padding-right:16px;}
   #menuBar-wrapper .menuBar-upper .right .search_DIV{
      margin-top:25px;
   }
   
}
@media screen and (max-width: 1074px){ /* TOGGLE-PT > HOR-MENU GOES 3 LINES*/

   #main.container{background-position:right 0px;}
   #main > .TOOLBAR{height:147px;}

   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1.23em;}

   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover {
      padding: 0px 26px;
   }
}
@media screen and (max-width: 1050px){
   div.for-logo.TSF > img {
      margin-left: 25px;
   }
}
@media screen and (max-width: 1000px){
   div.for-logo.TSF > img {
      margin-left: 45px;
   }
}
@media screen and (max-width:991px){ /*LEFT - COLLAPSE-PT*/
   .content-frame > .row > .RIGHT{
      border-left:20px solid #526498;
   }
   
   .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 15px;}
   
}

         @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;}
   div.for-logo{display:block;float:left;margin: 20px 0px 5px 0px;}
   div.for-logo.HKTC img{width:190px;}
   div.for-logo.HKPC > img{width:145px;margin-left:15px;}
   div.for-logo.TSF > img{width:306px;margin-left: 15px;}
  
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1em;padding: 0px 15px;}
  
   #menuBar-wrapper .menuBar-upper .right .search_DIV{
      margin-top:15px;
   }
}
@media screen and (max-width:910px){ 
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1.15em;padding: 0px 15px;}
}
@media screen and (max-width:850px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1em;}
}

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

   .content-frame.no-subpage > .row > .RIGHT,
   .content-frame > .row > .RIGHT{
      border-left:none;
   }

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

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

   .content-frame{background:none;}

   body{background-position: center -100px;}
   #main.container{background-position:center 0px;}
   .CONTENT-midBg, .CONTENT-midBg.no-slider{
      background-position: center 0px;
   }
   .content-frame > .row .CONTENT > .CONTENT-BOT{
      background-position: center bottom;
   }
   
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1em;}

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

   #menuBar-wrapper .menuBar-upper .right .search_DIV{
      margin-top: 0;
   }
   
}
@media screen and (min-width:728px) and (max-width:766px){
   div.for-logo.HKTC img{margin-left:15px;}
}
@media screen and (max-width:745px){
   div.for-logo.HKPC > img{margin-left:5px;}
}
@media screen and (max-width:727px){ /* TOGGLE-PT > HOR-MENU GOES 3 LINES*/
  
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1em;}
   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover {
      padding: 0px 13px;
   }
   div.for-logo.HKTC img{width:130px;}
   div.for-logo.HKPC > img{width:105px;margin-left:35px;}
   div.for-logo.TSF > img{width:206px;margin-left:10px;}
   #menuBar-wrapper .menuBar-upper .right .search_DIV {
      margin-top: 0;
  }
  
   #main > .TOOLBAR{
      height:146px;padding-right:15px;
   }

}
@media screen and (max-width:690px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.95em;}
}
@media screen and (max-width:640px){ /* TOGGLE-PT > HOR-MENU GOES 4 LINES*/
   .content-frame > .row > .RIGHT > .CONTENT > .BODY-CONTENT-RESPONSE > h2{
      font-size:1em;
   }
   body {
      background-position: center -90px;
   }
   #main.container{background-position:center 52px;}
 
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1.1em;}
   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover {
      padding: 0px 15px;
   }
   
   #main > .TOOLBAR{
      height:199px;padding-right:15px;
   }
}
@media screen and (max-width:625px){
   div.for-logo{margin-top:10px;}
   div.for-logo.HKPC > img{margin-left:15px;}
   div.for-logo.TSF > img{margin-left:0;}
}
@media screen and (max-width:573px){
   div.for-logo.TSF > img{margin-top:5px;}
}
@media screen and (max-width:599px){
  
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1em;}
   #main > .TOOLBAR{
      padding-right:10px;
   }
}
@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;}
   div.for-logo.TSF{margin-top: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;
   }
 
   #main > .TOOLBAR{
      height:201px;
   }
}
@media screen and (max-width:554px){ /* TOGGLE-PT > HOR-MENU GOES 5 LINES*/
   #main > .TOOLBAR > #TOOLBAR-stuff{padding-top:5px;}
   #main.container{background-position:center 52px;}
 
   #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 {
      height:201px;
   }
}

@media screen and (max-width:466px){ 
   #main.container{background-position:center 104px;}
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1em;}
   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover {
      padding: 0px 13px;
   }
   #main > .TOOLBAR {
      height:254px;
   }
   
}

@media screen and (max-width:409px){
   body {
      background-position: center 65px;
   }
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1.14em;}
   #main > .VMENU > a, #main > .VMENU > a.in, #main > .VMENU > a:hover {
      padding: 0px 9px;
   }
}
@media screen and (max-width:394px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1.08em;}
}
@media screen and (max-width:378px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1.01em;}
}
@media screen and (max-width:360px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:1em;}
}
@media screen and (max-width:355px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.9em;}
}
@media screen and (max-width:330px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.88em;}
}
@media screen and (max-width:325px){
   #main > .VMENU > a,
   #main > .VMENU > a.in,
   #main > .VMENU > a:hover{font-size:0.85em;}
}
@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;
}

ol.breadcrumb{padding:0px;background:none;margin:0px;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;}
}

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

/*BOTTOM-logo*/
#footer{margin-top:50px;min-height:150px;padding:0;background-image:url(design/UI/BOTTOM-logo-bg.png);background-repeat:repeat-x;background-color:#7d99d1;}

#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:1em}
.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:100%;}

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

@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;}
}
/*
.logo-wrapper > img{margin-bottom:6px;}
.logo-wrapper > img.row-1{margin:6px 5px;}

@media screen and (max-width:1072px){
   .logo-wrapper > img.row-1{margin:6px 0;}
   .logo-wrapper > img:not(.row-1){width:19%;}
}
@media screen and (max-width:1012px){
   .logo-wrapper > img.row-1{margin:6px 25px;}
   .logo-wrapper > img:not(.row-1){width:auto;}
}
@media screen and (max-width:767px){
   .logo-wrapper > img:not(.row-1){width:25%;}
}
@media screen and (max-width:563px){
   .logo-wrapper > img:not(.row-1),
   .logo-wrapper > img{width:auto;height:80px;}
   .logo-wrapper > img.row-1:nth-child(odd){margin:6px 0;}
   .logo-wrapper > img.row-1:nth-child(even){margin:6px 0;}
   .logo-wrapper > img.row-1{width:auto;height:80px;}
}
*/
		  
.disclaimer{text-align:center;padding:15px;color:white;}
#copyright{background-color:#aeaeae;}
#copyright .Copyright{width:100%;text-align:center;}

/*swiper*/
.swiper-row{display:inline-block;height:320px;margin-top:35px;} /*width:[includes.js];*/

.swiper-container{
   width: 100%;
   height: 320px;
   padding-top: 0px;
   padding-bottom: 0px;
}
.swiper-slide {
   background-position: center;
   background-size: cover;
   width: 250px !important;
   height: 320px !important;

}

body[parent-menu="研討會"] div.content-row,
body[parent-menu="技術研討會"] div.content-row{font-size:85%;}

div.content-row > table.table > thead > tr > th{color:white;background-color:#00a79d;}
div.content-row:not(.custom-table) > table.table > tbody > tr > td:nth-child(1){text-align:center;}
div.content-row:not(.custom-table) > table.table > tbody > tr > td:nth-child(1) > p{white-space:nowrap;}
div.content-row:not(.custom-table) > table.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;white-space:nowrap;}

div.content-row:not(.custom-table) > table.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;}

body[parent-menu="聯絡我們"] div.BODY-CONTENT-RESPONSE .content-row{padding-bottom:130px;background-image:url(t-chn/聯絡我們/imgs/CONTACT-US.jpg);background-size:50%;background-repeat:no-repeat;background-position:right bottom;}

#menuBar-wrapper {
    padding: 0 15px;
}

/* bootstrap-5.3.3 */



/*
@media screen and (max-width: 575px){
   [class*="col-xs-"]:not(.col-xs-12){float:left;}
}
@media screen and (min-width: 576px) and (max-width: 767px){
   [class*="col-sm-"]:not(.col-sm-12){float:left;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
   [class*="col-md-"]:not(.col-md-12){float:left;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
   [class*="col-lg-"]:not(.col-lg-12){float:left;}
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
   [class*="col-xl-"]:not(.col-xl-12){float:left;}
}
@media screen and (min-width: 1400px){
   [class*="col-xxl-"]:not(.col-xxl-12){float:left;}
}
*/

/* replaced with bs 335
h3, .h3{
   font-size: 1em;
}
h4, .h4,
h5, .h5 {
	font-size: 1.1em;
}

*/

:root, [data-bs-theme=light] {
   --bs-font-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
   --bs-body-font-size: 19px;
   --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;}