@charset "utf-8";

/* CSS Document */
.left_select_group {
	display: block;
	text-decoration: none;
}

.left_select_group .list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #004785;
	border-color: #004785
}

.left_select_group a.list-group-item:hover {
	z-index: 2;
	color: #fff;
	background-color: #2376bf;
	border-color: #2376bf
}

.left_select_group .list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
	z-index: 2;
	color: #fff;
	background-color: #004785;
	border-color: #004785
}

.select_box {
	display: block;
	text-decoration: none;
}

.select_box p {	
	font-size: 0.9375rem;
	line-height: 1.8;
	color: #333;
	font-weight: 400;
	text-align: left;
	margin: 0 0;
	word-break: break-all;
}

.select_box p a {	
	color: #555555;
	text-decoration: underline;
	word-break: break-all;
}

.select_box p a:hover {	
	color: #2b75b6;
}

.select_box select {
	position: relative;
	display: block;
	width: 100%;
	height: 39px !important;
	
	font-family: inherit;
	font-size: 100%;
	font-weight: 600;
	
	text-decoration: none;
	margin: 0;	
	line-height: inherit;
	text-align: left;
	border: 1px solid #ccc;
	padding: 0 15px;
}

.img-center { 
	display: block;
	text-decoration: none;
	/*margin: 0 auto;*/
	-ms-interpolation-mode: bicubic;
	border: 0;
}

.div_bgcolor {
	background-color: #FBCB87;
	padding: 15px 0 15px 0;
}

.topbox {
	 border: 0px solid transparent;
	 padding: 5px 0px;
}
/*----------------------------------------*/
.text_header_left { 
	font-size: 1em;
	line-height: 1.5;
	text-align: left;
	/*word-break: break-word;*/
	mso-line-height-alt: 17px;
	margin: 0;
	color: #4a4a4a;
	text-decoration: none;
}

.topbox .text_header_left span {
	font-size: 1.25em;
	line-height: 1.5;
	font-weight: 600;
	color: #4a4a4a;
	margin: 0 3px;
}

.topbox .text_header_left span.line {
	font-size: 1.25em;
	line-height: 1.5;
	color: #555555;
	margin: 0 3px;
}

.topbox .text_header_left span.bgword {
	font-size: 2em;
	line-height: 1.5;
	font-weight: 600;
	color: #004785;
	margin: 0 3px;
}

.margin_top_6rem {
	margin-top: 6rem !important;
}

@media (max-width: 992px) {
	.margin_top_6rem {
		margin-top: 1rem !important;
	}
}
/*----------------------------------------*/
.float_right_div {
	position: relative;
	display: block;
	float: right;
}

.text_header_right { 
	font-size: 0.9375em;
	line-height: 1.5;
	text-align: right;
	/*word-break: break-word;*/
	mso-line-height-alt: 17px;
	margin: 0;
	color: #4a4a4a;
	text-decoration: none;
}

.topbox .text_header_right span {
	font-size: 1.25em;
	line-height: 1.5;
	font-weight: 600;
	color: #4a4a4a;
	margin: 0 3px;
}

.topbox .text_header_right span.line {
	font-size: 1.25em;
	line-height: 1.5;
	color: #4a4a4a;
	margin: 0 3px;
}

.topbox .text_header_right span.bgword {
	font-size: 2em;
	line-height: 1.5;
	font-weight: 600;
	color: #0871cc;
	margin: 0 3px;
}

.text_header_leeft a { 
	color: #555555;
}	
	
.text_header_left a:hover { 
	color: #950000;
}
.text_header_right a { 
	color: #555555;
}	
	
.text_header_right a:hover { 
	color: #950000;
}
/*----------------------------------------*/
.leftheadline_title {
	font-size: 112.5%;
	font-weight: 600;
	line-height: 1.5;
	text-align: left;
	letter-spacing: 2px;
	/*word-break: break-word;*/
	mso-line-height-alt: 30px;
	color: #39260c;
	text-decoration: none;
	margin-bottom: 2px;
}

.leftheadline_title a {
	color: #004785;
}

.leftheadline_title a:hover {
	color: #2b75b6;
}

.input-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}

.form-box {
	width: 100%;
	display: inline-block;
	position: relative;
    /*margin-bottom: 1rem;*/
}

.form-inputcontrol {
    display: inline-block;
    width: 100%;
    height: 39px !important;
    /*padding: 0.275rem 0.275rem;*/
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 0;
	box-shadow: none !important;
	border: 1px solid #ccc;
	padding: 0 15px;
}

.form-inputcontrol:focus {
	color:#495057;
	background-color:#fff;
    text-decoration: none;
    outline: 1px solid #aaa;
	/*border: 1px solid #ccc !important;*/
}

.form-inputcontrol-email {
    display: inline-block;
    width: 100%;
    height: 39px !important;
    padding: 0.275rem 0.275rem;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 0;
	box-shadow: none !important;
	border-bottom: 1px solid #ccc;
}

.form-inputcontrol-email:focus {
	color:#495057;
	background-color:#fff;
    text-decoration: none;
    outline: 1px solid #aaa;
	/*border: 1px solid #ccc !important;*/
}

.btn-enews-search {
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: .1em;
	
	width: 100%;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	
	color: #333;
	border: 1px solid #ccc;	
	background-color: #fff;
	padding: 0.5rem 0.5rem;
	margin-top: 1px;
	margin-bottom: 0;	
	
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0px;
	text-transform: uppercase;	
	transition: .3s all ease;	
	touch-action: manipulation;
	background-image: none;
	overflow: visible;
	
}

