html { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  }
body {  margin: 0;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff;}
.root{font-size: 14px;}
.widget .content{}
.widget .content h1{position: relative; margin: 0; padding: 0px 0 0px 15px; height: 32px; font-size: 14px; font-weight: normal; font-family: Roboto,sans-serif; color: #444444; text-align: left; text-transform: uppercase; line-height: 32px; background: #f2f2f2; border: 1px solid #c8c8c8; overflow: hidden;}
.widget .content h1 span{color: #ff4b4e;}
.widget .content h1 .add-btn{position: absolute; top: 0; right: 0px; display: inline-block; width: 112px; height: 100%; color: #fff; text-align: center; text-transform: none; text-decoration: none; background: #ff4b4c; overflow: hidden;}
.widget .content h1 .add-btn:hover{background: #ff919c;}
.widget .content .main-box{max-height: 320px; overflow-x: hidden; overflow-y: auto;}
.widget .content ul{margin: 5px 5px 0 5px; padding: 0; list-style: none;}
.widget .content ul li{float: left; margin-bottom: 10px; width: 25%; font-size: 14px; line-height: 40px; height: 145px; overflow: hidden;}
.widget .content ul li .box{margin: 5px;}
.widget .content ul li .image{position: relative; height: 98px; border: 1px solid #c8c8c8; overflow: hidden; }
.widget .content ul li .image img{width: 150px; position:absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto;}
.widget .content ul li a{ display:block; margin-top: 3px; height:40px; color: #363636; font-family: Roboto,sans-serif; line-height: 17px; text-decoration: none; font-weight: 500;}
.widget .content ul li a:hover{text-decoration: underline;}

@media screen and (max-width: 420px){
    .widget .content ul li{width: 50%; height: 145px; overflow: hidden;}
    .widget .content ul li .box{margin: 5px;}
    .widget .content ul li .image{position: relative; height: 98px; border: 1px solid #c8c8c8; overflow: hidden; }
    .widget .content ul li .image img{width: 150px; position:absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto;}
}

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../fonts/RobotoCondensed-Regular.eot');
    src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('../fonts/RobotoCondensed-Regular.svg#glyphicons-halflingsregular') format('svg');
}