@charset "utf-8";
/* CSS Document */

/* // 最新消息 // ----- */
/* <section class="templateux-cover"> ... </div> */
/* --------------------------------------------- */


/* // 最新消息 __START //----- */
/*----------------------------*/
.templateux-cover .news_bg {
	position: relative;
	display: block;
	/*min-height: 427px;*/
	background: #990021;  /*b3183a*/
}

.templateux-cover .tab-box {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 0px;
}

.templateux-cover .block-pc {
	position: relative;
	display: block;
}

.templateux-cover .block-mobile {
	position: relative;
	display: none;
}

@media(max-width:769px){
	.templateux-cover .block-pc {
		position: relative;
		display: none;
	}
	
	.templateux-cover .block-mobile {
		position: relative;
		display: block;
	}
}

.templateux-cover .list_a_box {
	position: relative;
	display: inline-block;
	padding: 0 30px;
	/*border-right: 1px dashed rgba(255,255,255,0.3);*/
}

@media(min-width:1200px) {
	.templateux-cover .list_a_box {
		min-width: 100%;
	}
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: transparent;
}

/* 最新消息_PC版 */
.templateux-cover .tab-content .date {
	position: relative;
	display: inline-block;
	text-align: center;
}

@media(max-width:769px){
	.templateux-cover .pc_bookmark {
		display: none;
	}
}

@media(min-width:769px){
	.templateux-cover .mobile_bookmark {
		display: none;
	}	
}

@media(min-width:768px)and(max-width:769px) {
	.templateux-cover .tab-content table tr .date {
		word-wrap: break-word;
	}

	.templateux-cover .tab-content table tr .table_list {
		width: 85%;
	}
}

.templateux-cover .tab-content .table tr {
	margin-top: 10px;
	border-bottom: 1px solid #ca4b67;
}

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

.templateux-cover .back-color {
  background: transparent;
}

.templateux-cover .tab-s1 {
  border-bottom: 1px solid #ddd
}

.templateux-cover .tab-s1 > li {
  float: left;
  margin-bottom: -1px;
  vertical-align: middle;
}

.templateux-cover .tab-s1 > li:last-child {
  border-right: 1px dashed transparent;
}

.templateux-cover .tab-s1 > li > a {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.42857143;
  letter-spacing: .1em;
  margin-right: 2px;
  padding: 10px 15px;
}

.templateux-cover .tab-s1 > li > a:hover  {
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
}

.templateux-cover .tab-s1 > li > a:focus  {
  color: #fff;
  background-color: rgba(106, 0, 23, 1);
}

.templateux-cover .tab-s1 > li.active > a, 
.templateux-cover .tab-s1 > li.active > a:focus, 
.templateux-cover .tab-s1 > li.active > a:hover {
  color: #fff;
  cursor: default;
  z-index: 1;
  background-color: rgba(106, 0, 23, 1);
  border-bottom-color: transparent;
  
  background: #990021;
}

/*.templateux-cover .tab-s1 > 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');
}*/

.templateux-cover .tab-center {
  width: 100%
}

.templateux-cover .tab-center > li {
  float: none;
}

.templateux-cover .tab-center > li > a {
  margin-bottom: 5px;
  text-align: center;
  color: #FFFFFF;
  color: rgba(255,255,255,0.5);
}

.templateux-cover .tab-s1.tab-center {
  width: 100%;
  border-bottom: 0;
  display: block;
  background-color: rgba(106, 0, 23, 1);
}

.templateux-cover .tab-s1.tab-center > li {
  float: none;
}

.templateux-cover .tab-s1.tab-center > li > a {
  margin-right: 0;
  margin-bottom: 5px;
  text-align: center;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  /*border-right: 1px dashed #848484;*/
}

@media (min-width:768px) {
  .templateux-cover .tab-s1.tab-center > li {
    display: table-cell;
    width: 1%;
  }

  .templateux-cover .tab-s1.tab-center > li > a {
    margin-bottom: 0
  }

  .templateux-cover .tab-center > li {
    display: table-cell;
    width: 1%
  }

  .templateux-cover .tab-center > li > a {
    margin-bottom: 0
  }
}

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

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

  .templateux-cover .tab-s1.tab-center > li > a {
    margin-bottom: 0px;
  }
}

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

  /*.templateux-cover .tab-center > li > a {
    border-bottom: 1px dashed #848484;
  }*/

  .templateux-cover .tab-s1.tab-center > li > a {
    margin-bottom: 0px;
  }
}

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

  .templateux-cover .tab-center > li > a {
    border-bottom: 1px dashed #848484;
  }

  .templateux-cover .tab-s1.tab-center > li > a {
    margin-bottom: 0px;
  }
}

.templateux-cover .tab-content .table tr:first-child,
.templateux-cover .tab-content .table tr:last-child {
	border-bottom: 0px solid #d4d4d4;
}

.templateux-cover .tab-content .date .top {
	font-size: 0.9375em;
	/*font-weight: 500;*/
	color: #FFFFFF;
	letter-spacing: 1.5px;
}

.templateux-cover .tab-content .date .bottom {
	font-size: 1.125em;
	font-weight: 800; /*500*/
	color: #ffcb69;
	letter-spacing: 1.5px;
}

/* 最新消息_手機版 */
@media(max-width:769px) {
	.templateux-cover .list_a_box .tab-content.mobile {
		display: block;
		margin-left: 0px;
		margin-right: 0px;
	}

	.templateux-cover .list_a_box .tab-content.mobile tr:first-child {
		display: none;
	}
	
	.templateux-cover .list_a_box .tab-content.pc {
		display: none;
	}
	
	.templateux-cover .list_a_box .tab-content.mobile .date::after {
		display: none;
	}
	
	.templateux-cover .list_a_box .tab-content.mobile .date {
		text-align: left;
	}
}

@media(min-width:769px) {
	.templateux-cover .list_a_box .tab-content.pc {
		display: block;
	}

	.templateux-cover .list_a_box .tab-content.mobile {
		display: none;
	}
}

/* // 最新消息 __END //------- */
/*----------------------------*/

/*---------------------------------------------------------*/
/* // RWD TABLE CSS CODE __START //----------------------- */
/*---------------------------------------------------------*/

.templateux-cover .table-rwd {}

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


/*---------------------------------------------------------*/
/* // 以下標準 Bootstrap.min table CSS __START //---------- */
.templateux-cover .table-bordered {
	border: 1px solid #ddd;
}

/* --- 取消 ---------------------------------------
.table-striped tbody tr:nth-of-type(2n+1) {
	/*background-color: transparent;*/         /*列表第一分色
	/*background-color: rgba(0, 0, 0, 0.05);
}

.table-striped tbody tr:nth-of-type(2n) {
	/*background-color: rgba(0, 0, 0, 0.02);   /*列表第二分色
	/*background-color: rgba(0, 0, 0, 0.05);
}
------------------------------------------------- */

.templateux-cover .table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}

.templateux-cover table {
	border-spacing: 0;
	border-collapse: collapse;
}

.templateux-cover table {
	background-color: transparent;
}

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

.templateux-cover .table > tbody > tr > th {
	padding: 15px 10px;
	vertical-align: top;
	border-top: 1px solid transparent;
}

.templateux-cover .table > tbody > tr > td {
	font-size: 0.95rem;
	line-height: 1.42857143;
	font-weight: 500;
	color: #FFFFFF;
	padding: 6.45px 10px;  /*8px 10px*//*20201029 JESS修正*/
	vertical-align: middle; /*top*/
	border-top: 0px solid #ddd;
	word-break: break-all;  /*自動折行*/
}

/*-// 列表清單縮放 表格 TH 寬度比例 大小 ------------------------------*/
/*------------------------------------------------------------------*/
.templateux-cover .tab-content .tr-only-hide th.th_w_left {
	width: 20%!important;
}
	