.btn-enews-search:hover {
    color: #FFF;
	background-color: #1d78c8;
	border-color: #1d78c8;
}

.btn-enews-search-s {
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: .1em;
	
	width: 100%;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	
	color: #333;
	border: 1px solid #ccc;	
	background-color: #fff;
	padding: 0.5rem 0.5rem;
	margin-top: 1px;
	margin-bottom: 0;	
	
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0px;
	text-transform: uppercase;	
	transition: .3s all ease;	
	touch-action: manipulation;
	background-image: none;
	overflow: visible;
	
}

.btn-enews-search-s:hover {
    color: #FFF;
	background-color: #1d78c8;
	border-color: #1d78c8;
}

.btn-enews-search-ss {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: .1em;
	
	/*width: 100%;*/
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	
	color: #333;
	/*border: 1px solid #ccc;	*/
	background-color: transparent;
	padding: 0.5rem 0.5rem;
	margin-top: 1px;
	margin-bottom: 0;	
	
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0px;
	text-transform: uppercase;	
	transition: .3s all ease;	
	touch-action: manipulation;
	background-image: none;
	overflow: visible;
	
}

.btn-enews-search-ss:hover {
    color: #1d78c8 !important;
	/*background-color: transparent;*/
	/*border-color: transparent;*/
}

.btn-search_left {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: .1em;
	
	/*width: 100%;*/
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	
	color: #6f6f6f;
	/*border-bottom: 1px solid #ccc;*/	
	/*border: 1px solid #ccc;	*/
	background-color: transparent;
	padding: 0.5rem 0.5rem;
	margin-top: 1px;
	margin-bottom: 0;	
	
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0px;
	text-transform: uppercase;	
	transition: .3s all ease;	
	touch-action: manipulation;
	background-image: none;
	overflow: visible;
	
}

.btn-search_left:hover {
    color: #1d78c8;
}

.btn-search_left_sss {
	position: relative;
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: .1em;
	
	width: 100%;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	
	color: #333;
	bottom: 1px;
	/*border-bottom: 1px solid #ccc;*/	
	border: 1px solid #ccc;	
	background-color: transparent;
	padding: 0.5rem 0.5rem;
	margin-top: 1px;
	margin-bottom: 0;	
	
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0px;
	text-transform: uppercase;	
	transition: .3s all ease;	
	touch-action: manipulation;
	background-image: none;
	overflow: visible;
	background-color: rgba(0,0,0,.075);
}

.btn-search_left_sss:hover {
    color: #FFF;
	background: #1d78c8;
}

.form-box label {
    display: inline-block;
	margin-left: 2px;
    margin-bottom: 0;
}


.btn-submit_left_s {
	position: relative;
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: .1em;
	
	width: 100%;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	
	color: #333;
	bottom: 1px;
	/*border-bottom: 1px solid #ccc;*/	
	/*border: 1px solid #ccc;*/
	background-color: transparent;
	padding: 0.5rem 0.5rem;
	margin-top: 1px;
	margin-bottom: 0;	
	
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0px;
	text-transform: uppercase;	
	transition: .3s all ease;	
	touch-action: manipulation;
	background-image: none;
	overflow: visible;
	background-color: rgba(0,0,0,.075);
}

.btn-submit_left_s:hover {
    color: #FFF;
	background: #1d78c8;
}

.headline_title_left {
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.5;
	text-align: left;
	letter-spacing: 2px;
	/*word-break: break-word;*/
	mso-line-height-alt: 30px;
	margin: 0;
	color: #0871cc;
	text-decoration: none;
}

.headline_title_left span {
	font-size: inherit;
	font-weight: 600;
	line-height: 1.5;
	text-align: left;
	letter-spacing: 2px;
	/*word-break: break-word;*/
	mso-line-height-alt: 30px;
	margin: 0 10px;
	color: #4a4a4a;
	text-decoration: none;
}

.title_text_left a {
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.5;
	text-align: left;
	/*word-break: break-word;*/
	mso-line-height-alt: 30px;
	margin: 0;
	color: #4a4a4a;
	text-decoration: none;
	
	display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 2;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 60px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-word) */
}

.title_text02_left {
	font-size: 2.25em; /*1.25*/
	font-weight: 600;
	line-height: 1.5;
	text-align: left;
	/*word-break: break-word;*/
	mso-line-height-alt: 30px;
	margin: 0;
	color: #4a4a4a;
	text-decoration: none;
	
	display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 2;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 60px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-word) */
}

.content_p_title_text {
	display: inline-block !important;
	font-size: 150%; /*1.25*/
	font-weight: 600;
	line-height: 1.5;
	text-align: left;
	/*word-break: break-word;*/
	mso-line-height-alt: 30px;
	margin: 0;
	color: #4a4a4a;
	text-decoration: none;
	
	display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 2;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 72px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-word) */
}

.span_period_text {
	display: inline-block !important;
	font-size: 100%; /*1.25*/
	font-weight: 600;
	line-height: 1.5;
	text-align: left;
	margin: 0;
    color: #39260c;
	text-decoration: none;
}

.text_left { 
	font-size: 1em;
	line-height: 1.5;
	text-align: left;
	/*word-break: break-word;*/
	mso-line-height-alt: 17px;
	margin: 0;
	color: #555555;
	text-decoration: none;
	
	display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 14;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 315px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-word */
}

.text_left_2line { 
	font-size: 1em;
	line-height: 1.5;
	text-align: left;
	/*word-break: break-word;*/
	mso-line-height-alt: 17px;
	margin: 0;
	color: #555555;
	text-decoration: none;
	
	display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 2;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 45px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-word */
}

