select DISTINCT i.id, i.* from items i where i.is_deleted = 0 and i.item_type = 'prints_sub' and i.parent_id = 4103 order by CONVERT (i.title USING tis620) asc limit 0,100<div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  <h4 class="modal-title">อนุทินกรุงเทพฯ ภาพแห่งความทรงจำ</h4>
</div>
<div class="modal-body">
  <div class="row">
	  <div class="col-md-5">
			<img src="/data/images/lg/2350e5f731d800bbdcf88deb93771056.jpg" class="img-responsive" />	  </div>
	  <div class="col-md-7" style="padding-left: 20px;">
		  			<div class="table-responsive">
				<table class="table table-striped">
					<tbody>
						<tr><td class="col-md-3"></td><td class="col-md-9">กรุงเทพฯ -- ภูมิประเทศและการท่องเที่ยว<br />กรุงเทพฯ -- ประวัติ<br />กรุงเทพฯ -- ภาพ<br />กรุงเทพฯ -- ความเป็นอยู่และประเพณี -- ภาพ<br />society<br />culture<br /></td></tr><tr><td class="col-md-3"></td><td class="col-md-9">2002</td></tr><tr><td class="col-md-3"></td><td class="col-md-9">2002</td></tr><tr><td class="col-md-3"></td><td class="col-md-9">ทับชู ทับทอง</td></tr><tr><td class="col-md-3"></td><td class="col-md-9">กรุงเทพฯ : ปิรามิด, 2545</td></tr>
					</tbody>
				</table>
			</div>
		  <a class="btn btn-primary" style="margin-top: 20px; margin-bottom: 20px;" href="http://library.car.chula.ac.th/record=b1621004" target="_blank" >more info</a>	  </div>
  </div>
    
	  
  
</div>
<div class="modal-footer">
  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>