.templateux-cover .tab-content .tr-only-hide th.th_w_right {
	width: 80%!important;
}

@media (max-width:1650px) {
	.templateux-cover .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 10.5%!important;
	}
	.templateux-cover .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 90.5%!important;
	}
}	
@media(max-width:1480px){
	.templateux-cover .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 10.5%!important;
	}
	.templateux-cover .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 90.5%!important;
	}
}

@media(max-width:1380px){
	.templateux-cover .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 10.5%!important;
	}
	.templateux-cover .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 90.5%!important;
	}
}

@media(max-width:1280px){
	.templateux-cover .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 10.5%!important;
	}
	.templateux-cover .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 90.5%!important;
	}
}

@media(max-width:1140px){
	.templateux-cover .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 10.5%!important;
	}
	.templateux-cover .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 90.5%!important;
	}
}

@media(max-width:992px){
	.templateux-cover .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 10.5%!important;
	}
	.templateux-cover .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 90.5%!important;
	}
}

@media(max-width:940px){
	.templateux-cover .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 13%!important;
	}
	.templateux-cover .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 87%!important;
	}
}

@media(max-width:785px){
	.templateux-cover .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 13%!important;
	}
	.templateux-cover .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 87%!important;
	}
}
/*-// 列表清單縮放 表格 TH 寬度比例 大小 __END // ----------------------*/
/*------------------------------------------------------------------*/

@media(max-width:769px) {
	.templateux-cover .list_a_box .tab-content.mobile .date {
		padding: 0px 10px;
	}
	
	.templateux-cover .tab-center > li {
		float: left !important;
		width: 50%;
	}
}

@media(max-width:480px) {
	.templateux-cover .table > tbody > tr > td {
		padding: 10px 10px;
	}
}

.templateux-cover .table tr .update {
	  padding: 8px 10px 2px 10px;
	  font-size: 0.8rem;
}

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

.templateux-cover .table_td_vertical_align a {
	color: #f16609 !important;
}

.templateux-cover .table > tbody > tr > td a {
	font-weight: 500;
	color: #FFFFFF;
	
	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-wor*/
}

.templateux-cover .table > tbody > tr > td i {
	margin-left: 10px;
	color: #5a5a5a;
}

.templateux-cover .table > tbody > tr > td a:hover {
	font-weight: 500;
	color: #ffcb69;
}

.templateux-cover th {
	text-align: left;
}

.templateux-cover td, .templateux-cover th {
	padding: 0;
	word-break: break-all;
}

/* --------------- 每列底色設定 --------------- */
.templateux-cover tr.tr-only-hide-bg {
	font-size: 1rem;
	line-height: 1.42857143;
	font-weight: 500;
	color: #fff;
	background-color: #6aaa00 !important;
}

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

.templateux-cover .table > tbody > tr.column_1 > td,
.templateux-cover .table > tbody > tr.column_1 > th,
.templateux-cover .table > tbody > tr > td.column_1,
.templateux-cover .table > tbody > tr > th.column_1,
.templateux-cover .table > tfoot > tr.column_1 > td,
.templateux-cover .table > tfoot > tr.column_1 > th,
.templateux-cover .table > tfoot > tr > td.column_1,
.templateux-cover .table > tfoot > tr > th.column_1,
.templateux-cover .table > thead > tr.column_1 > td,
.templateux-cover .table > thead > tr.column_1 > th,
.templateux-cover .table > thead > tr > td.column_1,
.templateux-cover .table > thead > tr > th.column_1 {
	background-color: transparent;
}

.templateux-cover .table > tbody > tr.column_2 > td,
.templateux-cover .table > tbody > tr.column_2 > th,
.templateux-cover .table > tbody > tr > td.column_2,
.templateux-cover .table > tbody > tr > th.column_2,
.templateux-cover .table > tfoot > tr.column_2 > td,
.templateux-cover .table > tfoot > tr.column_2 > th,
.templateux-cover .table > tfoot > tr > td.column_2,
.templateux-cover .table > tfoot > tr > th.column_2,
.templateux-cover .table > thead > tr.column_2 > td,
.templateux-cover .table > thead > tr.column_2 > th,
.templateux-cover .table > thead > tr > td.column_2,
.templateux-cover .table > thead > tr > th.column_2 {
	background-color: transparent;
}

/* 取消TR底色設定 bootstrap.min 等都要取消
.templateux-cover .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}
*/

/* // 以上標準 Bootstrap.min table CSS __END //---------- */
/*---------------------------------------------------------*/

@media (max-width: 736px) {
	.templateux-cover .table-rwd {
		min-width: 100%;
	}
	
	/*針對tr去做隱藏*/
	.templateux-cover tr.tr-only-hide {
		display: none !important;
	}
	
	/*讓tr變成區塊主要讓他有個區塊*/
	.templateux-cover tr.tr-only-hide-bg {
		display: none !important;
	}
	
	.templateux-cover .table-rwd tr {
		display: block;
		margin-top: 5px;
	}
	
	.templateux-cover .table-rwd td {
		text-align: left;
		font-size: 1em;
		overflow: hidden;
		width: 100%;
		display: block;
	}
	
	.templateux-cover .table-rwd td:before {
		content: attr(data-th) " : ";     /*最重要的就是這串*/
		/*display: inline-block;*/        /*單獨一列顯示*/
		text-transform: uppercase;
		font-weight: 500;
		margin-right: 10px;
		color: #FFFFFF;                      /*RWD 標題顏色*/
		padding: 8px 0;
		/*border-bottom: 1px solid #ddd;*/
		width: 100%;
		margin-bottom: 5px;
		/*background:#e7e7e7;*/
		/*background:#f6f6f6;*/
	}
	
	/*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
	.templateux-cover .table-rwd.table-bordered td, .templateux-cover .table-rwd.table-bordered th, .templateux-cover .table-rwd.table-bordered {
		border: 0;
	}
	
	.templateux-cover .table-rwd td.table_list:before {		
		display: none;        /*單獨一列顯示*/
	}
}

/*---------------------------------------------------------*/
/* // RWD TABLE CSS CODE __END //------------------------- */
/*---------------------------------------------------------*/


/* // 招生訊息 // ----- */
/* <section class="templateux-section"> ... </div> */
/* --------------------------------------------- */


/* // 招生訊息 __START //----- */
/*----------------------------*/
.templateux-section {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
  display: inline-block;
}

@media(max-width:769px) {
  .templateux-section .container {
    padding-right: 0;
    padding-left: 0;
  }
}

.templateux-section .list_b_box {
	position: relative;
	display: inline-block;
}

@media(min-width:1200px) {
	.templateux-section .list_b_box {
		min-width: 100%;
	}
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: transparent;
}

/* 招生訊息_PC版 */
.templateux-section .tab-content .date {
	position: relative;
	display: inline-block;
	text-align: center;
}
@media(max-width:769px){
	.templateux-section .pc_bookmark {
		display: none;
	}
}
@media(min-width:769px){
	.templateux-section .mobile_bookmark {
		display: none;
	}
}

@media(min-width:768px)and(max-width:769px) {
	.templateux-section .tab-content table tr .date {
		word-wrap: break-word;
	}

	.templateux-section .tab-content table tr .table_list {
		width: 85%;
	}
}

.templateux-section .tab-content .table tr {
	margin-top: 10px;
	border-bottom: 1px solid #d4d4d4;
}

