html {box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html {overflow-x:hidden}
html, body {width: 100vw; min-height: 100vh; padding: 0; margin: 0; 
background-color:#000; font-family:sans-serif; font-size:22px; color:#999; line-height:0}
img,a {outline:none; border:none}
a {text-decoration:none}
a:link {color:#fff} a:visited {color:#fff} a:hover {color:#fff} a:active {color:#fff}
a.noChangeAnchor:link {color:#999} a.noChangeAnchor:visited {color:#999} 
a.noChangeAnchor:hover {color:#999} a.noChangeAnchor:active {color:#999}
a.redlink:link {color:#f00} a.redlink:visited {color:#f00} a.redlink:hover {color:#f00} a.redlink:active {color:#f00}

#content {margin-left:auto; margin-right:auto; width:100%; max-width:1360px}
#topSection {padding:40px 160px 0px; text-align:center}
#topSection2nd {padding:20px 160px 0px; text-align:center}
#footer {padding:100px 120px; background:#333; color:#888; text-align:center}
#footerTopmargin {margin-top:180px}

.heading {font-size:26px; color:#fbc79f}
.headingBnAbs {font-size:24px; color:#fbc79f}
.headingBnWithin {font-size:24px}

.textBox01 {margin:60px 60px 0px; background-color:#333; border-radius:30px; padding:30px 50px; text-align:center}
.textBox02 {margin:60px 60px 0px; background-color:#e2c9a1; border-radius:30px; padding:30px 50px; color:#900; font-weight:bold; text-align:center}

.secBelt01 {background-color:#333; padding:14px 60px; color:#fff}
.secBelt02 {padding:14px 60px; color:#fff}

.bnText {font-size:19px}
.textColNormal {color:#999}
.textRevCol {color:#000}
.textOrange {color:#fbc79f}
.textWhite,.question {color:#fff}

.section {padding:60px 160px 0px}
.sectionNoTop {padding:0px 160px}
.sectionWide {padding:60px 10px 0px}
.rspRowSpace {padding-top:20px}
.rspRowHeight {padding:30px 10px 0px}
.p800000 {padding-top:80px}
.p600000 {padding-top:60px}
.p500000 {padding-top:50px}
.p400000 {padding-top:40px}
.p300000 {padding-top:30px}
.p301000,.rsp30 {padding:30px 10px 0px}
.p200000 {padding-top:20px}
.p100000 {padding-top:10px}
.p050000 {padding-top:5px}

.rspRowTop {padding-top:60px}

.centering {margin-left:auto; margin-right:auto}
.alignCenter {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.alignJustify {text-align:justify}

.rspHorizAlign-1 {text-align:right; margin-right:160px}
.dpicon {max-width:120px}
.img01 {max-width:480px}
.imgVidPreHoriz {width:100%; max-width:272px}
.imgVidPreVerti {width:56%; max-height:308px}
.imgVidPreSqure {width:80%; max-width:218px}
.imgVidPreAbsolute {width:56%; max-width:308px}
.hr1 {margin-top:40px; margin-bottom:30px; border-top:1px; color:#555}

.lineHt,.lineHtEn {line-height:1.5}
.lineHtMore,.lineHtBn {line-height:1.9}
.lineHtNil {line-height:1.0}
.lineHtNilBn {line-height:1.4}
.bold {font-weight:bold}
.unbold {font-weight:normal}
.italic {font-style:italic}

.buttonProps {display:inline-block; border:none; cursor:pointer; padding:12px 32px; 
font-family:inherit; font-size:inherit; text-align:center}
.buttonNormal,.expand3 {background-color:#555; color:#fff}
.buttonSpecial {background-color:#c6c6c6; color:#b90101; font-weight:bold}
.expand {display:inline-block; border:none; cursor:pointer; background-color:transparent; padding:0px; 
font-family:inherit; font-size:inherit; color:#fff; text-align:left}
.expand2 {display:inline-block; border:none; cursor:pointer; background-color:transparent; padding:0px; 
font-family:inherit; font-size:inherit; color:#f00; font-weight:bold}
.read {padding:0; max-height:0; overflow:hidden; transition:max-height 0.2s ease-out; font-family:inherit; font-size:inherit; color:inherit}

.video-container {position:relative; padding-bottom:56.25%; padding-top:0px; height:0; overflow:hidden}
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%}

/*
.app {display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; width:100vw; min-height:100vh}
.video-container {height: calc(100vh - 40px)}
.video-container iframe {width: 100vw; height: calc(100vh - 40px); border: none !important}
*/

.rsp-row:after, .rsp-row:before, .rsp-row-padding:after, .rsp-row-padding:before {content:"";display:table;clear:both}

.rsp-row-padding,.rsp-row-padding>.rsp-half,.rsp-row-padding>.rsp-third,.rsp-row-padding>.rsp-twothird,.rsp-row-padding>.rsp-threequarter,.rsp-row-padding>.rsp-quarter,.rsp-row-padding>.rsp-fifth,.rsp-row-padding>.rsp-twofifth,.rsp-row-padding>.rsp-threefifth,.rsp-row-padding>.rsp-fourfifth.rsp-row-padding>.rsp-col{padding:0 8px}

.rsp-half,.rsp-third,.rsp-twothird,.rsp-quarter,.rsp-threequarter,.rsp-fifth,.rsp-twofifth,.rsp-threefifth,.rsp-fourfifth{float:left;width:100%}

/* ============================================================================== */

@media (max-width:600px) {
body {font-size:14px}

#topSection {padding:20px 10px 0px}
#topSection2nd {padding:10px 10px 0px}
#footer {padding:60px 10px}
#footerTopmargin {margin-top:60px}

.heading {font-size:15px}
.headingBnAbs,.headingBnWithin {font-size:14px}

.textBox01,.textBox02 {margin:30px 30px 0px; border-radius:14px; padding:14px 24px}

.secBelt01,.secBelt02 {padding:8px 10px}

.bnText {font-size:13px}

.section,.sectionWide {padding:40px 10px 0px}
.sectionNoTop {padding:0px 10px}
.rspRowSpace {padding-top:0px}
.rspRowHeight {padding:20px 10px 0px}
.p800000 {padding-top:40px}
.p600000 {padding-top:30px}
.p500000 {padding-top:25px}
.p400000 {padding-top:20px}
.p300000 {padding-top:15px}
.p301000,.rsp30 {padding:15px 5px 0px}
.p200000 {padding-top:10px}
.p100000 {padding-top:5px}
.p050000 {padding-top:3px}

.rspEndHeight01 {padding-bottom:300px} /* Only on phone etc */

.rspRowTop {padding-top:0px}

.rspHorizAlign-1 {margin-right:0px}
.dpicon {max-width:60px}
.img01 {width:80%}
.imgVidPreHoriz {width:94%}
.imgVidPreVerti {width:58%}
.imgVidPreSqure {width:80%}

.hr1 {margin-top:20px; margin-bottom:14px}

.buttonProps {padding:6px 16px}
}

@media (min-width:601px){
.rsp-half{width:49.99999%}.rsp-third{width:33.33333%}.rsp-twothird{width:66.66666%}.rsp-quarter{width:24.99999%}.rsp-threequarter{width:74.99999%}
.rsp-fifth{width:19.99999%}.rsp-twofifth{width:39.99999%}.rsp-threefifth{width:59.99999%}.rsp-fourfifth{width:79.99999%}
}