.title_text_left a:hover {
	color: #0871cc;
} 

.text_2line_left { 
	font-size: 1em;
	line-height: 1.5;
	text-align: left;
	/*word-break: break-word;*/
	mso-line-height-alt: 17px;
	margin: 0;
	color: #555555;
	text-decoration: none;
	
	display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 2;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 44px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-word */
}

.text_footer_center { 
	font-size: 1em;
	line-height: 1.5;
	text-align: center;
	/*word-break: break-word;*/
	mso-line-height-alt: 17px;
	margin: 0;
	color: #555555;
	text-decoration: none;
}

.text_footer_center a { 
	color: #555555;
}

.text_footer_center a:hover { 
	color: #0871cc;
}

@media (max-width: 480px) {
	.text_header_left { text-align: center !important; }
	.text_header_right { text-align: left !important; }
	.img-center { margin: 0 auto !important; }	
	.icon_box { text-align: center !important; }
}

.more_but {
	text-decoration: none;
	display: inline-block;
	color: #004785;
	background-color:#FFFFFF;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	width: auto;
	width: auto;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #555555;
	border-left: 1px solid transparent;
	/*padding-top: 5px;*/
	/*padding-bottom: 5px;*/
	text-align: center;
	mso-border-alt: none;
	word-break: keep-all;
}

.more_text {
	display: inline-block;
	font-size: 1em;
	line-height: 2;
	word-break: break-word;
	padding-left: 20px;
	padding-right: 20px;    
}

.more_but:hover { 
	color: #0871cc;
}

.masthead_box {
	display: block;
	text-align: left;
}

.icon_box {
	display: block;
	text-align: right;
}

.search-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.search-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.border_line {
	border: 1px solid #ccc;
}



/*--------------------------------------------------*/
/*--// 20200302 JESS NEW 華梵導報 類別選單TAB CSS //--*/

.box_padding_xs_0 {
	padding: 0px;
}

@media (max-width: 480px) {
	.box_padding_xs_0 {
		padding: 0px;
	}
}

