@charset "UTF-8";
/* 
normalize
--------------------------------------------------------*/
html{overflow-y: scroll;-moz-text-size-adjust: none;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;box-sizing: border-box;}
*, *:before, *:after{box-sizing: inherit;background-repeat: no-repeat;position: relative;}
:before, :after{text-decoration: inherit;vertical-align: inherit;}
*{padding: 0;margin: 0;}
article, aside, canvas, details, figcaption, figure,header, footer, main, menu, nav, section, summary{display: block;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: none;}
/*form*/
input::-webkit-input-placeholder, input:-moz-placeholder,textarea::-webkit-input-placeholder, textarea:-moz-placeholder{color: #888;}
input[type="button"], input[type="submit"], input[type="search"], input[type="reset"]{  -webkit-appearance: none;}
button, [type="button"], [type="reset"], [type="submit"], [role="button"]{cursor: pointer;}
[disabled]{cursor: default;}
textarea{overflow: auto;resize: vertical;}
button, input, optgroup, select, textarea{font: inherit;}
button{overflow: visible;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style: 0;padding: 0;}
button:-moz-focusring, [type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{outline: 1px dotted ButtonText;}
button, html [type="button"], [type="reset"], [type="submit"]{-webkit-appearance: button;}
button, select{text-transform: none;}
button, input, select, textarea{background-color: transparent;border-style: none;color: inherit;}
select{-moz-appearance: none;-webkit-appearance: none;}
select::-ms-expand{display: none;}
select::-ms-value{color: currentColor;}
[type="search"]{-webkit-appearance: textfield;outline-offset: -2px;}
/*selection */
::-moz-selection, ::selection{background-color: #b3d4fc;color: #000;text-shadow: none;}
ol, ul{padding-left: 0;list-style: none;}
ol li, ul li{padding-left: 0;}
table{border-collapse: collapse;border-spacing: 0;width: 100%;table-layout: fixed;}
caption, th{text-align: left;}
a{background-color: transparent;-webkit-text-decoration-skip: objects;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:active, a:hover{outline-width: 0;}
a:focus{outline: none;}

/* 
Utility
--------------------------------------------------------*/
/*__display__*/
.show{display: block;visibility: visible;	opacity: 1;}
.hidden{display: none;visibility: hidden;opacity: 0;}


/*__align__*/
.txt-ctr{text-align: center;}
.txt-left{text-align: left;}
.txt-right{text-align: right;}
.txt-0{
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
}
.float-l{float: left;}
.float-r{float: right;}
.clear{clear: both;}

/*__flex__*/
.flex-nml{display: flex;flex-wrap: wrap;}
.flex-btw{display: flex;flex-wrap: wrap;justify-content: space-between;}
.flex-ctr{display: flex;flex-wrap: wrap;justify-content: center;}
.flex-end{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.flex-mdl{display: flex;align-content: center;align-items: center;align-self: center;}

/*__cleawrfix__*/
.clearfix:after{content: "";clear: both;display: block;}

/*__margin__*/
.mgt0{margin-top: 0;}
.mgt05{margin-top: 0.5rem;}
.mgt10{margin-top: 1rem;}
.mgt15{margin-top: 1.5rem;}
.mgt20{margin-top: 2rem;}
.mgt30{margin-top: 3rem;}
.mgt40{margin-top: 4rem;}
.mgt50{margin-top: 5rem;}
.mgt60{margin-top: 6rem;}
.mgb0{margin-bottom: 0;}
.mgb05{margin-bottom: 0.5rem;}
.mgb10{margin-bottom: 1rem;}
.mgb15{margin-bottom: 1.5rem;}
.mgb20{margin-bottom: 2rem;}
.mgb30{margin-bottom: 3rem;}
.mgb40{margin-bottom: 4rem;}
.mgb50{margin-bottom: 5rem;}
.mgb60{margin-bottom: 6rem;}