/*-// 清單縮放 表格 TD 分隔線 位置設定 --------------------------------*/
/*------------------------------------------------------------------*/
/*.templateux-section .tab-content.pc .date::after {
	content: " ";
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 50%;
	background-color: #c8c8c8;
	top: 20px;
	left: 85px;
}

@media(max-width:1480px){
	.templateux-section .tab-content.pc .date::after {
		left: 85px;
	}
}

@media(max-width:1280px) {
	.templateux-section .tab-content.pc .date::after {
		left: 75px;
	}
}

@media(max-width:940px){
	.templateux-section .tab-content.pc .date::after {
		left: 75px;
	}
}

@media(max-width:785px){
	.templateux-section .tab-content.pc .date::after {
		left: 75px;
	}
}*/

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

.templateux-section .tab-content .table tr:first-child,
.templateux-section .tab-content .table tr:last-child {
	border-bottom: 0px solid #d4d4d4;
}

.templateux-section .tab-content .date .top {
	font-size: 0.9375em;
	font-weight: 500;
	color: #3f3f3f;
}

.templateux-section .tab-content .date .bottom {
	font-size: 1.25em;
	font-weight: 800; /*500*/
	color: #b3183a;
}

.templateux-section .list_b_box .news-btn {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 35px;
	background-color: #ac895a;
	text-align: center;
	line-height: 35px;
	font-size: 1em;
	color: #FFFFFF;
	float: right;
}

.templateux-section .list_b_box .news-btn:hover {
	color: #FFFFFF;
	background-color: #a37a44;
}

/* 招生訊息_手機版 */
@media(max-width:769px) {
	.templateux-section .list_b_box .tab-content.mobile {
		display: block;
		margin-left: 0px;
		margin-right: 0px;
	}

	.templateux-section .list_b_box .tab-content.mobile tr:first-child {
		display: none;
	}
	
	.templateux-section .list_b_box .tab-content.pc {
		display: none;
	}
	
	.templateux-section .list_b_box .tab-content.mobile .date::after {
		display: none;
	}
	
	.templateux-section .list_b_box .tab-content.mobile .date {
		text-align: left;
		padding: 0px 10px;
	}
}

@media(min-width:769px) {
	.templateux-section .templateux-section .list_b_box .tab-content.pc {
		display: block;
	}

	.templateux-section .list_b_box .tab-content.mobile {
		display: none;
	}
}

/* // 招生訊息 __END //------- */
/*----------------------------*/

/*---------------------------------------------------------*/
/* // RWD TABLE CSS CODE __START //----------------------- */
/*---------------------------------------------------------*/

.templateux-section .table-rwd {}

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


/*---------------------------------------------------------*/
/* // 以下標準 Bootstrap.min table CSS __START //---------- */
.templateux-section .table-bordered {
	border: 1px solid #ddd;
}

/* --- 取消 ---------------------------------------
.table-striped tbody tr:nth-of-type(2n+1) {
	/*background-color: transparent;*/         /*列表第一分色
	/*background-color: rgba(0, 0, 0, 0.05);
}

.table-striped tbody tr:nth-of-type(2n) {
	/*background-color: rgba(0, 0, 0, 0.02);   /*列表第二分色
	/*background-color: rgba(0, 0, 0, 0.05);
}
------------------------------------------------- */

.templateux-section .table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}

.templateux-section table {
	border-spacing: 0;
	border-collapse: collapse;
}

.templateux-section table {
	background-color: transparent;
}

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

.templateux-section .table > tbody > tr > th {
	padding: 15px 10px;
	vertical-align: top;
	border-top: 1px solid transparent;
}

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

/*-// 列表清單縮放 表格 TH 寬度比例 大小 ------------------------------*/
/*------------------------------------------------------------------*/
.templateux-section .tab-content .tr-only-hide th.th_w_left {
	width: 15%!important;
}
	
.templateux-section .tab-content .tr-only-hide th.th_w_right {
	width: 85%!important;
}
	
@media(max-width:1480px){
	.templateux-section .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 15%!important;
	}
	.templateux-section .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 85%!important;
	}
}

@media(max-width:1380px){
	.templateux-section .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 15%!important;
	}
	.templateux-section .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 85%!important;
	}
}

@media(max-width:1280px){
	.templateux-section .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 15%!important;
	}
	.templateux-section .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 85%!important;
	}
}

@media(max-width:1140px){
	.templateux-section .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 25%!important;
	}
	.templateux-section .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 75%!important;
	}
}

@media(max-width:992px){
	.templateux-section .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 10.5%!important;
	}
	.templateux-section .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 90.5%!important;
	}
}

@media(max-width:940px){
	.templateux-section .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 13%!important;
	}
	.templateux-section .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 87%!important;
	}
}

@media(max-width:785px){
	.templateux-section .tab-content .tr-only-hide th.th_w_left:nth-child(1) {
		width: 13%!important;
	}
	.templateux-section .tab-content .tr-only-hide th.th_w_right:nth-child(2) {
		width: 87%!important;
	}
}
/*-// 列表清單縮放 表格 TH 寬度比例 大小 __END // ----------------------*/
/*------------------------------------------------------------------*/

@media(max-width:480px) {
	.templateux-section .table > tbody > tr > td {
		padding: 10px 10px;
	}
}

.templateux-section .table tr .update {
	  padding: 8px 10px 2px 10px;
	  font-size: 0.8rem;
}

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

.templateux-section .table_td_vertical_align a {
	color: #f16609 !important;
}

.templateux-section .table>tbody > tr > td a {
	font-weight: 600; /*500*/
	color: #5a5a5a;
	
	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-wor*/
}

.templateux-section .table>tbody > tr > td i {
	margin-left: 10px;
	color: #5a5a5a;
}

.templateux-section .table > tbody > tr > td a:hover {
	font-weight: 600; /*500*/
	color: #b3183a;
}

.templateux-section th {
	text-align: left;
}

.templateux-section td, .templateux-section th {
	padding: 0;
	word-break: break-all;
}

/* --------------- 每列底色設定 --------------- */
.templateux-section tr.tr-only-hide-bg {
	font-size: 1rem;
	line-height: 1.42857143;
	font-weight: 500;
	color: #fff;
	background-color: #6aaa00 !important;
}

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

.templateux-section .table > tbody > tr.column_1 > td,
.templateux-section .table > tbody > tr.column_1 > th,
.templateux-section .table > tbody > tr > td.column_1,
.templateux-section .table > tbody > tr > th.column_1,
.templateux-section .table > tfoot > tr.column_1 > td,
.templateux-section .table > tfoot > tr.column_1 > th,
.templateux-section .table > tfoot > tr > td.column_1,
.templateux-section .table > tfoot > tr > th.column_1,
.templateux-section .table > thead > tr.column_1 > td,
.templateux-section .table > thead > tr.column_1 > th,
.templateux-section .table > thead > tr > td.column_1,
.templateux-section .table > thead > tr > th.column_1 {
	background-color: transparent;
}

.templateux-section .table > tbody > tr.column_2 > td,
.templateux-section .table > tbody > tr.column_2 > th,
.templateux-section .table > tbody > tr > td.column_2,
.templateux-section .table > tbody > tr > th.column_2,
.templateux-section .table > tfoot > tr.column_2 > td,
.templateux-section .table > tfoot > tr.column_2 > th,
.templateux-section .table > tfoot > tr > td.column_2,
.templateux-section .table > tfoot > tr > th.column_2,
.templateux-section .table > thead > tr.column_2 > td,
.templateux-section .table > thead > tr.column_2 > th,
.templateux-section .table > thead > tr > td.column_2,
.templateux-section .table > thead > tr > th.column_2 {
	background-color: transparent;
}

/* 取消TR底色設定 bootstrap.min 等都要取消
.templateux-section .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}
*/

/* // 以上標準 Bootstrap.min table CSS __END //---------- */
/*---------------------------------------------------------*/

