/*font-size*/
.fs0{font-size:0px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;letter-spacing:1px;}
.fs15{font-size:15px;letter-spacing:1px;}
.fs16{font-size:16px;letter-spacing:1px;}
.fs18{font-size:18px;letter-spacing:1px;}
.fs20{font-size:20px;letter-spacing:1px;}
.fs22{font-size:22px;letter-spacing:1px;}
.fs25{font-size:25px;letter-spacing:1px;}
.fs30{font-size:30px;letter-spacing:1px;}
.fs50{font-size:50px;letter-spacing:2px;}
.fs80{font-size:80px;letter-spacing:3px;}
.fs100{font-size:100px;letter-spacing:5px;}


.fp50 {font-size:50%;}
.fp60 {font-size:60%;}
.fp70 {font-size:70%;}
.fp80 {font-size:80%;}
.fp90 {font-size:90%;}
.fp100 {font-size:100%;}
.fp110 {font-size:110%;}
.fp115 {font-size:115%;}
.fp120 {font-size:120%;}
.fp125 {font-size:125%;}
.fp130 {font-size:130%;}
.fp135 {font-size:135%;}
.fp140 {font-size:140%;}
.fp145 {font-size:145%;}
.fp150 {font-size:150%;}
.fp155 {font-size:155%;}
.fp160 {font-size:160%;}
.fp165 {font-size:165%;}
.fp170 {font-size:170%;}
.fp175 {font-size:175%;}
.fp180 {font-size:180%;}
.fp185 {font-size:185%;}
.fp190 {font-size:190%;}
.fp195 {font-size:195%;}
.fp200 {font-size:200%;}

/*letter-spacing*/
.space0{letter-spacing:0px;}
.space1{letter-spacing:1px;}
.space2{letter-spacing:2px;}
.space3{letter-spacing:3px;}
.space-1{letter-spacing:-1px;}
.space-2{letter-spacing:-2px;}
.space-3{letter-spacing:-3px;}


/*line-height*/
.lh0, .lh-0{line-height:100%;}
.lh10, .lh-10{line-height:10px;}
.lh12, .lh-12{line-height:12px;}
.lh15, .lh-15{line-height:15px;}
.lh16, .lh-16{line-height:16px;}
.lh18, .lh-18{line-height:18px;}
.lh20, .lh-20{line-height:20px;}
.lh22, .lh-22{line-height:22px;}
.lh25, .lh-25{line-height:25px;}
.lh30, .lh-30{line-height:30px;}
.lh40, .lh-40{line-height:40px;}
.lh50, .lh-50{line-height:50px;}
.lh100, .lh-100{line-height:100px;}

/*alpha*/
.alpha-90, .alpha90{filter:alpha(opacity=90);opacity:0.9;}
.alpha-80, .alpha80{filter:alpha(opacity=80);opacity:0.8;}
.alpha-70, .alpha70{filter:alpha(opacity=70);opacity:0.7;}
.alpha-60, .alpha60{filter:alpha(opacity=60);opacity:0.6;}
.alpha-50, .alpha50{filter:alpha(opacity=50);opacity:0.5;}
.alpha-40, .alpha40{filter:alpha(opacity=40);opacity:0.4;}
.alpha-30, .alpha30{filter:alpha(opacity=30);opacity:0.3;}
.alpha-20, .alpha20{filter:alpha(opacity=20);opacity:0.2;}
.alpha-10, .alpha10{filter:alpha(opacity=10);opacity:0.1;}
.alpha-0, .alpha0{filter:alpha(opacity=0);opacity:0;}

