Helloweb

UI Factory

UIO Generator
Common
Table
 

 
/* pc */
.table_list {width:100%;border-collapse:collapse;border-spacing:0;border-top:1px solid #555;}
.table_list th {vertical-align:middle;font-size:16px;font-weight:normal;padding:10px 15px;text-align:center;color:#333333;background-color:#f5f5f5;overflow:hidden;word-break:normal;border-bottom:1px solid #ccc;}
.table_list td {vertical-align:middle;font-size:14px;color:#999999;border-bottom:1px solid #e5e5e5;text-align:center;padding:15px 15px;overflow:hidden;word-break:normal;}
.table_list td.text-left {text-align:left;}
.table_list td a {font-size:14px;color:#666666;}
.table_list td a.re span {margin-right:5px;display:inline-block;font-size:14px;color:#52b3d3;padding-left:18px;background:url('/skin/img/fac_img/ico_re.png') no-repeat left center;}
.table_list td strong {font-size:14px;color:#333333;font-weight:500;}

/* tablet,mobile */
.mobile_list {border-top: 1px solid #ccc;}
.mobile_list li.board_box {display: table;position: relative;width: 100%;border-bottom: 1px solid #ccc;word-break: break-all;word-wrap: break-word;}
.mobile_list li.board_box a {display: table-cell;width: 100%;padding: 12px 14px 13px 0;color:#666;}
.mobile_list.nore_mobile_list  li.board_box a {padding-left:0;}
.mobile_list li.board_box a .tit {font-size: 16px;line-height: 19px;font-weight: normal;}
.mobile_list li.board_box a .stit {font-size: 14px;line-height: 19px;font-weight: 300;}
.mobile_list li.board_box a .info_area {margin-top: 4px;font-size: 12px;line-height: 15px;color: #959595;}
.mobile_list li.board_box a .info_area .name {display: table-cell;white-space: nowrap;}
.mobile_list li.board_box a .info_area .date {display: table-cell;padding-left: 7px;white-space: nowrap;}
.mobile_list li.board_box a .info_area .cnt {display: table-cell;padding-left: 10px;white-space: nowrap;}
.mobile_list li.board_box a.re {margin-right: 5px;display: inline-block;padding: 12px 14px 13px 15px;background: url('/skin/img/fac_img/ico_re.png') no-repeat 0 15px;}
.mobile_list li.board_box a.re span.rec {color: #52b3d3;margin-right: 5px;display: inline-block;}