@media (max-width: 736px) {
	.templateux-section .table-rwd {
		min-width: 100%;
	}
	
	/*針對tr去做隱藏*/
	.templateux-section tr.tr-only-hide {
		display: none !important;
	}
	
	/*讓tr變成區塊主要讓他有個區塊*/
	.templateux-section tr.tr-only-hide-bg {
		display: none !important;
	}
	
	.templateux-section .table-rwd tr {
		display: block;
		margin-top: 5px;
	}
	
	.templateux-section .table-rwd td {
		text-align: left;
		font-size: 1em;
		overflow: hidden;
		width: 100%;
		display: block;
	}
	
	.templateux-section .table-rwd td:before {
		content: attr(data-th) " : ";     /*最重要的就是這串*/
		/*display: inline-block;*/        /*單獨一列顯示*/
		text-transform: uppercase;
		font-weight: 500;
		margin-right: 10px;
		color: #888;                      /*RWD 標題顏色*/
		padding: 8px 0;
		/*border-bottom: 1px solid #ddd;*/
		width: 100%;
		margin-bottom: 5px;
		/*background:#e7e7e7;*/
		/*background:#f6f6f6;*/
	}
	
	/*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
	.templateux-section .table-rwd.table-bordered td, .templateux-section .table-rwd.table-bordered th, .templateux-section .table-rwd.table-bordered {
		border: 0;
	}
	
	.templateux-section .table-rwd td.table_list:before {		
		display: none;        /*單獨一列顯示*/
	}
}

/*---------------------------------------------------------*/
/* // RWD TABLE CSS CODE __END //------------------------- */
/*---------------------------------------------------------*/

/*---------------------------------------------------------*/
/* // 招生資訊 ICON CSS CODE __START //-------------------- */
/*---------------------------------------------------------*/
.block_bg {
	position: relative;
	display: block;
}

.templateux-section .it_box {	
	display: table;
	width: 100%;
	max-width: 100%;
	/*height: 150px;*/	
}

.templateux-section .it_box .icon_block {
    display: inline-block;
	width: 100%;
    vertical-align: middle;
    text-align: center;
	padding: 20px;
}

.templateux-section .text_box {	
	display: table;
	width: 100%;
	max-width: 100%;
	padding: 0px 20px 20px 20px;
}

.templateux-section a div.title_text {	
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: capitalize;
	text-decoration: none;
	width: 100%;
    vertical-align: middle;
    text-align: center;	
	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 48px;
	text-overflow: ellipsis;
	white-space: pre-wrap;
	word-break: break-all;
}

.color_1 {
	background: #ffa800;
}
.color_1:hover, .color_1:active , .color_1:focus {
	outline: none;
	background: #ff9400 !important;
}
.color_1:hover::before,
.color_1:active::before, 
.color_1:focus::before {
	background: #b3183a;
    opacity: 1 !important;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 5px;
    content: '';
    left: 0;
    bottom: 0;
}

.color_2 {
	background: #6ea152;
}
.color_2:hover, .color_2:active , .color_2:focus {
	outline:none;
	background: #649a46 !important;
}
.color_2:hover::before,
.color_2:active::before, 
.color_2:focus::before {
	background: #b3183a;
    opacity: 1 !important;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 5px;
    content: '';
    left: 0;
    bottom: 0;
}

.color_3 {
	background: #4c9fa2;
}
.color_3:hover, .color_3:active , .color_3:focus {
	outline: none;
	background: #2c9497 !important;
}
.color_3:hover::before,
.color_3:active::before, 
.color_3:focus::before {
	background: #b3183a;
    opacity: 1 !important;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 5px;
    content: '';
    left: 0;
    bottom: 0;
}

.color_4 {
	background: #c54f62;
}
.color_4:hover, .color_4:active , .color_4:focus {
	outline: none;
	background: #bb3f53 !important;
}
.color_4:hover::before,
.color_4:active::before, 
.color_4:focus::before {
	background: #b3183a;
    opacity: 1 !important;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 5px;
    content: '';
    left: 0;
    bottom: 0;
}

.color_5 {
	background: #635aa3;
}
.color_5:hover, .color_5:active , .color_5:focus {
	outline: none;
	background: #584ea0 !important;
}
.color_5:hover::before,
.color_5:active::before, 
.color_5:focus::before {
	background: #b3183a;
    opacity: 1 !important;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 5px;
    content: '';
    left: 0;
    bottom: 0;
}

.color_6 {
	background: #4f7ac1;
}
.color_6:hover, .color_6:active , .color_6:focus {
	outline: none;
	background: #426fb9 !important;
}
.color_6:hover::before,
.color_6:active::before, 
.color_6:focus::before {
	background: #b3183a;
    opacity: 1 !important;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 5px;
    content: '';
    left: 0;
    bottom: 0;
}

/*==============================================*/
/*==============================================*/
.textcolor_1 {
    color: #ffa800 !important;
}

.textcolor_2 {
    color: #6ea152 !important;
}

.textcolor_3 {
    color: #4c9fa2 !important;
}

.textcolor_4 {
    color: #c54f62 !important;
}

.textcolor_5 {
    color: #635aa3 !important;
}

.textcolor_6 {
    color: #4f7ac1 !important;
}
/*==============================================*/
/*==============================================*/
/*---------------------------------------------------------*/
/* // 招生資訊 ICON CSS CODE __END //---------------------- */
/*---------------------------------------------------------*/


/*---------------------------------------------------------*/
/* // 影音訊息 Vedio CSS CODE __START //------------------- */
/*---------------------------------------------------------*/
#site-wrap .video-list {
	display: block;
	width: 100%;
}

#site-wrap #video figure {
  border: 1px solid transparent;
  /*border: 1px solid #dddddd;*/
  transition: all linear 0.4s;
  -webkit-transition: all linear 0.4s;
  -moz-transition: all linear 0.4s;
  -ms-transition: all linear 0.4s;
  -o-transition: all linear 0.4s;
}

#site-wrap #video iframe {
  border: 3px solid transparent !important;
}

#site-wrap #video figure img {
  width: 100%;
}

#site-wrap #video figure figcaption {
  position: relative;
  padding: 15px 15px 15px 15px;
  top: -2px;
  background: #eaeaea;
}
#site-wrap .video-list figcaption {
  position: relative;
  padding: 15px 25px 15px 25px;
  top: -2px;
  background: #eaeaea;
}

/*figcaption {
  margin-top: 0;
  margin-bottom: 0;
}*/

#site-wrap h3.title {
  font-size: 1rem;
  line-height: 1.314;
  font-weight: 600;
  letter-spacing: .1em;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  color: #333;
  margin-bottom: 0;
  
  display: -webkit-box;
  /* 第一步：設定 display 為 -webkit-box 元素。 */
  -webkit-box-orient: vertical;
  /* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
  -webkit-line-clamp: 2;
  /* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
  overflow: hidden;
  /* 第四步：設定超過上述指定之行數時隱藏。 */
  max-height: 45px;
  /* 第五步：其它瀏覽器降級方式：給定最大高度 */
}

#site-wrap h4.date_text {
  font-size: 0.875rem;
  line-height: 1.314;
  letter-spacing: .1em;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  color: #333;
  margin-bottom: 0;
  display: -webkit-box;
  /* 第一步：設定 display 為 -webkit-box 元素。 */
  -webkit-box-orient: vertical;
  /* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
  -webkit-line-clamp: 2;
  /* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
  overflow: hidden;
  /* 第四步：設定超過上述指定之行數時隱藏。 */
  max-height: 40px;
  /* 第五步：其它瀏覽器降級方式：給定最大高度 */
}

#site-wrap #video figure figcaption .review {
  padding: 3px 0;
}

#site-wrap .video-item {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  font-size: 0;
}

#site-wrap .video-list a:hover figcaption .title {
  color:#ef510e;
}

/*---------------------------------------------------------*/
/* // 影音訊息 Vedio CSS CODE __START //------------------- */
/*---------------------------------------------------------*/


