html {
		scroll-behavior: smooth;
}
a {
		text-decoration-line: none;
}

textarea {
	resize: none;
}

a:hover {
  text-decoration: none;
}

.dw100 { width:100%; }
.dw95 { width:95%; }
.dw90 { width:90%; }
.dw85 { width:85%; }
.dw80 { width:80%; }
.dw75 { width:75%; }
.dw70 { width:70%; }
.dw65 { width:65%; }
.dw60 { width:60%; }
.dw55 { width:55%; }
.dw50 { width:50%; }
.dw45 { width:45%; }
.dw40 { width:40%; }
.dw35 { width:35%; }
.dw30 { width:30%; }
.dw33 { width:33%; }
.dw25 {	width:25%; }
.dw20 {	width:20%; }
.dw15 {	width:15%; }
.dw10 {	width:10%; }

.w1500 {width:1500px;}
.w1200 {width:1200px;}
.w1000 {width:1000px;}
.w900 {width:900px;}
.w800 {width:800px;}
.w700 {width:700px;}
.w600 {width:600px;}
.w500 {width:500px;}
.w400 {width:400px;}
.w300 {width:300px;}
.w250 {width:250px;}
.w200 {width:200px;}
.w180 {width:180px;}
.w150 {width:150px;}
.w140 {width:140px;}
.w130 {width:130px;}
.w120 {width:120px;}
.w110 {width:110px;}
.w100 {width:100px;}
.w90 {width:90px;}
.w80 {width:80px;}
.w60 {width:60px;}
.w58 {width:58px;}
.w50 {width:50px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w20 {width:20px;}
.w25 {width:25px;}
.w15 {width:15px;}

.h1500 {height:1500px;}
.h1200 {height:1200px;}
.h1000 {height:1000px;}
.h900 {height:900px;}
.h800 {height:800px;}
.h700 {height:700px;}
.h600 {height:600px;}
.h500 {height:500px;}
.h400 {height:400px;}
.h300 {height:300px;}
.h250 {height:250px;}
.h200 {height:200px;}
.h180 {height:180px;}
.h150 {height:150px;}
.h140 {height:140px;}
.h130 {height:130px;}
.h120 {height:120px;}
.h110 {height:110px;}
.h100 {height:100px;}
.h90 {height:90px;}
.h80 {height:80px;}
.h70 {height:70px;}
.h60 {height:60px;}
.h50 {height:50px;}
.h45 {height:45px;}
.h40 {height:40px;}
.h30 {height:30px;}
.h20 {height:20px;}
.h15 {height:15px;}
.h5 {height:5px;}
.h1 {height:1px;}

.lh150 {
  line-height:150%;
}

.lh180 {
  line-height:180%;
}

.lh200 {
  line-height:200%;
}

.lh250 {
  line-height:250%;
}

.lh-20 {
	line-height: 20px;
}
.lh-25 {
	line-height: 25px;
}
.lh-30 {
	line-height: 30px;
}
.lh-40 {
	line-height: 40px;
}

.br-5 {
  border-radius: 5px;
}
.br-10 {
  border-radius: 10px;
}
.br-20 {
  border-radius: 20px;
}

.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw700 {font-weight:700;}

.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f23 {font-size: 23px;}
.f24 {font-size: 24px;}
.f25 {font-size: 25px;}
.f26 {font-size: 26px;}
.f27 {font-size: 27px;}
.f28 {font-size: 28px;}
.f29 {font-size: 29px;}
.f30 {font-size: 30px;}
.f32 {font-size: 32px;}
.f36 {font-size: 36px;}
.f48 {font-size: 48px;}
.f64 {font-size: 64px;}

.z-1{z-index:1;}
.z-10{z-index:10;}
.z-15{z-index:15;}
.z-20{z-index:20;}
.z-30{z-index:30;}
.z-40{z-index:40;}
.z-50{z-index:50;}
.z-60{z-index:60;}

.ma0 {margin: 0;}

.mb0 {margin-bottom:0px;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb100 {margin-bottom:100px;}
.mb210 {margin-bottom:210px;}

.mt0 {margin-top:0px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt130 {margin-top:130px;}
.mt150 {margin-top:150px;}
.mt170 {margin-top:170px;}
.mt200 {margin-top:200px;}
.mt250 {margin-top:250px;}

.mr0 {margin-right:0px;}
.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}
.ml100 {margin-left:100px;}

.ma5{margin: 5px;}
.ma10{margin: 10px;}
.ma20{margin: 20px;}
.ma30{margin: 30px;}
.ma40{margin: 40px;}

.my5{margin: 5px 0;}
.my10{margin: 10px 0;}
.my15{margin: 15px 0;}
.my20{margin: 20px 0;}
.my30{margin: 30px 0;}
.my40{margin: 40px 0;}
.my50{margin: 50px 0;}
.my60{margin: 60px 0;}
.my70{margin: 70px 0;}
.my90{margin: 90px 0;}
.my100{margin: 100px 0;}

.mx5{margin: 0 5px;}
.mx10{margin: 0 10px;}
.mx15{margin: 0 15px;}
.mx20{margin: 0 20px;}
.mx30{margin: 0 30px;}
.mx40{margin: 0 40px;}
.mx-auto{margin: 0 auto;}

.pt2 {padding-top:2px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt50 {padding-top:50px !important;}

.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}

.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb50 {padding-bottom:50px !important;}
.pb100 {padding-bottom:100px !important;}

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}

.pa0 {padding: 0px;}
.pa5 {padding: 5px;}
.pa10 {padding: 10px;}
.pa15 {padding: 15px;}
.pa20 {padding: 20px;}
.pa30 {padding: 30px;}
.pa50 {padding: 50px;}

.py5{padding: 5px 0;}
.py10{padding: 10px 0;}
.py15{padding: 15px 0;}
.py20{padding: 20px 0;}
.py30{padding: 30px 0;}
.py40{padding: 40px 0;}

.px5{padding: 0 5px;}
.px10{padding: 0 10px;}
.px15{padding: 0 15px;}
.px20{padding: 0 20px;}
.px25{padding: 0 25px;}
.px30{padding: 0 30px;}
.px40{padding: 0 40px;}

.hide {display:none!important;}

.ac {text-align: center !important;}
.al {text-align: left !important;}
.ar {text-align: right !important;}

.item-center {align-items: center !important;}
.justify-center {justify-items: center !important;}

.op100{
  opacity: 1;
}
.op90{
  opacity: 0.90;
}
.op75{
  opacity: 0.75;
}
.op50{
  opacity: 0.5;
}
.op25{
  opacity: 0.25;
}

.pointer{cursor:pointer;}

.flex-row {
  display: flex;
  flex-flow: row;
}
.flex-col {
  display: flex;
  flex-flow: column;
}
.flex-start {
  justify-content: start;
  align-items: center;
}
.flex-start-start {
  justify-content: start;
  align-items: start;
}
.flex-end {
  justify-content: end;
  align-items: center;
}
.flex-center {
  justify-content: center;
  align-items: center;
}
.flex-around {
  justify-content: space-around;
  align-items: center;
}
.flex-between {
  justify-content: space-between;
  align-items: center;
}
.flex-left {
  justify-content: start;
  align-items: start;
}
.flex-right {
  justify-content: start;
  align-items: end;
}
.grid {
  display: grid;
  grid-auto-flow: dense;
}
.grid-center {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}
.grid-gap-5{gap:5px;}
.grid-gap-10{gap:10px;}
.grid-gap-20{gap:20px;}
.grid-gap-30{gap:30px;}
.grid-gap-40{gap:40px;}
.grid-row-1{grid-template-columns: 1fr;}
.grid-row-2{grid-template-columns: 1fr 1fr;}
.grid-row-3{grid-template-columns: 1fr 1fr 1fr;}
.grid-row-4{grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid-row-5{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.grid-row-6{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.grid-row-7{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.grid-row-22{grid-template-columns: 1fr 2fr;}

.relative{
  position: relative;
}
.absolute{
  position: absolute;
}
.fixed{
  position: fixed;
}
.sticky{
  position: sticky;
}

p {
  margin: 0px;
}

p, div {
  word-break: keep-all;
}

.mw100{max-width: 100px;}
.mw120{max-width: 120px;}
.mw200{max-width: 200px;}
.mw400{max-width: 400px;}
.mw600{max-width: 600px;}
.mw800{max-width: 800px;}
.mw1000{max-width: 1000px;}
.mw1200{max-width: 1200px;}

body{
	background-color: #fff!important;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
    width: 100%;
    margin: 0;
}

.keep-all {
	word-break: keep-all;
}

.font-white {
    color: #fff;
}
.font-gray {
    color: #b9b9b9;
}
.font-deep-gray {
    color: #6f6f6f;
}
.font-black {
    color: #000;
}
.font-orange {
    color: #f6ab00;
}
.font-red {
    color: #f00;
}

.h-screen {
    height: 100vh;
}
.bg-cover {
    background-size: cover;
}
.bg-center {
    background-position: center;
}
.bg-orange {
  background-color: #ff6b00;
}

a, button {
  cursor:pointer;
}

.card-1 {
    border-radius: 10px;
    box-shadow: 0px 2px 4px 0px rgba(10, 26, 47, 0.05), 0px 4px 12px 0px rgba(10, 26, 47, 0.15);
}
.shadow {
    box-shadow: 0px 2px 4px 0px rgba(10, 26, 47, 0.05), 0px 4px 12px 0px rgba(10, 26, 47, 0.15);
}

#containerPc {
   	background-repeat: no-repeat;
   	background-size: cover;
   	overflow-y: auto;
}

.main-body {
	  margin: 0 auto;
}

.input::placeholder,
.textarea::placeholder {
	  color: rgba(102, 102, 102, 0.80);
}

.navbar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 90px;
		background: rgba(0, 0, 0, 1.0);
		z-index: 10;
}
.navbar-inner {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 32px;
}
.navbar-inner img {
  display: block;
}
.nav-menu {
		list-style: none;
		display: flex;
		gap: 36px;
		margin: 0;
		padding: 0;
}
.navbar-inner li a {
		color: #fff;
		font-size: 18px;
		font-weight: 400;
		text-decoration: none;
		transition: color 0.2s;
}
#mobile-menu {
    position: absolute;
    top: 60px;
    right: 0;
    width: 100%;
    background: #000;
    z-index: 1000;
    display: none;
}
#mobile-menu li {
    text-align: right;
    margin-bottom: 14px;
}
#mobile-menu a {
    font-size: 14px;
    margin-right: 32px;
}
#mobile-menu.active {
    display: block;
    animation: fadeInDown 1s;
}
@keyframes fadeInDown {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
/* navbar sm-window */
@media (max-width: 600px) {
		.navbar {
			  height: 60px;
        background: rgba(0, 0, 0, 1);
		}
    .navbar-inner img {
			  width: 100px;
		}
    .nav-menu button {
      display: inline;
    }
    .nav-menu a {
      display: none;
    }
}
/* navbar lg-window */
@media (min-width: 600px) {
		.navbar-inner img {
			  width: 150px;
		}
    .nav-menu button {
      display: none;
    }
}