/**

Joy Fare Stylesheet 

**/


td{
	vertical-align:top;
}

#fs-table
{
	width:100%;
	font-size:14px;
}

#clockdiv{
	float:right;
	margin-top:-60px;
	padding-right:35px;
}

#clockdiv .ticktext{
	font-weight:normal;
	font-size:25px;
	width:35px;
}

#clockdiv span{
	display: inline-block;
	text-align:right;
	font-size:20px;
	width:25px;
	color:#152644;
}
.fs-col-mid
{
	padding-top:15px;
	padding:0px 10px 0px 10px;
	color:#152644;
}

.fs-center
{
	padding-top:15px;
	text-align:center;
	vertical-align:top;
	color:#152644;
	
}

.fs-desc
{
	word-wrap:break-word;
	padding-top:15px;
	vertical-align:top;
	padding-left:10px;
	color:#152644;
}

.fs-desc a:visited{
	color:#152644;
	font-size:14px;
}

.fs-desc a:link
{
	color:#152644;
	font-size:14px;
}

.fs-strike
{
	/**text-decoration:line-through;**/
	font-size:14px;
	color:#152644;
}

.fs-seat
{
	font-size:15px;
	padding-top:15px;
	vertical-align:top;
	color:#152644;
}

.fs-quickgrab
{
	border-bottom-width:0px; !important
	padding-bottom:2px;
	padding-top:11px;
	text-align:right;
}

.fs-heading
{
	font-weight:bold;
	font-size:14px;
	color:#152644;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#152644;
}

	/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen 
and (max-device-width : 667px) 
and (orientation : portrait) 
{
	
	#tobehide{
		display: none !important;
	}

	/* Force table to not be like tables anymore */
	#fs-table table, thead, #fs-table tbody, th, #fs-table td, #fs-table tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#fs-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#fs-table tr { border: 1px solid #ccc; }

	#fs-table td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		text-align:left;
		padding-left:150px;
		padding-bottom:8px;
	}

	#fs-table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 250px;
		font-weight:bold;
		padding-right: 10px;
		padding-top:4px;
		white-space: nowrap;
	}
	
	#fs-table .fs-quickgrab{
		padding-top:20px;
		padding-bottom:25px;
	}
	
	#fs-table .fs-desc {
		padding-left:10px;
		background-color:#f2f2f2;
		font-size:30px;
		padding-bottom:15px;
	}

	#fs-table .fs-desc a:link {
		font-size:16px;
	}
	
	
	#fs-table .fs-center {
		padding-top:10px;
	}
	
	/*
	Label the data
	*/
	/**#fs-table td:nth-of-type(1):before { content: "團名"; }**/
	#fs-table td:nth-of-type(2):before { content: "出發日期"; }
	#fs-table td:nth-of-type(3):before { content: "原價"; }
	#fs-table td:nth-of-type(4):before { content: "折扣"; }
	#fs-table td:nth-of-type(5):before { content: "JOY FARES"; }
	#fs-table td:nth-of-type(6):before { content: "名額"; }
	#fs-table td:nth-of-type(7):before { content: ""; }

}