/*---------------------------------------------------------*/
/* // Button ALL CSS CODE __START //---------------------- */
/*---------------------------------------------------------*/
#site-wrap .style_btn {
	display: inline-block;
	font-size: 0.8rem;
	letter-spacing: .1em;
	text-align: center;
	white-space: nowrap;
	/* text-transform: uppercase; */
	vertical-align: middle;
	user-select: none;
	box-shadow: none !important;
	border-radius: 0.5em;
	transition: .3s all ease;
	font-weight: 500;
	color: #FFFFFF;
	vertical-align: middle;
	padding: 3px 40px;
}

/* ------
#site-wrap .style_btn::after {
	position: absolute;
	font-family: 'icomoon';
	font-size: 1.1rem;
	content: "\e315";
	top: 18px;
	color: #2d2d2d;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
} 
------ */

#site-wrap .more_bt {
	position: relative;
	display: inline-block;
	margin: 0 15px;	
	border-radius: 15px;
	background-color: #9f8363;
}

#site-wrap .more_bt a:hover {	
	border-radius: 15px;
	color: #343434;
	background-color: #ffcb69;
}

@media(min-width:1200px){
	#site-wrap .links_right .more_bt {
		position: relative;
		right: 100px;
	}
}

@media(max-width:1400px){
	#site-wrap .links_right .more_bt {
		position: relative;
		right: 50px;
	}
}

@media(max-width:993px){
	#site-wrap .links_right .more_bt {
		position: relative;
		right: 20px;
	}
}

#site-wrap .style_btn:hover::before {
	color: #2d2d2d;
}

#site-wrap .style_btn:hover::after {
	color: #2d2d2d;
}

#site-wrap .flt_left {
	float: left;
}

#site-wrap .flt_right {
	float: right;
}
/*---------------------------------------------------------*/
/* // Button ALL CSS CODE __END //---------------------- */
/*---------------------------------------------------------*/

/*---------------------------------------------------------*/
/* // MoreLinks CSS CODE __STRAT //----------------------- */
/*---------------------------------------------------------*/
.morelinks {
	background-color: #f1f1f1;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
	display: inline-block;
	background-image: url(../images/morelinks_bg.png);
}

.gallery .variable, .morelinks .variable2 {
	position: relative;
	width: 100%;
	display: block;
}

.morelinks .variable2 .slick-prev:before, .morelinks .variable2 .slick-next:before {
	font-family: 'slick';
	font-size: 2.875rem;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid transparent;
	top: 33px;
	background-color: transparent; 
	/* opacity: 0.5; */
	/* color: #1d2088; */
}

.morelinks .variable2 .slick-prev:before {	
	content: url(../images/slick-prev.png);
}

.morelinks .variable2 .slick-next:before {
	content: url(../images/slick-next.png);
}

/* //-------  Arrows  slick-prev / slick-next --------- // */
.morelinks .variable2 .slick-prev,
.morelinks .variable2 .slick-next {
	font-size: 0;
	position: absolute;
	display: block;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	z-index: 999;
	background-color: rgba(146, 6, 37, 0.5);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
}

.morelinks .variable2 .slick-prev {	
	width: 40px;
	height: 131px;
	line-height: 131px;
	top: 67px;
	left: -25px;
	border-radius: 8px 0 0 8px;
}

.morelinks .variable2 .slick-next {	
	width: 40px;
	height: 131px;
	line-height: 131px;
	top: 67px;
	right: -25px;
	border-radius: 0 8px 8px 0;
}

/*// 按鈕位置定位點 //*/
@media(max-width:1600px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next {
		height: 40px;
		line-height: 40px;
		top: 58px;
	}
}
@media(max-width:1300px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next {
		top: 46px;
	}
}
@media(max-width:1100px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next {
		top: 38px;
	}
}
@media(max-width:1010px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next {
		top: 42px;
	}
}
@media(max-width:992px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next {
		top: 52px;
	}
}
@media(max-width:768px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next {
		top: 85px;
	}
}
@media(max-width:660px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next {
		top: 70px;
	}
}
@media(max-width:560px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next {
		top: 60px;
	}
}
@media(max-width:480px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next {
		top: 40px;
	}
}
@media(max-width:420px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next {
		top: 42px;
	}
}
@media(max-width:415px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next{
		top:50px;
	}
}
@media(max-width:376px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next{
		top: 42px;
	}
}
@media(max-width:321px){
	.morelinks .variable2 .slick-prev,
	.morelinks .variable2 .slick-next{
		top: 34px;
	}
}

/* //-------  Arrows  slick-prev / slick-next --------- // */

/* //-------------  Arrows :hover :focus -------------- // */

.morelinks .variable2 .slick-prev:hover:before,
.morelinks .variable2 .slick-prev:focus:before,
.morelinks .variable2 .slick-next:hover:before,
.morelinks .variable2 .slick-next:focus:before {
	opacity: 1;
	background-color: transparent;
}

.morelinks .variable2 .slick-prev:hover,
.morelinks .variable2 .slick-prev:focus,
.morelinks .variable2 .slick-next:hover,
.morelinks .variable2 .slick-next:focus {
	height: 131px;
	width: 40px;
	background-color: rgba(146, 6, 37, 1);
}
/*// 按鈕位置 HOVER 定位點 //*/
@media(max-width:1600px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus {
		height: 40px;
		line-height: 40px;
		top: 58px;
	}
}
@media(max-width:1300px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus {
		top: 46px;
	}
}
@media(max-width:1100px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus {
		top: 38px;
	}
}
@media(max-width:1010px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus {
		top: 42px;
	}
}
@media(max-width:992px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus{
		top: 52px;
	}
}
@media(max-width:768px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus{
		top: 85px;
	}
}
@media(max-width:660px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus{
		top: 70px;
	}
}
@media(max-width:560px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus{
		top: 60px;
	}
}

@media(max-width:480px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus{
		top: 40px;
	}
}
@media(max-width:420px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus{
		top: 42px;
	}
}
@media(max-width:415px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus{
		top: 50px;
	}
}
@media(max-width:376px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus{
		top: 42px;
	}
}
@media(max-width:321px){
	.morelinks .variable2 .slick-prev:hover,
	.morelinks .variable2 .slick-prev:focus,
	.morelinks .variable2 .slick-next:hover,
	.morelinks .variable2 .slick-next:focus{
		top: 34px;
	}
}

/* //-------------  Arrows :hover :focus -------------- // */

/*---------------------------------------------------------*/
/* // MoreLinks CSS CODE __END //------------------------- */
/*---------------------------------------------------------*/

.templateux-section .nav {
    list-style: none;
}

@media (max-width: 480px) {
	.templateux-section .nav > li.col-lg-2 {
    		width: 49.333333%
	}
}

.templateux-section .nav > li > a {
    position: relative;
    display: block;
    padding: 0px;
}

.templateux-section ul.lest-link {
    margin: 0;
    padding: 0;
    list-style:none;
	list-style-type: none;
}

.templateux-section ul.lest-link li {
    padding: 10px 0px;
	border-bottom: 1px solid #FFF;
}

.templateux-section ul.lest-link li a {
	font-size: 1rem;
	font-weight: 600;
	color: #4e4e4e;
    padding: 10px 15px;
}

.templateux-section ul.lest-link li a:hover {
	color: #b3183a;
}

.templateux-section .tab-pane h3 {
	font-family: inherit;
	line-height: 1.2;
	padding: 15px;
	margin: 0;
	border-bottom: 1px solid #FFF;
}

.templateux-section .tab-pane h3 > span {
    font-size: 1.5rem;
	font-weight: 600;
	text-align: left;
	text-transform: capitalize;
    padding-top: 5px;
    color: #FFFFFF; /*#4e4e4e*/
	margin-left: 15px;
}

