@charset "utf-8";
/* CSS Document */
body{min-width:1280px;margin:0 auto;}
body.custom-font-enabled {
font-family: '微軟正黑體', Arial, STHeiti, Sans Serif;
}
div.itemelse ul li.spotlist img {/**Ruby**/
    display: none;
}

div.height{
	height: 110px;
	overflow: hidden;
	
	background-color: #FFFFFF;
	width: 100%;
	text-align:center;
}
div.height img{
	vertical-align:middle;
	width:450px;
	height:auto;
}
div.topblack ul.screen li div.img {
height: auto;
overflow: hidden;

}
div.topblack ul.screen li div.img div.sum_title {
	border-bottom: 1px solid #B4B4B4;
	padding: 10px 0 5px 0;
	color: rgba(7, 120, 209,1);

}
div.topblack ul.screen li div.img div.sum_title h3{
	font-size:15px;
}
div.topblack ul.screen li div.img:hover div.sum_title{
	color:#636363;
	text-decoration:underline;
}
div.itemelse {

line-height: 20px;
font-size: 13px;
height: 150px;
overflow: hidden;
}
div.itemelse ul {
	margin:0;
	padding:0;
	list-style-type:disc;
	
}
div.itemelse ul li{
	font-size:13px;
	
	overflow:hidden;
	list-style-type:disc;
	margin-bottom:2px;
}

div.topblack {
width:934px;
padding-bottom: 15px;/**減少首頁四宮格下方間距使其跟下方內容區塊不會過遠-Ruby-20230308**/
padding-top: 3px;/**設定首頁左側四宮格與右側欄頂部可以齊平-Ruby-20230308**/
}

div.topblack ul.screen {
overflow: visible;
list-style-type: none;
margin: 0 auto;
/*padding-left: 35px;*/
}

div.topblack ul.screen li {
float: left;
display: block;
margin-right: 5px;
position: relative;
margin-bottom: 6px;
max-width:220px;
font-size:15px;
line-height :1.3em;
}
div.topblack ul.screen li.block2014 {
	border-top:4px solid rgba(20,97,173,.9);
	height:340px;

}
div.topblack ul.screen li.spotlist {
	border-bottom: 1px solid #B4B4B4;
	display: block;
	float: none;
	width: 100%;
	max-width:100%;
	margin: 0;
	padding: 4px 0;
	font-size:14px;
}
.topblack a {
outline: none;
color: #484849;
text-decoration: none;
}
.topblack a:hover {
	color: #cd2122;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
.cat01{
	background: rgba(20,97,173,.8) ;
	color: #FFF;
	float: left;
	padding: 0px 10px 2px;
	font-size: 16px;
	font-family: Oswald,arial,Georgia,serif;
	/*text-transform: uppercase;*/
	position: absolute;
	left: 0;
	top: 0;
	z-index: 6;

}

/******* 後台八宮格預設功能與上面文章間隔開來 20160929 *****************/
#wpbody-content .topblack:after {
    display: block;
    content: '';
    clear: both;
}




@media screen and (max-width: 1024px){
	.site-content {
	float: left;
	width: 934px;
	margin-right: 10px;
	}
	
}


@media screen and (max-width: 1289px) {
	div.topblack ul.screen li {
		float: left;
		display: block;
		margin-right: 5px;
		position: relative;
		margin-bottom: 6px;
		min-width: 24%;
		font-size: 15px;
		line-height: 1.5em;
	}
	
}
@media screen and (max-width: 955px) {
	div.topblack ul.screen li {
		float: left;
		display: block;
		margin-right: 5px;
		position: relative;
		margin-bottom: 6px;
		min-width: 48%;
		font-size: 15px;
		line-height: 1.5em;
	}
	
}	

/*  八宮格儲存按鈕調整 20170913 Stacey */

#customLink{ float:left; margin-right:20px;}
.album_save_btn{ display:block; padding:10px 30px; margin-top:100px;}	


/**[CW-025]前台 首頁四宮格的文章樣式需要對齊-Ruby-20221215**/
div.topblack ul.screen{
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
div.topblack ul.screen li.block2014{
	height: 100% !important;
    margin-right: 18px;/**設定四宮格每格之間的間距水平均分-Ruby-20230308**/
}
div.topblack ul.screen li.block2014:nth-child(4n) {
    margin-right: 0;
}
div.topblack ul.screen li div.img div.sum_title,
div.topblack ul.screen li.spotlist {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
div.topblack ul.screen li div.img div.sum_title{
	height: 45px;
}
div.topblack ul.screen li.spotlist{
	height: 42px;
}
div.topblack ul.screen li div.img div.sum_title h3,
div.topblack ul.screen li.spotlist a{
	height: auto;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
div.topblack ul.screen li.spotlist:last-child{
	border: none;
}
@media (max-width: 1289px){
	div.topblack ul.screen li.block2014{
		max-width: 220px;
		min-width: 220px;
	}
}