@import'../lib/font-awesome/scss/font-awesome.scss';

body{
    font-weight: 200 ;
    font-family: "HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Microsoft YaHei","Arial",sans-serif;
}

// reset bootstrap
.label,
.radio label,
.checkbox label,
.btn{font-weight:200;}

.fl{float:left;_display:inline}
.fr{float:right;_display:inline}
.cb{clear:both;}
.cl{clear:left}
.cr{clear:right}
.por{position:relative;}
.poa{position:absolute;}
.pof{position:fixed;}
.pos{position:static;}
.clear{display:block;clear:both;font-size:0px;height:1px;line-height:0;overflow:hidden;margin-top:-1px;}
.fix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.fix{display:block;*zoom:1}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fw-bold{font-weight:bolder}

/* width and height */
.w{width:100%}
.h{height:100%}
/* margin */
.m0{margin:0;}
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m30{margin:30px}
.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}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}
/* padding */
.p0{padding: 0;}
.p2{padding:2px}
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p30{padding:30px}
.p40{padding:40px}
.p50{padding:50px}
.p60{padding:60px}
.p100{padding:100px}
.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}
.pt100{padding-top:100px}
.pb0{padding-bottom:0px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb50{padding-bottom:50px}
.pb100{padding-bottom:100px}
.pl0{padding-left:0}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}
.pr0{padding-right:0}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr50{padding-right:50px}
.pr100{padding-right:100px}
.lsn{list-style:none;padding:0;}
.ohide{overflow:hidden;}

.mb-1{margin-bottom:-1px;}
.mt-1{margin-top:-1px;}

.border-r-no{border-right:0;}
.border-l-no{border-right:0;}
.tc{
  text-align:center;
}
.tl{
  text-align:left;
}
.tr{
  text-align:right;
}

h1,h2,h3,h4,h5,h6{
  font-weight: 200;
}

h1,h2,h3{font-size: 24px;}
.display-h1{font-size: 34px;}
.display-h2{font-size: 24px;}
.display-h3{font-size: 20px;}
.display-h4{font-size: 18px;}
.display-h5{font-size: 16px;}
.display-h6{font-size: 14px;}

.roundCorner-no{border-radius: 0 !important;}
.roundCorner-tr-no{border-top-right-radius:0 !important;}
.roundCorner-tl-no{border-top-left-radius:0 !important;}
.roundCorner-bl-no{border-bottom-left-radius:0!important;}
.roundCorner-br-no{border-bottom-right-radius:0!important;}

.roundCorner-tr{border-top-right-radius:6px !important;}
.roundCorner-tl{border-top-left-radius:6px !important;}
.roundCorner-bl{border-bottom-left-radius:6px!important;}
.roundCorner-br{border-bottom-right-radius:6px!important;}