@charset "UTF-8";
/*==================================================
 CLASS LIB CSS
==================================================*/

/* IME
------------------------------------------------- */
.ime_on { ime-mode: active !important; }
.ime_off { ime-mode: disabled !important; }
.ime_alpha { ime-mode: inactive !important; }

/* IME
------------------------------------------------- */
.imgHover:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/* BOX
------------------------------------------------- */
.pRel { position: relative; }
.pAbs { position: absolute; }
.inline { display: inline; }
.block { display: block; }
.leftBox { float: left !important; }
.centerBox { margin-left: auto; margin-right: auto; }
.rightBox { float: right !important; }

/* CLEAR
------------------------------------------------- */
.clearFix { clear: both; }


/* TEXT
------------------------------------------------- */
.leftText { text-align: left !important; }
.rightText { text-align: right !important; }
.centerText { text-align: center !important; }
.middleText { vertical-align: middle !important; }
.verticalText {
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.wordBreak { word-wrap: break-word; }

.normal { font-weight: normal; }
.bold { font-weight: bold; }
.readonly { background: #CCCCCC; }

.error { color: #ff0000 !important; }
.warning { color: #fd7e00 !important; }
.required { color: #FF0000 !important; }
.link { color: #0033CC !important; }

.true {}
.false {color: #CCCCCC !important;}

/* SCROLL
------------------------------------------------- */
.scroll { overflow-y: scroll; }

/* SPACE TAGS
------------------------------------------------- */
.hr hr { display: none; font-size: 0px; }
.br br { display: none; font-size: 0px; }

/* BLOCK
------------------------------------------------- */
.none { display: none; }
.boxWrap { overflow: hidden; zoom: 1;}

/* FONT
------------------------------------------------- */
.f10px { font-size: 10px !important; }
.f11px { font-size: 10px !important; }
.f12px { font-size: 12px !important; }
.f13px { font-size: 13px !important; }
.f14px { font-size: 14px !important; }
.f15px { font-size: 15px !important; }
.f16px { font-size: 16px !important; }
.f18px { font-size: 18px !important; }
.f20px { font-size: 20px !important; }
.f24px { font-size: 24px !important; }

/* WIDTH
------------------------------------------------- */
.w20px { width: 20px !important; }
.w30px { width: 30px !important; }
.w40px { width: 40px !important; }
.w50px { width: 50px !important; }
.w60px { width: 60px !important; }
.w70px { width: 70px !important; }
.w71px { width: 71px !important; }
.w72px { width: 72px !important; }
.w80px { width: 80px !important; }
.w90px { width: 90px !important; }
.w100px { width: 100px !important; }
.w110px { width: 110px !important; }
.w120px { width: 120px !important; }
.w130px { width: 130px !important; }
.w140px { width: 140px !important; }
.w150px { width: 150px !important; }
.w160px { width: 160px !important; }
.w180px { width: 180px !important; }
.w200px { width: 200px !important; }
.w230px { width: 230px !important; }
.w240px { width: 240px !important; }
.w260px { width: 260px !important; }
.w280px { width: 280px !important; }
.w300px { width: 300px !important; }
.w320px { width: 320px !important; }
.w360px { width: 360px !important; }
.w400px { width: 400px !important; }
.w640px { width: 640px !important; }
.w820px { width: 820px !important; }
.w920px { width: 920px !important; }
.w1200px { width: 1200px !important; }

.w3em { width: 3em !important; }
.w4em { width: 4em !important; }
.w5em { width: 5em !important; }
.w6em { width: 6em !important; }
.w7em { width: 7em !important; }
.w8em { width: 8em !important; }
.w10em { width: 10em !important; }
.w16em { width: 16em !important; }

/* PADDING
------------------------------------------------- */
.pNone {
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
}

.py-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.px-2 {
	padding-right: 2px !important;
	padding-left: 2px !important;
}
.p0px {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
}
.p2px {
	padding-top: 2px !important;
	padding-right: 2px !important;
	padding-bottom: 2px !important;
	padding-left: 2px !important;
}

/* MARGIN
------------------------------------------------- */
.mT2 { margin-top: 2px !important; }
.mT5 { margin-top: 5px !important; }
.mT8 { margin-top: 8px !important; }
.mT10 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT17 { margin-top: 17px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT40 { margin-top: 40px !important; }
.mT50 { margin-top: 50px !important; }
.mR2 { margin-right: 2px !important; }
.mR5 { margin-right: 5px !important; }
.mR10 { margin-right: 10px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mB2 { margin-bottom: 2px !important; }
.mB5 { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB30 { margin-bottom: 30px !important; }
.mL2 { margin-left: 2px !important; }
.mL5 { margin-left: 5px !important; }
.mL10 { margin-left: 10px !important; }
.mL15 { margin-left: 15px !important; }
.mL20 { margin-left: 20px !important; }





.m-0 {
	margin: 0 !important;
  }
  
  .mt-0,
  .my-0 {
	margin-top: 0 !important;
  }
  
  .mr-0,
  .mx-0 {
	margin-right: 0 !important;
  }
  
  .mb-0,
  .my-0 {
	margin-bottom: 0 !important;
  }
  
  .ml-0,
  .mx-0 {
	margin-left: 0 !important;
  }
  
  .m-1 {
	margin: 0.25rem !important;
  }
  
  .mt-1,
  .my-1 {
	margin-top: 0.25rem !important;
  }
  
  .mr-1,
  .mx-1 {
	margin-right: 0.25rem !important;
  }
  
  .mb-1,
  .my-1 {
	margin-bottom: 0.25rem !important;
  }
  
  .ml-1,
  .mx-1 {
	margin-left: 0.25rem !important;
  }
  
  .m-2 {
	margin: 0.5rem !important;
  }
  
  .mt-2,
  .my-2 {
	margin-top: 0.5rem !important;
  }
  
  .mr-2,
  .mx-2 {
	margin-right: 0.5rem !important;
  }
  
  .mb-2,
  .my-2 {
	margin-bottom: 0.5rem !important;
  }
  
  .ml-2,
  .mx-2 {
	margin-left: 0.5rem !important;
  }
  
  .m-3 {
	margin: 1rem !important;
  }
  
  .mt-3,
  .my-3 {
	margin-top: 1rem !important;
  }
  
  .mr-3,
  .mx-3 {
	margin-right: 1rem !important;
  }
  
  .mb-3,
  .my-3 {
	margin-bottom: 1rem !important;
  }
  
  .ml-3,
  .mx-3 {
	margin-left: 1rem !important;
  }
  
  .m-4 {
	margin: 1.5rem !important;
  }
  
  .mt-4,
  .my-4 {
	margin-top: 1.5rem !important;
  }
  
  .mr-4,
  .mx-4 {
	margin-right: 1.5rem !important;
  }
  
  .mb-4,
  .my-4 {
	margin-bottom: 1.5rem !important;
  }
  
  .ml-4,
  .mx-4 {
	margin-left: 1.5rem !important;
  }
  
  .m-5 {
	margin: 3rem !important;
  }
  
  .mt-5,
  .my-5 {
	margin-top: 3rem !important;
  }
  
  .mr-5,
  .mx-5 {
	margin-right: 3rem !important;
  }
  
  .mb-5,
  .my-5 {
	margin-bottom: 3rem !important;
  }
  
  .ml-5,
  .mx-5 {
	margin-left: 3rem !important;
  }
  
  .p-0 {
	padding: 0 !important;
  }
  
  .pt-0,
  .py-0 {
	padding-top: 0 !important;
  }
  
  .pr-0,
  .px-0 {
	padding-right: 0 !important;
  }
  
  .pb-0,
  .py-0 {
	padding-bottom: 0 !important;
  }
  
  .pl-0,
  .px-0 {
	padding-left: 0 !important;
  }
  
  .p-1 {
	padding: 0.25rem !important;
  }
  
  .pt-1,
  .py-1 {
	padding-top: 0.25rem !important;
  }
  
  .pr-1,
  .px-1 {
	padding-right: 0.25rem !important;
  }
  
  .pb-1,
  .py-1 {
	padding-bottom: 0.25rem !important;
  }
  
  .pl-1,
  .px-1 {
	padding-left: 0.25rem !important;
  }
  
  .p-2 {
	padding: 0.5rem !important;
  }
  
  .pt-2,
  .py-2 {
	padding-top: 0.5rem !important;
  }
  
  .pr-2,
  .px-2 {
	padding-right: 0.5rem !important;
  }
  
  .pb-2,
  .py-2 {
	padding-bottom: 0.5rem !important;
  }
  
  .pl-2,
  .px-2 {
	padding-left: 0.5rem !important;
  }
  
  .p-3 {
	padding: 1rem !important;
  }
  
  .pt-3,
  .py-3 {
	padding-top: 1rem !important;
  }
  
  .pr-3,
  .px-3 {
	padding-right: 1rem !important;
  }
  
  .pb-3,
  .py-3 {
	padding-bottom: 1rem !important;
  }
  
  .pl-3,
  .px-3 {
	padding-left: 1rem !important;
  }
  
  .p-4 {
	padding: 1.5rem !important;
  }
  
  .pt-4,
  .py-4 {
	padding-top: 1.5rem !important;
  }
  
  .pr-4,
  .px-4 {
	padding-right: 1.5rem !important;
  }
  
  .pb-4,
  .py-4 {
	padding-bottom: 1.5rem !important;
  }
  
  .pl-4,
  .px-4 {
	padding-left: 1.5rem !important;
  }
  
  .p-5 {
	padding: 3rem !important;
  }
  
  .pt-5,
  .py-5 {
	padding-top: 3rem !important;
  }
  
  .pr-5,
  .px-5 {
	padding-right: 3rem !important;
  }
  
  .pb-5,
  .py-5 {
	padding-bottom: 3rem !important;
  }
  
  .pl-5,
  .px-5 {
	padding-left: 3rem !important;
  }