html,body,h1,h2,h3,h4,h5,p{padding:0;margin:0;}
body{font:12px/1.2 Noto Sans TC, sans-serif;
font-family: 'Lato', sans-serif; 
font-family: 'Heebo', sans-serif;

font-family: "Roboto Slab", serif;
font-optical-sizing: auto;


margin:0px;font-weight:500;text-align:left;line-height:18px;letter-spacing:;margin:0;padding:0;text-decoration:none;color:#333;-webkit-text-size-adjust:none;background:#000;

z-index: -1; 
body {background: #000; background:url(BreatheHK202301.jpg);
background-size: 120%;background-position: 0 -10vh; scroll-behavior: smooth; transform-style: preserve-3d;}
background-repeat: repeat;
background-position: 0 0  ;
background-size: 100%;
background-attachment: fixed; 
scroll-behavior: smooth;
}

img {display: block; width: auto;}
img, input, select, option, textarea {
margin:0; padding: 0px; border:0; -webkit-appearance: none;
background-image:none\9; background:none\9;
}

Input {font-family: 'Lato', sans-serif;}

.df{display: flex; flex-wrap: nowrap;}

.fi {filter: invert(1);}
.fg1 {-webkit-filter: grayscale(100%); filter: grayscale(100%);}

.cr {
    width:100%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%;
    border-radius: 50%;}