.category-box {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

.category_back-color {
  background: #f4f1e4;  /*transparent;*/
}

.category_menu {
  border-bottom: 1px solid #ddd
}

.category_menu > li {
  float: left;
  margin-bottom: -1px;
  vertical-align: middle;
}

.category_menu > li:last-child {
  border-right: 1px dashed transparent;
}

.category_menu > li > a {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.42857143;
  letter-spacing: .1em;
  margin-right: 2px;
  padding: 8px 15px;
}

.category_menu > li > a:hover {
  color: #fff;
  /*background-color: #ff7e00;*/
  background-color: #39260c;
}

.BtActive {
  color: #fff !important;
  /*background-color: #ff7e00;*/
  background-color: #39260c;
}

.category_menu > li.active>a, .category_menu > li.active>a:focus, .category_menu > li.active > a:hover {
  color: #fff;
  cursor: default;
  z-index: 1;
  background-color: #ff7e00;
  border-bottom-color: transparent;
}

/*.category_menu > li.active::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 42.5%;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #f16124 transparent transparent transparent;
  line-height: 0px;
  _border-color: #c33c70 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}*/

.menu_center {
  width: 100%
}

.menu_center > li {
  float: none;
}

.menu_center > li > a {
  margin-bottom: 5px;
  text-align: center;
  color: #39260c;
}

.category_menu.menu_center {
  width: 100%;
  border-bottom: 0;
  display: block;
}

.category_menu.menu_center > li {
  float: none;
}

.category_menu.menu_center > li > a {
  display: block;	
  margin-right: 0;
  margin-bottom: 5px;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  /*border-right: 1px dashed #848484;*/
}

@media (min-width:768px) {
  .category_menu.menu_center > li {
    display: table-cell;
    width: 1%;
  }

  .category_menu.menu_center > li > a {
    margin-bottom: 0
  }

  .menu_center > li {
    display: table-cell;
    width: 1%
  }

  .menu_center > li > a {
    margin-bottom: 0
  }
}

@media (max-width:768px) {
  .category_menu > li.active::after {
    display: none;
  }

  .menu_center > li  a {
    border-bottom: 1px solid #fff;
    /*border-bottom: 1px dashed #848484;*/
  }

  .category_menu.menu_center > li > a {
    margin-bottom: 0px;
  }
}

@media (max-width:480px) {
  .category_menu > li.active::after {
    display: none;
  }

  .menu_center > li > a {
    border-bottom: 1px dashed #848484;
  }

  .category_menu.menu_center > li > a {
    margin-bottom: 0px;
  }
}

@media (max-width:320px) {
  .category_menu > li.active::after {
    display: none;
  }

  .menu_center > li > a {
    border-bottom: 1px dashed #848484;
  }

  .category_menu.menu_center > li > a {
    margin-bottom: 0px;
  }
}

/*--------------------------------------*/
/*--------// category-content STAT --------//*/
/*--------------------------------------*/
.category-content >.tab-pane {
  display: none;
}

@media (max-width:768px) {
  .pic_annc_box {
    position: relative;
    display: inline-block;
    width: 30%;
		vertical-align: middle;
  }

  .pic_annc_word {
    position: relative;
    display: inline-block;
    width: 60%;
		vertical-align: middle;
  }
}
@media (max-width:480px) {
  .pic_annc_box {
    width: 100%;
  }

  .pic_annc_word {
    width: 100%;
  }
}

.category-content {
  position: relative;
  display: block;
  padding: 0px;
  width: 100%;
  text-align: left;
}

.category-content >.active {
  position: relative;
  display: block;
}

.category-content .pic_annc {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 20px;
}

.category-content .pic_annc.col-sm-12 {
  padding-left: 0px;
  padding-right: 0px;
}

.category-content .headline_box {
	width:100% !important;
	display: inline-block;
}

.category-content .headline_box p.datetext_1 {
	font-size: 100%;
    color: #39260c;
    font-weight: 600;
    margin-bottom: 0;
    text-align: left;
    margin-left: 0.5em;
}

.category-content .headline_box p.datetext_2 {
	font-size: 100%;
    color: #39260c;
    font-weight: 600;
    margin-bottom: 0;
    text-align: left;
    margin-left: 0.5em;
}

.category-content .headtitle_left {
    font-size: 125%;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    letter-spacing: 2px;
    word-break: break-word;
    mso-line-height-alt: 30px;
    margin: 0;
    color: #39260c;
    text-decoration: none;
}

/*--------- // 垂直至中 區塊 // ---------*/
/*-------------------------------------*/
.mg-middle {
    margin-top: 3rem !important;
}

.imgex0-box {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: table;
	background-color: #F4F4F4;
	margin-bottom: 30px;
}

.imgex0-img {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.imgex0-img a {
	display: block;	
}

.hidden_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	/*display: block;*/
	height: 95px;
	max-height: 95px;
	overflow: hidden;	
}

.category-content .div_box0 {
    /*width: 100%;*/
    height: 100%;
    max-width: 100%;
    display:  table;
    background-color: #F4F4F4;
}
	
.category-content .div_text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@media (max-width: 769px) {
	.category-content .div_box0 {
		height: auto;
	}
}

.category-content .mt-3rem {
    /*margin-top: 3rem !important;*/
}

@media (max-width: 1140px) {
	.category-content .mt-3rem {
		margin-top: 0.5rem !important;
	}
}

/*.category-content .mt-2rem_50 {
    margin-top: 2rem !important;
}*/

@media (max-width: 1140px) {
	.category-content .mt-2rem_50 {
		margin-top: 0.25rem !important;
	}
}

/*-------------------------------------*/
/*------- // 垂直至中 區塊END // -------*/

.category-content .img_size {
	display: table-cell;
	text-decoration: none;
	-ms-interpolation-mode:	bicubic; 
	border: 0;
	width: auto;
	height: auto;
	max-height: 350px;
}

.category-content .img_size_02 {
	display: table-cell;
	text-decoration: none;
	-ms-interpolation-mode:	bicubic; 
	border: 0;
	width: auto;
	height: auto;
	max-height: 450px;
}

.img_size_banner {
	display: table-cell;
	text-decoration: none;
	-ms-interpolation-mode: bicubic; 
	border: 0;
	width: auto;
	height: auto;
	max-height: 450px;
}

.category-content .img_size_w {
	display: table-cell;
	text-decoration: none;
	-ms-interpolation-mode:	bicubic; 
	border: 0;
	width: 100%;
	height: auto;
}

.category-content p.cc_title { 
	font-size: 100%; /*1.75em*/
	line-height: 1.125;
	font-weight: 600;
	text-align: left;
	/*word-break: break-word;*/
	mso-line-height-alt: 17px;
	margin: 0;
	color: #555555;
	text-decoration: none;
	
	display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 3;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 135px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-word */
}

.category-content a > p.cc_title { 
	color: #555555;
}

.category-content p.cc_title:hover { 
	color: #935500;
}

@media (max-width: 768px) {
	.category-content p.cc_title { 
		font-size: 1.5em;
	}
}

@media (max-width: 480px) {
	.category-content p.cc_title { 
		font-size: 1.25em;
	}
}

.category-content p.p_word_left {
    font-size: 1em;
    line-height: 1.5;
    text-align: left;
    word-break: break-word;
    mso-line-height-alt: 17px;
    margin: 0;
    color: #555555;
    text-decoration: none;
    display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 4;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 135px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-wor*/
}

.category-content p.p_word_left_8_Column {
    font-size: 1em;
    line-height: 1.5;
    text-align: left;
    word-break: break-word;
    mso-line-height-alt: 17px;
    margin: 0;
    color: #555555;
    text-decoration: none;
    display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 8;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 180px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-wor*/
}

.category-content p.cc_title_50 { 
	font-size: 100%; /*1.125*/
	line-height: 1.25;
	font-weight: 600;
	text-align: left;
	/*word-break: break-word;*/
	mso-line-height-alt: 17px;
	margin: 0;
	color: #555555;
	text-decoration: none;
	
	display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 4;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 135px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-word */
}

.category-content p.p_word_left_50 {
    font-size: 1em;
    line-height: 1.5;
    text-align: left;
    word-break: break-word;
    mso-line-height-alt: 17px;
    margin: 0;
    color: #555555;
    text-decoration: none;
    display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 2;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 72px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-wor*/
}

.category-content p.p_word_left_50_8_Column {
    font-size: 1em;
    line-height: 1.5;
    text-align: left;
    word-break: break-word;
    mso-line-height-alt: 17px;
    margin: 0;
    color: #555555;
    text-decoration: none;
    display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 2;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 180px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-wor*/
}

.category-content a > p.cc_title_50 { 
	color: #555555;
}

.category-content p.cc_title_50:hover { 
	color: #935500;
}

.category-content .more_but {
	text-decoration: none;
	display: inline-block;
	color: #39260c;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	width: auto;
	width: auto;	
	padding-top: 4px;
	padding-bottom: 5px;
	
	text-align: center;
	mso-border-alt: none;
	word-break: keep-all;
	
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
	
	border: 1px solid #39260c;
	border-radius: 100px;
	background-color: #FFFFFF;
}

.category-content .more_text {
	display: inline-block;
	font-size: 75%;
	line-height: 2;
	word-break: break-word;
	/*padding-left: 20px;
	padding-right: 20px;*/    
}

.category-content .more_but:hover { 
	color: #FFFFFF;
	background-color :#935500;
	border: 1px solid #935500;
}

/*--------------------------------------*/
/*----- ///// 校園新聞專區-媒體服務中心/////  START  -----*/
/*--------------------------------------*/

.category-content p.vedio_news_title { 
	font-size: 1.5em;
	line-height: 1.125;
	font-weight: 600;
	text-align: left;
	/*word-break: break-word;*/
	mso-line-height-alt: 17px;
	margin: 0;
	color: #555555;
	text-decoration: none;
	
	display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 2;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 90px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-word */
}

.category-content a > p.vedio_news_title { 
	color: #555555;
}

.category-content p.vedio_news_title:hover { 
	color: #2b75b6;
}

@media (max-width: 768px) {
	.category-content p.vedio_news_title { 
		font-size: 1.5em;
	}
}

@media (max-width: 480px) {
	.category-content p.vedio_news_title { 
		font-size: 1.25em;
	}
}


/*--------------------------------------*/
/*----- ///// 自訂尺寸區/////  START  -----*/
/*--------------------------------------*/

/* CSS width: 12%; */
.col-lg-12_6,.col-md-12_6,.col-sm-12_6,.col-xs-12_6 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width:1200px) {
	.col-lg-12_6 { float: left; }
	.col-lg-12_6 { width: 12.666666%; }
}

