@charset 'utf-8';

/**
 * CSS Const Style
 *
 *
 * INDEX >>
 *   
 *   Clear
 *   Width Absolute
 *   Width Relative
 *   Margin Top
 *   Offset
 *   Font Weight
 *   Font Size
 *   Color
 *   Background Color
 *   Align
 *   Float
 *
 */




/* Clear
-----------------------------------------------------------------------------*/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */ 


/* Width Absolute
-----------------------------------------------------------------------------*/
.width_10 {
    width: 10px !important;
}
.width_20 {
    width: 20px !important;
}
.width_30 {
    width: 30px !important;
}
.width_40 {
    width: 40px !important;
}
.width_50 {
    width: 50px !important;
}
.width_60 {
    width: 60px !important;
}
.width_70 {
    width: 70px !important;
}
.width_80 {
    width: 80px !important;
}
.width_90 {
    width: 90px !important;
}
.width_100 {
    width: 100px !important;
}
.width_110 {
    width: 110px !important;
}
.width_200 {
    width: 200px !important;
}


/* Width Relative
-----------------------------------------------------------------------------*/
.widthPer_20 {
    width: 20% !important;
}
.widthPer_30 {
    width: 30% !important;
}
.widthPer_48 {
    width: 48% !important;
}
.widthPer_100 {
	width: 100% !important;
}


/* Margin Top
-----------------------------------------------------------------------------*/
.marginTop_10 {
    margin-top: 10px !important;
}
.marginTop_20 {
    margin-top: 20px !important;
}
.marginTop_30 {
    margin-top: 30px !important;
}
.marginTop_40 {
    margin-top: 40px !important;
}
.marginTop_50 {
    margin-top: 50px !important;
}

/* Offset
-----------------------------------------------------------------------------*/
.offset_10 {
    margin-left: 10px !important;
}
.offset_20 {
    margin-left: 20px !important;
}
.offset_30 {
    margin-left: 30px !important;
}
.offset_40 {
    margin-left: 40px !important;
}
.offset_50 {
    margin-left: 50px !important;
}

/* Font Weight
-----------------------------------------------------------------------------*/
.fontWeight_bold {
	font-weight: bold !important;
}
.fontWeight_normal {
    font-weight: normal !important;
}

/* Font Size
-----------------------------------------------------------------------------*/
.fontSize_10 {
	font-size: 10px !important;
}
.fontSize_11 {
    font-size: 11px !important;
}
.fontSize_12 {
    font-size: 12px !important;
}
.fontSize_13 {
    font-size: 13px !important;
}
.fontSize_14 {
    font-size: 14px !important;
}
.fontSize_15 {
    font-size: 15px !important;
}
.fontSize_16 {
    font-size: 16px !important;
}
.fontSize_20 {
    font-size: 20px !important;
}
.fontSize_24 {
    font-size: 24px !important;
}
.fontSize_30 {
    font-size: 30px !important;
}
.fontSize_40 {
    font-size: 40px !important;
}
.fontSize_50 {
    font-size: 50px !important;
}
.fontSize_60 {
    font-size: 60px !important;
}

/* Color
-----------------------------------------------------------------------------*/
.fontColor_white {
    color: #fff !important;
}
.fontColor_black {
    color: #000 !important;
}
.fontColor_red {
	color: #f00 !important;
}
.fontColor_green {
    color: #0f0 !important;
}
.fontColor_blue {
    color: #00f !important;
}
.fontColor_666 {
    color: #666 !important;
}
.fontColor_333 {
    color: #333 !important;
}
.fontColor_ccc {
    color: #ccc !important;
}

/* Background Color
-----------------------------------------------------------------------------*/
.bgColor_white {
    background-color: #fff !important;
}
.bgColor_black {
    background-color: #000 !important;
}
.bgColor_red {
    background-color: #f00 !important;
}
.bgColor_333 {
    background-color: #333 !important;
}
.bgColor_666 {
    background-color: #666 !important;
}
.bgColor_999 {
    background-color: #999 !important;
}
.bgColor_ccc {
    background-color: #ccc !important;
}
.bgColor_eee {
    background-color: #eee !important;
}

/* Align
-----------------------------------------------------------------------------*/
.align_left {
	text-align: left !important;
}
.align_center {
    text-align: center !important;
}
.align_right {
    text-align: right !important;
}

/* Float
-----------------------------------------------------------------------------*/
.float_left {
	float: left !important;
}
.float_center {
    float: center !important;
}
.float_right {
    float: right !important;
}
.inline_block {
	display: inline-block !important;
}