.cr:after {
    content: "";
    display: block;
    width: 100%; 
    height:0;
    padding-bottom: 100%;
    background: #; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    border: solid 0px #eee;}
.crs {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:;
    margin-top: -0.3em;
    text-align:center;
    font-size: 1.5em;
    font-weight: ;
    color:}



.g1 {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 40%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 40%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 40%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 40%,rgba(238,238,238,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}



.lazy{opacity:0.05;filter:alpha(opacity=5); display: block; }
.lazy1{opacity:0.05;filter:alpha(opacity=5);}


.menu{text-align: center; width:100%; background: #000;opacity:0.8;filter:alpha(opacity=80); position: absolute; position: fixed; z-index:12000; margin-top: -72px; left:0; font-size: 13px; }
.menua {float:left;}
.menu a:hover {font-weight: 600}
.menu:after {content:"";display: table;}
 @media screen and (max-width: 768px) {.menu {top:135px;} 
.menua {clear: both;}}

.hdn {}
.hdn:after {content:"";display: table;}
 @media screen and (max-width: 768px) {.hdn { display:none;} }


.pop_black{display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;bd
background-color: black;
z-index:12001;
-moz-opacity: 0.1;
opacity:.10;
filter: alpha(opacity=10);
-webkit-transition: opacity 1s; filter 1s; -moz-opacity 1s; /* For Safari 3.1 to 6.0 */
transition: opacity 1s; filter 1s; -moz-opacity 1s;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}.pop_content {display: none;
position: fixed;
top: 15%;
width: 100%;
height: ;
border: ;background-color: #e9eaed;z-index:12002;overflow: auto;}
.pop_content:after {content:"";display: table;}
 @media screen and (max-width: 640px) {.pop_content {top: 0; height: 100%; padding: 15% 0 20% 0;} }


.wt1 {width: 50%; padding: 120px 0; margin: 0px auto;}
 @media screen and (max-width: 480px) {.wt1 {width: 90%; padding: 20px 0; } }

#wtsp {display:block}
.wtsp {position: fixed;  right:0; bottom:0;  -webkit-animation: w70 1s ease forwards; z-index: 12000}
.wtsp .att {  height: 150px;  position: relative}
@-webkit-keyframes w70 {
  from {height: 0; }  to { height: 150px; }}
.wtsp:after {content:"";display: table;}
 @media screen and (max-width: 250px) {
#wtsp {display:none;} }



.hdn {}
.hdn:after {content:"";display: table;}
@media screen and (max-width: 700px) {
.hdn { display:none;} }



.fb {filter: blur(1px); -webkit-filter: blur(1px);}
.fg1 {filter: grayscale(100%);-webkit-filter: grayscale(100%);}


.z-1 {z-index:-1;}
.z1 {z-index:1;}
.z10 {z-index:10;}
.z100 {z-index:100;}
.z1000 {z-index:1000;}
.z10000 {z-index:10000;}
.z100000 {z-index:100000;}
.z1000000 {z-index:1000000;}


.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.ic{display:inline-block;clear:both;}
.di{display: inline-block;}
.db{display:block;}
.dn{display:none;}
.n{display:none;}

.pa{position:absolute;}
.pr{position:relative;}
.pf {position: fixed}


.pd0{padding:0;}
.b0{border:0;}
.mg0{margin:0;}
.pdb0{padding-bottom:0px;}
.pdt0{padding-top:0px;}
.pdl0{padding-left:0px;}
.pdr0{padding-right:0px;}
.pd02{padding:2px;}
.pd04{padding:4px;}
.pd05{padding:5px;}
.pdl05{padding-left:5px;}
.pdr05{padding-right:5px;}
.pdt05{padding-top:5px;}
.pdb05{padding-bottom:5px;}
.pd1{padding:10px;}
.pdl1{padding-left:10px;}
.pdr1{padding-right:10px;}
.pdt1{padding-top:10px;}
.pdb1{padding-bottom:10px;}
.pd15{padding:15px;}
.pdl15{padding-left:15px;}
.pdr15{padding-right:15px;}
.pdt15{padding-top:15px;}
.pdb15{padding-bottom:15px;}
.pd2{padding:20px;}
.pdl2{padding-left:20px;}
.pdr2{padding-right:20px;}
.pdt2{padding-top:20px;}
.pdb2{padding-bottom:20px;}
.pd3{padding:30px;}
.pdl3{padding-left:30px;}
.pdr3{padding-right:30px;}
.pdt3{padding-top:30px;}
.pdb3{padding-bottom:30px;}
.pd4{padding:40px;}
.pdl4{padding-left:40px;}
.pdr4{padding-right:40px;}
.pdt4{padding-top:40px;}
.pdb4{padding-bottom:40px;}
.pd5{padding:50px;}
.pdl5{padding-left:50px;}
.pdr5{padding-right:50px;}
.pdt5{padding-top:50px;}
.pdb5{padding-bottom:50px;}
.pd6{padding:60px;}
.pdl6{padding-left:60px;}
.pdr6{padding-right:60px;}
.pdt6{padding-top:60px;}
.pdb6{padding-bottom:60px;}

.m0{margin: 0px auto;}
.mgt0{margin-top:0px;}
.mgl0{margin-left:0px;}
.mgr0{margin-right:0px;}
.mg05{margin:5px;}
.mgl05{margin-left:5px;}
.mgr05{margin-right:5px;}
.mgt05{margin-top:5px;}
.mgb05{margin-bottom:5px;}
.mg1{margin:10px;}
.mgl1{margin-left:10px;}
.mgr1{margin-right:10px;}
.mgt1{margin-top:10px;}
.mgb1{margin-bottom:10px;}
.mg15{margin:15px;}
.mgl15{margin-left:15px;}
.mgr15{margin-right:15px;}
.mgt15{margin-top:15px;}
.mgb15{margin-bottom:15px;}
.mg2{margin:20px;}
.mgl2{margin-left:20px;}
.mgr2{margin-right:20px;}
.mgt2{margin-top:20px;}
.mgb2{margin-bottom:20px;}
.mg3{margin:30px;}
.mgl3{margin-left:30px;}
.mgr3{margin-right:30px;}
.mgt3{margin-top:30px;}
.mgb3{margin-bottom:30px;}
.mg4{margin:40px;}
.mgl4{margin-left:40px;}
.mgr4{margin-right:40px;}
.mgt4{margin-top:40px;}
.mgb4{margin-bottom:40px;}
.mg5{margin:50px;}
.mgl5{margin-left:50px;}
.mgr5{margin-right:50px;}
.mgt5{margin-top:50px;}
.mgb5{margin-bottom:50px;}
.mg6{margin:60px;}
.mgl6{margin-left:60px;}
.mgr6{margin-right:60px;}
.mgt6{margin-top:60px;}
.mgb6{margin-bottom:60px;}
.mg10{margin:100px;}
.mgl10{margin-left:100px;}
.mgr10{margin-right:100px;}
.mgt10{margin-top:100px;}
.mgb10{margin-bottom:100px;}


.w100{width:100%}
.w90{width:90%}
.w80{width:80%}
.w70{width:70%}
.w60{width:60%}
.w50{width:50%}
.w40{width:40%}
.w30{width:30%}
.w20{width:20%}
.w10{width:10%}

.w95{width:95%}
.w85{width:85%}
.w75{width:75%}
.w65{width:65%}
.w55{width:55%}
.w45{width:45%}
.w35{width:35%}
.w25{width:25%}
.w15{width:15%}
.w5{width:5%}

.w33{width:33.33%}
.w16{width:16.66%}


.vp1 { float: left; }
 @media screen and (max-width: 1980px) {
.vp1 {width:  25%; } }
 @media screen and (max-width: 1280px) {
.vp1 {width:  33.3%; } }
 @media screen and (max-width: 980px) {
.vp1 {width:  33.3%; } }
 @media screen and (max-width: 640px) {
.vp1 {width:  100%; } }




input, select, option, textarea {
color; #000;  font-weight: ; margin:0; padding: 0px; border:0; -webkit-appearance: none;
background-image:none\9; background:none\9;
}


.tc{text-align:center}
.tl{text-align:left}
.tr{text-align:right}
.tlh{text-decoration:line-through} 
.tu{text-decoration:underline} 
.tn{text-decoration:none} 
.ttu{text-transform:uppercase;}
.ttl{text-transform:lowercase;}
.lt {text-decoration: line-through}
.fsi {font-style: italic;}


.fwb{font-weight:bold;}
.fw{font-weight:normal;}
.fw1{font-weight:100;}
.fw2{font-weight:200;}
.fw2{font-weight:300;}
.fw4{font-weight:400;}
.fw5{font-weight:500;}
.fw6{font-weight:600;}
.fw7{font-weight:700;}
.fw9{font-weight:900;}


.fs5{font-size:5px;}
.fs6{font-size:6px;}
.fs7{font-size:7px;}
.fs8{font-size:8px;}
.fs9{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs36{font-size:36px;}
.fs40{font-size:40px;}
.fs42{font-size:42px;}
.fs44{font-size:44px;}
.fs46{font-size:46px;}
.fs60{font-size:60px;}
.fs80{font-size:80px;}

.fs05e{font-size:0.5em;}
.fs08e{font-size:0.8em;}
.fs1e{font-size:1em;}
.fs12e{font-size:1.2em;}
.fs15e{font-size:1.5em;}
.fs18e{font-size:1.8em;}
.fs2e{font-size:2em;}
.fs22e{font-size:2.2em;}
.fs25e{font-size:2.5em;}
.fs28e{font-size:2.8em;}
.fs3e{font-size:3em;}
.fs32e{font-size:3.2em;}
.fs35e{font-size:3.5em;}
.fs38e{font-size:3.8em;}

.lh05e{line-height:0.5em;}
.lh08e{line-height:0.8em;}
.lh1e{line-height:1em;}
.lh12e{line-height:1.2em;}
.lh15e{line-height:1.5em;}
.lh18e{line-height:1.8em;}
.lh2e{line-height:2em;}
.lh22e{line-height:2.2em;}
.lh25e{line-height:2.5em;}
.lh28e{line-height:2.8em;}
.lh3e{line-height:3em;}
.lh32e{line-height:3.2em;}
.lh35e{line-height:3.5em;}
.lh38e{line-height:3.8em;}


.lh6{line-height:6px;}
.lh7{line-height:7px;}
.lh8{line-height:8px;}
.lh9{line-height:9px;}
.lh10{line-height:11px;}
.lh11{line-height:11px;}
.lh12{line-height:12px;}
.lh13{line-height:13px;}
.lh14{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh36{line-height:36px;}
.lh40{line-height:40px;}
.lh42{line-height:42px;}
.lh50{line-height:50px;}
.lh60{line-height:60px;}

.ls-1{letter-spacing: -1px;}
.ls0{letter-spacing: 0px;}
.ls1{letter-spacing: 1px;}
.ls2{letter-spacing: 2px;}
.ls3{letter-spacing: 3px;}
.ls4{letter-spacing: 4px;}
.ls8{letter-spacing: 8px;}


.brx {border-radius: 2px}
.br02 {border-radius: 2px}
.br03 {border-radius: 3px}
.br05 {border-radius: 3px}
.br1 {border-radius: 10px}
.br2 {border-radius: 20px}
.br3 {border-radius: 30px}
.br50 {border-radius: 50%}
.bd001 {border: solid 0.01px rgba(0,0,0,1)}
.bd005 {border: solid 0.05px rgba(0,0,0,1)}
.bd01 {border: solid 0.1px rgba(0,0,0,0.5)}
.bd03 {border: solid 0.3px rgba(0,0,0,1)}
.bd05 {border: solid 0.5px rgba(0,0,0,1)}
.bd1 {border: solid 1px rgba(0,0,0,1)}
.bd2 {border: solid 2px rgba(0,0,0,1)}
.bs10-1 {box-shadow:0px 10px 10px 0px rgba(0,0,0,0.1)}
.bs10-01 {box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)}
.bs004 {box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2)}
.bs10-02 {box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2)}

.ts1 {text-shadow:0px 1px 2px #333;}}


.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.c9{color:#999;}
.ce{color:#eee;}
.cc{color:#ccc;}
.cf{color:#fff;}

.cf20{color:#f20;}
.cf30{color:#f30;}
.cf60{color:#f60;}
.cf90{color:#f90;}
.cfc0{color:#fc0;}

.c690{color:#690;}
.c480 {color: #480}


.cc00{color:#c00;}
.bg875 {background: #875} 



.bg0 {background: #000;}
.bg1 {background: #111;}
.bg2 {background: #222;}
.bg3 {background: #333;}
.bg6 {background: #666;}
.bg9 {background: #999;}
.bgc {background: #ccc;}
.bge {background: #eee;}
.bgf {background: #fff;}
.bgf6 {background: #f6f6f6;}
.bgf9 {background: #f9f9f9;}
.bgf20 {background: #f20;}
.bgf60 {background: #f60;}
.bg360 {background: #360;}
.bgf3c {background: #ff3c3c;}
.bg875 {background: #875;}






a{text-decoration:none;}
a:link{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:none;  opacity:0.9;filter:alpha(opacity=90);}
a:active{color:#000;text-decoration:none;}

.af{text-decoration:none;}
.af:link{color:#fff;text-decoration:none;}
.af:visited{color:#fff;text-decoration:none;}
.af:hover{color:#ccc;text-decoration:none;}
.af:active{color:#fff;text-decoration:none;}

.af20{text-decoration:none;}
.af20:link{color:#f20;text-decoration:none;}
.af20:visited{color:#f20;text-decoration:none;}
.af20:hover{color:#000;text-decoration:none;}
.af20:active{color:#f20;text-decoration:none;}


.a0{color:#000;text-decoration:none;}
.a0:link{color:#000;text-decoration:none;}
.a0:visited{color:#000;text-decoration:none;}
.a0:hover{color:#000;text-decoration:none;}
.a0:active{color:#000;text-decoration:none;}


.oh {overflow:hidden}
.oxh {overflow-x:hidden}
.oyh {overflow-y:hidden}
.oxs {overflow-x:scroll}
.oys {overflow-y:scroll}




.fs6{font-size:6px;}
.fs40{font-size:40px; line-height: 60px;}
.fs50{font-size:50px; line-height: 60px;}
.fs60{font-size:60px; line-height: 70px;}
.fs70{font-size:70px; line-height: 80px;}
.fs80{font-size:80px; line-height: 90px;}



 @media screen and (max-width: 1680px) {
.H0 {font-size: 10vh;  line-height: 11vh;} }
 @media screen and (max-width: 980px) {
.H0 {font-size: 8vh;  line-height: 9vh;} }
 @media screen and (max-width: 640px) {
.H0 {font-size: 8vh;  line-height: 8vh;} }
 @media screen and (max-width: 480px) {
.H0 {font-size: 8vh;  line-height: 10vh;} }

.H1 {font-size: 6vh;  line-height: 7vh; padding:0; margin:5px 0;}
 @media screen and (max-width: 1680px) {
.H1 {font-size: 10vh;  line-height: 11vh;} }
 @media screen and (max-width: 980px) {
.H1 {font-size: 8vh;  line-height: 9vh;} }
 @media screen and (max-width: 640px) {
.H1 {font-size: 6vh;  line-height: 8vh;} }
 @media screen and (max-width: 480px) {
.H1 {font-size: 6vh;  line-height: 7vh;} }

.H2 {font-size: 5vh;  line-height: 6vh; padding:0; margin:5px 0; }
 @media screen and (max-width: 1680px) {
.H2  {font-size: 5vh; line-height: 6vh;} }
 @media screen and (max-width: 768px) {
.H2  {font-size: 5vh;  line-height: 6vh;} }
 @media screen and (max-width: 480px) {
.H2  {font-size: 5vh;  line-height: 6vh;} }

.H3 {font-size: 2vh; line-height: 4vh; padding:0; margin:5px 0;}
 @media screen and (max-width: 1680px) {
.H3  {font-size: 4vh; line-height: 5vh; } }
 @media screen and (max-width: 768px) {
.H3  {font-size: 3.5vh; line-height: 4vh; } }
 @media screen and (max-width: 480px) {
.H3  {font-size: 3vh;  line-height: 4vh;} }

.H4 {font-size: 2.5vh; line-height: 4vh; padding:0; margin:5px 0;}
 @media screen and (max-width: 1680px) {
.H4  {font-size: 3vh; line-height: 4.5vh; } }
 @media screen and (max-width: 1280px) {
.H4  {font-size: 3vh; line-height: 4.5vh; } }
 @media screen and (max-width: 768px) {
.H4  {font-size: 3vh; line-height: 4.5vh; } }
 @media screen and (max-width: 480px) {
.H4  {font-size:  2.5vh;  line-height: 4vh;  } }
 @media screen and (max-width: 480px) {
.H4  {font-size:  2.5vh;  line-height: 4vh;  } }

.H5 {font-size: 2vh; line-height: 3vh; padding:0; margin:5px 0;}
 @media screen and (max-width: 1680px) {
.H5  {font-size: 2.8vh; line-height: 4vh; } }
 @media screen and (max-width: 1280px) {
.H5  {font-size: 2.4vh; line-height: 4vh; } }
 @media screen and (max-width: 768px) {
.H5  {font-size: 2.2vh; line-height: 4vh; } }
 @media screen and (max-width: 480px) {
.H5  {font-size:  2vh;  line-height: 3vh;  } }
 @media screen and (max-width: 480px) {
.H5  {font-size:  1.8vh;  line-height: 2.5vh;  } }

.H6 {font-size: 1.5vh; line-height: 2vh; padding:0; margin:5px 0;}
 @media screen and (max-width: 1680px) {
.H6  {font-size: 2.2vh; line-height: 3vh; } }
 @media screen and (max-width: 1280px) {
.H6  {font-size: 2vh; line-height: 3vh; } }
 @media screen and (max-width: 768px) {
.H6  {font-size: 1.8vh; line-height: 2.4vh; } }
 @media screen and (max-width: 480px) {
.H6  {font-size:  1.8vh;  line-height: 2.4vh;  } }
 @media screen and (max-width: 480px) {
.H6  {font-size:  1.5vh;  line-height: 2vh;  } }

.H7 {font-size: 1.2vh; line-height: 1.5vh; padding:0; margin:5px 0;}
 @media screen and (max-width: 1680px) {
.H7  {font-size: 1.8vh; line-height: 2.5vh; } }
 @media screen and (max-width: 1280px) {
.H7  {font-size: 1.5vh; line-height: 2vh; } }
 @media screen and (max-width: 768px) {
.H7  {font-size: 1.5vh; line-height: 1.8 vh; } }
 @media screen and (max-width: 480px) {
.H7  {font-size:  1.2vh;  line-height: 1.5vh;  } }


.H8  {font-size:  0.8vh;  line-height: 1vh;  padding:0; margin:0  } 
 @media screen and (max-width: 1680px) {
.H8  {font-size: 1.2vh; line-height: 1.5vh; } }
 @media screen and (max-width: 1280px) {
.H8  {font-size: 1.2vh; line-height: 1.5vh; } }
 @media screen and (max-width: 768px) {
.H8  {font-size: 1vh; line-height: 1.2vh; } }
 @media screen and (max-width: 480px) {
.H8  {font-size:  0.8vh;  line-height: 1vh;  } }


.H10  {font-size:  0.6vh;  line-height:8px; padding:0; margin:0 } 
 @media screen and (max-width: 1680px) {
.H10  {font-size:  0.6vh;  line-height:8px;  } }
 @media screen and (max-width: 1280px) {
.H10  {font-size:  0.6vh;  line-height:8px;  } }
 @media screen and (max-width: 768px) {
.H10  {font-size:  0.6vh;  line-height:8px;  } }
 @media screen and (max-width: 480px) {
.H10  {font-size:  0.6vh;  line-height:8px;  } }



H1 {font-size: 5vh;  line-height: 7vh; padding:0; margin:5px 0;}
 @media screen and (max-width: 1680px) {
H1 {font-size: 10vh;  line-height: 11vh;} }
 @media screen and (max-width: 980px) {
H1 {font-size: 8vh;  line-height: 9vh;} }
 @media screen and (max-width: 640px) {
H1 {font-size: 6vh;  line-height: 7vh;} }
 @media screen and (max-width: 480px) {
H1 {font-size: 5vh;  line-height: 6vh;} }

H2 {font-size: 4.5vh;  line-height: 5vh; padding:0; margin:5px 0; }
 @media screen and (max-width: 1680px) {
H2  {font-size: 4vh; line-height: 5vh;} }
 @media screen and (max-width: 768px) {
H2  {font-size: 4.5vh;  line-height: 5vh;} }
 @media screen and (max-width: 480px) {
H2  {font-size: 4.5vh;  line-height: 5vh;} }

H3 {font-size: 2vh; line-height: 4vh; padding:0; margin:5px 0;}
 @media screen and (max-width: 1680px) {
H3  {font-size: 4vh; line-height: 5vh; } }
 @media screen and (max-width: 768px) {
H3  {font-size: 3.5vh; line-height: 5vh; } }
 @media screen and (max-width: 480px) {
H3  {font-size: 3vh;  line-height: 5vh;} }

H4 {font-size: 2.5vh; line-height: 4vh; padding:0; margin:5px 0;}
 @media screen and (max-width: 1680px) {
H4  {font-size: 2.5vh; line-height: 4vh; } }
 @media screen and (max-width: 1280px) {
H4  {font-size: 2.5vh; line-height: 4vh; } }
 @media screen and (max-width: 768px) {
H4  {font-size: 2.5vh; line-height: 4vh; } }
 @media screen and (max-width: 480px) {
H4  {font-size:  2.5vh;  line-height: 4vh;  } }
 @media screen and (max-width: 480px) {
H4  {font-size:  2.5vh;  line-height: 4vh;  } }

H5 {font-size: 2vh; line-height: 3vh; padding:0; margin:5px 0; text-align:left;}
 @media screen and (max-width: 1680px) {
H5  {font-size: 2vh; line-height: 3vh; } }
 @media screen and (max-width: 1280px) {
H5  {font-size: 2vh; line-height: 3vh; } }
 @media screen and (max-width: 768px) {
H5  {font-size: 2vh; line-height: 4vh; } }
 @media screen and (max-width: 480px) {
H5  {font-size:  2vh;  line-height: 3vh;  } }
 @media screen and (max-width: 480px) {
H5  {font-size:  1.8vh;  line-height: 2.5vh;  } }

H6 {font-size: 2vh; line-height: 3vh; padding:0; margin:5px 0; text-align:left;}
 @media screen and (max-width: 1680px) {
H6  {font-size: 2vh; line-height: 3vh; } }
 @media screen and (max-width: 1280px) {
H6  {font-size: 2vh; line-height: 3vh; } }
 @media screen and (max-width: 768px) {
H6  {font-size: 2vh; line-height: 4vh; } }
 @media screen and (max-width: 480px) {
H6  {font-size:  2vh;  line-height: 3vh;  } }
 @media screen and (max-width: 480px) {
H6  {font-size:  1.5vh;  line-height: 2.5vh;  } }



H1  {font-size:  80px;  line-height: 100px; padding:0; margin:5px 0;}
 @media screen and (max-width: 1680px) {
H1  {font-size:  60px;  line-height: 80px;  } }
 @media screen and (max-width: 980px) {
H1  {font-size:  48px;  line-height: 60px;  } }
 @media screen and (max-width: 640px) {
H1  {font-size:  40px;  line-height: 48px;  } }
 @media screen and (max-width: 480px) {
H1  {font-size:  40px;  line-height: 48px;  } }

H2  {font-size:  60px;  line-height: 60px; padding:0; margin:5px 0; }
 @media screen and (max-width: 1680px) {
H2  {font-size:  40px;  line-height: 48px;  } }
 @media screen and (max-width: 768px) {
H2  {font-size:  30px;  line-height: 36px;  } }
 @media screen and (max-width: 480px) {
H2  {font-size:  30px;  line-height: 36px;  } }

H3  {font-size:  28px;  line-height: 32px; padding:0; margin:5px 0;}
 @media screen and (max-width: 1680px) {
H3  {font-size:  24px;  line-height: 30px;  } }
 @media screen and (max-width: 768px) {
H3  {font-size:  20px;  line-height: 24px;  } }
 @media screen and (max-width: 480px) {
H3  {font-size:  20px;  line-height: 24px;  } }

H4  {font-size:  16px;  line-height: 20px; padding:0; margin:5px 0;}
 @media screen and (max-width: 1680px) {
H4  {font-size:  16px;  line-height: 20px;  } }
 @media screen and (max-width: 1280px) {
H4  {font-size:  16px;  line-height: 20px;  } }
 @media screen and (max-width: 768px) {
H4  {font-size:  16px;  line-height: 20px;  } }
 @media screen and (max-width: 480px) {
H4  {font-size:  16px;  line-height: 20px;  } }
 @media screen and (max-width: 480px) {
H4  {font-size:  16px;  line-height: 20px;  } }

H5  {font-size:  14px;  line-height: 16px;  padding:0; margin:5px 0; text-align:left;}
 @media screen and (max-width: 1680px) {
H5  {font-size:  14px;  line-height: 16px;  } }
 @media screen and (max-width: 1280px) {
H5  {font-size:  14px;  line-height: 16px;  } }
 @media screen and (max-width: 768px) {
H5  {font-size:  14px;  line-height: 16px;  } }
 @media screen and (max-width: 480px) {
H5  {font-size:  14px;  line-height: 16px;  } }
 @media screen and (max-width: 480px) {
H5  {font-size:  14px;  line-height: 16px;  } }

H6  {font-size:  12px;  line-height: 12px; padding:0; margin:5px 0; text-align:left;}
 @media screen and (max-width: 1680px) {
H6  {font-size:  12px;  line-height: 12px;  } }
 @media screen and (max-width: 1280px) {
H6  {font-size:  12px;  line-height: 12px;  } }
 @media screen and (max-width: 768px) {
H6  {font-size:  12px;  line-height: 12px;  } }
 @media screen and (max-width: 480px) {
H6  {font-size:  12px;  line-height: 12px;  } }
 @media screen and (max-width: 480px) {
H6  {font-size:  10px;  line-height: 12px;  } }




.b:link{color:#fff;text-decoration:none;}
.b:visited{color:#fff;text-decoration:none;}
.b:hover{color:#fff;text-decoration:none;}
.b:active{color:#fff;text-decoration:none;}


.op0{opacity:0;filter:alpha(opacity=0);}
.op1{opacity:0.1;filter:alpha(opacity=10);}
.op2{opacity:0.2;filter:alpha(opacity=20);}
.op3{opacity:0.3;filter:alpha(opacity=30);}
.op4{opacity:0.4;filter:alpha(opacity=40);}
.op5{opacity:0.5;filter:alpha(opacity=50);}
.op6{opacity:0.6;filter:alpha(opacity=60);}
.op7{opacity:0.7;filter:alpha(opacity=70);}
.op8{opacity:0.8;filter:alpha(opacity=80);}
.op9{opacity:0.9;filter:alpha(opacity=90);}

.op95{opacity:0.95;filter:alpha(opacity=95);}
.op98{opacity:0.98;filter:alpha(opacity=98);}


.cpr {cursor:pointer}







.typing { 
  text-align: left;
  overflow: hidden;
  animation:  typing 5s steps(100, end);
 -webkit-animation: typing 5s steps(100, end);
  blink-caret 5s step-end infinite;
  white-space:nowrap;
}
.typing { 
  text-align: left;
  overflow: hidden;
  animation:  typing 3s steps(100, end);
 -webkit-animation: typing 3s steps(100, end);
  blink-caret 3s step-end infinite;
  white-space:nowrap;
}

@keyframes typing {
  from { width: 0 } to { width: 100% }}
@-webkit-keyframes typing {
  from { width: 0 } to { width: 100% }}
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: }}


.ao2 {
    -webkit-animation: ao2 2s infinite;
    animation: ao2 2s infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
opacity: 0; filter: alpha(opacity=0); 
    }
@-webkit-keyframes ao2 {
  0% {opacity: 0.5; filter: alpha(opacity=50); }
  30% {opacity: 1; filter: alpha(opacity=100); }
  70% {opacity: 1; filter: alpha(opacity=100); }
  100% {opacity: 0.5; filter: alpha(opacity=50); }
}