.templateux-section .tab-pane h3 .textcolor_w::before, 
.templateux-section .tab-pane h3 .textcolor_1::before, 
.templateux-section .tab-pane h3 .textcolor_2::before, 
.templateux-section .tab-pane h3 .textcolor_3::before, 
.templateux-section .tab-pane h3 .textcolor_4::before, 
.templateux-section .tab-pane h3 .textcolor_5::before, 
.templateux-section .tab-pane h3 .textcolor_6::before {
	opacity: 1 !important;
	position: absolute;
	z-index: 1;
	width: 5px;
	height: 35px;
	content: '';
	left: 16px;
	top: 15px;
}

.templateux-section .tab-pane h3 .textcolor_w::before {
	background-color: #ffffff !important;
} 
.templateux-section .tab-pane h3 .textcolo_1::before {
	background-color: #ffa800 !important;
} 
.templateux-section .tab-pane h3 .textcolo_2::before {
	background-color: #6ea152 !important;
} 
.templateux-section .tab-pane h3 .textcolo_3::before {
	background-color: #4c9fa2 !important;
}
.templateux-section .tab-pane h3 .textcolo_4::before {
	background-color: #c54f62 !important;
}
.templateux-section .tab-pane h3 .textcolo_5::before {
	background-color: #635aa3 !important;
}
.templateux-section .tab-pane h3 .textcolo_6::before {
	background-color: #4f7ac1 !important;
}

