@charset "UTF-8";
/* CSS Document */


.imgCenter {
	display: block;
	margin: 0 auto;
}

hr { margin:5px 0; visibility:hidden; clear:both; } 

/* ======================================
Position
=======================================*/
.pos-rel { position:relative; }
.pos-abs { position:absolute; }
.pos-bottom-right { position:absolute; bottom:0; right:0; }
.pos-bottom-left { position:absolute; bottom: 0; left: 0; }
.pos-top-right { position:absolute; top: 0; right: 0; }
.pos-top-left { position:absolute; top: 0; left: 0; }

/* ======================================
Display
=======================================*/
.dsp-block { display:block; }
.dsp-inline { display:inline; }
.dsp-inline-block { display:inline-block; }
.dsp-flex { display: flex; }

/* ======================================
Text Size
=======================================*/
.text-xs{font-size:10px!important; line-height:1.3em!important; }
.text-s{font-size:11px!important; line-height:1.3em!important; }
.text-m{font-size:13px!important; line-height:1.4em!important; }
.text-l{font-size:16px!important; line-height:1.5em!important; }
.text-xl{font-size:21px!important; line-height:1.8em!important; }
.text-xxl{font-size:26px!important; line-height:2em!important; }

.text-B { font-weight: bold; }

/* ======================================
Line Hight
=======================================*/
.LH1{line-height:1em!important;}
.LH2{line-height:2em!important;}
.LH3{line-height:3em!important;}
.LH4{line-height:4em!important;}
.LH5{line-height:5em!important;}
.LH-s{line-height:1.5em!important;}
.LH-m{line-height:2.5em!important;}
.LH-l{line-height:3.5em!important;}

/* ======================================
Text align
=======================================*/
.aln-c{text-align: center!important;}
.aln-l{text-align: left!important;}
.aln-r{text-align: right!important;}