@media (min-width:992px) {
	.col-md-12_6 { float: left; }
	.col-md-12_6 { width: 12.666666%; }
}

@media (min-width:768px) {
	.col-sm-12_6 { float: left; }
	.col-sm-12_6 { width: 12.666666%; }
}


.col-xs-12_6 { float: left; }
.col-xs-12_6 { width: 12.666666%; }

/* CSS width: 12%; END */

/* ----------------------------------------- */

/* CSS width: 27%; */
.col-lg-27,.col-md-27,.col-sm-27,.col-xs-27 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width:1200px) {
	.col-lg-27 { float: left; }
	.col-lg-27 { width: 27.333333%; }
}

@media (min-width:992px) {
	.col-md-27 { float: left; }
	.col-md-27 { width: 27.333333%; }
}

@media (min-width:768px) {
	.col-sm-27 { float: left; }
	.col-sm-27 { width: 27.333333%; }
}

.col-xs-27 { float: left; }
.col-xs-27 { width: 27.333333%; }

/* CSS width: 27%; END */

/* CSS width: 30%; */
.col-lg-30,.col-md-30,.col-sm-30,.col-xs-30 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width:1200px) {
	.col-lg-30 { float: left; }
	.col-lg-30 { width: 30%; }
}

@media (min-width:992px) {
	.col-md-30 { float: left; }
	.col-md-30 { width: 30%; }
}

@media (min-width:768px) {
	.col-sm-30 { float: left; }
	.col-sm-30 { width: 30%; }
}

.col-xs-30 { float: left; }
.col-xs-30 { width: 30%; }

/* CSS width: 30%; END */

/* CSS width: 60%; */
.col-lg-60,.col-md-60,.col-sm-60,.col-xs-60 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width:1200px) {
	.col-lg-60 { float: left; }
	.col-lg-60 { width: 60.333333%; }
}

@media (min-width:992px) {
	.col-md-60 { float: left; }
	.col-md-60 { width: 60.333333%; }
}

@media (min-width:768px) {
	.col-sm-60 { float: left; }
	.col-sm-60 { width: 60.333333%; }
}

.col-xs-60 { float: left; }
.col-xs-60 { width: 60.333333%; }

/* CSS width: 60%; END */

/* CSS width: 30%; */
.col-lg-70,.col-md-70,.col-sm-70,.col-xs-70 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width:1200px) {
	.col-lg-70 { float: left; }
	.col-lg-70 { width: 70%; }
}

@media (min-width:992px) {
	.col-md-70 { float: left; }
	.col-md-70 { width: 70%; }
}

@media (min-width:768px) {
	.col-sm-70 { float: left; }
	.col-sm-70 { width: 70%; }
}

.col-xs-70 { float: left; }
.col-xs-70 { width: 70%; }

/* CSS width: 70%; END */

/* CSS width: 87%; */
.col-lg-87_3,.col-md-87_3,.col-sm-87_3,.col-xs-87_3 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width:1200px) {
	.col-lg-87_3 { float: left; }
	.col-lg-87_3 { width: 87.333333%; }
}

@media (min-width:992px) {
	.col-md-87_3 { float: left; }
	.col-md-87_3 { width: 87.333333%; }
}

@media (min-width:768px) {
	.col-sm-87_3 { float: left; }
	.col-sm-87_3 { width: 87.333333%; }
}

.col-xs-87_3 { float: left; }
.col-xs-87_3 { width: 87.333333%; }

/* CSS width: 87%; END */

/*--------------------------------------*/
/*----- ///// 自訂尺寸區/////  END  -----*/
/*--------------------------------------*/


/*--------------------------------------*/
/*----- ///// 內容PAGE__RWD TABLE/////  START  -----*/
/*--------------------------------------*/

#news_listlinks .p_box_color_L {
	position: relative;
	display: block;
	text-align: center;
	padding: 8px 10px; /*8px 10px 8px 15px*/
	background: #ce3235;
}

#news_listlinks .p_box_color_R {
	padding: 8px 10px;
	background: #a6a39a;
}

