@charset "UTF-8";
/* 以上是 聲明 css編碼 */

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/becky/fonticons/css/style.css');
/* 以下是 圖示文字 new ver. 的 CSS */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* 以下是 animate 的 CSS */
@import url('/webeip/HT00100/becky/css/animate.css');
/* 以下是 reset 的 CSS */
@import url('/webeip/HT00100/becky/css/reset.css');

.bs_depPost_main{
	background: url(/webeip/HT00939/img/imgadlink_bg.png);
    padding: 20px;
    box-sizing: border-box;
}
.hotnews_form{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.hotnews_selection{
	width: 100%;
	margin: 0 auto;
	display: none ;
}
.hotnews_selection > select,
.hotnews_selection > input[type="text"]{
	display: inline-block;
	font-size: 1.25rem;
	padding: 0.25rem 0.5rem;
	box-sizing: border-box;
	margin: 0.25rem;
}
.hotnews_selection > input[type="button"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	border: 0;
	display: inline-block;
	font-size: 1.25rem;
	letter-spacing: 0.5rem;
	padding: 0.25rem 0.5rem 0.25rem 1rem;
	box-sizing: border-box;
	border-radius: 7px;
	transition: all .3s;
	background-color: #F35F5D;
	color: #FFF;
	border: 1px solid #F35F5D;
	margin: 0.25rem;
}
.hotnews_selection > input[type="button"]:hover{
	background-color: transparent;
	color: #F35F5D;
}
.company_hotnews{
	width: 100%;
	margin: 1rem auto;
	min-height: 25vh;
}
.hotnews_content{
	width: 100%;
	margin: 0.5rem auto;
	padding: 0.5rem 0;
	box-sizing: border-box;
	font-size: 1.25rem;
	border-bottom: 1px solid #c2c2c2;
	position: relative;
	color: #444;
}
.hotnews_content:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background-color: #E5A940;
	opacity: 0;
	transition: all .5s;
}
.hotnews_content:hover:before{
	width: 100%;
	opacity: 1;
}
.hotnews_ondate{
	padding: 0 0.5rem;
	box-sizing: border-box;
}
.hotnews_kind{
	padding: 0 0.5rem;
	box-sizing: border-box;
}
.hotnews_link{
	padding: 0 0.5rem;
	box-sizing: border-box;
	color: #444;
}
.hotnews_content:hover .hotnews_link{
	color: #fff;
}
.hotnews_updatedate{
	padding: 0 0.5rem;
	box-sizing: border-box;
	font-size: 0.8rem;
	color: #444;
	font-style: italic;
}

/* 頁次 */
.cutpage{
	width: 100%;
	margin: 1rem auto;
	background-color: #EEE;
	padding: 0.5rem 1rem;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.cutpage > span,
.cutpage > a,
.cutpage > select
{
	display: block;
	width: 90%;
	max-width: 150px;
}

	/* 選頁功能CSS */
	.searchpage{
		width: 100%;
		margin: 10px auto;
		display: flex;
		flex-wrap: wrap;
	    justify-content: center;
	    align-items: center;
	}
	.searchpage_firstPage,
	.searchpage_lastPage{
		cursor: pointer;
		margin: 0 10px;
	    display: inline-block;
	    background-color: #E5A940;
	    padding: 0.25rem 1rem;
	    color: #fff;
	    border-radius: 10px;
	    border: 2px solid #E5A940;
	    transition: all .3s linear;
	}
	.searchpage_firstPage:hover,
	.searchpage_lastPage:hover{
		background-color: #fff;
		color: #E5A940;
	}
	.searchpage > select{
		display: inline-block;
	    margin: 0 10px;
	    padding: 5px 20px 5px 35px;
	    box-sizing: border-box;
	    border-radius: 10px;
	}
	.searchpage_page_icon{
		cursor: pointer;
		display: inline-block;
		color: #CF111B;
		font-size: 1.5rem;
		transition: all .3s linear;
	}
	.searchpage_page_icon:hover{
		color: #444;
	}


@media screen and (max-width: 425px)
{
	.searchpage_firstPage, .searchpage_lastPage{
		width: 100%;
		text-align: center;
		margin: 10px;
	}
}