@charset "utf-8";

/* Common */
.lal-basic { overflow:hidden;border:1px solid #eee;}
.lal-basic a { display:block; text-decoration:none; line-height:22px; } 
.lal-basic i { margin-right:5px; font-weight:normal; }
.lal-basic .la-area { float:left; display:block; padding:0px; margin:0px; overflow:hidden; }
.lal-basic .la-box { padding:0px; margin:0px; }
.lal-basic .la-subj { display:block; font-size:12px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.lal-basic .la-subj-cmt { font-size:11px; color:orangered; }
.lal-basic .la-new { color:crimson; }
.lal-basic .la-old { }
.lal-basic .la-none { display:block; padding:50px 0px; text-align:center; color:#888; }
.lal-basic .no-img { background:#f5f5f5 url('./img/no-img.png') no-repeat center center; }

/* Details */
.lal-basic .la-details { font-size:11px; font-weight:normal; white-space:nowrap; color:#888; overflow:hidden; }
.lal-basic .la-details b { font-weight:normal; display:inline-block; }
.lal-basic .la-data-first { margin:0px; }
.lal-basic .la-data { margin-left:15px; }
.lal-basic .la-data-cate { letter-spacing:-1px; }
.lal-basic .la-data-name { letter-spacing:-1px; }
.lal-basic .la-data-cmt { }
.lal-basic .la-data-date { }
.lal-basic .la-data-hit { }
.lal-basic .la-data-good { }
.lal-basic .la-data-nogood { }
.lal-basic .la-data-star { }
.lal-basic .la-data-view { }
.lal-basic .la-data-down { }

/* Btn */
.lal-basic .la-btn { display:inline-block; font-size:12px; white-space:nowrap; overflow:hidden; background:#f5f5f5; }
.lal-basic .la-btn span { font-weight:normal; display:inline-block; margin:0px 8px }
.lal-basic .la-btn-more { }
.lal-basic .la-btn-cate { }
.lal-basic .la-btn-name { }
.lal-basic .la-btn-cmt { }
.lal-basic .la-btn-date { }
.lal-basic .la-btn-hit { }
.lal-basic .la-btn-good { }
.lal-basic .la-btn-nogood { }
.lal-basic .la-btn-star { }
.lal-basic .la-btn-view { }
.lal-basic .la-btn-down { }

/* Icon */
.lal-basic .la-img-icon { position:absolute; z-index:1; font-weight:normal; left:0; top:0; width:40px; height:40px; display:inline-block; padding:0px; margin:0px; }
.lal-basic .la-img-icon img { width:100%; height:auto !important; }
.lal-basic .la-img-rank-icon { position:absolute; z-index:1; font-weight:normal; left:0; top:0; width:22px; height:22px; display:inline-block; padding:0px; margin:0px; }
.lal-basic .la-img-rank-icon img { width:100%; height:auto !important; }

/* Rank Icon */
.lal-basic .la-rank { display:inline-block; font-weight:normal; color:#fff; background:#333; width:14px; height:14px; line-height:14px; font-size:9px; font-family:tahoma; text-align:center; padding:0px; margin-right:5px; }
.lal-basic .la-rank-1 { background:crimson; }
.lal-basic .la-rank-2 { background:crimson; }
.lal-basic .la-rank-3 { background:crimson; }

.lal-basic .la-img-rank { position:absolute; z-index:1; font-weight:normal; left:0; top:0; display:inline-block; color:#fff; background:#333; width:15px; height:15px; line-height:15px; font-size:9px; font-family:tahoma; text-align:center; padding:0px; margin:0px; }
.lal-basic .la-img-rank-1 { background:crimson; }
.lal-basic .la-img-rank-2 { background:crimson; }
.lal-basic .la-img-rank-3 { background:crimson; }

/* List */
.lal-basic .la-area-list ul { list-style:none; padding:0px; margin:0px; } 
.lal-basic .la-area-list img { border:0px; vertical-align:-2px; margin-right:5px; }
.lal-basic .la-area-list .la-details { float:right; display:inline-block;  padding-left:6px; }
.lal-basic .la-area-list .la-data-cmt { color:orangered; }

/* Img */
.lal-basic .la-area-img ul { list-style:none; padding:0px; margin:0px; } 
.lal-basic .la-area-img li { position:relative; padding:0px; margin:0px; overflow:hidden; }
.lal-basic .la-area-img .la-list { position:relative; } 
.lal-basic .la-area-img .la-subj-box { display:block; overflow:hidden; }
.lal-basic .la-area-img .la-subj-box img { border:0px; vertical-align:-2px; margin-right:5px; }
.lal-basic .la-area-img .la-cmt { display:inline-block; float:right; font-size:11px; color:orangered; padding-left:8px; }
.lal-basic .la-area-img .la-img-box { position:relative; display:block; overflow:hidden; background:#fff; }
.lal-basic .la-area-img .la-img { display:block; position:relative; height:0; overflow:hidden; }
.lal-basic .la-area-img .la-img img { display:block; position:absolute; top:0; left:0; width:100%; height:auto; border:0px; }
.lal-basic .la-area-img .la-img-hover { display:none; background:rgba(0, 0, 0, 0.7) url('./img/hover-img.png') no-repeat center center; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; }
.lal-basic .la-area-img .la-img-hover a { display:block; width:100%; height:100%; }
.lal-basic .la-area-img .la-full img { height:100%; }
.lal-basic .la-area-img .la-cont { word-break:break-all; line-height:1.5; color:#888; overflow:hidden; }
.lal-basic .la-area-img .la-details { display:block; }