@charset "utf-8";

/* //////////////// universal class ////////////////////////////////  */


.xxxbroad {margin-top:4em !important; margin-bottom:4em !important;}
.xxbroad {margin-top:3em !important; margin-bottom:3em !important;}
.xbroad {margin-top:2em !important; margin-bottom:2em !important;}
.broad {margin-top:1.5em !important; margin-bottom:1.5em !important;}
.regular {margin-top:1em !important; margin-bottom:1em !important;}
.narrow {margin-top:0.5em !important; margin-bottom:0.5em !important;}
.thin {margin-top:0.25em !important; margin-bottom:0.25em !important;}
.flat {margin-top:0 !important; margin-bottom:0 !important;}
.flat-top {margin-top:0 !important;}
.flat-bottom {margin-bottom:0 !important;}

.ofv {overflow:visible !important;}

.ofh {overflow:hidden;}
.ofa {overflow:auto;}
.ofs {overflow:scroll;}
.tac { text-align:center; }
.tal { text-align:left; }
.tar { text-align:right; }
.taj { text-align:justify; }

.cb {	clear: both; }
.cl  {	clear: left; }
.cr  { clear: right; }
.fr { float: right; }
.fl { float: left; }
.ib { display:inline-block;}
.vat {vertical-align:top;}

.posr {position:relative;}
.posa {position:absolute;}
.r-btm {position:absolute; right:1em; bottom:1em;}
.r-btm-1em {position:absolute; right:1em; bottom:1em;}

/* Mobile Single Column ( like 7-10 inch Tablet ) */
@media only screen and (max-width: 768px) {

}
/* Traditional SmartPhone Portrait Size */
@media only screen and (max-width: 479px) {

}


/*** text  status ***/
.fix8 {font-size: 8px;}
.fix9 {font-size: 9px;}
.fix10 {font-size: 10px;}
.fix11 {font-size: 11px;}
.fix12 {font-size: 12px;}
.fix13 {font-size: 13px;}
.fix14 {font-size: 14px;}
.fix15 {font-size: 15px;}
.fix16 {font-size: 16px;}
.fix17 {font-size: 17px;}
.fix18 {font-size: 18px;}
.fix20 {font-size: 20px;}
.fix21 {font-size: 21px;}
.fix22 {font-size: 22px;}
.fix24 {font-size: 24px;}
.fix26 {font-size: 26px;}
.fix28 {font-size: 28px;}
.fix30 {font-size: 30px;}
.fix32 {font-size: 32px;}
.fix36 {font-size: 36px;}
.fix40 {font-size: 40px;}
.fix50 {font-size: 50px;}
.fix60 {font-size: 60px;}
.fix70 {font-size: 70px;}
.fix80 {font-size: 80px;}
.fix90 {font-size: 90px;}
.fix100 {font-size: 100px;}

.fs50p {font-size: 50%;}
.fs60p {font-size: 60%;}
.fs70p {font-size: 70%;}
.fs80p {font-size: 80%;}
.fs90p {font-size: 90%;}
.fs100p {font-size: 100%;}
.fs110p {font-size: 110%;}
.fs120p {font-size: 120%;}
.fs130p {font-size: 130%;}
.fs140p {font-size: 140%;}
.fs150p {font-size: 150%;}
.fs160p {font-size: 160%;}
.fs170p {font-size: 170%;}
.fs180p {font-size: 180%;}
.fs190p {font-size: 190%;}
.fs200p {font-size: 200%;}
.fs220p {font-size: 220%;}
.fs250p {font-size: 250%;}
.fs300p {font-size: 300%;}
.fs350p {font-size: 350%;}
.fs400p {font-size: 400%;}

