@charset "UTF-8";

/*GENERAL----------------------------*/
*, *:before, *:after {box-sizing: border-box;}
html{margin:0px;padding:0px;font-family:Noto Sans HK,Arial Unicode, Arial, sans-serif, 微軟正黑體;color:#333;}
body{height:100vh;margin:0;}
div {box-sizing:border-box;}
hr{width:100%;border-top:1px solid #ccc;}
.c1-hide{display:none!important}

.N-tc-Blk{font-family:'Noto Sans TC',sans-serif;font-weight:900;}
.N-tc-Bld{font-family:'Noto Sans TC',sans-serif;font-weight:700;}
.N-tc-Reg{font-family:'Noto Sans TC',sans-serif;font-weight:400;}
.N-sc-Blk{font-family:'Noto Sans SC',sans-serif;font-weight:900;}
.N-sc-Bld{font-family:'Noto Sans SC',sans-serif;font-weight:700;}
.N-sc-Reg{font-family:'Noto Sans SC',sans-serif;font-weight:400;}

.N-tc-Blk-ser{font-family:'Noto Serif TC',serif;font-weight:900;}
.N-tc-Bld-ser{font-family:'Noto Serif TC',serif;font-weight:700;}
.N-tc-Reg-ser{font-family:'Noto Serif TC',serif;font-weight:400;}
.N-sc-Blk-ser{font-family:'Noto Serif SC',serif;font-weight:900;}
.N-sc-Bld-ser{font-family:'Noto Serif SC',serif;font-weight:700;}
.N-sc-Reg-ser{font-family:'Noto Serif SC',serif;font-weight:400;}

@font-face {font-family:'Futura-Black';src:url('../fonts/Futura-CondensedExtraBold.woff') format('woff'),url('../fonts/Futura-CondensedExtraBold.ttf') format('truetype');font-display:swap;}
@font-face {font-family:'Futura-Bold';src:url('../fonts/Futura-Bold.woff') format('woff'),url('../fonts/Futura-Bold.ttf') format('truetype');font-display:swap;}
@font-face {font-family:'Futura-Medium';src:url('../fonts/Futura-Medium.woff') format('woff'),url('../fonts/Futura-Medium.ttf') format('truetype');font-display:swap;}
.N-en-Blk{font-family:'Futura-Black';font-weight:900;}
.N-en-Bld{font-family:'Futura-Bold';font-weight:700;}
.N-en-Reg{font-family:'Futura-Medium';font-weight:400;line-height:140%;}

.pointerC{cursor:pointer;}

.coverUp{position:fixed;left:0;top:0px;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:500;display:none;}

p{margin:0.1em 0em 1em 0em;font-size:1em;line-height:120%;}
a:link, a:visited, a:active{color:inherit;text-decoration:none;}
a:hover{text-decoration:underline;font-weight:500;}
h1, h2, h3, h4, h5{margin:0px;padding:0px;line-height:120%;font-weight:500;}

h1{font-size:1.6em !important;display:block;margin:0;padding-bottom:0em;}
h1:first-child, h3:first-child ,h4:first-child{line-height:0.1em;}
h2{font-size:1.4em !important;}
h3{font-size:1.2em !important;display:block;padding-bottom:0.4em !important;}
h4{font-size:1.1em !important;}
h5{font-size:1em !important;line-height:160%;}

.ptitle{font-size:2em !important;font-family:'Noto Serif TC',serif !important;font-weight:700 !important;text-shadow:2px 2px #fff;}

/*TABLES----------------------------*/
table thead, .thead{font-weight:bold;background-color:#e4e4e4;font-size:1em;line-height:100%;}
table thead td{padding:3px;}

/*FORM----------------------------*/
input[type='button']{cursor: pointer;}
textarea[readonly], input[readonly]{color:#999;}

/*MARGINS-----------------------------*/
.autoMargin{margin:auto;}
.clear{clear:both;display:block;height:0.1em;overflow:hidden;margin:0;padding:0;}
.clear5{clear:both;display:block;height:5px;overflow:hidden;margin:0;padding:0;}
.clear10{clear:both;display:block;height:10px;overflow:hidden;margin:0;padding:0;}
.clear20{clear:both;display:block;height:20px;overflow:hidden;margin:0;padding:0;}
.clear40{clear:both;display:block;height:40px;overflow:hidden;margin:0;padding:0;}
.clearHr{clear:both;display:block;height:1px;overflow:hidden;margin:0;padding:0;border-top:solid 1px #ccc;width:100%;}
.clearHr10{clear:both;display:block;height:10px;overflow:hidden;margin:0;padding:0;border-bottom:solid 1px #ccc;width:100%;}

/*PADDINGS-----------------------------*/
.aPad2{padding:2px;}
.aPad5{box-sizing:border-box;padding:5px;}
.aPad10{box-sizing:border-box;padding:10px;}
.aPad20{box-sizing:border-box;padding:20px;}

.lPad5{padding-left:5px;}
.lPad10{padding-left:10px;}
.lPad20{padding-left:20px;}
.lPad30{padding-left:30px;}
.lPad40{padding-left:40px;}
.lPad60{padding-left:60px;}

.rPad5{padding-right:5px;}
.rPad10{padding-right:10px;}
.rPad20{padding-right:20px;}
.rPad30{padding-right:30px;}
.rPad40{padding-right:40px;}
.rPad60{padding-right:60px;}

.aPad0n5{padding:0px 5px;}
.aPad2n5{padding:2px 5px;}
.aPad2n10{padding:2px 10px;}
.aPad5n10{padding:5px 10px;}
.aPad5n20{padding:5px 20px;}
.aPad20n5{padding:20px 5px;}

/*POSITIONS-----------------------------*/
.fLt{float:left;}
.fRt{float:right;}
.div-rel{position:relative;}
.div-abs{position:absolute;}
.div-stick{position:fixed;}
.clearfix::after{content:'';clear:both;display:table;}

/*DISPLAY-----------------------------*/
.showNone{display:none;}
.div-flex{display:flex;}
.div-blk{display:block;}
.div-inline{display:inline;}
.div-centered{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);}

/*BORDERS-----------------------------*/
.border1p3{border:solid 1px #333;}
.border1p6{border:solid 1px #666;}
.border1pc{border:solid 1px #ccc;}
.borderLpc{border-left:solid 1px #ccc;}
.borderRpc{border-right:solid 1px #ccc;}
.borderTpc{border-top:solid 1px #ccc;}
.borderBpc{border-bottom:solid 1px #ccc;}
.borderLp3{border-left:solid 1px #333;}
.borderRp3{border-right:solid 1px #333;}
.borderTp3{border-top:solid 1px #333;}
.borderBp3{border-bottom:solid 1px #333;}

/*TEXT-----------------------------*/
.emtxt20{font-size:2em;}
.emtxt16{font-size:1.6em;}
.emtxt14{font-size:1.4em;}
.emtxt12{font-size:1.2em;}
.emtxt10{font-size:1em;}
.smalltxt9{font-size:0.9em;line-height:120%;}
.smalltxt{font-size:0.8em;line-height:120%;}
.smalltxt7{font-size:0.75em;line-height:120%;}
.smalltxt6{font-size:0.65em;line-height:120%;}

.line12{line-height:1.2em;}
.line14{line-height:1.4em;}
.line16{line-height:1.6em;}
.line18{line-height:1.8em;}
.line20{line-height:2em;}

.nbsp-1em{letter-spacing: 0.1em;}

.t-left{text-align:left;}
.t-center{text-align:center;}
.t-right{text-align:right;}
.t-strong{font-weight:bold;}
.t-normal{font-weight:normal;}
.t-italic{font-style:italic;}
.t-strike{text-decoration:line-through;}
.t-underline{text-decoration:underline;}
.t-wrap{word-wrap: break-word;}

/*COLORS----------------------------*/
.col-blk{color:#000;}
.col-wht{color:#fff;}
.col-blu{color:#006699; }
.col-red, .err-msg{color:#e60000;}
.col-grn{color:#008040;}
.col-aqu{color:#ccffff;}
.col-gy3{color:#333;}
.col-gy6{color:#666;}
.col-gy9{color:#999;}
.col-base{color:#0c2056;}
.col-yellow{color:#ffff00;}

/*BG-COLORS----------------------------*/
.bkgd-green{background-color:#008040;}
.bkgd-red{background-color:#ff0000;}
.bkgd-aqua{background-color:#ccffff;}
.bkgd-pink{background-color:#ffccff;}
.bkgd-violet{background-color:#9999ff;}
.bkgd-orange{background-color:#ff6600;}
.bkgd-sky{background-color:#0088cc;}
.bkgd-white{background-color:#fff;}
.bkgd-gyf{background-color:#f2f2f2;}
.bkgd-gyc{background-color:#cccccc;}
.bkgd-gy3{background-color:#333333;}
.bkgd-gy6{background-color:#666666;}
.bkgd-gy9{background-color:#999999;}
.bkgd-base{background-color:rgba(12,32,86,1);;}/*BLUE*/
/*.bkgd-base{background-color:#0047b3;}/*BLUE*/
/*.bkgd-base{background-color:#990000;}/*brick red*/
/*.bkgd-base{background-image: linear-gradient(to right, rgba(179,0,0,1), rgba(102,0,0,1));}*/
/*.bkgd-base{background-image: linear-gradient(to right, rgba(0,71,179,1), rgba(0,31,77,1));}*/


/*CELLS----------------------------*/
.f-cell10{width:9.99%;} .f-cell15{width:14.99%;} .f-cell20{width:19.99%;} .f-cell25{width:24.99%;} .f-cell30{width:29.99%;} .f-cell35{width:34.99%;} .f-cell40{width:39.99%;} .f-cell45{width:44.99%;} .f-cell50{width:49.99%;} .f-cell55{width:54.99%;} .f-cell60{width:59.99%;} .f-cell65{width:64.99%;} .f-cell70{width:69.99%;} .f-cell75{width:74.99%;} .f-cell80{width:79.99%;} .f-cell85{width:84.99%;} .f-cell90{width:89.99%;} .f-cell95{width:94.99%;} .f-cell100{width:99.99%;} .f-cell33{width:33.33%;} .f-cell66{width:66.66%;}

.f-cells10{width:9.99%;} .f-cells15{width:14.99%;} .f-cells20{width:19.99%;} .f-cells25{width:24.99%;} .f-cells30{width:29.99%;} .f-cells35{width:34.99%;} .f-cells40{width:39.99%;} .f-cells45{width:44.99%;} .f-cells50{width:49.99%;} .f-cells55{width:54.99%;} .f-cells60{width:59.99%;} .f-cells65{width:64.99%;} .f-cells70{width:69.99%;} .f-cells75{width:74.99%;} .f-cells80{width:79.99%;} .f-cells85{width:84.99%;} .f-cells90{width:89.99%;} .f-cells95{width:94.99%;} .f-cells100{width:99.99%;} .f-cells33{width:33.33%;} .f-cells66{width:66.66%;}

.f-cell22x{width:calc(66.66%/3);}

.f-cell33x{width: calc(33% - 10px)!important;}


.f-cells30-80{width:29.99%;}

.formDiv{display:flex;flex-wrap:wrap;gap:10px;}

/*CSS----------------------------*/
header{height:70px!important;width:100%;}
header::after{content:'';clear:both;display:table;}
footer{height:60px;width:100%;}
/* https://training.iso9000.com.hk/tc/application?c=f44deb9b8a4fe63d6764872c1aaafbb6&a=c4ca4238a0b923820dcc509a6f75849b */
body{display:flex;flex-direction:column;}
footer{margin-top:auto;}
/*article{}*/
/* --Trick */

.h-banner{height:130px;width:1200px;margin:auto;}

.menu-t{width:1140px;margin:auto;height:70px;padding-left:20px;padding-right:20px;display:flex;align-items:center;}
contents{margin:auto;margin-top:20px;margin-bottom:30px;width:1000px;min-height:30vH;display:block;padding-top:50px;}
/*banner{}*/
/*banner img{width:100%}*/

.mbutton, .mbuttonLog{padding:2px 18px;margin-left:15px;cursor:pointer;background-color:transparent;background-repeat:no-repeat;border:none;color:#fff;}
.mbuttonLog{border-radius:20px;border:1px solid #fff;}
.footer-t{width:1140px;margin:auto;padding-left:20px;padding-right:20px;height:inherit;text-align:right;}
.footer-t-d {width:inherit;height:inherit;display:table-cell;vertical-align:bottom;padding-bottom:5px;}
.mbuttonover{font-weight:bold;text-decoration:underline;}

#c-Box{display:none;width:400px;height:auto;}
.c-Div{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;border-radius:8px;z-index:2000;text-align:center;font-size:1em;}
.c-Div-cont{width:inherit;height:inherit;position:relative;}
.c-Div-top{height:50%;margin-top:10%;}
.c-Div-bottom{height:30%;}
#c-Box input[type='button'], #dine-Box input[type='button'], .rndButton{text-align:center;background-color:#0088cc;padding:5px 15px;margin-left:20px;margin-right:20px;border:solid 1px #fff;border-radius:20px;color:#fff;text-decoration:none;}
.inlineButton, .inlineButton1, .inlineButton2, .inlineButtonGray{display:inline-block;text-align:center;background-color:#0088cc;padding:3px 8px;margin-left:1px;margin-right:1px;border:solid 1px #fff;border-radius:20px;color:#fff;text-decoration:none;cursor:pointer;}
.inlineButton1{background-color:#008040;}
.inlineButton2{background-color:#ff0000;}
.inlineButtonGray{background-color:#666;}

.tab-rnd1{float:left;cursor:pointer;padding:5px 15px;border-radius:0px 15px 0px 0px;margin-left:5px;color:#fff;font-weight:bold;background-color:#ccc;}
.tab-rnd1on{background-color:#008040;}

.cellRight{text-align:right;}

.f-cellBase20{flex-basis:20%;}

.c-img{width:120px!important;}
.d-img{width:450px!important;}


/*--------*/
.menu-train{height:240px;}
.menu-train-doc{height:50px;}
.menu-train-1{height:44px;background:rgba(12,32,86,1);}
.menu-train-1-div{margin:auto;width:1160px;color:#fff;height:100%;display:flex;align-items:center;justify-content:space-between;}
.menu-train-2{height:80px;background:#fff;}
.menu-train-2-div{margin:auto;width:1160px;height:100%;display:flex;align-items:center;justify-content:flex-end;}
.menu-train-3{height:116px;background:#ccc;background-image:url('../images/menu.png');background-repeat: no-repeat;background-position:center;}
.menu-train-3-div{margin:auto;width:1160px;height:100%;display:flex;align-items:center;}

.divCourses{width:22% !important;}

.spTbl{height:250px;}

.d-image{aspect-ratio: 3/4;width:100%;}
.d-image img{width:100%;height:100%;object-fit:contain;}

.t-file{width:80%;margin:10 auto;}
.t-file img{max-width:100%;}

.accessDiv{border:solid 1px #ccc; padding:5px;word-wrap: break-word;}

/*#container{min-height:100%;position:relative;}
#main{/margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;width:1000px;position:relative;}
#page-body{margin-top:-20px;margin-bottom:0px;background-color:#FFF;padding-bottom:50px;border-top-width:2px;border-top-style:solid;border-top-color:#666;}
#contentsqqq{margin:auto;margin-top:10px;padding-bottom:50px;width:1000px;min-height:30vW;display:block;}

#footer1{background-color:#333;width:100%;min-height:80px;margin:0px;vertical-align:middle;margin-top:100px;color:#fff;}

#footers{margin-top:auto;}*/


/*----------------------FOR SMALL SCREEN ONLY------------------------------------*/
@media (max-width:767px){
/*GENERAL----------------------------*/
  body html p{-webkit-text-size-adjust:none;line-height:110%;font-size:12pt;}
  a:link, a:visited, a:active, a:hover{color:inherit;text-decoration:underline;}
  h1{font-size:16pt;line-height:120%;font-weight:500;}
  h2{font-size:15pt;line-height:140%;padding:0px;margin:5px 0px 5px 0px;font-weight:500;}
  h3{font-size:13pt;margin-top:0px;padding:0px;margin:0px;font-weight:500;}
  h4{font-size:12pt;padding:0px;margin:0px;font-weight:500;}
  h5{font-size:13pt;padding:0px;margin:0px;font-weight:500;}

  input[type='text'],input[type='number'],textarea {font-size: 16px;}

/*CSS----------------------------*/
  .c1-hide-small{display:none!important}
  header{position:fixed!important;top:0;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);z-index:500;}
  footer{height:50px;font-size:9pt;}
  contents{margin-top:0px;margin-bottom:20px;width:99vW;}
  banner{margin-top:70px;}
  banner img{width:180vW;margin-left:-40vw;}
  .h-banner{height:80px;width:100vW;margin:auto;overflow:hidden;}

  .menu-t{width:100%;height:70px;}
  #s-menu-sidebar{display:none;position:fixed;left:0;top:44;width:60vW;z-index:600;height:100vH;border-right:2px solid #fff;}
  .footer-t{width:100vW;margin:auto;text-align:center;}

  #c-Box{display:none;width:75vw;height:auto;}
  .c-Div-top{margin-top:0;}

  .cellRight{text-align:left;}

  .f-cellBase20{flex-basis:50%;}

  .tab-rnd1{font-size:0.9em;padding:5px 5px;margin-left:2px;}

  .c-img{width:35vW!important;}
  .d-img{width:90vW!important;}

  /*#main{margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;width:100%;position:relative;color:#333;}
  #main a{color:#333;}
  #contents, #contents-home{width:100%; padding:4vw;height:auto;}*/


/*CELLS----------------------------*/
.formDiv{display:block;padding:10px;}

  .f-cell10, .f-cell15, .f-cell20, .f-cell25, .f-cell30, .f-cell35, .f-cell40, .f-cell45, .f-cell50, .f-cell55, .f-cell60, .f-cell65, .f-cell70, .f-cell75, .f-cell80, .f-cell85, .f-cell90, .f-cell95, .f-cell100, .f-cell33, .f-cell66, .f-cell22x, .f-cell33x{width:99.99%!important;}

  .f-cells30-80{width:79.99%}

  
  
  /*-----*/
  .menu-train{height:180px;}
  .menu-train-1{height:44px;background:rgba(12,32,86,1);position:fixed;width:100%;top:0;z-index:1000;margin-bottom:50px;}
  
  .menu-train-1-div{margin:auto;width:95%;color:#fff;height:100%;display:flex;align-items:center;justify-content:space-between;}
  .menu-train-2{height:80px;background:#fff;}
  .menu-train-2-div{margin:auto;width:95%;height:100%;display:flex;align-items:center;justify-content:flex-end;}
  .menu-train-3{height:116px;background:#ccc;background-image:url('../images/menu.png');background-repeat: no-repeat;background-position:center;margin-top:44px;}
  .menu-train-3-div{margin:auto;width:95%;height:100%;display:flex;align-items:center;}
  
  .divCourses{width:47% !important;}
  
  .spTbl{height:auto;}

}/*@media (max-width:767px)*/


/*----------------------FOR BIG SCREEN ONLY------------------------------------*/
@media (min-width:768px){
  .c1-hide-large{display:none!important}
}

/*----------------------FOR LANDSCAPE SCREEN------------------------------------*/
@media (max-width:767px) and (orientation:landscape){
  body, html, p{-webkit-text-size-adjust:none;line-height:120%;font-size:14pt;}
}