#news_listlinks .nlls_title_left {
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	letter-spacing: 2px;
	word-break: break-word;
	mso-line-height-alt: 30px;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
}

#news_listlinks .nlls_more_right {
	font-size: 1em;
	line-height: 1.75;	
	text-align: center;
	letter-spacing: 2px;
	word-break: break-word;
	mso-line-height-alt: 30px;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	text-transform: capitalize;
}

#news_listlinks .nlls_more_right a {
	color: #FFFFFF;
}

#news_listlinks .nlls_more_right a:hover {
	color: #2b75b6;
}

#news_listlinks .table-rwd {}

/*這是額外做顏色，沒有什麼意義*/
/* --- 標題TR底色設定 ---*/
#news_listlinks tr.tr-only-hide {
	font-size: 1em;
	line-height: 1.42857143;
	font-weight: 500;
	color: #5a5a5a;
	background-color: transparent !important;
	/*display: none;*/
}

/* --------------- 以下標準bootstrap.min table CSS -------------------*/
.list_links_title_box {
	position: relative;
	display: inline-block;	
	width: 100%;
	background:	#a6a39a;
}

#news_listlinks .table-bordered {
	border: 1px solid #ddd;
}

#news_listlinks .table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}

#news_listlinks table {
	border-spacing: 0;
	border-collapse: collapse;
}

#news_listlinks table {
	background-color: transparent;
}

#news_listlinks .table-bordered > tbody > tr > td,
#news_listlinks .table-bordered > tbody > tr > th,
#news_listlinks .table-bordered > tfoot > tr > td,
#news_listlinks .table-bordered > tfoot > tr > th,
#news_listlinks .table-bordered > thead > tr > td,
#news_listlinks .table-bordered > thead > tr > th {
	border: 1px solid #ddd;
}

#news_listlinks .table > tbody > tr > th {
	padding: 0px 10px !important;
	vertical-align: top;
	border-top: 0px solid #ddd;
}

#news_listlinks .table > tbody > tr > td {
	font-size: 1em;
	line-height: 1.42857143;
	font-weight: 500;
	color: #5a5a5a;
	/*padding: 8px 25px;*/
	padding: 5px 10px;
	vertical-align: middle;
	/*top*/
	border-top: 0px solid #ddd;
	word-break: break-all;
	/*自動折行*/
}

#news_listlinks .table > tbody > tr > td.wrodcolor {
	font-size: 1em;
	line-height: 1.42857143;
	font-weight: 800;
	color: #0871cc;
	/*padding: 8px 25px;*/
	padding: 5px 5px;
	vertical-align: middle;
	/*top*/
	border-top: 0px solid #ddd;
	word-break: break-all;
	/*自動折行*/
}

#news_listlinks .table > tbody > tr > td.list_title {
	font-size: 1em;
	line-height: 1.42857143;
	font-weight: 600;
	color: #FF0000;
	/*padding: 8px 25px;*/
	padding: 5px 5px;
	vertical-align: middle;
	/*top*/
	border-top: 0px solid #ddd;
	word-break: break-all;
	/*自動折行*/
}

#news_listlinks .table > tbody > tr > td.list_title a {
	font-size: 1em;
	line-height: 1.42857143;
	font-weight: 600;
	color: #5a5a5a;
	display: -webkit-box;
	/* 第一步：設定 display 為 -webkit-box 元素。 */
	-webkit-box-orient: vertical;
	/* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
	-webkit-line-clamp: 2;
	/* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
	overflow: hidden;
	/* 第四步：設定超過上述指定之行數時隱藏。 */
	max-height: 45px;
	/* 第五步：其它瀏覽器降級方式：給定最大高度 */
	text-overflow: ellipsis;
	/* 第六步：超出的内容设置成省略符號 */
	white-space: pre-wrap;
	/* 第七步：中文换行(pre-wrap) / 强制换行(nowrap)(中英文有效）*/
	word-break: break-all;
	/* 第八步：英文换行，以字母为依据(break-all) / 英文换行，以单词为依据(break-word */
}

#news_listlinks .table > tbody > tr > td.list_title a:hover {
	color: #2b75b6;
}


@media(max-width:769px) {
  #news_listlinks .table > tbody > tr > td {
    padding: 8px 10px;
  }
}
@media(max-width:480px) {
  #news_listlinks .table > tbody > tr > td {
  	padding: 10px 10px;
  }
}

#news_listlinks .table_td_vertical_align {
	font-size: 1rem !important;
	vertical-align: middle !important;
}

#news_listlinks .table_td_vertical_align a {
	color: #f16609 !important;
}

#news_listlinks .table>tbody > tr > td a {
	font-weight: 800;
	color: #5a5a5a;
}

#news_listlinks .table > tbody > tr > td i {
	margin-left: 10px;
	color: #337ab7;
}

#news_listlinks .table > tbody > tr > td a:hover {
	font-weight: 800;
	color: #2b75b6;
}

#news_listlinks th {
	text-align: left;
}

#news_listlinks td, th {
	padding: 0;
	word-break: break-all;
}

/* --------------- 每列底色設定 --------------- */
#news_listlinks tr.tr-only-hide-gray {
	font-size: 1em;
	line-height: 1.42857143;
	font-weight: 500;
	color: #fff;
	background-color: #dff0d8 !important;
}

#news_listlinks tr.tr-only-hide th {
	border-top: 0 solid #ddd !important;
	padding: 0 !important;
}

