/* CSS Document */
.clearB {
    clear: both;
}

.topareaWrap {
	margin-bottom: 29px !important;
}
@media (max-width:1280px){
	.topareaWrap {
		margin-bottom: -20px !important;
	}
}
.pageWrap {
	
	
}
.pageBgLine{
	position: relative;
	height: 1px;
	background: var(--self-maincolor3);
	top:139px;
	left: 0px;
	z-index: 0;
}
.pageBgLine_c{
	position: relative;
	height: 1px;
	background: var(--self-maincolor3);
	top:169px;
	left: 0px;
	z-index: 0;
}

.pageContent {
	position: relative;
	z-index: 1;
	min-height: 600px;
	padding: 0 !important;
}

.pageC_left {
	padding: 0 !important;
	max-height: 4000px;
	background: var(--self-maincolor3-2);
	font-family: var(--self-font1);
}
.pageC_left .pageCl_title {
	font-size: var(--self-h11);
	border-bottom: 10px solid var(--self-maincolor3);
	color: var(--self-maincolor3-3);
	height: 144px;
	line-height: 139px;
	font-weight: 700;
	background: url("../ims/icon_3.svg") no-repeat 19px 69px;
	background-size: 38px 6px;
	padding-left: 75px;
}
.pageC_left .pageCl_mlist {
	font-size: var(--self-title3);
	color: var(--self-maincolor3-4);
	font-weight: 600;
	padding-top: 30px;
}
.pageC_left .pageCl_mlist ul {
	list-style: none;
}
.pageC_left .pageCl_mlist ul li {
	background: url("../ims/dot2.svg") no-repeat 0px 13px;
	background-size: 13px 5px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 10px;
	
}
.pageC_left .pageCl_mlist ul li a {
	color: var(--self-maincolor3-4);
}
.pageC_left .pageCl_mlist ul li a:hover {
	color: var(--self-maincolor3-41);
}

.pageC_right {
	padding: 0 !important;
	padding-left: 40px !important;
}
.pageCS_right {
	padding-left: 0px !important;
}
.pageC_right_no {
	padding-left: 0px !important;
}
.pageC_right .pageCr_title {
	font-family: var(--self-font1);
	color: var(--self-maincolor3);
	height: 144px;
	line-height: 139px;
	font-weight: 700;
	background: url("../img/svg/icon_11.svg") no-repeat 20px 58px;
	background-size: 19px 25px;
	padding-left: 60px;
}
.pageC_right .pageCr_title_cont {
	font-family: var(--self-font1);
	height: 163px;
	padding-left: 0px;
	overflow: hidden;
}
.pageC_right .pageCr_title_cont .pcontt_top {
	font-size: var(--self-desc1);
	padding-top: 6px;
	font-family: var(--self-font2);
}
.pageC_right .pageCr_title_cont .pcontt_top span {
	background: var(--self-maincolor3);
	border-radius: 4px;
	padding: 1px 6px 3px 6px;
	color: white;
	position: relative;
}
.pageC_right .pageCr_title_cont .pcontt_top .pcontt_time {
	display: inline;
	padding-left: 8px;
}
.pageC_right .pageCr_title_cont h1 {
	font-size: var(--self-h11);
	font-family: var(--self-font1);
	color: var(--self-maincolor3);
	font-weight: 700;
	background: url("../img/svg/icon_11.svg") no-repeat 0px 16px;
	background-size: 19px 25px;
	padding-left: 30px;
	padding-top:10px;
	max-width: 75%;
	overflow: hidden;
}
.pageC_right .pageCr_site {
	color: var(--self-maincolor3-5);
	position: absolute;
	top: 63px;
	right:20px;
	font-size: 13px;
	font-family: var(--self-font7);
}
.pageC_right .pageCr_site::before {
	position: absolute;
	content: "";
	top: 6px;
	left: -18px;
	width: 7px;
	height: 7px;
	border-radius: 4px;
	background-color: var(--self-maincolor3-5);
}
.pageC_right .pageCr_site a {
	color: var(--self-maincolor3-5);
}
.pageC_right .pageCr_cont {
	padding-left: 35px;
}

@media (max-width:1440px){
	.pageC_left .pageCl_title { font-size: var(--self-h11-1440);}
	.pageC_left .pageCl_mlist {	font-size: var(--self-title3-1440);}
	.pageC_right .pageCr_title { font-size: var(--self-t32-1440);}
	.pageC_right .pageCr_title_cont { font-size: var(--self-t32-1440);}
	.pageC_right .pageCr_title_cont .pcontt_top { font-size: var(--self-desc1-1440);}
	.pageC_right .pageCr_title_cont h1 { font-size: var(--self-h11-1440);}
}
@media (max-width:1200px){
	.pageC_left .pageCl_title { font-size: var(--self-h11-1200);}
	.pageC_left .pageCl_mlist {	font-size: var(--self-title3-1200);}
	.pageC_right .pageCr_title { font-size: var(--self-t32-1200);}
	.pageC_right .pageCr_title_cont { font-size: var(--self-t32-1200);}
	.pageC_right .pageCr_title_cont .pcontt_top { font-size: var(--self-desc1-1200);}
	.pageC_right .pageCr_title_cont h1 { font-size: var(--self-h11-1200);}
}
@media (max-width:768px){
	.pageC_left .pageCl_title { font-size: var(--self-h11-768);}
	.pageC_left .pageCl_mlist {	font-size: var(--self-title3-768);}
	.pageC_right .pageCr_title { font-size: var(--self-t32-768);}
	.pageC_right .pageCr_title_cont { font-size: var(--self-t32-768);}
	.pageC_right .pageCr_title_cont .pcontt_top { font-size: var(--self-desc1-768);}
	.pageC_right .pageCr_title_cont h1 { font-size: var(--self-h11-768);}
}
@media (max-width:576px){
	.pageC_left .pageCl_title { font-size: var(--self-h11-576);}
	.pageC_left .pageCl_mlist {	font-size: var(--self-title3-576);}
	.pageC_right .pageCr_title { font-size: var(--self-t32-576);}
	.pageC_right .pageCr_title_cont { font-size: var(--self-t32-576);}
	.pageC_right .pageCr_title_cont .pcontt_top { font-size: var(--self-desc1-576);}
	.pageC_right .pageCr_title_cont h1 { font-size: var(--self-h11-576);}
}

@media (max-width:991px){
	.pageC_right {
		padding: 0px 26px !important;
	}
	.pageC_right .pageCr_title {
		background: url("../img/svg/icon_11.svg") no-repeat 0px 58px;
		background-size: 19px 25px;
		padding-left: 30px;
	}
	.pageC_right .pageCr_cont {
		padding-left: 0px !important;
	}
	.pageC_right .pageCr_site_c {
		top: 180px !important;
	}
	.pageC_right .pageCr_title_cont h1 {
		max-width: 100%;
	}
}

@media (max-width:576px){
	.pageC_right .pageCr_site {
		top: 113px;
	}
}




/****************************************************************************************************/