/*宽度、高度*/
.wp100{width:100%;}
.wp99{width:99%;}
.wp90{width:90%;}
.wp85{width:85%;}
.wp80{width:80%;}
.wp75{width:75%;}
.wp70{width:70%;}
.wp65{width:65%;}
.wp60{width:60%;}
.wp55{width:55%;}
.wp50{width:50%;}
.wp45{width:45%;}
.wp40{width:40%;}
.wp35{width:35%;}
.wp30{width:30%;}
.wp25{width:25%;}
.wp20{width:20%;}
.wp15{width:15%;}
.wp10{width:10%;}
.wp5{width:5%;}
.wp50{width:50%;}
.wp48{width:48%;}
.wp10{width:10%;}
.wp10{width:10%;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w180 {width: 180px;}
.w200{width:200px;}
.w300{width:300px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w600 {width: 600px;}
.w700 {width: 700px;}
.w800 {width: 800px;}

.wh20{width:10px; height:10px;}
.wh15{width:15px; height:15px;}
.wh16{width:16px; height:16px;}
.wh18{width:18px; height:18px;}
.wh20{width:20px; height:20px;}
.wh22{width:22px; height:22px;}
.wh25{width:25px; height:25px;}
.wh30{width:30px; height:30px;}
.wh50{width:50px; height:50px;}

.hp20{height:20%;}
.hp30{height:30%;}
.hp50{height:50%;}
.hp60{height:60%;}
.hp80{height:80%;}
.hp100{height:100%;}

.h5{height:5px;}
.h10{height:10px;}
.h15{height:15px;}
.h16{height:16px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}
.h400{height:400px;}
.h500{height:500px;}


/*padding*/
.p0{padding:0px !important;}
.p1{padding:1px !important;}
.p2{padding:2px !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p30{padding:30px !important;}
.p50{padding:50px !important;}

.pl0{padding-left:0px !important;}
.pl1{padding-left:1px !important;}
.pl2{padding-left:2px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}

.pr0{padding-right:0px !important;}
.pr1{padding-right:1px !important;}
.pr2{padding-right:2px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}

.ph0{padding-left:0px !important; padding-right:0px !important;}
.ph1{padding-left:1px !important; padding-right:1px !important;}
.ph2{padding-left:2px !important; padding-right:2px !important;}
.ph5{padding-left:5px !important; padding-right:5px !important;}
.ph10{padding-left:10px !important; padding-right:10px !important;}
.ph15{padding-left:15px !important; padding-right:15px !important;}
.ph20{padding-left:20px !important; padding-right:20px !important;}
.ph25{padding-left:25px !important; padding-right:25px !important;}
.ph30{padding-left:30px !important; padding-right:30px !important;}
.ph50{padding-left:50px !important; padding-right:50px !important;}

.pt0{padding-top:0px !important;}
.pt1{padding-top:1px !important;}
.pt2{padding-top:2px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}

.pb0{padding-bottom:0px !important;}
.pb1{padding-bottom:1px !important;}
.pb2{padding-bottom:2px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb50{padding-bottom:50px !important;}

.pv0{padding-top:0px !important; padding-bottom:0px !important;}

.pv1{padding-top:1px !important; padding-bottom:1px !important;}
.pv2{padding-top:2px !important; padding-bottom:2px !important;}
.pv3{padding-top:3px !important; padding-bottom:3px !important;}
.pv5{padding-top:5px !important; padding-bottom:5px !important;}
.pv10{padding-top:10px !important; padding-bottom:10px !important;}
.pv15{padding-top:15px !important; padding-bottom:15px !important;}
.pv20{padding-top:20px !important; padding-bottom:20px !important;}
.pv25{padding-top:25px !important; padding-bottom:25px !important;}
.pv30{padding-top:30px !important; padding-bottom:30px !important;}

/*margin*/
.m0{margin:0px !important;}
.m1{margin:1px !important;}
.m2{margin:2px !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m30{margin:30px !important;}
.m40{margin:40px !important;}
.m50{margin:50px !important;}
.m60{margin:60px !important;}

.ml-30{margin-left:-30px !important;}
.ml-25{margin-left:-25px !important;}
.ml-20{margin-left:-20px !important;}
.ml-15{margin-left:-15px !important;}
.ml-10{margin-left:-10px !important;}
.ml-5{margin-left:-5px !important;}
.ml-2{margin-left:-2px !important;}
.ml-1{margin-left:-1px !important;}
.ml0{margin-left:0px !important;}
.ml1{margin-left:1px !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;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml100{margin-left:100px !important;}

.mr-30{margin-right:-30px !important;}
.mr-25{margin-right:-25px !important;}
.mr-20{margin-right:-20px !important;}
.mr-15{margin-right:-15px !important;}
.mr-10{margin-right:-10px !important;}
.mr-5{margin-right:-5px !important;}
.mr-2{margin-right:-2px !important;}
.mr-1{margin-right:-1px !important;}
.mr0{margin-right:0px !important;}
.mr1{margin-right:1px !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;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}

.mh2{margin-left:2px !important; margin-right:2px !important;}
.mh5{margin-left:5px !important; margin-right:5px !important;}
.mh10{margin-left:10px !important; margin-right:10px !important;}
.mh15{margin-left:15px !important; margin-right:15px !important;}
.mh20{margin-left:20px !important; margin-right:20px !important;}
.mh25{margin-left:25px !important; margin-right:25px !important;}
.mh30{margin-left:30px !important; margin-right:30px !important;}
.mh40{margin-left:40px !important; margin-right:40px !important;}
.mh50{margin-left:50px !important; margin-right:50px !important;}
.mh60{margin-left:60px !important; margin-right:60px !important;}

.mt-30{margin-top:-30px !important;}
.mt-25{margin-top:-25px !important;}
.mt-20{margin-top:-20px !important;}
.mt-15{margin-top:-15px !important;}
.mt-10{margin-top:-10px !important;}
.mt-5{margin-top:-5px !important;}
.mt-2{margin-top:-2px !important;}
.mt-1{margin-top:-1px !important;}
.mt0{margin-top:0px !important;}
.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !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;}
.mt60{margin-top:60px !important;}

.mb-30{margin-bottom:-30px !important;}
.mb-25{margin-bottom:-25px !important;}
.mb-20{margin-bottom:-20px !important;}
.mb-15{margin-bottom:-15px !important;}
.mb-10{margin-bottom:-10px !important;}
.mb-5{margin-bottom:-5px !important;}
.mb-2{margin-bottom:-2px !important;}
.mb-1{margin-bottom:-1px !important;}
.mb0{margin-bottom:0px !important;}
.mb1{margin-bottom:1px !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;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

.mv0{margin-top:0px !important; margin-bottom:0px !important;}
.mv1{margin-top:1px !important; margin-bottom:1px !important;}
.mv2{margin-top:2px !important; margin-bottom:2px !important;}
.mv5{margin-top:5px !important; margin-bottom:5px !important;}
.mv10{margin-top:10px !important; margin-bottom:10px !important;}
.mv15{margin-top:15px !important; margin-bottom:15px !important;}
.mv20{margin-top:20px !important; margin-bottom:20px !important;}
.mv25{margin-top:25px !important; margin-bottom:25px !important;}
.mv30{margin-top:30px !important; margin-bottom:30px !important;}
.mv40{margin-top:40px !important; margin-bottom:40px !important;}
.mv50{margin-top:50px !important; margin-bottom:50px !important;}
.mv60{margin-top:60px !important; margin-bottom:60px !important;}



/*radius*/
.radius5 {border-radius:5px;}
.radius10 {border-radius:10px;}
.radius15 {border-radius:15px;}
.radius20 {border-radius:20px;}
.radius30 {border-radius:30px;}
.radius50 {border-radius:50px;}
.radius100 {border-radius:100px;}


/*zoom*/
.zoom01{zoom:0.1;}
.zoom02{zoom:0.2;}
.zoom03{zoom:0.3;}
.zoom04{zoom:0.4;}
.zoom05{zoom:0.5;}
.zoom06{zoom:0.6;}
.zoom07{zoom:0.7;}
.zoom08{zoom:0.8;}
.zoom09{zoom:0.9;}
.zoom1{zoom:1;}
.zoom12{zoom:1.2;}
.zoom15{zoom:1.5;}
.zoom18{zoom:1.8;}
.zoom2{zoom:2;}
.zoom25{zoom:2.5;}

.blur1 {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=1, MakeShadow=false);
}
.blur2 {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false);
}
.blur3 {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false);
}
.blur4 {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
}
.blur5 {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
}

/**
 * rotate
 */
.rotate0 {transform: rotate(0deg); }
.rotate90 {transform: rotate(90deg); }
.rotate180 {transform: rotate(180deg); }
.rotate270 {transform: rotate(270deg); }

/**
 * color
 */
.fg-red {color:#E55E5E; }
.bg-red {background-color:#E55E5E; }
.fg-green {color: #060; }
.bg-green {background-color:#060; }
.fg-blue {color: #06F; }
.bg-blue {background-color:#06F; }
.fg-white {color: #FFF; }
.bg-white {background-color:#FFF; }
.fg-black {color: #000; }
.bg-black {background-color:#000; }
.fg-gray, .fg-ccc {color: #CCC; }
.bg-gray, .bg-ccc {background-color: #CCC; }
.fg-999 {color: #999; }
.bg-999 {background-color:#999; }
.fg-666 {color: #666; }
.bg-666 {background-color:#666; }
.fg-purple {color: #60F; }
.bg-purple {background-color:#60F; }
.fg-orange {color: #F39800; }
.bg-orange {background-color:#F39800; }
.bd-ccc {border-color: #ccc;}
.bd-none {border-width: 0px;}
.fg-none {background-color:transparent; }
.bd-ea {border-color: #eaeaea;}
.bg-fe {background-color: #fefefe;}
.bd-fe {border-color: #fefefe;}