.norm {font-weight: normal;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.oblique {font-style: oblique;}

.overline {text-decoration: overline;}
.underline {text-decoration: underline;}
.wline {text-decoration: overline underline;}
.blink {text-decoration: blink;}

.underdash {border-bottom: dotted 1px gray;}

.wh {color: #fff;}
.bk {color: #000;}
.bk2 {color: #222;}
.bk3 {color: #333;}
.bk4 {color: #444;}
.bk5 {color: #555;}
.bk6 {color: #666;}
.pink {color: pink;}
.hpink {color: hotpink;}
.red {color: red;}
.dred {color: crimson;}
.tred {color: #C04641;}
.ered {color: #965755;}
.sred {color:#E95513;}
.maroon {color:maroon;}
.orange {color: orange;}
.yellow {color: yellow;}
.gold {color: gold;}
.green {color: green;}
.dgreen {color: darkgreen;}
.lgreen {color: limegreen;}
.msgreen {color: mediumseagreen;}
.ngreen {color:#009146;}
.egreen { color:#225A4B; }/**/
.edbrown { color:#534741; }/**/
.elbrown { color:#736357; }/**/
.teal {color: teal;}
.lime {color: lime;}
.silver {color: silver;}
.gray {color: gray;}
.dsgray {color: darkslategray;}
.cyan {color: cyan;}
.blue {color: blue;}
.dblue {color: darkblue;}
.dsblue {color: darkslateblue;}
.eblue {color: #476582;}
.sky {color:#3FA9F5;}


/*** background ***/
.bgw1 {	background:rgba(255,255,255,0.1);}
.bgw2 {	background:rgba(255,255,255,0.2);}
.bgw3 {	background:rgba(255,255,255,0.3);}
.bgw4 {	background:rgba(255,255,255,0.4);}
.bgw5 {	background:rgba(255,255,255,0.5);}
.bgw6 {	background:rgba(255,255,255,0.6);}
.bgw7 {	background:rgba(255,255,255,0.7);}
.bgw8 {	background:rgba(255,255,255,0.8);}
.bgw9 {	background:rgba(255,255,255,0.9);}
.bgw10 { background:rgba(255,255,255,1);}

.bgk0 {	background:rgba(0,0,0,0.05);}
.bgk1 {	background:rgba(0,0,0,0.1);}
.bgk2 {	background:rgba(0,0,0,0.2);}
.bgk3 {	background:rgba(0,0,0,0.3);}
.bgk4 {	background:rgba(0,0,0,0.4);}
.bgk5 {	background:rgba(0,0,0,0.5);}
.bgk6 {	background:rgba(0,0,0,0.6);}
.bgk7 {	background:rgba(0,0,0,0.7);}
.bgk8 {	background:rgba(0,0,0,0.8);}
.bgk9 {	background:rgba(0,0,0,0.9);}

.bgs0 {	background:rgba(68,22,10,0.05);}
.bgs1 {	background:rgba(68,22,10,0.1);}
.bgs2 {	background:rgba(68,22,10,0.2);}
.bgs3 {	background:rgba(68,22,10,0.3);}
.bgs4 {	background:rgba(68,22,10,0.4);}
.bgs5 {	background:rgba(68,22,10,0.5);}

/*** opacity ***/
.opa10 {opacity:1.0;}
.opa09 {opacity:0.9;}
.opa08 {opacity:0.8;}
.opa07 {opacity:0.7;}
.opa06 {opacity:0.6;}
.opa05 {opacity:0.5;}
.opa04 {opacity:0.4;}
.opa03 {opacity:0.3;}
.opa02 {opacity:0.2;}
.opa01 {opacity:0.1;}
.opa00 {opacity:0;}

/*** border-radius ***/
.br2 {border-radius:2px;}
.br3 {border-radius:3px;}
.br4 {border-radius:4px;}
.br5 {border-radius:5px;}
.br6 {border-radius:6px;}
.br8 {border-radius:8px;}
.br10 {border-radius:10px;}
.br12 {border-radius:12px;}
.br16 {border-radius:16px;}
.br100 {border-radius:100%;}


/*** line-height ***/
.lh100 {line-height:1em;}
.lh125 {line-height:1.25em;}
.lh135 {line-height:1.35em;}
.lh150 {line-height:1.5em;}
.lh175 {line-height:1.75em;}
.lh200 {line-height:2em;}


/*** margin  ***/
.mg36 {margin:3px 6px;}
.mg48 {margin:4px 8px;} /*default*/
.mg510 {margin:5px 10px;}
.mg612 {margin:6px 12px;}
.mg816 {margin:8px 16px;}
.mg1020 {margin:10px 20px;}
.mg08 {margin:0 8px;}
.mg010 {margin:0 10px;}
.mg012 {margin:0 12px;}
.mg016 {margin:0 16px;}
.mg0 {margin:0px;}
.mg2 {margin:2px;}
.mg4 {margin:4px;}
.mg5 {margin:5px;}
.mg6 {margin:6px;}
.mg8 {margin:8px;}
.mg10 {margin:10px;}
.mg12 {margin:12px;}
.mg16 {margin:16px;}
.mg20 {margin:20px;}

/*** padding  ***/
.pd36 {padding:3px 6px;}
.pd48 {padding:4px 8px;} /*default*/
.pd510 {padding:5px 10px;}
.pd612 {padding:6px 12px;}
.pd816 {padding:8px 16px;}
.pd1020 {padding:10px 20px;}
.pd08 {padding:0 8px;}
.pd010 {padding:0 10px;}
.pd012 {padding:0 12px;}
.pd016 {padding:0 16px;}
.pd0 {padding:0px;}
.pd2 {padding:2px;}
.pd4 {padding:4px;}
.pd5 {padding:5px;}
.pd6 {padding:6px;}
.pd8 {padding:8px;}
.pd10 {padding:10px;}
.pd12 {padding:12px;}
.pd16 {padding:16px;}
.pd20 {padding:20px;}



/*** box-shadow ***/
.bxsha0 { box-shadow: 0 2px 4px rgba(20, 20, 20, 0.2);}
.bxsha1 { box-shadow: 0 3px 5px rgba(20, 20, 20, 0.3);}
.bxsha2 { box-shadow: 0 3px 5px rgba(20, 20, 20, 0.8);}
.bxsha3 { box-shadow: 2px 3px 6px 2px rgba(20, 20, 20, 0.6);}

.txsha0 { text-shadow:1px 1px 0px rgba(0,0,0,0.4), 0 0 2px rgba(0,0,0,0.4);}
.txsha1 { text-shadow:1px 1px 2px rgba(0,0,0,0.8), 0 0 5px rgba(0,0,0,0.8);}
.txsha0w { text-shadow:1px 1px 0px rgba(255,255,255,0.8), 0 0 2px rgba(255,255,255,0.8);}
.txsha1w { text-shadow:1px 1px 2px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1);}