#news_listlinks .table > tbody > tr.gray > td,
#news_listlinks .table > tbody > tr.gray > th,
#news_listlinks .table > tbody > tr > td.gray,
#news_listlinks .table > tbody > tr > th.gray,
#news_listlinks .table > tfoot > tr.gray  >td,
#news_listlinks .table > tfoot > tr.gray > th,
#news_listlinks .table > tfoot > tr > td.gray,
#news_listlinks .table > tfoot > tr > th.gray,
#news_listlinks .table > thead > tr.gray > td,
#news_listlinks .table > thead > tr.gray > th,
#news_listlinks .table > thead > tr > td.gray,
#news_listlinks .table > thead > tr > th.gray {
	background-color: gray;
}

#news_listlinks .table > tbody > tr.transparent > td,
#news_listlinks .table > tbody > tr.transparent > th,
#news_listlinks .table > tbody > tr > td.transparent,
#news_listlinks .table > tbody > tr > th.transparent,
#news_listlinks .table > tfoot > tr.transparent  >td,
#news_listlinks .table > tfoot > tr.transparent > th,
#news_listlinks .table > tfoot > tr > td.transparent,
#news_listlinks .table > tfoot > tr > th.transparent,
#news_listlinks .table > thead > tr.transparent > td,
#news_listlinks .table > thead > tr.transparent > th,
#news_listlinks .table > thead > tr > td.transparent,
#news_listlinks .table > thead > tr > th.transparent {
	background-color: transparent;
}

/* --------------- 以上標準bootstrap.min table CSS -------------------*/

@media (max-width: 769px) {
  #news_listlinks table-rwd-page {
    min-width: 100%;
  }

  /*針對tr去做隱藏*/
   #news_listlinks tr.tr-only-hide {
    display: none !important;
  }

  /*讓tr變成區塊主要讓他有個區塊*/
   #news_listlinks tr.tr-only-hide-light-green {
    display: none !important;
  }

   #news_listlinks .table-rwd-page tr {
    display: block;
    border-bottom: 1px solid #ddd;
    margin-top: 5px;
  }

  #news_listlinks .table-rwd-page td {
    text-align: left;
    font-size: 1em;
    overflow: hidden;
    width: 100%;
    display: block;
  }
  
  #news_listlinks .table-rwd-page td.period:before {
    /*最重要的就是這串*/
    content: attr(data-th) " : ";
    /*最重要的就是這串*/
    /*display: inline-block;*/
    /*單獨一列顯示*/
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 10px;
    /*color: #333;*/
    color: #5a5a5a;
    /*RWD 標題顏色*/
    padding: 8px 0;
    /*border-bottom: 1px solid #ddd;*/
    width: 100%;
    margin-bottom: 5px;
    /*background:#e7e7e7;*/
    /*background:#f6f6f6;*/
  }


  /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
  #news_listlinks .table-rwd-page.table-bordered td, #news_listlinks .table-rwd-page.table-bordered th, #news_listlinks .table-rwd-page.table-bordered {
	border: 0;
  }
}

/* td 裡面加圖片 範例 */
/* --------------------------------------
<td align="center" valign="middle" data-th="圖片">
	<div class="imgex0-box">
		<div  class="imgex0-img">
			<img alt="Image" class="center autowidth img_size" src="/images/enewspeaper/640x480.jpg" width="325" border="0" align="middle">
		</div>
	</div>
</td>
-----------------------------------------*/
#news_listlinks .imgex0-box {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: table;
	background-color: transparent;
}

#news_listlinks .imgex0-img {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#news_listlinks .img_size {
	display: table-cell;
	text-decoration: none;
	-ms-interpolation-mode:	bicubic; 
	border: 0;
	width: auto;
	height: auto;
	max-height: 350px;
}

#news_listlinks .img_size_02 {
	display: table-cell;
	text-decoration: none;
	-ms-interpolation-mode:	bicubic; 
	border: 0;
	width: auto;
	height: auto;
	max-height: 450px;
}

/*--------------------------------------*/
/*----- ///// 內容PAGE__RWD TABLE/////  END  -----*/
/*--------------------------------------*/


.category-content .border_0 {
    position: relative;
    display: block;
    padding: 0px;
    margin-left: 15px;
    margin-right: 15px;
    border-top: 1px solid transparent;
    text-align: left;
}


#ContentPlaceContent_Panel_List .table > tbody > tr > td.text_tc {
	font-size: 1rem !important;
	line-height: 1.42857143;
	font-weight: 500;
	color: #5a5a5a;
	padding: 8px 25px;
	padding: 10px 10px;
	vertical-align: middle !important;
	border-top: 0px solid #ddd;
	word-break: break-all;
}

#ContentPlaceContent_Panel_List .table > tbody > tr > td.text_tc a {
	color: #5a5a5a !important;
}

#ContentPlaceContent_Panel_List .table > tbody > tr > td.text_tc a:hover {
	color: #2b75b6 !important;
}

#ContentPlaceContent_CB_subscribe td > label {
	display: inline-block;
	font-size: 0.9375rem;
	line-height: 1.8;
	font-weight: 700;
	color: #333;
	margin-left: 0.25rem;
	margin-bottom: 0.5rem;
	max-width: 100%;
}

@media (max-width: 769px) {
	  #ContentPlaceContent_CB_subscribe td > label {
		font-size: 1.125rem;
	}
}

#bt-campus-news .news-btn {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 40px;
  background-color: #292929;
  text-align: center;
  line-height: 40px;
  font-size: 1em;
  color: #FFFFFF;
  /*float: right;*/
}

#bt-campus-news .news-btn:hover {
  color: #FFFFFF;
  background-color: #1d78c8;
}

