/***************common list*****************/
#homepage .filter select{width:47%;line-height:150%;margin:10px 1% 20px;font-size:15px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis; }
#homepage ul.topic-list{margin:0;padding:0;list-style-type:none;}
#homepage ul.topic-list li:first-child{border-top:1px solid #EAEAEA;}
#homepage ul.topic-list li{display:block;padding:0;border-bottom:1px solid #EAEAEA;padding: 15px 0;}

#homepage ul.topic-list li a{color:#444;text-decoration:none;text-align:left;vertical-align:top;}
#homepage ul.topic-list li a:hover{background:#EFEFEF;}
#homepage ul.topic-list li .thumb{position:relative;width:110px;height:110px;overflow:hidden;vertical-align:middle;background-position:center;background-size:cover;float:left;}
#homepage ul.topic-list li .header{position:relative;font-size:1.1em;line-height:120%;padding-left:120px;min-height:110px;vertical-align:middle;}
#homepage ul.topic-list li .header .label{position:absolute;bottom:0px;}
#homepage ul.topic-list li .header .label>span, 
#homepage ul.topic-list li .header .label>a{display:inline-block;color:#999;font-size:0.9em;margin-right:10px;}

/****special, preregist list item*****/
#homepage ul.topic-list li.prereg .header .label{position:relative;margin-top:10px;}
#homepage ul.topic-list li.prereg .header .label>span{display:inline-block;color:#999;font-size:0.8em;margin-right:5px;}
#homepage ul.topic-list li.prereg .header .label>span.country{color:#FF4300;}
#homepage ul.topic-list li.prereg .header .status{display:inline-block;font-size:0.8em;margin:5px 0 0;border-radius:4px;padding:5px 15px;background:#EAEAEA;color:#444;}
#homepage ul.topic-list li.prereg .header .status.ongoing{background:#FF7500;color:#FFF;}

/****special, hot topic list item - for no thumbnail*****/
#homepage ul.topic-list li.hot-topic.no-thumb{padding-top:8px;padding-bottom:8px;}
#homepage ul.topic-list li.hot-topic.no-thumb .header{padding-left:0px;min-height:50px;padding-bottom:20px;}
#homepage ul.topic-list li.hot-topic.no-thumb .header .label{left:120px;}

/****special, uwants TV item*****/
#homepage ul.topic-list li.uwantstv .thumb .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.4);}
#homepage ul.topic-list li.uwantstv .thumb .overlay img{position:absolute;top:50%;left:50%;margin-left:-20%;margin-top:-20%;width:40%;}

@media screen and (max-width: 359px) {
#homepage ul.topic-list li .thumb{width:90px;height:90px;}
#homepage ul.topic-list li .header{font-size:16px;padding-left:100px;min-height:90px;}
#homepage ul.topic-list li.hot-topic.no-thumb .header .label{left:100px;}
}