:root {	
	--self1-fsize1-m : 38px;
	--self1-fsize1-1440 : 36px;
	--self1-fsize1-1280 : 32px;
	--self1-fsize1-1023 : 28px;
	--self1-fsize1-799 : 26px;
	
	--self1-fsize2-m : 32px;
	--self1-fsize2-1440 : 26px;
	--self1-fsize2-1280 : 23px;
	--self1-fsize2-1023 : 20px;
	--self1-fsize2-799 : 20px;
	
	--self1-fsize3-m : 26px;
	--self1-fsize3-1440 : 24px;
	--self1-fsize3-1280 : 22px;
	--self1-fsize3-1023 : 21px;
	--self1-fsize3-799 : 20px;
	
	--self1-fsize4-m : 22px;
	--self1-fsize4-1440 : 21px;
	--self1-fsize4-1280 : 20px;
	--self1-fsize4-1023 : 19px;
	--self1-fsize4-799 : 18px;
	
	--self1-fsize5-m : 20px;
	--self1-fsize5-1440 : 19px;
	--self1-fsize5-1280 : 18px;
	--self1-fsize5-1023 : 17px;
	--self1-fsize5-799 : 16px;

	--self1-fsize6-m : 18px;
	--self1-fsize6-1440 : 18px;
	--self1-fsize6-1280 : 18px;
	--self1-fsize6-1023 : 16px;
	--self1-fsize6-799 : 15px;
	
	--self1-fline1-m : 24px;
	--self1-fline1-1440 : 22px;
	--self1-fline1-1280 : 19px;
	--self1-fline1-1023 : 17px;
	--self1-fline1-799 : 17px;
	
	--self1-fline2-m : 46px;
	--self1-fline2-1440 : 34px;
	--self1-fline2-1280 : 30px;
	--self1-fline2-1023 : 26px;
	--self1-fline2-799 : 26px;
	
	--self1-fline3-m : 32px;
	--self1-fline3-1440 : 30px;
	--self1-fline3-1280 : 29px;
	--self1-fline3-1023 : 28px;
	--self1-fline3-799 : 26px;
	
	--self1-fline4-m : 30px;
	--self1-fline4-1440 : 25px;
	--self1-fline4-1280 : 23px;
	--self1-fline4-1023 : 20px;
	--self1-fline4-799 : 20px;
	
	--self1-fline5-m : 24px;
	--self1-fline5-1440 : 24px;
	--self1-fline5-1280 : 24px;
	--self1-fline5-1023 : 22px;
	--self1-fline5-799 : 22px;
	
	--self1-fline6-m : 24px;
	--self1-fline6-1440 : 24px;
	--self1-fline6-1280 : 24px;
	--self1-fline6-1023 : 22px;
	--self1-fline6-799 : 22px;

	--self1-line-color : rgba(220,220,220,1.00);
	--self1-ntime-bgcolor : rgba(204,204,204,1.00);
	--self1-hover-bgcolor : rgba(239,214,176,0.40);
	--self1-hover-bgcolor1 : rgba(36,96,156,0.3);
	--self1-hover-bgcolor2 : rgba(36,96,156,0.9);
	--self1-hover-bgcolor2b : rgba(255,239,215,0.40);
	
	--self1-fcolor-title1 : rgba(18,122,159,1.00);
	--self1-fcolor-title2 : rgba(25,27,27,1.00);
	--self1-fcolor-title3 : rgba(192,192,192,1.00);
	
	--self1-fcolor-desc1 : rgba(39,39,39,1.00);
	--self1-fcolor-desc2 : rgba(116,116,116,1.00);
	--self1-fcolor-desc3 : rgba(192,192,192,1.00);
}


