/* CSS Document */
@media print {
	@page {size:A4; margin: 0cm !important;}
	@page :first{margin-top:0cm;}
	@page :left{margin:0cm;}
	@page :right{margin:0cm;}
	
  html, body {
   	visibility: hidden;
		margin-top:-6mm;
		width:210mm;
    height:297mm;
		height: 100%;
  }
	#printable{height:100%;vertical-align:middle;page-break:after;border-spacing:0mm;}
  #printable, #printable * {
    visibility: visible;
		overflow: visible;
  }

	#header, #rpt-head, #rpt-topic, #rpt-filter, #rpt-paging, #slider-left, #slider-right, .tableFloatingHeader {display: none;}
	
	table {page-break-inside:auto }
	tr    {page-break-inside:avoid; page-break-after:auto;page-break-before:auto;}
	thead {display:table-header-group}
	th, td{padding:0mm;}
}
#divscroll {overflow:auto;overflow-y:hidden;width:98%;}
#divscroll table {margin:0;white-space:nowrap;}
thead tr th{border: 1px solid #CACACA;text-align:center;background-color:#E8E8E8}
#rpt-head{width:98%;padding:10px;background-color:#F1FEC0;line-height:25px;}
#rpt-topic{width:100%;font-weight:bold;font-size:16px;margin-bottom:5px;border-style:dashed;border-bottom-width:1px;border-bottom-color:#CCC;}
#rpt-tr-head{font-weight:bold;text-align:center;white-space:nowrap;vertical-align:top;background-color:#D8D8D8;}
.rpt-tr-body{vertical-align:top;}
.rpt-tr-footer{text-align:center;white-space:nowrap;font-weight:bold;border-style:solid;border-top-width:1px;border-top-color:#CCC;}
.rpt-curr{text-align:right;white-space:nowrap;}
.rpt-notfound{width:100%;color:#999;text-align:center;margin-top:50px;padding-top:150px;padding-bottom:150px;}
#rpt-paging{text-align:center !important;background-color:#FFF;}
.rpt-bg{background-color:#F2F2F2}

#slider-left {
	padding:8px;
  left: 4%;
	width:40px;
	height:60px;
	float:left;
	margin-top: -30px; /*set to a negative number 1/2 of your height*/
  margin-left: -24px; /*set to a negative number 1/2 of your width*/
	border:1px solid #C8C8C8;
	}
	
#slider-right {
	padding:8px;
	right:4%;
	width:40px;
	height:60px;
	margin-top: -30px; /*set to a negative number 1/2 of your height*/
  margin-right: -24px; /*set to a negative number 1/2 of your width*/
	float:right;
	border:1px solid #C8C8C8;
	}

.arrow-right{
	position:relative;
	border-top: 20px solid transparent;
	border-left: 25px solid gray;
	border-bottom: 20px solid transparent;
}

.arrow-left {
	position:relative;
  border-top: 20px solid transparent;
  border-right:25px solid gray;
	border-bottom: 20px solid transparent;  
}


/* time 24 hour*/
.time24h{width:30px;}


/* box content */
.box{float:left;width:230px;height:280px;padding:6px;cursor:pointer;overflow:visible}
.box:hover{	
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.box-imgage {width:210px;height:158px;overflow:hidden;}
.box-imgage img{border:0;}
.box-topic{margin-top:5px;font-size:14px;font-weight:bold;color:#000}
.box-detail{margin-top:5px;font-size:12px;color:#333;}
.box-date{margin-top:5px;text-align:right;font-size:11px;font-weight:bold;color:#DD4800;}