.templateux-section .tab-pane h3.aH3-background {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffa800+0,ffffff+100&1+0,1+35,0+100 */
	background: -moz-linear-gradient(left,  rgba(255,168,0,1) 0%, rgba(255,198,89,1) 35%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,168,0,1) 0%,rgba(255,198,89,1) 35%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,168,0,1) 0%,rgba(255,198,89,1) 35%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.templateux-section .tab-pane h3.bH3-background {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6ea152+0,ffffff+100&1+0,1+35,0+100 */
	background: -moz-linear-gradient(left,  rgba(110,161,82,1) 0%, rgba(161,194,143,1) 35%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(110,161,82,1) 0%,rgba(161,194,143,1) 35%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(110,161,82,1) 0%,rgba(161,194,143,1) 35%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ea152', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.templateux-section .tab-pane h3.cH3-background {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c9fa2+0,ffffff+100&1+0,1+35,0+100 */
	background: -moz-linear-gradient(left,  rgba(76,159,162,1) 0%, rgba(139,193,195,1) 35%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(76,159,162,1) 0%,rgba(139,193,195,1) 35%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(76,159,162,1) 0%,rgba(139,193,195,1) 35%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c9fa2', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.templateux-section .tab-pane h3.dH3-background {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c54f62+0,ffffff+100&1+0,1+35,0+100 */
	background: -moz-linear-gradient(left,  rgba(197,79,98,1) 0%, rgba(217,141,153,1) 35%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(197,79,98,1) 0%,rgba(217,141,153,1) 35%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(197,79,98,1) 0%,rgba(217,141,153,1) 35%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c54f62', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.templateux-section .tab-pane h3.eH3-background {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#635aa3+0,ffffff+100&1+0,1+35,0+100 */
	background: -moz-linear-gradient(left,  rgba(99,90,163,1) 0%, rgba(154,148,195,1) 35%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(99,90,163,1) 0%,rgba(154,148,195,1) 35%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(99,90,163,1) 0%,rgba(154,148,195,1) 35%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#635aa3', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.templateux-section .tab-pane h3.fH3-background {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4f7ac1+0,ffffff+100&1+0,1+35,0+100 */
	background: -moz-linear-gradient(left,  rgba(79,122,193,1) 0%, rgba(141,169,215,1) 35%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(79,122,193,1) 0%,rgba(141,169,215,1) 35%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(79,122,193,1) 0%,rgba(141,169,215,1) 35%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f7ac1', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.templateux-section .tab-pane .en_title-link {
    position: relative;
    margin-left: 8px;
    color: #ffffff; /*#4a4a4a*/
    font-weight: 600;
    font-size: 1.125rem;
}

.templateux-section .tab-pane .A-box, 
.templateux-section .tab-pane .B-box, 
.templateux-section .tab-pane .C-box, 
.templateux-section .tab-pane .D-box, 
.templateux-section .tab-pane .E-box, 
.templateux-section .tab-pane .F-box {
	position: relative;
	display: inline-block;
	width: 100%;
} 

.templateux-section .tab-pane .a-background {
	background-color: rgba(255,168,0,0.25);
} 

.templateux-section .tab-pane .b-background {
	background-color: rgba(110,161,82,0.25);
} 

.templateux-section .tab-pane .c-background {
	background-color: rgba(76,159,162,0.25);
} 

.templateux-section .tab-pane .d-background {
	background-color: rgba(197,79,98,0.25);
} 

.templateux-section .tab-pane .e-background {
	background-color: rgba(99,90,163,0.25);
} 

.templateux-section .tab-pane .f-background {
	background-color: rgba(79,122,193,0.25);
} 



/*-------------------------------------------------------*/
/*---// 20210927 JESS NEW ADD ---------------------------*/
/*-------------------------------------------------------*/
.enroling-section {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
}

.enroling-section .it_box {	
	display: table;
	width: 100%;
	max-width: 100%;
	/*height: 150px;*/	
}

.enroling-section .it_box .icon_block2 {
    display: inline-block;
	width: 100%;
    vertical-align: middle;
    text-align: center;
	padding: 20px 20px 0px 20px;
}

.enroling-section .text_box {	
	display: table;
	width: 100%;
	max-width: 100%;
	padding: 0px 20px 20px 20px;
}

.enroling-section a div.title_text {	
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: capitalize;
	text-decoration: none;
	width: 100%;
    vertical-align: middle;
    text-align: center;	
	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 48px;
	text-overflow: ellipsis;
	white-space: pre-wrap;
	word-break: break-all;
}

.enroling-section .color_0 {
	background: #990021;
}

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

.enroling-section .nav-but {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
	
	padding-right: 15px;
	padding-left: 15px;
}

.enroling-section .nav-but a {
	width: 100% !important;
	background: #990021;
}

.enroling-section .color_0:hover, .color_0:active, .color_0:focus {
    outline: none;
    background: #8a0505 !important;
}

.enroling-section .tab-pane .g-background {
    /*background-color: rgba(230,230,230,0.75);*/
	background-color: rgba(242,242,242,1);
}

.enroling-section .tab-pane .G-box {
    position: relative;
    display: inline-block;
    width: 100%;
}

.enroling-section .tab-pane h3.gH3-background {
    /*
	background: -moz-linear-gradient(left, rgba(153,0,33,1) 0%, rgba(125,185,232,0) 85%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(153,0,33,1) 0%, rgba(125,185,232,0) 85%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(153,0,33,1) 0%, rgba(125,185,232,0) 85%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990021', endColorstr='#007db9e8',GradientType=1 );
	*/
	background-color: #990021;
}

.enroling-section .nav {
    list-style: none;
}

@media (max-width: 480px) {
	.enroling-section .nav > li.col-lg-2 {
    		width: 49.333333%
	}
}

.enroling-section .nav > li > a {
    position: relative;
    display: block;
    padding: 0px;
}

.enroling-section ul.lest-link {
    margin: 0;
    padding: 0;
    list-style:none;
	list-style-type: none;
}

.enroling-section ul.lest-link li {
    padding: 10px 0px;
	border-bottom: 1px solid #FFF;
}

.enroling-section ul.lest-link li a {
	font-size: 1rem;
	font-weight: 600;
	color: #4e4e4e;
    padding: 10px 0px;
}

.enroling-section ul.lest-link li a:hover {
	color: #b3183a;
}

.enroling-section .tab-pane h3 {
	font-family: inherit;
	line-height: 1.2;
	padding: 15px;
	margin: 0;
	border-bottom: 1px solid #FFF;
}

.enroling-section .tab-pane h3 > span {
    font-size: 1.5rem;
	font-weight: 600;
	text-align: left;
	text-transform: capitalize;
    padding-top: 5px;
    color: #FFFFFF; /*#4e4e4e*/
	margin-left: 45px;
}

.enroling-section .textcolor_w::before {
	opacity: 1 !important;
	position: absolute;
	z-index: 1;
	width: 35px;
	height: 35px;
	content: url(../images/links/fire.svg);
	left: 16px;
	top: 15px;
}

.enroling-section .textcolor_w::before {
	background-color: transparent !important;
}

.enroling-section .tab-pane .en_title-link {
    position: relative;
    margin-left: 8px;
    color: #ffffff; /*#4a4a4a*/
    font-weight: 600;
    font-size: 1.125rem;
}

/*-------------------------------------------------------*/
.title_style_a {
    margin: auto;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 999;
    padding: 12px 0;
    vertical-align: middle;
    margin-bottom: 15px;
}

.title_style_a h3 {
    font-size: 1.75rem;
    letter-spacing: 0.25rem;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    color: rgba(192,0,0,1);
    margin: 0;
}

.title_style_a > h3 > span {
    font-size: 1.75rem;
    padding-top: 5px;
    color: rgba(192,0,0,1);
    letter-spacing: 1px;
}

.page-section {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
}

.page-section .tab-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.page-section .justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    margin-bottom: 15px;
}

.page-section .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
	padding-right: 0;
    margin-bottom: 0;
    list-style: none;
	margin-top: 0;
}

.page-section .nav > li {
    position: relative;
    display: block;
}

.page-section .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
	text-align: center;
	/*color: #4e4e4e;*/
	color: rgb(127,127,127);
	
	font-size: 112.5%;
}

.page-section .nav > li > a:focus, 
.page-section .nav > li > a:hover {
	/*color: #990021;*/
	color: rgba(192,0,0,1);
    text-decoration: none;
    background-color: #d5d5d5;
}

.page-section .nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.page-section .nav-pills > li {
    float: left;
}

.page-section .nav-pills .nav-link.active, 
.page-section .nav-pills .show > .nav-link {
    color: #fff;
    background-color: rgba(192,0,0,1);
}

.page-section .nav-pills .nav-link {
    border-radius: 50px;
}

.page-section .nav-pills > li > a {
    border-radius: 4px;
}

.page-section .nav-pills > li + li {
    margin-left: 2px;
}

.page-section .bg-color0 {
	/*background-color: #d5d5d5;*/
	background-color: rgb(217, 217, 217,1);
	color: rgb(127,127,127,1);
}

.page-section .borderradius {
	border-radius: 50px;
}

.page-section .col-md-6 {
    width: 49.333333%;
}

.page-section .fade {
    opacity: 1;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

/* --------------- RWD TABLE CSS CODE START -------------------*/

.page-section .table-rwd { }
/*這是額外做顏色，沒有什麼意義*/

/* --- 標題TR底色設定 ---*/
.page-section tr.tr-only-hide { 
	font-size: 1rem;
	line-height: 1.42857143;
	font-weight: 500;
	color: #333333;
	background-color: transparent!important;
}

/* --------------- 以下標準bootstrap.min table CSS -------------------*/
.page-section .table-bordered {
    border: 1px solid #ddd;
}
.page-section .table-striped tbody tr:nth-of-type(2n+1) {
	/*background-color: transparent;   */             /*列表第一分色*/
    /*background-color: rgba(0, 0, 0, 0.05);*/
}
.page-section .table-striped tbody tr:nth-of-type(2n) {
	/*background-color: rgba(0, 0, 0, 0.02);*/               /*列表第二分色*/
    /*background-color: rgba(0, 0, 0, 0.05);*/
}
.page-section .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
	/*display: inline-table;*/
}

.page-section table {
    border-spacing: 0;
    border-collapse: collapse;
}

.page-section table {
    background-color: transparent;
}

.page-section .table-bordered > tbody > tr > td,
.page-section .table-bordered > tbody > tr > th,
.page-section .table-bordered > tfoot > tr > td,
.page-section .table-bordered > tfoot > tr > th,
.page-section .table-bordered > thead > tr > td,
.page-section .table-bordered > thead > tr > th {
    border: 2px solid transparent !important;
}


.page-section .table > tbody > tr > th {
    /*padding: 8px 25px;*/
	padding: 8px 10px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.page-section .table > tbody > tr > td {
	font-size: 1rem;
	line-height: 1.42857143;
	color: #333333;
	min-height: 56px;

    /*padding: 8px 25px;*/
	padding: 10px 10px;
    vertical-align: middle; /*top*/
    border-top: 1px solid #ddd;
	word-break: break-all; /*自動折行*/
}

.page-section .table_list {
	font-size: 1rem !important;
}
.page-section .table_td_vertical_align {
	font-size: 1rem !important;
	vertical-align: middle !important;
}
.page-section .table_td_vertical_align a {
	color: rgba(192,0,0,1) !important;
}
.page-section .table > tbody > tr > td a {
	color: #333333;
}

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

.page-section .table > tbody > tr > td a:hover {
	color: rgba(192,0,0,1);
}

.page-section th {
    text-align: center; /*left*/
	color: #FFFFFF;
	background: rgba(192,0,0,1);
}

.page-section td, th {
    padding: 0;
	word-break: break-all;
}

/* --------------- 每列底色設定 --------------- */
.page-section tr.tr-only-hide-light-green { 
	font-size: 1rem;
	line-height: 1.42857143;
	font-weight: 500;
	color: #fff;
	background-color: #6aaa00 !important;
}
.page-section .table > tbody > tr.light-red, 
.page-section .table > tbody > tr.light-red > td, 
.page-section .table > tbody > tr.light-red > th, 
.page-section .table > tbody > tr > td.light-red, 
.page-section .table > tbody > tr > th.light-red, 
.page-section .table > tfoot > tr.light-red > td, 
.page-section .table > tfoot > tr.light-red > th, 
.page-section .table > tfoot > tr > td.light-red, 
.page-section .table > tfoot > tr > th.light-red, 
.page-section .table > thead > tr.light-red > td, 
.page-section .table > thead > tr.light-red > th, 
.page-section .table > thead > tr > td.light-red, 
.page-section .table > thead > tr > th.light-red {
    background-color: rgba(251,229,214,1);
}
.page-section .table > tbody > tr.light-yellow,
.page-section .table > tbody > tr.light-yellow > td, 
.page-section .table > tbody > tr.light-yellow > th, 
.page-section .table > tbody > tr > td.light-yellow, 
.page-section .table > tbody > tr > th.light-yellow, 
.page-section .table > tfoot > tr.light-yellow > td, 
.page-section .table > tfoot > tr.light-yellow > th, 
.page-section .table > tfoot > tr > td.light-yellow, 
.page-section .table > tfoot > tr > th.light-green, 
.page-section .table > thead > tr.light-yellow > td, 
.page-section .table > thead > tr.light-yellow > th, 
.page-section .table > thead > tr > td.light-yellow, 
.page-section .table > thead > tr > th.light-yellow {
    background-color: rgba(255,242,204,1);
}

/* 取消TR底色設定 bootstrap.min 等都要取消
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}
*/

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

@media (max-width: 736px) {
  .page-section .table-rwd { min-width: 100%; }
  /*針對tr去做隱藏*/
  
  .page-section tr.tr-only-hide { display: none !important; }
  /*讓tr變成區塊主要讓他有個區塊*/
  .page-section tr.tr-only-hide-light-green { display: none !important; }

  .page-section .table-rwd tr {
    display: block;
    /*border: 1px solid #ddd;*/
    margin-top: 5px;
  }
  
  .page-section .table-rwd td {
    text-align: left;
    font-size:  1em;
    overflow: hidden;
    width: 100%;	
    display: block;
	}
	
  .page-section .table-rwd td:before {
	/*最重要的就是這串*/
	content: attr(data-th) " : ";
	/*最重要的就是這串*/
	/*display: inline-block;*/    /*單獨一列顯示*/
	text-transform: uppercase;
	
	font-size: 90%;

	/*font-weight: bold;*/
	margin-right: 10px;
	/*color: #333;*/
	color: rgba(192,0,0,1);             /*RWD 標題顏色*/
	
	padding: 2px 8px;
	/*border-bottom: 1px solid #ddd;*/
	width: 100%;
	margin-bottom: 5px;
	color: #FFFFFF;
	background: rgba(192,0,0,1);
	/*background:#f6f6f6;*/
  }
 
  /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
  .page-section .table-rwd.table-bordered td,
  .page-section .table-rwd.table-bordered th,
  .page-section .table-rwd.table-bordered {
	 border:0;
  }  
}

.page-section .table-rwd .td_box {
	display: flex;	
	flex-direction: row;		/* row / row-reverse / column / column-reverse */	
	-webkit-box-pack: baseline;	/* baseline / center / end / inherit / initial / revert / start / stretch / unset */	
	-ms-flex-pack: flex-start;	
	justify-content: flex-start;	/* flex-start / flex-end / center / space-between / space-around / space-evenly */	
	align-items: flex-start;		/* flex-start / flex-end / center / stretch / baseline */
}

@media (max-width: 736px) {
	.page-section .table-rwd td.td_box::before {
		width: 84.1167px;
		min-width: 84.1167px;
	}
}
/* --------------- RWD TABLE CSS CODE END -------------------*/

/* --------------- RWD TABLE button START -------------------*/
.page-section .table > tbody > tr > td:nth-last-child(1), 
.page-section .table > tbody > tr > td:nth-last-child(2) {
	text-align: center;
}

@media (max-width: 736px) {
	.page-section .table > tbody > tr > td:nth-last-child(1), 
	.page-section .table > tbody > tr > td:nth-last-child(2) {
		text-align: left;
	}
}
.page-section .btn-grey,
.page-section .btn-orange,
.page-section .btn-red {
	font-size: 100%;    
	padding: 0.375rem 1.25rem;
    border: 1px solid #FFFFFF;
	border-radius: 8px;
}

.page-section .btn-grey {
	color: rgba(127,127,127,1) !important;
    background-color: rgba(190,190,190,1);
}

.page-section .btn-orange {
	color: rgba(255,255,255,1) !important;
    background-color: rgba(237,125,49,1);
}

.page-section .btn-red {
	color: rgba(255,255,255,1) !important;
    background-color: rgba(192,0,0,1);
}

.page-section .btn-grey-mobile,
.page-section .btn-orange-mobile,
.page-section .btn-red-mobile {
	font-size: 100%;
	padding: 0.375rem 1.25rem;
	border: 1px solid #FFFFFF;
	border-radius: 8px;
	width: 68%;
}

.page-section .btn-grey-mobile {
	color: rgba(127,127,127,1) !important;
	background-color: rgba(190,190,190,1);
}

.page-section .btn-orange-mobile {
	color: rgba(255,255,255,1) !important;
	background-color: rgba(237,125,49,1);
}

.page-section .btn-red-mobile {
	color: rgba(255,255,255,1) !important;
	background-color: rgba(192,0,0,1);
}
/* --------------- RWD TABLE button START -------------------*/





/*---------------- modal -------------------*/
.modal_blackbox {
	display: block;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: rgba(0,0,0,.35);
}

.modal_blackbox .modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0
}

.modal_blackbox .modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5
}
/*-----------------------------------*/
.modal_blackbox .modal-open {
	overflow: hidden
}

.modal_blackbox .modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.modal_blackbox .modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0,-25%);
	-ms-transform: translate(0,-25%);
	-o-transform: translate(0,-25%);
	transform: translate(0,-25%)
}