/* ======================================
ClearFix
=======================================*/
.cf:after, .cf:before { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

/* ======================================
margin
=======================================*/
.mt0{ margin-top:0px!important;} .mb0{ margin-bottom:0px!important;} .ml0{ margin-left:0px!important;} .mr0{ margin-right:0px!important;}
.mt1{ margin-top:1px!important;} .mb1{ margin-bottom:1px!important;} .ml1{ margin-left:1px!important;} .mr1{ margin-right:1px!important;}
.mt2{ margin-top:2px!important;} .mb2{ margin-bottom:2px!important;} .ml2{ margin-left:2px!important;} .mr2{ margin-right:2px!important;}
.mt3{ margin-top:3px!important;} .mb3{ margin-bottom:3px!important;} .ml3{ margin-left:3px!important;} .mr3{ margin-right:3px!important;}
.mt4{ margin-top:4px!important;} .mb4{ margin-bottom:4px!important;} .ml4{ margin-left:4px!important;} .mr4{ margin-right:4px!important;}
.mt5{ margin-top:5px!important;} .mb5{ margin-bottom:5px!important;} .ml5{ margin-left:5px!important;} .mr5{ margin-right:5px!important;}
.mt10{ margin-top:10px!important;} .mb10{ margin-bottom:10px!important;} .ml10{ margin-left:10px!important;} .mr10{ margin-right:10px!important;}
.mt15{ margin-top:15px!important;} .mb15{ margin-bottom:15px!important;} .ml15{ margin-left:15px!important;} .mr15{ margin-right:15px!important;}
.mt20{ margin-top:20px!important;} .mb20{ margin-bottom:20px!important;} .ml20{ margin-left:20px!important;} .mr20{ margin-right:20px!important;}
.mt25{ margin-top:25px!important;} .mb25{ margin-bottom:25px!important;} .ml25{ margin-left:25px!important;} .mr25{ margin-right:25px!important;}
.mt30{ margin-top:30px!important;} .mb30{ margin-bottom:30px!important;} .ml30{ margin-left:30px!important;} .mr30{ margin-right:30px!important;}
.mt35{ margin-top:35px!important;} .mb35{ margin-bottom:35px!important;} .ml35{ margin-left:35px!important;} .mr35{ margin-right:35px!important;}
.mt40{ margin-top:40px!important;} .mb40{ margin-bottom:40px!important;} .ml40{ margin-left:40px!important;} .mr40{ margin-right:40px!important;}
.mt45{ margin-top:45px!important;} .mb45{ margin-bottom:45px!important;} .ml45{ margin-left:45px!important;} .mr45{ margin-right:45px!important;}
.mt50{ margin-top:50px!important;} .mb50{ margin-bottom:50px!important;} .ml50{ margin-left:50px!important;} .mr50{ margin-right:50px!important;}
.mt60{ margin-top:60px!important;} .mb60{ margin-bottom:60px!important;} .ml60{ margin-left:60px!important;} .mr60{ margin-right:60px!important;}
.mt70{ margin-top:70px!important;} .mb70{ margin-bottom:70px!important;} .ml70{ margin-left:70px!important;} .mr70{ margin-right:70px!important;}
.mt80{ margin-top:80px!important;} .mb80{ margin-bottom:80px!important;} .ml80{ margin-left:80px!important;} .mr80{ margin-right:80px!important;}
.mt90{ margin-top:90px!important;} .mb90{ margin-bottom:90px!important;} .ml90{ margin-left:90px!important;} .mr90{ margin-right:90px!important;}
.mt100{ margin-top:100px!important;} .mb100{ margin-bottom:100px!important;} .ml100{ margin-left:100px!important;} .mr100{ margin-right:100px!important;}
.mt150{ margin-top:150px!important;} .mb150{ margin-bottom:150px!important;} .ml150{ margin-left:150px!important;} .mr150{ margin-right:150px!important;}
.mt200{ margin-top:200px!important;} .mb200{ margin-bottom:200px!important;} .ml200{ margin-left:200px!important;} .mr200{ margin-right:200px!important;}
.mt250{ margin-top:250px!important;} .mb250{ margin-bottom:250px!important;} .ml250{ margin-left:250px!important;} .mr250{ margin-right:250px!important;}
.mt300{ margin-top:300px!important;} .mb300{ margin-bottom:300px!important;} .ml300{ margin-left:300px!important;} .mr300{ margin-right:300px!important;}

/* ======================================
padding
=======================================*/
.pl0 { padding-left:0!important; } .pr0 { padding-right:0!important; } .pt0 { padding-top:0!important; } .pb0 { padding-bottom:0!important; }
.pl1 { padding-left:1px!important; } .pr1 { padding-right:1px!important; } .pt1 { padding-top:1px!important; } .pb1 { padding-bottom:1px!important; }
.pl2 { padding-left:2px!important; } .pr2 { padding-right:2px!important; } .pt2 { padding-top:2px!important; } .pb2 { padding-bottom:2px!important; }
.pl3 { padding-left:3px!important; } .pr3 { padding-right:3px!important; } .pt3 { padding-top:3px!important; } .pb3 { padding-bottom:3px!important; }
.pl4 { padding-left:4px!important; } .pr4 { padding-right:4px!important; } .pt4 { padding-top:4px!important; } .pb4 { padding-bottom:4px!important; }
.pl5 { padding-left:5px!important; } .pr5 { padding-right:5px!important; } .pt5 { padding-top:5px!important; } .pb5 { padding-bottom:5px!important; }
.pl10 { padding-left:10px!important; } .pr10 { padding-right:10px!important; } .pt10 { padding-top:10px!important; } .pb10 { padding-bottom:10px!important; }
.pl15 { padding-left:15px!important; } .pr15 { padding-right:15px!important; } .pt15 { padding-top:15px!important; } .pb15 { padding-bottom:15px!important; }
.pl20 { padding-left:20px!important; } .pr20 { padding-right:20px!important; } .pt20 { padding-top:20px!important; } .pb20 { padding-bottom:20px!important; }
.pl25 { padding-left:25px!important; } .pr25 { padding-right:25px!important; } .pt25 { padding-top:25px!important; } .pb25 { padding-bottom:25px!important; }
.pl30 { padding-left:30px!important; } .pr30 { padding-right:30px!important; } .pt30 { padding-top:30px!important; } .pb30 { padding-bottom:30px!important; }
.pl35 { padding-left:35px!important; } .pr35 { padding-right:35px!important; } .pt35 { padding-top:35px!important; } .pb35 { padding-bottom:35px!important; }
.pl40 { padding-left:40px!important; } .pr40 { padding-right:40px!important; } .pt40 { padding-top:40px!important; } .pb40 { padding-bottom:40px!important; }
.pl45 { padding-left:45px!important; } .pr45 { padding-right:45px!important; } .pt45 { padding-top:45px!important; } .pb45 { padding-bottom:45px!important; }
.pl50 { padding-left:50px!important; } .pr50 { padding-right:50px!important; } .pt50 { padding-top:50px!important; } .pb50 { padding-bottom:50px!important; }
.pl60 { padding-left:60px!important; } .pr60 { padding-right:60px!important; } .pt60 { padding-top:60px!important; } .pb60 { padding-bottom:60px!important; }
.pl70 { padding-left:70px!important; } .pr70 { padding-right:70px!important; } .pt70 { padding-top:70px!important; } .pb70 { padding-bottom:70px!important; }
.pl80 { padding-left:80px!important; } .pr80 { padding-right:80px!important; } .pt80 { padding-top:80px!important; } .pb80 { padding-bottom:80px!important; }
.pl90 { padding-left:90px!important; } .pr90 { padding-right:90px!important; } .pt90 { padding-top:90px!important; } .pb90 { padding-bottom:90px!important; }
.pl100 { padding-left:100px!important; } .pr100 { padding-right:100px!important; } .pt100 { padding-top:100px!important; } .pb100 { padding-bottom:100px!important; }
.pt120 { padding-top: 120px!important; }
.pl200 { padding-left:200px!important; } .pr200 { padding-right:200px!important; } .pt200 { padding-top:200px!important; } .pb200 { padding-bottom:200px!important; }
.pl300 { padding-left:300px!important; } .pr300 { padding-right:300px!important; } .pt300 { padding-top:300px!important; } .pb300 { padding-bottom:300px!important; }
.pl400 { padding-left:400px!important; } .pr400 { padding-right:400px!important; } .pt400 { padding-top:400px!important; } .pb400 { padding-bottom:400px!important; }
.pl500 { padding-left:500px!important; } .pr500 { padding-right:500px!important; } .pt500 { padding-top:500px!important; } .pb500 { padding-bottom:500px!important; }

/* ======================================
shape
=======================================*/
.circle {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #333;
}
.triangle {
  width: 0;
  height: 0;
  border-top: 7px solid #333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

/* ======================================
rotate
=======================================*/
.rotate90 {transform: rotate(-90deg);}
.rotate180 {transform: rotate(-180deg);}
.rotate270 {transform: rotate(-270deg);}


/* ======================================
list
=======================================*/
ul.separator { display: flex; }
ul.separator li {
	list-style-type: none;
	margin: 0;
	padding: 0 0.75rem;
}
ul.separator li:not(:last-child) { border-right: 1px solid #DDD; }

ul.separator li a {
	color: #4D4D4D;
	text-decoration: none;
	padding: 0 1rem;
	transition: opacity 0.2s;
}
ul.separator.sibling-fade:hover a:not(:hover) { opacity: 0.3; }


/* ======================================
list
=======================================*/
ul.numBullet {
	list-style-type: none;
	counter-reset: counter;
}
ul.numBullet li::before {
	counter-increment: counter;
	content: counters(counter, '.') ' ';
}
ul.numBullet li a {
	text-decoration: none;
}
