/**
* @file  public.css 
* @description  seeed.cc public style 
* @author seeed-int 2015-11-27 
*/
/*OpenSans*/
@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans-Regular.ttf");
}
/*OpenSans-Bold*/
@font-face {
    font-family: "OpenSans-Bold";
    src: url("../fonts/OpenSans-Bold.ttf");
}
/*OpenSans-Semibold*/
@font-face {
    font-family: "OpenSans-Semibold";
    src: url("../fonts/OpenSans-Semibold.ttf");
}
body{
	margin: 0;
	padding: 0;
	font-family: 'OpenSans', Helvetica, Arial, sans-serif;
}

/*position*/
.abs { position: absolute;}
.rel { position: relative;}
.fixed { position: fixed;}
.t0 { top: 0;}
.b0 { bottom: 0;}
.l0 { left: 0;}
.r0 { right: 0;}

/*margin-left*/
.ml5 { margin-left: 5px;}
.ml10 { margin-left: 10px;} 
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;}
/*margin-right*/
.mr5 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}
.mr45 { margin-right: 45px;}
.mr50 { margin-right: 50px;}
/*margin-top*/
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}
/*margin-bottom*/
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}
/*margin-left-right*/
.mlr10 { margin-left: 10px;margin-right: 10px;}
/*margin-top-bottom*/
.mtb50 { margin-top: 50px;margin-bottom: 50px;}
.mtb100 { margin-top: 100px;margin-bottom: 100px;}

/*padding-left*/
.pl5 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl35 { padding-left: 35px;}
.pl40 { padding-left: 40px;}
.pl45 { padding-left: 45px;}
.pl50 { padding-left: 50px;}
/*padding-right*/
.pr5 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr35 { padding-right: 35px;}
.pr40 { padding-right: 40px;}
.pr45 { padding-right: 45px;}
.pr50 { padding-right: 50px;}
/*padding-top*/
.pt5 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}
.pt45 { padding-top: 45px;}
.pt50 { padding-top: 50px;}
/*padding-bottom*/
.pb5 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}
.pb45 { padding-bottom: 45px;}
.pb50 { padding-bottom: 50px;}

.center { margin-left: auto; margin-right: auto;}

/*font-size*/
.f12 { font-size: 12px;}
.f14 { font-size: 14px;}
.f16 { font-size: 16px;}
.f18 { font-size: 18px;}
.f20 { font-size: 20px;}
.f22 { font-size: 22px;}
.f23-3 { font-size: 23.3px;}
.f24 { font-size: 24px;}
.f26 { font-size: 26px;}

/*font-style*/
.bold { font-weight: bold;}
.normal { font-weight: normal;}
.italic { font-size: italic;}

/*line-height*/
.lh16 { line-height: 16px;}
.lh40 { line-height: 40px;}

/*display*/
.hide { display: none;}
.dis-block { display: block;}
.hidden { visibility:hidden;}
.inline-block { display: inline-block;}

/*text*/
.tc { text-align: center;}
.tl { text-align: left;}
.tr { text-align: right;}

.ver-middle { vertical-align: middle;}
.ver-top { vertical-align: top;}
.ver-bottom { vertical-align: bottom;}

/*overflow*/
.ofa { overflow: auto;}
.ofh { overflow: hidden;}

/*文本超出显示省略号*/
.text-omitt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*强制英文不换行*/
.no-wrap { word-break:break-all;}

/*float & clear*/
.fl { float: left;}
.fr { float: right;}
.clear { *zoom:1;} 
.clear:after { display: block; content: ""; clear: both;}

/*other*/
.cun { cursor: normal;}
.cup { cursor: pointer;}

img { display: block; vertical-align: middle;}