#bt-campus-news .more_but {
	text-decoration: none;
	display: inline-block;
	color: #004785;
	background-color:#FFFFFF;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	width: auto;
	width: auto;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #555555;
	border-left: 1px solid transparent;
	/*padding-top: 5px;*/
	/*padding-bottom: 5px;*/
	text-align: center;
	mso-border-alt: none;
	word-break: keep-all;
}

#bt-campus-news .more_text {
	display: inline-block;
	font-size: 1em;
	line-height: 2;
	word-break: break-word;
	padding-left: 0px;
	padding-right: 0px;    
}

.more_but:hover { 
	color: #0871cc;
}
  
/*--// 20200302 JESS NEW 華梵導報 類別選單TAB CSS END //--*/


/*--// 20220107 JESS NEW 華梵導報 類別選單 START //--*/
/* 查詢 ========================= */
.all-content-box .select-top-bar {
    margin: 0 0 30px 0;
    align-self: center;
    align-items: center;
    justify-content: space-between;
    font-size: 0.9375rem; /*15px*/
    background: #ebebeb;
    /*padding: 0px 20px 0px 20px;*/
}

@media only screen and (max-width:767px) {
    .all-content-box .select-top-bar {
        margin-top: 0
    }
}

@media only screen and (max-width:575px) {
    .all-content-box .select-top-bar {
        /*padding: 15px 10px 5px 30px*/
    }
}

.all-content-box .select-top-bar p {
	font-size: 112.5%;
	font-weight: 600;
	line-height: 1.42857143;
	letter-spacing: .125em;
	margin-right: 2px;
	padding: 8px 15px;
	color: #39260c;
    margin: 0;
}

@media only screen and (max-width:575px) {
    .all-content-box .select-top-bar.d-flex {
        display: block !important
    }
}

/* ============================= */

.all-content-box .box-select .nice-select {
	position: relative;
	display: block;
    float: left;

	font-weight: 600;
	letter-spacing: .125em;
	line-height: 40px;
	
	max-width: 250px;
	width: 300px;
    height: 40px;
    
    outline: 0;
	padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px; /*18*/
    padding-right: 30px;
	
	-webkit-tap-highlight-color: transparent;
    background-color: #ebebeb;
    border-radius: 0;
    border: solid 1px #ebebeb;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    
    text-align: left !important;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
}

@media only screen and (max-width:575px) {
    .all-content-box .box-select .nice-select {
        max-width: 200px
    }
}

.all-content-box .box-select .nice-select:after {
    border: 0;
    content: "";
    display: inline-block;
    font-family: Ionicons;
    height: auto;
    margin-top: 0;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: auto;
    transform-origin: 0 0;
    transform: rotate(0);
    transition: all .15s ease-in-out;
    width: auto;
    color: #000000;
    font-size: 1rem; /*16px*/
}

.all-content-box .box-select .nice-select .list {
    background-color: #FFFFFF;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(.75) translate(-21px);
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 15;
    width: 100%;
    color: var(--color-custom-v0)
}

.all-content-box .box-select .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translate(0)
}

/*--------------------------------*/
.all-content-box .header_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	/*flex-wrap: wrap;*/
	justify-content: flex-start;
	align-items: center;
}

/*--------------------------------*/
.all-content-box .header_box .headtitle_left {
    font-size: 125%;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    letter-spacing: 2px;
    word-break: break-word;
    mso-line-height-alt: 30px;
    margin: 0;
    color: #39260c;
    text-decoration: none;
}

.all-content-box .header_box .headtitle_left img {
    position: relative;
  /*max-width: 33.333333%;*/
  /*height: auto;*/
    max-height: 28.4501px;
    
    top: -3px;
}


.all-content-box .header_box ul.titlelist-group {
	display: inline-block;
	width: 100%;
	list-style: none;
}

.all-content-box .header_box ul.titlelist-group li {
	position: relative;
	list-style: none;
	z-index: 1;
	float: left;
	margin: 0;
	width: 100%;
	margin-bottom: 10px;
}

.all-content-box .header_box ul.titlelist-group li a p { 
	font-size: 112.5%;
	line-height: 1.125;
	font-weight: 600;
	text-align: left;
	mso-line-height-alt: 17px;
	margin: 0;
	color: #935500;
	text-decoration: none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-height: 45px;
	text-overflow: ellipsis;
	white-space: pre-wrap;
	word-break: break-all;
	margin-top: 0;
	margin-bottom: 0;
}
.all-content-box .header_box ul.titlelist-group li a:hover p { 
	color: #39260c;
}

/*--------------------------------*/
.all-content-box p.cc_toptitle {
	font-size: 112.5%;
	line-height: 1.125;
	font-weight: 600;
	text-align: left;
	mso-line-height-alt: 17px;
	margin: 0;
	color: #555555;
	text-decoration: none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-height: 135px;
	text-overflow: ellipsis;
	white-space: pre-wrap;
	word-break: break-all;
}

.all-content-box a p.cc_toptitle { 
	color: #555555;
}

.all-content-box a:hover p.cc_toptitle { 
	color: #935500;
}

.all-content-box p.p_word_left {
  font-size: 100%;
  line-height: 1.5;
  text-align: left;
  mso-line-height-alt: 17px;
  margin: 0;
  color: #555555;
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  max-height: 135px;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  word-break: break-all;
}

.all-content-box .dropdown-menu {
  padding: 10px !important;
  margin: 0;
}
.all-content-box .dropdown-toggle::after {
  display: none;
}

.all-content-box .dropdown-menu .imgex0-box {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: table;
  background-color: #F4F4F4;
  margin-bottom: 0px !important;
}
/*--------------------------------*/
/*--// 20220107 JESS NEW 華梵導報 類別選單 END //--*/