/* universal reset
================================================== */
html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align:left ; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; }
input, textarea, select { *font-size: 100%; }
legend { color: #000; }
img {   vertical-align: middle; }

input[type="radio"], input[type="checkbox"] {
  vertical-align: middle;
}
input[type="radio"] + label, input[type="checkbox"] + label {
  margin-left: 2px;
  margin-right: 5px;
  vertical-align: middle;
}

/* base property
================================================== */
/* clearfix */
.cf {
  min-height: 1px;
}
.cf:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* btn over */
.ov:hover, .ov a:hover{ opacity: 0.8; filter: alpha(opacity=80); zoom:1; }
.ov, .ov a{ display: inline-block\9; }

/* display */
.dn { display: none; }

/* opacity */
.op0 { opacity: 0; }

/* float */
.fr { float: right !important; }
.fl { float: left !important; }

/* text-align */
.tar { text-align: right; }
.tal { text-align: left; }
.tac { text-align: center; }

/* vertical-align */
.vam { vertical-align: middle; }

/* height */
.h18 { height: 18px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h24 { height: 24px; }
.h23 { height: 23px; }
.h22 { height: 22px; }
.h21 { height: 21px; }
.h30 { height: 30px; }
.h41 { height: 41px; }
.h100 { height: 100px; }

.mh135 {min-height: 135px;}
.mh100 {min-height: 100px;}
.mh90 {min-height: 90px;}
/* width */
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w75 { width: 75px; }
.w80 { width: 80px; }
.w85 { width: 85px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w125 { width: 125px; }
.w130 { width: 130px; }
.w135 { width: 135px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w175 { width: 175px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w225 { width: 225px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w300 { width: 300px; }
.w325 { width: 325px; }
.w340 { width: 340px; }
.w350 { width: 350px; }
.w360 { width: 360px; }
.w365 { width: 365px; }
.w375 { width: 375px; }
.w390 { width: 390px; }
.w400 { width: 400px; }
.w415 { width: 415px; }
.w425 { width: 425px; }
.w450 { width: 450px; }
.w490 { width: 490px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }
.w605 { width: 605px; }
.w610 { width: 610px; }
.w650 { width: 650px; }
.w700 { width: 700px; }
.w750 { width: 750px; }
.w800 { width: 800px; }
.w850 { width: 850px; }
.w900 { width: 900px; }
.w950 { width: 950px; }
.w960 { width: 960px; }
.w980 { width: 980px; }
.w1000 { width: 1000px; }
.w1050 { width: 1050px; }
.w1080 { width: 1080px; }
.w1100 { width: 1100px; }
.w1150 { width: 1150px; }
.w1175 { width: 1175px; }
.w1200 { width: 1200px; }
.w1250 { width: 1250px; }
/* margin */
.ma { margin-right: auto; margin-left: auto; }

/* margin-top */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt120 { margin-top: 120px; }
.mt200 { margin-top: 200px; }

/* margin-left */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml80 { margin-left: 80px; }
.ml200 { margin-left: 200px; }
.ml290 { margin-left: 290px; }

/* margin-right */
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }

/* padding */
.p0 { padding: 0 !important; }
.ptb5 {
    padding-top: 5px !important; 
    padding-bottom: 5px !important;
}

/* padding-top */
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

/* padding-right */
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr50 { padding-right: 50px !important; }

.pr100 { padding-right: 100px; }
.pl150 { padding-left: 150px; }

/* font-weight */
.fwb { font-weight: bold; }

/* color */
.fcRed { color: #FF0000; }

/* line-height */
.lh26 { line-height: 26px; }
.lh28 { line-height: 28px; }
.lh25 { line-height: 25px; }
.lh24 { line-height: 24px; }
.lh23 { line-height: 23px; }
.lh22 { line-height: 22px; }
.lh21 { line-height: 21px; }
.lh20 { line-height: 20px; }
.lh30 { line-height: 30px; }

/* font-size */
.fs18 { font-size: 18px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }

/* ime-mode */
.imeDis { ime-mode:disabled; }
.imeAct { ime-mode:active; }

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

.wrapkeep {
    word-break : keep-all;
}
.whitespace {
    white-space: pre-wrap;
}
.whiteline {
    white-space: pre-line;
}

.noBorderTop {
    border-top: none !important;
}

.noBorderBottom {
    border-bottom:  none !important;
}

.noBorder{
    border:  none !important;
}

.grid {
    word-break: break-all;
    text-align: left;
}