.pageSty2 {
	padding-top: 50px !important;
}
.pageSty2 .psty2List {
	font-family: var(--self-font2);
	color: var(--self1-fcolor-desc1);
}
.pageSty2 .psty2List .nFirstBlock {
	background-image: linear-gradient(-40deg, #fdfbfb 0%, #ebedee 100%);
	border-radius: 0px 0px 120px 0px;
	height: 240px;
	overflow: hidden;
	padding: 20px 20px 0px 30px;
	border-top: thin solid var(--self1-fcolor-title1);
}
.pageSty2 .psty2List .nFirstBlock .nF1 {
	font-family: var(--self-font8);
	font-size: var(--self1-fsize3-m);
	padding-left: 2px;
}
.pageSty2 .psty2List .nFirstBlock .nF2 {
	font-size: var(--self1-fsize1-m);
	font-family: var(--self-font1);
	font-weight: 900;
	color: var(--self1-fcolor-title1);
}
.pageSty2 .psty2List .nFirstBlock .nF3 {
	font-size: var(--self1-fsize6-m);
	line-height: var(--self1-fline5-m);
	padding-left: 2px;
	padding-top: 10px;
}
@media (max-width:1440px){
	.pageSty2 .psty2List .nFirstBlock {
		height: 230px;
	}
	.pageSty2 .psty2List .nFirstBlock .nF1 {
		font-size: var(--self1-fsize4-1440);
	}
	.pageSty2 .psty2List .nFirstBlock .nF2 {
		font-size: var(--self1-fsize1-1440);
	}
	.pageSty2 .psty2List .nFirstBlock .nF3 {
		font-size: var(--self1-fsize6-1440);
	}
}
@media (max-width:1280px){
	.pageSty2 .psty2List .nFirstBlock .nF1 {
		font-size: var(--self1-fsize4-1440);
	}
	.pageSty2 .psty2List .nFirstBlock .nF2 {
		font-size: var(--self1-fsize1-1440);
	}
	.pageSty2 .psty2List .nFirstBlock .nF3 {
		font-size: var(--self1-fsize6-1440);
	}
}
@media (max-width:1023px){
	.pageSty2 .psty2List .nFirstBlock .nF1 {
		font-size: var(--self1-fsize4-1023);
	}
	.pageSty2 .psty2List .nFirstBlock .nF2 {
		font-size: var(--self1-fsize1-1023);
	}
	.pageSty2 .psty2List .nFirstBlock .nF3 {
		font-size: var(--self1-fsize6-1023);
	}
}
@media (max-width:991px){
	.pageSty2 .psty2List .nFirstBlock {
		height: 210px;
	}
	.pageSty2 .psty2List .nFirstBlock .nF1 {
		font-size: var(--self1-fsize4-799);
	}
	.pageSty2 .psty2List .nFirstBlock .nF2 {
		font-size: var(--self1-fsize1-799);
	}
	.pageSty2 .psty2List .nFirstBlock .nF3 {
		font-size: var(--self1-fsize6-799);
	}
}

.pageSty2 .psty2List .newsl_a {
	border-radius: 16px 5px;
	position: relative;
}
.pageSty2 .psty2List .newsl_a:hover {
	
	/*box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);*/
}
.pageSty2 .psty2List .newsl_a:hover::before {
	background: var(--self1-hover-bgcolor);
	border-radius: 16px 5px;
	position: absolute;
	content: "";
	z-index: 1;
	width: 100%;
	height: 100%;
	animation: AniaHover 1s forwards;
	opacity: 0;
}
@keyframes AniaHover {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.pageSty2 .psty2List .newsl_a:hover::after {
	font-size: var(--self1-fsize6-m);
	background: var(--self1-hover-bgcolor2);
	border-bottom: 3px solid var(--self1-hover-bgcolor2b);
	color: white;
	box-shadow: 0px 0px 15px 15px var(--self1-hover-bgcolor1);
	line-height: var(--self1-fline5-m);
	border-radius: 5px;
	position: absolute;
	content: '\8a73\7d30\8cc7\8a0a';
	text-align: center;
	z-index: 1;
	width: 130px;
	height: 46px;
	line-height: 42px;
	top: calc(50% - 23px);
	left: calc(50% - 65px)
}




.pageSty2 .psty2List .newl_left {
	height: 240px;
	overflow: hidden;
	border-top:1px solid var(--self1-line-color);
	border-left:1px solid var(--self1-line-color);
	border-bottom:1px solid var(--self1-line-color);
	border-radius: 16px 0px 0px 5px;
}
@media (max-width:1023px){
}
@media (max-width:991px){
}
.pageSty2 .psty2List .newl_leftA {
	border-right:1px solid var(--self1-line-color);
	border-radius: 16px 5px 16px 5px;
}
.pageSty2 .psty2List .newl_right {
	height: 240px;
	overflow: hidden;
	border-top:1px solid var(--self1-line-color);
	border-right:1px solid var(--self1-line-color);
	border-bottom:1px solid var(--self1-line-color);
	border-radius: 0px 5px 16px 0px;
	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
@media (max-width:1440px){
	.pageSty2 .psty2List .newl_left , .pageSty2 .psty2List .newl_right {
		height: 230px;
	}
}
@media (max-width:1023px){
	.pageSty2 .psty2List .newl_left , .pageSty2 .psty2List .newl_right {
		height: 210px;
	}
}
@media (max-width:575px){
	.pageSty2 .psty2List .newl_left {
		border-radius: 0px 0px 16px 5px;
		border-top:0px;
		border-right:1px solid var(--self1-line-color);
	}
	.pageSty2 .psty2List .newl_leftA {
		border-top:1px solid var(--self1-line-color);
		border-right:1px solid var(--self1-line-color);
		border-radius: 16px 5px 16px 5px;
	}
	.pageSty2 .psty2List .newl_right {
		border-radius: 16px 5px 0px 0px;
		border-bottom:0px;
		border-left:1px solid var(--self1-line-color);
		height: 150px;
	}
}
.pageSty2 .psty2List .newl_left .news_listInfo {
	padding: 19px 20px 20px 20px;
}
.pageSty2 .psty2List .newl_left .newl_oneline {
	font-size: var(--self1-fsize6-m);
	padding-bottom: 5px;
	color: var(--self1-fcolor-desc1);
}
.pageSty2 .psty2List .newl_left .newl_oneline .n_ctime {
	color: var(--self-maincolor3);
}
.pageSty2 .psty2List .newl_left .newl_oneline span {
	margin-left:7px;
	background: var(--self1-ntime-bgcolor);
	border-radius: 16px;
	padding: 0px 10px;
}
.pageSty2 .psty2List .newl_left h3 {
	margin: 0;
	padding: 0;
	font-family: var(--self-font1);
	font-weight: 700;
	font-size: var(--self1-fsize3-m);
	line-height: var(--self1-fline3-m);
	height: calc(var(--self1-fline3-m) * 3);
	
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: var(--self1-fcolor-title2);
	
}
.pageSty2 .psty2List .newl_left h3 span {
	font-size: var(--self1-fsize6-m);
	margin: 2px 5px 0px 0px;
	background: var(--self-maincolor3);
	float: left;
	padding: 3px 7px;
}
.pageSty2 .psty2List .newl_left .newl_desc {
	margin-top: 18px;
	color: var(--self1-fcolor-desc2);
	font-size: var(--self1-fsize6-m);
	line-height: var(--self1-fline6-m);
	height: calc(var(--self1-fline6-m) * 2);
	
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	
}
.pageSty2 .psty2List .newl_left .newl_btn {
	
}
@media (max-width:1440px){
	.pageSty2 .psty2List .newl_left h3 span , .pageSty2 .psty2List .newsl_a:hover::after , .pageSty2 .psty2List .newl_left .newl_oneline , .pageSty2 .psty2List .newl_left .newl_desc {
		font-size: var(--self1-fsize6-1440);}
	.pageSty2 .psty2List .newl_left h3 {
		font-size: var(--self1-fsize3-1440);}
	.pageSty2 .psty2List .newl_left h3 {
		line-height: var(--self1-fline3-1440);
		height: calc(var(--self1-fline3-1440) * 3);
	}
	.pageSty2 .psty2List .newl_left .newl_desc {
		line-height: var(--self1-fline6-1440);
		height: calc(var(--self1-fline6-1440) * 2);
	}
}
@media (max-width:1280px){
	.pageSty2 .psty2List .newl_left h3 span , .pageSty2 .psty2List .newsl_a:hover::after , .pageSty2 .psty2List .newl_left .newl_oneline , .pageSty2 .psty2List .newl_left .newl_desc {
		font-size: var(--self1-fsize6-1280);}
	.pageSty2 .psty2List .newl_left h3 {
		font-size: var(--self1-fsize3-1280);}
	.pageSty2 .psty2List .newl_left h3 {
		line-height: var(--self1-fline3-1280);
		height: calc(var(--self1-fline3-1280) * 3);
	}
	.pageSty2 .psty2List .newl_left .newl_desc {
		line-height: var(--self1-fline6-1280);
		height: calc(var(--self1-fline6-1280) * 2);
	}
}
@media (max-width:1023px){
	.pageSty2 .psty2List .newl_left h3 span , .pageSty2 .psty2List .newsl_a:hover::after , .pageSty2 .psty2List .newl_left .newl_oneline , .pageSty2 .psty2List .newl_left .newl_desc {
		font-size: var(--self1-fsize6-1023);}
	.pageSty2 .psty2List .newl_left h3 {
		font-size: var(--self1-fsize3-1023);}
	.pageSty2 .psty2List .newl_left h3 {
		line-height: var(--self1-fline3-1023);
		height: calc(var(--self1-fline3-1023) * 3);
	}
	.pageSty2 .psty2List .newl_left .newl_desc {
		line-height: var(--self1-fline6-1023);
		height: calc(var(--self1-fline6-1023) * 2);
	}
}
@media (max-width:991px){
	.pageSty2 .psty2List .newl_left h3 span , .pageSty2 .psty2List .newsl_a:hover::after , .pageSty2 .psty2List .newl_left .newl_oneline , .pageSty2 .psty2List .newl_left .newl_desc {
		font-size: var(--self1-fsize6-799);}
	.pageSty2 .psty2List .newl_left h3 {
		font-size: var(--self1-fsize3-799);}
	.pageSty2 .psty2List .newl_left h3 {
		line-height: var(--self1-fline3-799);
		height: calc(var(--self1-fline3-799) * 3);
	}
	.pageSty2 .psty2List .newl_left .newl_desc {
		line-height: var(--self1-fline6-799);
		height: calc(var(--self1-fline6-799) * 2);
	}
}



/****************************************************************************************************/




.pageSty3 {
	padding: 0;
	margin: 0;
	padding-top: 30px !important;
}


.pageSty3 .paty3main {
	padding: 0;
	padding-top: 30px;
}
.pageSty3 .selfContent {
	padding: 0;
}




.pageSty3 .paty3main .ncourse_date {
	font-family: var(--self-font2);
	font-size: var(--self1-fsize5-m);
	padding: 0 !important;
	margin: 0 0 40px 30px !important;
}
.pageSty3 .paty3main .ncourse_date span {	
	background: var(--self-maincolor3);
	padding: 5px 12px;
	border-radius: 3px;
	color: white;
	margin-right: 15px;
}
.pageSty3 .paty3main .nC_sTitle {
	padding-top: 12px;
	padding-left: 30px;
	height: 65px;
	position: relative;
	font-family: var(--self-font1);
	font-weight: 800;
	font-size: var(--self1-fsize3-m);
	color: var(--self-maincolor1-d);
	margin-bottom: 30px;
	text-shadow: 1px 1px 5px rgba(255,255,255,1.00);
}
.pageSty3 .paty3main .nC_sTitle::before {
	background: linear-gradient(to left, rgba(255,255,255,0.00), var(--self-maincolor1-a21));
	position: absolute;
	content: "";
	width: 50%;
	height: 65px;
	top:0;
	left: -10px;
	z-index: -1;
	border-radius: 8px 0px 0px 8px;
}
.pageSty3 .paty3main .nC_sTitle h1 {
}

@media (max-width:1440px){
	.pageSty3 .paty3main .nC_sTitle {
		padding-top: 14px;
		font-size: var(--self1-fsize3-1440);
	}
}
@media (max-width:1280px){
	.pageSty3 .paty3main .nC_sTitle {
		font-size: var(--self1-fsize3-1280);
	}
}
@media (max-width:1023px){
	.pageSty3 .paty3main .nC_sTitle {
		padding-top: 16px;
		font-size: var(--self1-fsize3-1023);
	}
	.pageSty3 .paty3main .nC_sTitle::before {
		height: 58px;
	}	
	.pageSty3 .paty3main .nC_sTitle::after{
		width: 18px;
		height: 18px;
		top:20px;
	}
}
@media (max-width:991px){
	.pageSty3 .paty3main .nC_sTitle {
		font-size: var(--self1-fsize3-799);
		padding-left: 35px;
	}
	.pageSty3 .paty3main .nC_sTitle::before {
		left: 5px;
	}
	.pageSty3 .paty3main .nC_sTitle::after{
		left:-5px;
	}
}




.pageSty3 .paty3right {
	padding-left:50px;
}
.pageSty3 .paty3right #pdownbtn {
	display: none;
}
.pageSty3 .paty3right .bblockfixed {
	display: block !important;
	position: fixed;
	top:0px;
}
.pageSty3 .paty3right {
	font-family: var(--self-font1);
}
.pageSty3 .paty3right .nC_podesc {
	
	padding-bottom: 10px;
}
.pageSty3 .paty3right .nC_share {
	display: flow-root;
	padding-bottom: 10px;
}
.pageSty3 .paty3right .btn-self {
	color: white;
	font-size: var(--self1-fsize5-m);
	padding: 14px 0px;
	font-weight: 600;
}
@media (max-width:1440px){
	.pageSty3 .paty3right .btn-self {
		font-size: var(--self1-fsize5-1440);
	}
}
@media (max-width:1280px){
	.pageSty3 .paty3right .btn-self {
		font-size: var(--self1-fsize5-1280);
		padding: 10px 0px;
	}
}
@media (max-width:1199px){
	.pageSty3 .paty3right {
		padding:0px;
	}
}
@media (max-width:1023px){
	.pageSty3 .paty3right .btn-self {
		font-size: var(--self1-fsize5-1023);
		padding: 7px 0px;
	}
}
@media (max-width:991px){
	.pageSty3 .paty3right .btn-self {
		font-size: var(--self1-fsize5-799);
	}
	
}
.pageSty3 .paty3right .btn-self i {
	margin-right: 10px;
}
.pageSty3 .paty3right .btn-self-cimg {
	background: var(--self-maincolor6-1);
}
.pageSty3 .paty3right .btn-self-cimg:focus {
	box-shadow: 0 0 0 0.2rem var(--self-maincolor6-1_o3);
}
.pageSty3 .paty3right .btn-self-cimg:hover {
	background: var(--self-maincolor6-1_H);
}
.pageSty3 .paty3right .btn-self-cfile {
	background: var(--self-maincolor6-2);
}
.pageSty3 .paty3right .btn-self-cfile:focus {
	box-shadow: 0 0 0 0.2rem var(--self-maincolor6-2_o3);
}
.pageSty3 .paty3right .btn-self-cfile:hover {
	background: var(--self-maincolor6-2_H);
}
.pageSty3 .paty3right .btn-self-cback {
	background: var(--self-maincolor6-3);
}
.pageSty3 .paty3right .btn-self-cback:focus {
	box-shadow: 0 0 0 0.2rem var(--self-maincolor6-3_o3);
}
.pageSty3 .paty3right .btn-self-cback:hover {
	background: var(--self-maincolor6-3_H);
}
.pageSty3 .paty3right .btn-self-clist {
	background: var(--self-maincolor6-4);
}
.pageSty3 .paty3right .btn-self-clist:focus {
	box-shadow: 0 0 0 0.2rem var(--self-maincolor6-4_o3);
}
.pageSty3 .paty3right .btn-self-clist:hover {
	background: var(--self-maincolor6-4_H);
}






.pageSty3 .paty3right .nC_Mtitle {
	font-size: var(--self1-fsize4-m);
	width: 50px;
	background: #E4E4E4;
	text-align: center;
	font-weight: 700;
	padding: 15px 0px;
	margin-top: 200px;
}
.pageSty3 .paty3right .nC_Mtitle i {
	font-size: 30px;
	color: rgba(41,41,41,1.00);
}
.pageSty3 .nC_shList {
	font-family: var(--self-font2);
	padding: 0px !important;
	margin: 0px !important;
}
.pageSty3 .nC_shList a {
	color: #0D0D0D;
	font-size: var(--self1-fsize6-m);
	margin: 0px !important;
	padding: 0px !important;
}
@media (max-width:1440px){
	.pageSty3 .paty3right .nC_Mtitle {
		font-size: var(--self1-fsize4-1440);
	}
	.pageSty3 .nC_shList a {
		font-size: var(--self1-fsize6-1440);
	}
}
@media (max-width:1280px){
	.pageSty3 .paty3right .nC_Mtitle {
		font-size: var(--self1-fsize4-1280);
	}
	.pageSty3 .paty3right .nC_Mtitle i {
		font-size: 24px;
	}
	.pageSty3 .nC_shList a {
		font-size: var(--self1-fsize6-1280);
	}
}
@media (max-width:1200px){	
	.pageSty3 .paty3right .nC_Mtitle {
		margin-top: 50px;
	}
}
@media (max-width:1023px){
	.pageSty3 .paty3right .nC_Mtitle {
		font-size: var(--self1-fsize4-1023);
	}
	.pageSty3 .nC_shList a {
		font-size: var(--self1-fsize6-1023);
	}
}
@media (max-width:991px){
	.pageSty3 .paty3right .nC_Mtitle {
		font-size: var(--self1-fsize4-799);
	}
	.pageSty3 .nC_shList a {
		font-size: var(--self1-fsize6-799);
	}
}
.pageSty3 .nC_shList a.nC_shListA {
	padding:  5px !important;
}
.pageSty3 .nC_shList a.nC_shListA:hover {
	background: var(--self-maincolor1-op1);
	color: var(--self-maincolor1-d);
	text-decoration: none;
	font-weight: 500;
}
.pageSty3 .nC_shList a .nC_shLImg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: white;
	min-height: 80px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px 1px rgba(205,205,205,1.00);
	
}
.pageSty3 .nC_shList a .nC_shLTit {
	max-height: 90px;
	line-height: 25px;
	letter-spacing: -1px;
	padding: 0px 5px 0px 10px;
	margin: 0;
	
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	
}
.pageSty3 .nC_shList a .nC_shLTit_pl {
	padding: 10px 5px 13px 10px !important;
	
}
.pageSty3 .nC_shList a .nC_shLTit_pl::before {
	content: "\f142";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	padding-right: 8px;
	color: rgba(55,55,55,1.00)
}



.pageSty3 .nC_photo .nC_plist {
	font-family: var(--self-font2);
	font-size: 20px;
}
.pageSty3 .nC_photo .nC_plist .nC_plistrow {
	border-bottom: 1px solid rgba(223,223,223,1.00);
	padding-bottom: 20px;
}


.pageSty3 .nC_files .nCf_list {
	font-family: var(--self-font2);
	font-size: 20px;
}
.pageSty3 .nC_files .nCf_list th {
	width: 50px;
	text-align: center;
}
.pageSty3 .nC_files .nCf_list td a {
	color: rgba(31,31,31,1.00)
}

.pageSty3 .nC_files .nCf_list td a:hover::before {
	content: "\4e0b\8f09";
	padding: 1px 10px 3px 10px;
	background: var(--self-maincolor1-d);
	border-radius: 5px;
	color: white;
	margin-right: 5px;
}







/**********************/
/******activities******/
/**********************/
.acPhoto {
	font-family: var(--self-font1);
}
.acPhoto h3 {
    padding-bottom: 13px;
	border-bottom: 3px solid rgba(219,219,219,1.00);
    color: #A0282A;
    font-weight: bold
}
.acPhoto .card {
	background-color: transparent !important;
	padding: 0px 20px 50px 20px;
}

.acPhoto .card a.cardBorder {
	color: rgba(17,17,17,1.00);
	display: block;
	text-decoration: none;
	box-shadow:0px 2px 8px rgba(181,181,181,0.20);
	border-radius: 30px !important;
	border: 1px solid #FFFFFF;
}
.acPhoto .card a.cardBorder:hover{
	color: rgba(124,76,33,1.00);
	box-shadow:0px 2px 16px rgba(181,181,181,0.50);
	border-radius: 30px !important;
	border: thin solid #E8CAA1;
}
.acPhoto .card a.cardBorder .card-body {
    height: 156px;
    padding: 16px 16px;
}
.acPhoto .card a.cardBorder:hover .card-body {
	background: rgba(255,255,255,0.00);
	border-radius: 30px !important;
}
.acPhoto .card-title{
	padding: 0px;
	line-height: 32px;
    margin-bottom: 9px !important;
	font-size: 22px;
    font-weight: bold;
    max-height: 96px;
    overflow: hidden;	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.acPhoto .card .cardBorder:hover .card-title{
    color: var(--thm-four-fcolor3);
	font-weight:bold;
}
.acPhoto .card-text{
	font-size: 18px;
    line-height: 22px;
	display: flow-root;
}
.acPhoto .card .card-img-top{
	height: 250px;
	max-height: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 30px 30px 0px 0px !important;
}
.acPhoto .card .cardBorder:hover .img-overlay {
	opacity: 1;
}
.acPhoto .card .cardBorder .newLdate {
	font-size: 16px;
}
.acPhoto .card .cardBorder .newLdate .badge {
	background: var(--thm-four-fcolor2);
    font-size: 14px;
    color: rgba(255,255,255,1.00);
    font-weight: none;
    padding: 3px 4px;
}
.acPhoto .card a.cardBorder:hover .newLdate .badge {
	background: var(--thm-four-fcolor3);
}

@media (max-width: 1500px) {
    .acPhoto .card .card-img-top{
        height: 280px;
        max-height: 280px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
}
@media (max-width: 1200px) {
    
    .acPhoto h3 {
        border-bottom: 1px solid var(--thm-four-bg3);
        padding-top: 10px;
        background: var(--thm-four-bg3);
        font-size: 24px;
    }
    .acPhoto .card .card-img-top{
        height: 240px;
        max-height: 240px;
    }
}
@media (max-width: 768px) {
    .acPhoto .card .card-img-top{
        height: 370px;
        max-height: 370px;
    }
}
@media (max-width: 572px) {
    .acPhoto .card .card-img-top{
        height: 280px;
        max-height: 280px;
    }
}


.acPhoto .blueimp-gallery h3{
	color: #FFF !important;
}
.acPhoto .blueimp-gallery > .indicator > li {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 6px 3px 0 3px;
	-webkit-box-sizing: content-box;
	 -moz-box-sizing: content-box;
		  box-sizing: content-box;
	border: 1px solid transparent;
	background: #ccc;
	background: rgba(255, 255, 255, 0.25) center no-repeat;
	border-radius: 2px;
	box-shadow: 0 0 2px #000;
	opacity: 0.5;
	cursor: pointer;
}
.acPhoto .blueimp-gallery>.indicator{
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.acPhoto .aC_top {
	padding-bottom: 5px;
}
.acPhoto .aC_title {
	font-size: 30px;
	font-weight: 800;
	padding-top: 5px;
	padding-bottom: 10px;
    margin: 0px 0px !important;
	background: url("../img/svg/dot31.svg") no-repeat 0px 17px;
	background-size: 16px 17px;
	padding-left: 28px;
}
.acPhoto .aC_content {
    margin-top: 2px;
    border-top: 1px solid var(--thm-four-fcolor3);
	padding-top: 15px;
	font-size: 20px;
	padding-bottom: 20px;
	background-color: rgba(255,255,255,0.90);
}
.acPhoto .aC_photo{
	padding: 10px 0px;
}
.acPhoto .aC_photo .aC_plist div a{
	display: block;
    height: 240px;
    background-size: cover;
    background-position: center center;
}
.acPhoto .aC_photo .aC_plist div.col-xl-6 a{
    height: 360px;
}
.acPhoto .aC_photo .aC_plist div.col-xl-2 a{
    height: 150px;
}
.acPhoto .aC_photo .aC_plist div.col-xl-12 a{
    height: 650px;
}

.acPhoto .asArea_1 .asA1_btn {
}
.acPhoto .asArea_1 .asA1_btn a i{
    padding: 0px 10px 0 7px;
}
.acPhoto .asArea_1 .asA1_btn .btn-color1 {
    color: #fff;
    background-color: #81A7C5;
    border-color: #81A7C5;
    text-align: left;
}
.acPhoto .asArea_1 .asA1_btn .btn-color2 {
    color: #fff;
    background-color: #E1B563;
    border-color: #E1B563;
    text-align: left;
}
.acPhoto .asArea_1 .asA1_btn .btn-color1:hover , .acPhoto .asArea_1 .asA1_btn .btn-color2:hover {
    color: #fff;
    background-color: #A8A8A8;
    border-color: #A8A8A8;
}
.acPhoto .aC_share .shareBlock {
	display: flow-root;
    margin: 0px auto;    
    width: 222px;
}

.acPhoto .asArea_2{
    margin-top: 80px;
    margin-bottom: 100px;
}
.acPhoto .asArea_2 .aA2_title {
	border-bottom: 3px double #94633A;
	font-size: 30px;
    font-weight: 800;
    color: #94633A;
    padding-bottom: 30px;
}
.acPhoto .asArea_2 .aA2_list{
    font-size: 20px;
}
.acPhoto .asArea_2 .aA2_list a {
	color: #0D0D0D
}
.acPhoto .asArea_2 .aA2_list a:hover {
	color: #AB5D2F;
	text-decoration: none
}

.acPhoto .bgRight_s {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 230px;
}
@media (max-width:992px){
	.acPhotoList .aC_title_line {
		height: 50px;
	}
	.acPhotoList {
		padding-left: 15px !important;
		padding-top: 15px !important;
	}
    .acPhoto .asArea_1{
        display: flow-root;
        border-top: 3px solid #DFDFDF;
        margin-bottom: 80px!important;
    }
}


.acBtn {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #BFA694;
}
.acBtn div {
	padding: 0 10px;
	margin-bottom: 15px;
}
.acBtn .btn-self {
	color: white;
	font-size: var(--self1-fsize5-m);
	padding: 14px 0px;
	font-weight: 600;
}
@media (max-width:1440px){
	.acBtn .btn-self {
		font-size: var(--self1-fsize5-1440);
	}
}
@media (max-width:1280px){
	.acBtn .btn-self {
		font-size: var(--self1-fsize5-1280);
		padding: 10px 0px;
	}
}
@media (max-width:1023px){
	.acBtn .btn-self {
		font-size: var(--self1-fsize5-1023);
		padding: 7px 0px;
	}
}
@media (max-width:991px){
	.acBtn .btn-self {
		font-size: var(--self1-fsize5-799);
	}
	
}
.acBtn .btn-self i {
	margin-right: 10px;
}
.acBtn .btn-self-cimg {
	background: var(--self-maincolor6-1);
}
.acBtn .btn-self-cimg:focus {
	box-shadow: 0 0 0 0.2rem var(--self-maincolor6-1_o3);
}
.acBtn .btn-self-cimg:hover {
	background: var(--self-maincolor6-1_H);
}
.acBtn .btn-self-cfile {
	background: var(--self-maincolor6-2);
}
.acBtn .btn-self-cfile:focus {
	box-shadow: 0 0 0 0.2rem var(--self-maincolor6-2_o3);
}
.acBtn .btn-self-cfile:hover {
	background: var(--self-maincolor6-2_H);
}
.acBtn .btn-self-cback {
	background: var(--self-maincolor6-3);
}
.acBtn .btn-self-cback:focus {
	box-shadow: 0 0 0 0.2rem var(--self-maincolor6-3_o3);
}
.acBtn .btn-self-cback:hover {
	background: var(--self-maincolor6-3_H);
}
.acBtn .btn-self-clist {
	background: var(--self-maincolor6-4);
}
.acBtn .btn-self-clist:focus {
	box-shadow: 0 0 0 0.2rem var(--self-maincolor6-4_o3);
}
.acBtn .btn-self-clist:hover {
	background: var(--self-maincolor6-4_H);
}
/**********************/
/****activities********/
/**********************/






.team {
	font-size: var(--self1-fsize4-m);
	font-family: var(--self-font1);
}
.btn-file-self {
	border: 1px solid rgba(213,213,213,1.00);
	background: rgba(220,220,220,1.00);
	padding: 10px 30px;
	margin-bottom: 5px;
}
@media (max-width:576px){
	.btn-file-self {
		padding: 10px 15px;
	}
}
.btn-file-self:hover {
	color: white;
	background: var(--self-maincolor3);
	border: 1px solid var(--self-maincolor3);
}
.team_L {
	font-size: var(--self1-fsize3-m);
	font-family: var(--self-font1);
	font-weight: 900;
	color: var(--self-maincolor3);
	padding-top: 20px;
	padding-left:30px;
	margin-top: 40px !important;
	border-radius: 0px 15px 0px 0px;
	border-top: 1px solid var(--self-maincolor3);
	border-right: 1px solid var(--self-maincolor3);
}
.team_L::before {
	position: absolute;
	background: var(--self-maincolor3);
	border-radius: 10px;
	content: " ";
	width: 20px;
	height:20px;
	top:-10px;
	left: 0px;
}
.team_L::after {
	position: absolute;
	background: var(--self-maincolor3);
	border-radius: 10px;
	content: " ";
	width: 20px;
	height:20px;
	bottom:0px;
	right: -10px;
}
.team_L i {
	margin-right: 10px;
}
.teaml {
	padding: 0 !important;
	margin: 0 !important;
	margin-top: 40px !important;
}
.teaml .team_listW {
	position: relative;
	padding-bottom: 60px; 
}
.teaml .team_listW .t_img {
	float: left;
}
.teaml .team_listW .t_img img {
	width: 180px;
}
.teaml .team_listW .t_name {
	font-size: 34px;
	font-weight: 700;
	padding-left: 20px;
	height: 170px;
	width: 100%;
	overflow: hidden; 
	display:table-cell; 
    vertical-align:bottom;
}
.teaml .team_listW .t_title {
	text-align: right;
	font-weight: 600;
	color: var(--self-maincolor3);
	height: 40px;
	margin-top: 20px;
	overflow: hidden;
}
.teaml .team_listW::before {
	position: absolute;
	height: 1px;
	width: 95%;
	bottom: 110px;
	right:10px;
	content: " ";
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 30%, var(--self-maincolor3) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 30%,var(--self-maincolor3) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 30%,var(--self-maincolor3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='var(--self-maincolor3)',GradientType=1 );
}
@media (max-width:1439px){
	.teaml .team_listW .t_img img {
		width: 140px;
	}
	.teaml .team_listW .t_name {
		font-size: 30px;
		padding-left: 15px;
		height: 130px;
	}
	.teaml .team_listW::before {
		position: absolute;
		height: 1px;
		width: 95%;
		bottom: 95px;
		right:10px;
	}
	.teaml .team_listW .t_title {
		height: 30px;
		margin-top: 10px;
	}
}
@media (max-width:1199px){
	.teaml .team_listW .t_img img {
		width: 140px;
	}
	.teaml .team_listW .t_name {
		font-size: 26px;
		padding-left: 15px;
		height: 130px;
	}
	.teaml .team_listW::before {
		bottom: 95px;
	}
	.teaml .team_listW .t_title {
		font-size: 18px;
		height: 30px;
		margin-top: 10px;
	}
}
@media (max-width:1099px){
	.teaml .team_listW .t_name {
		font-size: 22px;
		padding-left: 10px;
	}
	.teaml .team_listW .t_title {
		font-size: 16px;
	}
}
@media (max-width:991px){
	.teaml .team_listW .t_img img {
		width: 120px;
	}
	.teaml .team_listW .t_name {
		font-size: 24px;
		padding-left: 15px;
		height: 112px;
	}
	.teaml .team_listW::before {
		bottom: 95px;
	}
	.teaml .team_listW .t_title {
		font-size: 17px;
		height: 30px;
		margin-top: 10px;
	}
}
.teaml .team_list {
	padding: 0 !important;
	margin: 5px 0 !important;
	border-radius: 5px;
	height: 100%;
}

.teaml .team_list .team_listD {
	
}
.teaml .team_list .team_num {
	padding: 2px 0 0 2px;
	margin: 0;
}
.teaml .team_list .team_num span {
	font-family: var(--self-font1);
	font-size: var(--self1-fsize5-m);
	background:rgba(138,138,138,1.00);
	color: white;
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 5px;
	text-align: center;
	padding-top: 2px;
}

.teaml .team_list .team_title {
	
}
.teaml .team_list .team_notes {
	font-size: var(--self1-fsize6-m);
	color: rgba(128,128,128,1.00);
}
.teaml .team_list .team_down {
	padding:0px 2px 0px 0px;
	text-align: right;
}

.teaml .team_list .team_down .btn-donw {
	background: var(--self-maincolor6-1);
	color:white;
	margin-bottom: 5px;
	font-size: var(--self1-fsize6-m) !important;
}
.teaml .team_list .team_down .btn-view {
	background: var(--self-maincolor6-2);
	color:white;
	margin-bottom: 5px;
	font-size: var(--self1-fsize6-m) !important;
}
.teaml .team_list .team_down .btn-donw:hover {
	background: var(--self-maincolor6-1_H);
}
.teaml .team_list .team_down .btn-view:hover {
	background: var(--self-maincolor6-2_H);
}
@media (max-width:1440px){
	.team {
		font-size: var(--self1-fsize4-1440);
	}
	.team_L {
		font-size: var(--self1-fsize3-1440);
	}
	.teaml .team_list .team_num span {
		font-size: var(--self1-fsize5-1440);
	}
	.teaml .team_list .team_notes , .teaml .team_list .team_down .btn-donw , .teaml .team_list .team_down .btn-view {
		font-size: var(--self1-fsize6-1440) !important;
	}
}
@media (max-width:1280px){
	.team {
		font-size: var(--self1-fsize4-1280);
	}
	.team_L {
		font-size: var(--self1-fsize3-1280);
	}
	.teaml .team_list .team_num span {
		font-size: var(--self1-fsize5-1280);
	}
	.teaml .team_list .team_notes , .teaml .team_list .team_down .btn-donw , .teaml .team_list .team_down .btn-view {
		font-size: var(--self1-fsize6-1280) !important;
	}
}
@media (max-width:1023px){
	.team {
		font-size: var(--self1-fsize4-1023);
	}
	.team_L {
		font-size: var(--self1-fsize3-1023);
	}
	.teaml .team_list .team_num span {
		font-size: var(--self1-fsize5-1023);
		width: 32px;
		height: 32px;
	}
	.teaml .team_list .team_notes , .teaml .team_list .team_down .btn-donw , .teaml .team_list .team_down .btn-view {
		font-size: var(--self1-fsize6-1023) !important;
	}
}
@media (max-width:991px){
	.team {
		font-size: var(--self1-fsize4-799);
	}
	.team_L {
		font-size: var(--self1-fsize3-799);
	}
	.teaml .team_list .team_num span {
		font-size: var(--self1-fsize5-799);
	}
	.teaml .team_list .team_notes , .teaml .team_list .team_down .btn-donw , .teaml .team_list .team_down .btn-view {
		font-size: var(--self1-fsize6-799) !important;
	}
}




/*----------------------------
    tdunion section
----------------------------*/
.tdunion {
	font-family: var(--self-font2);
    font-size: 19px;*/
	table-layout: fixed;
	/* ?��??��??��??��? */
	word-wrap: break-word;
	/* �?��?�頭�?*/
    word-break: break-all;
	/* ?��?左右對�? */
	text-align:justify;
	text-justify:inter-ideograph;
}
.tdunion .tdu_block {
	margin: 0 !important;
    padding: 20px 0px !important;
	position: relative;
	border-bottom: 1px solid rgba(223,223,223,1.00);
}
.tdunion .tdu_block_T {
	background: var(--self-maincolor3);
	border-radius: 10px 10px 0px 0px ;
	color: white;
}
.tdunion .tdu_block:hover {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 10%,  rgba(232,232,232,1.00) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 10%, rgba(232,232,232,1.00) 100%);
	background: linear-gradient(to top,  rgba(255,255,255,0) 10%, rgba(232,232,232,1.00) 100%);
}
.tdunion .tdu_block_T:hover {
	background: var(--self-maincolor3);
}
.tdunion .tdu_block .tdu_b_name {
	font-family: var(--self-font1);
    font-size: 23px;
    font-weight: 700;
	padding: 0 10px 0 20px; !important;
	margin: 0 !important;
	color: var(--self-maincolor3);
}
.tdunion .tdu_block .tdu_b_name div {
    float: left;
}
.tdunion .tdu_block .tdu_b_name div:nth-child(1) {
	width: 30px;
}
.tdunion .tdu_block .tdu_b_name div:nth-child(2) {
	width: calc(100% - 30px);
}
.tdunion .tdu_block .tdu_b_name div i {
    font-size: 23px;
}
.tdunion .tdu_block .tdu_b_nameT {
	color: white;
}
.tdunion .tdu_block .tdu_b_web {
    font-size: 24px;
	line-height: 24px;
	padding:0 15px 0 0 !important;
	text-align: right;
}
.tdunion .tdu_block .tdu_b_web a {
    color: black;
}
.tdunion .tdu_block .tdu_b_webT {
    font-size: 19px;
	line-height: 24px;
	padding:0 10px 0 0 !important;
	text-align: right;
}
.tdunion .tdu_block .tdu_b_info2 {
    line-height: 24px;
	padding: 0 5px !important;
	margin: 0 !important;
	border-left: 1px solid rgba(216,216,216,1.00);
	text-align: center;
}
.tdunion .tdu_block .tdu_b_info3 {
    line-height: 24px;
	padding: 0 5px !important;
	margin: 0 !important;
	border-left: 1px solid rgba(216,216,216,1.00);
}
.tdunion .tdu_block .tdu_block_more {
	padding: 0 !important;
	margin: 0 !important;
	color: #6C6C6C;
	display: none;
}
.tdunion .tdu_block .tdu_block_more div {
	padding: 0 !important;
	margin: 0 !important;
}
.tdunion .tdu_block .tdu_block_more .row > div {
	padding:10px !important;
}
.tdunion .tdu_block .tdu_block_more div span.badge_self1 {
	color: white;
	font-weight: 500;
	padding: 3px 5px 5px 5px;
	margin-top: 4px;
	margin-right: 3px;
	float: left;
	background: #6E6E6E;
}
.tdunion .tdu_block .tdu_block_more .row .tdu_more1 {
	padding-left: 50px !important;
}
.tdunion .tdu_block .tdu_block_more .row .tdu_more2 {
	padding: 0 5px !important;
	margin: 0 !important;
	border-left: 1px solid rgba(216,216,216,1.00);
	text-align: center;
}
.tdunion .tdu_block .tdu_block_more .row .tdu_more3 {
	padding: 0 5px !important;
	margin: 0 !important;
	border-left: 1px solid rgba(216,216,216,1.00);
}
.tdunion .tdu_block .tdu_block_more .row .tdu_more4 {
	padding-left: 50px !important;
	padding-bottom: 25px !important;
}
.tdunion .tdu_block .tdu_block_more .row .tdu_more4 > div {
	display: inline-block;
	padding-right: 50px !important;
}
.tdunion .tdu_block .tdu_block_more .row .tdu_more4 > div span.badge_self2 {
	color: white;
	font-weight: 500;
	padding: 3px 5px 5px 5px;
	margin-top: 4px;
	margin-right: 9px;
	float: left;
	background: #A4876B;	
}

.tdunion .tdu_block span.badge_self3 {
	color: white;
	font-weight: 500;
	padding: 3px 5px 5px 5px;
	margin-top: 4px;
	margin-right: 3px;
	float: left;
	background: var(--self-maincolor3);
}
.tdunion .tdu_block span.hidden767 {
	display: inline;
}
.tdunion .tdu_block span.show767 {
	display: none;
}
.tdunion .tdu_block span.show575 {
    display: none;
}


@media (max-width:1600px){
	.tdunion .tdu_block {
    	padding: 15px 0px !important;
	}
	.tdunion {
		font-size: 18px;
	}
	.tdunion .tdu_block .tdu_b_name {
		font-size: 21px;
		padding-left: 16px !important;
	}
	.tdunion .tdu_block .tdu_b_name div:nth-child(1) {
		width: 26px;
	}
	.tdunion .tdu_block .tdu_b_name div:nth-child(2) {
		width: calc(100% - 26px);
	}
	.tdunion .tdu_block .tdu_b_name div i {
		font-size: 21px;
	}
	.tdunion .tdu_block .tdu_b_web {
		font-size: 22px;
	}
	.tdunion .tdu_block .tdu_b_webT {
		font-size: 17px;
	}
	.tdunion .tdu_block .tdu_block_more .row .tdu_more1 {
		padding-left: 40px !important;
	}
	.tdunion .tdu_block .tdu_block_more .row .tdu_more4 {
		padding-left: 40px !important;
	}
}
@media (max-width:1440px){
	.tdunion .tdu_block {
    	padding: 12px 0px !important;
	}
	.tdunion .tdu_block .tdu_b_name {
		font-size: 19px;
		padding-left: 12px !important;
	}
	.tdunion .tdu_block .tdu_b_name div:nth-child(1) {
		width: 22px;
	}
	.tdunion .tdu_block .tdu_b_name div:nth-child(2) {
		width: calc(100% - 22px);
	}
	.tdunion .tdu_block .tdu_b_name div i {
		font-size: 19px;
	}
	.tdunion .tdu_block .tdu_block_more .row .tdu_more1 {
		padding-left: 35px !important;
	}
	.tdunion .tdu_block .tdu_block_more .row .tdu_more4 {
		padding-left: 35px !important;
	}
}
@media (max-width:1200px){
	.tdunion {
		font-size: 16px;
	}
	.tdunion .tdu_block {
    	padding: 10px 0px !important;
	}
	.tdunion .tdu_block .tdu_b_name {
		font-size: 18px;
		padding-left: 12px !important;
	}
	.tdunion .tdu_block .tdu_b_name div i {
		font-size: 18px;
	}
	.tdunion .tdu_block .tdu_b_web {
		font-size: 20px;
	}
	.tdunion .tdu_block .tdu_b_webT {
		font-size: 16px;
	}
}
@media (max-width:767px){
	.tdunion .tdu_block .tdu_b_name div:nth-child(1) {
		width: 20px;
	}
	.tdunion .tdu_block .tdu_b_name div:nth-child(2) {
		width: calc(100% - 20px);
	}
	.tdunion .tdu_block span.hidden767 {
		display: none;
	}
	.tdunion .tdu_block span.show767 {
		display: inline;
	}
	.tdunion .tdu_block .tdu_b_info3 {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	.tdunion .tdu_block .tdu_b_info3 , .tdunion .tdu_block .tdu_block_more .row .tdu_more2 , .tdunion .tdu_block .tdu_block_more .row .tdu_more3 {
		border-left: 0px solid rgba(216,216,216,1.00);
		padding-left: 32px !important;
	}
	.tdunion .tdu_block .tdu_block_more .row .tdu_more2 {
		text-align: left;
	}
	.tdunion .tdu_block .tdu_block_more .row > div {
		padding:5px !important;
	}
}
@media (max-width:576px){	
	.tdunion .tdu_block span.show575 {
		display: inline;
	}
	.tdunion .tdu_block .tdu_b_info2 {
		text-align: left;
		border-left: 0px solid rgba(216,216,216,1.00);
		padding-left: 32px !important;
		padding-top: 10px !important;
	}
	.tdunion .tdu_block .tdu_b_name {
		padding-left: 8px !important;
	}
	.tdunion .tdu_block .tdu_block_more .row .tdu_more1 {
		padding-left: 15px !important;
	}
	.tdunion .tdu_block .tdu_block_more .row .tdu_more4 {
		padding-left: 15px !important;
	}
}




/*----------------------------
    END tdunion section
----------------------------*/







.contact {
	
}
.contact .row > div {
	margin: 0 !important;
	padding: 0 !important;
	
}
.contact .con_left {
	padding-right: 50px !important;
	padding-top: 20px !important;
}
.contact .con_right {	
	background: var(--self-maincolor3);
	padding: 20px 0px 15px 0px !important;
	margin: 0 !important;
	border-radius: 6px;
	margin-top: -60px !important;
}
.contact table{
	font-size: var(--self1-fsize5-m);
}
.contact th {
	font-family: var(--self-font1);
	font-size: var(--self1-fsize4-m);
    padding: 0;
    width: 140px;
    border-top: 0px;
    padding-bottom: 10px;
	color: var(--self-maincolor3);
	font-weight: 700;
	position: relative;
}
.contact th::before{
	position: absolute;
	width: 9px;
	height: 1px;
	background: var(--self-maincolor1-op5);
	right: 20px;
	top:18px;
	content: '';
}
.contact td {
	font-family: var(--self-font2);
    padding: 0;
    border-top: 0px;
    padding-bottom: 10px;
    
	/* ?�止?��? */
	table-layout: fixed;
	/* ?��??��??��??��? */
	word-wrap: break-word;
	/* �?��?�頭�?*/
    word-break: break-all;
	/* ?��?左右對�? */
	text-align:justify;
	text-justify:inter-ideograph;
	/* CHROME 增�?以�??�句*/
}
@media (max-width:1440px){
	.contact table{ font-size: var(--self1-fsize5-1440); }
	.contact th { font-size: var(--self1-fsize4-1440); }
}
@media (max-width:1280px){
	.contact table{ font-size: var(--self1-fsize5-1280); }
	.contact th { font-size: var(--self1-fsize4-1280); }
}
@media (max-width:1023px){
	.contact table{ font-size: var(--self1-fsize5-1023); }
	.contact th { font-size: var(--self1-fsize4-1023); }
}
@media (max-width:991px){
	.contact table{ font-size: var(--self1-fsize5-799); }
	.contact th { font-size: var(--self1-fsize4-799); }
	
	
	.contact .con_left {
		padding-right: 0px !important;
		padding-bottom: 20px !important;
	}
	.contact .con_right {
		margin-top: 0px !important;
	}
	
}
@media (max-width: 576px) {
    .contact table,  .contact thead,  .contact tbody,  .contact th,  .contact td,  .contact tr {
        display: block;
    }
    .contact thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
	.contact th::before{
		display: none;
	}
    .contact tr {
    }
    .contact th {
		background: rgba(237,232,223,1.00);
        border-bottom: 0px;
        text-align: center;
        padding: 10px 0px !important;
        width:100% !important;
    }
    .contact td {
        text-align: center;
        position: relative;
        padding: 10px 0px !important;
        margin-bottom: 20px;
    }
}









/**********************/
/**********page********/
/**********************/
._page_nWrap {
	width:100%;
	display:inline;
}
._page_n {
	margin-top:45px;
	border-top: 1px solid #E1E1E1;
	padding-top: 20px;
	justify-content: center;
}
#pageqapagination {
	display: flex;
	justify-content: center
}
ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
.compact-theme a, .compact-theme span {
	float: left;
	color: #333;
	font-size:20px;
	line-height:28px;
	font-weight: normal;
	text-align: center;
	padding: 10px 15px;
	text-decoration: none;
	margin: 0px 2px;
	background: #EAEAEA;
	border-radius: 5px;
}
.compact-theme a:hover {
	text-decoration: none;
	color: var(--self-maincolor1-d);
	border: 1px solid var(--self-maincolor1-d);
}

.compact-theme .prev {
	
}

.compact-theme .next {
}

.compact-theme .current {
	cursor: default;
	color: var(--self-maincolor1-d);
	background: var(--self-maincolor1-op5);
}
.compact-theme .currentB {
	cursor: default;
	color: #B1B1B1;
	background: white;
}

.compact-theme .ellipse {
	background: white;
	cursor: default;
	padding: 10px 10px;
}