html{background-color:#e5e5e5;font-family:"Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;}
#main{margin:30px 0;position:relative;}
header h1{text-align:center;font-size:30px;font-weight:200;margin:30px 0 10px 0;}
header p{text-align:center;font-size:14px;color:#666666;margin:0;font-weight:200;}
#tiles{list-style-type:none;position:relative;margin:0;padding:0;}
#tiles li{width:378px;background-color:#ffffff;border:1px solid #d6dbe0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display:none;cursor:pointer;padding:4px;}
#tiles li.inactive{visibility:hidden;opacity:0;}
#tiles li:hover{border:#217bc4 1px solid;}
#tiles li img{display:block;}
.intro{width:352px;padding:29px 0 20px 24px;border:1px solid #ececec;border-top:none;}
.intro h4{width:321px;height:20px;line-height:20px;margin-bottom:17px;font-size:20px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.intro .des{display:inline-block;width:322px;height:49px;line-height:24px;font-size:12px;color:#6f7376;display:-webkit-box;display:-moz-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.intro:hover{background-color:#217bc4;}
.intro:hover h4{color:#fff;}
.intro:hover .des{color:#fff;}
#tiles li p{color:#666;font-size:13px;line-height:20px;text-align:center;font-weight:200;margin:7px 0 2px 7px;}
footer{text-align:center;}
footer a{color:#435DC5;text-decoration:none;}
.progress-bar{background-color:#0BC20B;height:2px;position:absolute;top:0;left:0;right:0;width:0;box-shadow:0 1px 3px rgba(11,194,11,0.2);-webkit-transition:width 0.3s ease-out;-moz-transition:width 0.3s ease-out;-o-transition:width 0.3s ease-out;transition:width 0.3s ease-out;}
.wookmark-placeholder{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background-color:#eee;border:1px solid #dedede;z-index:-1;}
.example-tiles{position:relative;margin:0;padding:0;}
.example-tiles li{display:block;opacity:1;list-style-type:none;float:left;margin:5px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.example-tiles a,.example-tiles a:hover{color:#555;background-color:#eee;text-align:center;display:table-cell;vertical-align:middle;width:200px;height:200px;font-size:2em;font-weight:bold;text-decoration:none;border:1px solid #ddd;box-shadow:0 1px 3px rgba(0,0,0,0.4);padding:5px 8px;border-radius:3px;}
.example-tiles a:hover{background-color:#ddd;}
#container{width:1202px;position:relative;margin:0 auto}