.modal_blackbox .modal.in .modal-dialog {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0)
}

.modal_blackbox .modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal_blackbox .modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}
/*-----------------------------------*/
.modal_blackbox .modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5)
}
/*-----------------------------------*/
.modal_blackbox .modal-header {
	padding: 0 30px;
	border-bottom: 1px solid transparent;
}

.modal_blackbox .close {
	float: right;
	font-size: 2.1em;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2
}

.modal_blackbox .close:focus,.close:hover {
	color: rgba(192,0,0,1); /*000*/
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5
}

.modal_blackbox button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}

.modal_blackbox .modal-header .close {
	/*margin-top: -2px;*/
	margin: 0rem 0rem 0rem auto;
}

.modal_blackbox .modal-title {
	margin: 0;
	line-height: 1.42857143
}
/*-----------------------------------*/
.modal_blackbox .modal-body {
	position: relative;
	padding: 30px 30px 0 30px;
}

.modal_blackbox .modal_tle {
    margin: auto;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 999;
    padding: 12px 0;
    vertical-align: middle;
    margin-bottom: 0px;
}

.modal_blackbox .modal_tle h3 {
    font-size: 2rem;
    letter-spacing: 0.25rem;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    color: #333333;
    margin: 0;
}

.modal_blackbox .modal_tle > h4 > span {
    font-size: 1.25rem;
	font-weight: 600;
    padding-top: 5px;
    color: #333333;
    letter-spacing: 1px;
}
/*-----------------------------------*/
.modal_blackbox .modal-footer {
	padding: 15px 30px 30px 30px;
	text-align: right;
	border-top: 1px solid transparent;
}

.modal_blackbox .modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}

.modal_blackbox .input-group {
    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%;
}

.modal_blackbox .input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.modal_blackbox .input-group-append {
    margin-left: -1px;
}

.modal_blackbox .form-control {
    display: block;    
    height: 38px !important;
    padding: 6px 12px;
    font-size: 1em;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
	
    border: 1px solid #555555;
    /*border-radius: 4px;*/
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.modal_blackbox .form-control:focus {
    text-decoration: none;
	outline-offset: -2px;
    outline: 1px solid #9a0022 !important;
}

.modal_blackbox .btn {
    display: inline-block;
	font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
    border: 1px solid transparent;
    padding: 0.375rem 1.75rem;
    
    /*border-radius: 0.25rem;*/
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.modal_blackbox .btn-red {
    color: #FFFFFF;
    background-color: #9a0022;
    background-image: none;
    border: 1px solid #555555;
}

.modal_blackbox .btn-red:hover {
    color: #FFFFFF; /*rgba(192,0,0,1)*/
    background-color: #c00000; /*rgba(192,0,0,1)*/
    border: 1px solid #c00000; /*rgba(192,0,0,1)*/
}

.modal_blackbox .modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}

.modal_blackbox .modal-footer .btn-block+.btn-block {
	margin-left: 0
}
/*-----------------------------------*/
.modal_blackbox .modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media (min-width:768px) {
	.modal_blackbox .modal-dialog {
		width: 600px;
		margin: 30px auto
	}

	.modal_blackbox .modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
		box-shadow: 0 5px 15px rgba(0,0,0,.5)
	}

	.modal_blackbox .modal-sm {
		width: 300px
	}
}

@media (min-width:992px) {
	.modal_blackbox .modal-lg {
		width: 900px
	}
}
/*---------------- modal -------------------*/

/*-------------------------------------------------------*/
/*---// 20210927 JESS NEW ADD ---------------------------*/
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*---// 20211123 小Mike NEW ADD ---------------------------*/
@media (min-width:768px) {
	.td_center {
		text-align: center;
	}
}
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/