.page-list{
	border:1px solid #ff6450;
	margin-bottom:32px;
	padding: 16px;
	background:#f8f8f8;
}
.list-title{
	font-size:20px;
	line-height:26px;
	margin-bottom:10px;
}
.list-content{
	/*line-height:24px;*/
	padding:12px 0;
}

/*For content.php*/
/*視頻部分*/
.video-container {
	position: relative;
	padding-bottom: 50%;
	height: 0;
	overflow: hidden;
	margin:10px;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	/*padding-left:30px;*/
	/*padding-right:30px;*/
	width: 100%;
	height: 100%;
}
.news-detail-head{
	margin-bottom:30px;
	padding-bottom:15px;
	border-bottom:#eaeae 1px solid;
	text-align: center;
}
/*.news-detail-content */

.p-title{
	font-size: 24px;
	text-align: center;
	color:#ff6450;
}

/*.news-detail-content */
.p-content{
	font-size: 16px;
}

.p-indent {
	text-indent:2em;
}
.intro:hover p
{
	color:#ff6450;
}
.info{
	padding-top: 10px;
}

#thumbs{
	width:auto;
	margin:10px auto ;

	/*text-align:center;*/
}
/*屏幕<480 縮略圖*/
#thumbs a{

	/*width:160px;*/
	/*height:100px;*/
	/*display:inline-block;*/
	/*border:3px solid #ff6450;*/
	/*box-shadow:0 1px 3px rgba(0,0,0,0.5);*/
	/*border-radius:4px;*/
	/*margin: 6px 6px 10px;*/
	/*position:relative;*/
	/*text-decoration:none;*/

	/*background-position:center center;*/
	/*background-repeat: no-repeat;*/

	/*background-size:cover;*/
	/*-moz-background-size:cover;*/
	/*-webkit-background-size:cover;*/
}
#thumbs>a>img{
	margin: 1px;
	width:360px;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border:4px;
	margin-bottom: 5px;
}
.img-shadow{
	/*border:3px solid #ff6450;*/
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	/*border-radius:4px;*/
	margin: 1%;
}

#credit{
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	font-size: 11px;
	margin: 0 auto 70px;
	opacity: 0.5;
	padding: 12px 16px;
	text-align: center;
	width: 400px;
}
.suitbox{
	position: relative;
	float: left;
	text-align: center;
	width: 25%;
}
.suitbox>.box-gap>img {
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	/*border-radius: 8px;*/
	width: 100%;
}
.box-gap{
	margin: 10px;
}
/*自適應列表左右大小*/
@media(min-width:768px) {
	.news-detail-content .suit-content{
		width: 65%;
		margin: 0 auto;
	}
	.tel{
		display:inline-block;
	}
	.left{
		position: absolute;;
	}
	.page-left .right {
		position: relative;
		margin-left: 240px
	}
	.right a{font-size: 20px;}
	.right p{font-size: 14px;}
	.suitbox img {
		min-height: 74px;
	}
}
@media screen and (min-width: 554px) and (max-width: 767px) {

	.news-detail-content .suit-content{
		width: 100%;
	}
	.tel{
		display:inline-block;
	}
	.left{
		position: absolute;;
	}

	.page-left .right {
		position: relative;
		margin-left: 240px
	}
	.right a{font-size: 16px;}
	.right p{font-size: 12px;}
	.suitbox img {
		min-height: 74px;
	}
}
/*.page-left .left {*/
/*position: absolute;*/
/*width: 180px*/
/*}*/

/*.page-left .right {*/
/*position: relative;*/
/*margin-left: 200px*/
/*}*/
@media screen and (max-width: 553px) {
	p{
		text-align:left;
		line-height:32px;
	}
	.news-detail-content .suit-content{
		width: 100%;
	}
	.tel{
		display:none;
	}

	.left{
		position: relative;
	}
	.right{
		margin-left:0;
	}
	.page-left .left {
		width: 100%;
	}

	.page-left .right {
		margin-left: 0;
	}

	.right a{
		font-size: 20px;
	}
	.right p{
		font-size: 14px;
	}
	.menu-details a{
		font-size:14px;
	}
	.suitbox img {
		max-height: 74px;
	}
}
table {
	border: 1px solid #ccc;
	width: 100%;
	margin:32px 0;
	padding:0;
	border-collapse: collapse;
	border-spacing: 0;
}

table tr {
	border: 1px solid #ddd;
	padding: 5px;
}

table th, table td {
	padding: 10px;
	text-align: center;
}

table th {
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
}
/*自適應表格變形*/
@media screen and (max-width: 600px) {

	table {
		border: 0;
	}

	table thead {
		display: none;
	}

	table tr {
		margin-bottom: 10px;
		display: block;
		border-bottom: 2px solid #ddd;
	}

	table td {
		display: block;
		text-align: right;
		font-size: 14px;
		border-bottom: 1px dotted #ccc;
	}

	table td:last-child {
		border-bottom: 0;
	}

	table td:before {
		content: attr(data-label);
		float: left;
		text-transform: uppercase;
		font-weight: bold;
	}
}
.note{max-width: 80%; margin: 0 auto;}
/*End*/