.m-10 {margin:10px 5px;}
.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-30 {margin-top:30px;}
.mt-55 {margin-top:55px;}
.ml-10 {margin-left:10px;}
.ml-5 {margin-left:5px;}
.mr-5 {margin-right:5px;}
.mr-10 {margin-right:10px;}
.mr-15 {margin-right:15px;}
.mr-30 {margin-right:30px;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-30 {margin-bottom:30px;}
.br-1 {border-right:1px solid #a0a0a0;}
.bl-1 {border-left:1px solid #a0a0a0;}
.text-lg {font-size:18px}
.text-sm {font-size:14px}
.text-xs {font-size:12px}
.subtle {color:#d8d8d0}
.text-md-center {text-align:left}
.btn-lg {padding:10px 30px}
.w-100 {width:100%}
.en {letter-spacing:0;}
.clear-left {clear:left;}

.popover {border:1px solid #e0e0e0;box-shadow: -2px 3px 10px rgba(0,0,0,.2);-webkit-box-shadow: -2px 3px 10px rgba(0,0,0,.2);}
.popover.left>.arrow {border-left-color:#e0e0e0;}
.facebook {color:#29487d}
.weixin{color:#33cc33}
h2 {line-height:1.5em;}
em {color:#cc0000;font-style:normal}
ol>li {margin-bottom:10px;}
video.vthumb::-webkit-media-controls-fullscreen-button {display: none;}

@media screen and (min-width:768px) {
	.text-md-center {text-align:center}
	.modal-dialog {width:700px}
}
h1.lead-in {
	font-family: "Open Sans",helvetica,arial,Simsun,"Songti TC","Microsoft Jhenghei",Simhei;
	font-weight: 800;
	font-size: 46px;
}

div.overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#000;
	opacity:0.7;
	z-index:3;
	display:none;
}

.search-overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#fff;
	opacity:0.95;
	z-index:6;
	display:none;
}

/* loading spinner */
.lds-spinner {
	color: official;
	display: inline-block;
	/*position: relative;*/
	width: 64px;
	height: 64px;
	position: absolute;
    top: calc(50% + 32px);
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
  .lds-spinner div {
	transform-origin: 32px 32px;
	animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 29px;
	width: 5px;
	height: 14px;
	border-radius: 20%;
	background: #fff;
  }
  .lds-spinner div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
  }
  @keyframes lds-spinner {
	0% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	}
  }

ul.nav-menu > li > a.nav-link.active {font-weight: 600;}
.cat-0, .cat-0 a, .cat-0 > a.nav-link.active {color: #007166;}
.cat-1, .cat-1 a, .cat-1 > a.nav-link.active {color: #ff0000;}
.cat-2, .cat-2 a, .cat-2 > a.nav-link.active {color: #ff8700;}
.cat-3, .cat-3 a, .cat-3 > a.nav-link.active {color: #669999;}
.cat-4, .cat-4 a, .cat-4 > a.nav-link.active {color: #880088;}
.cat-5, .cat-5 a, .cat-5 > a.nav-link.active {color: #009999;}
.cat-6, .cat-6 a, .cat-6 > a.nav-link.active {color: #9E9581;}
.cat-7, .cat-7 a, .cat-7 > a.nav-link.active {color: #c79655;}
.cat-8, .cat-8 a, .cat-8 > a.nav-link.active {color: #996666;}
.cat-9, .cat-9 a, .cat-9 > a.nav-link.active {color: #99cc33;}
.cat-10, .cat-10 a, .cat-10 > a.nav-link.active {color: #0066aa;}
.cat-11, .cat-11 a, .cat-11 > a.nav-link.active {color: #1480F6;}

div.cat-0 {border-top:3px solid #007166;padding:5px 5px 5px 35px;background: -moz-linear-gradient(135deg, #007166 25px, #ffffff 25px);background: -webkit-linear-gradient(135deg, #007166 25px, #ffffff 25px);background: linear-gradient(135deg, #007166 25px, #ffffff 25px);}
div.cat-1 {border-top:3px solid #ff0000;padding:5px 5px 5px 35px;background: -moz-linear-gradient(135deg, #ff0000 25px, #ffffff 25px);background: -webkit-linear-gradient(135deg, #ff0000 25px, #ffffff 25px);background: linear-gradient(135deg, #ff0000 25px, #ffffff 25px);}
div.cat-2 {border-top:3px solid #ff8700;padding:5px 5px 5px 35px;background: -moz-linear-gradient(135deg, #ff8700 25px, #ffffff 25px);background: -webkit-linear-gradient(135deg, #ff8700 25px, #ffffff 25px);background: linear-gradient(135deg, #ff8700 25px, #ffffff 25px);}
div.cat-3 {border-top:3px solid #669999;padding:5px 5px 5px 35px;background: -moz-linear-gradient(135deg, #669999 25px, #ffffff 25px);background: -webkit-linear-gradient(135deg, #669999 25px, #ffffff 25px);background: linear-gradient(135deg, #669999 25px, #ffffff 25px);}
div.cat-4 {border-top:3px solid #880088;padding:5px 5px 5px 35px;background: -moz-linear-gradient(135deg, #880088 25px, #ffffff 25px);background: -webkit-linear-gradient(135deg, #880088 25px, #ffffff 25px);background: linear-gradient(135deg, #880088 25px, #ffffff 25px);}
div.cat-5 {border-top:3px solid #009999;padding:5px 5px 5px 35px;background: -moz-linear-gradient(135deg, #009999 25px, #ffffff 25px);background: -webkit-linear-gradient(135deg, #009999 25px, #ffffff 25px);background: linear-gradient(135deg, #009999 25px, #ffffff 25px);}
div.cat-6 {border-top:3px solid #B0A690;padding:5px 5px 5px 35px;background: -moz-linear-gradient(135deg, #B0A690 25px, #ffffff 25px);background: -webkit-linear-gradient(135deg, #B0A690 25px, #ffffff 25px);background: linear-gradient(135deg, #B0A690 25px, #ffffff 25px);}
div.cat-7 {border-top:3px solid #c79655;padding:5px 5px 5px 35px;background: -moz-linear-gradient(135deg, #c79655 25px, #ffffff 25px);background: -webkit-linear-gradient(135deg, #c79655 25px, #ffffff 25px);background: linear-gradient(135deg, #c79655 25px, #ffffff 25px);}
div.cat-8 {border-top:3px solid #996666;padding:5px 5px 5px 35px;background: -moz-linear-gradient(135deg, #996666 25px, #ffffff 25px);background: -webkit-linear-gradient(135deg, #996666 25px, #ffffff 25px);background: linear-gradient(135deg, #996666 25px, #ffffff 25px);}
div.cat-9 {border-top:3px solid #99cc33;padding:5px 5px 5px 35px;background: -moz-linear-gradient(135deg, #99cc33 25px, #ffffff 25px);background: -webkit-linear-gradient(135deg, #99cc33 25px, #ffffff 25px);background: linear-gradient(135deg, #99cc33 25px, #ffffff 25px);}
div.cat-10 {border-top:3px solid #0066aa;padding:5px 5px 5px 35px;background: -moz-linear-gradient(135deg, #0066aa 25px, #ffffff 25px);background: -webkit-linear-gradient(135deg, #0066aa 25px, #ffffff 25px);background: linear-gradient(135deg, #0066aa 25px, #ffffff 25px);}
div.cat-11 {border-top:3px solid #1480F6;padding:5px 5px 5px 35px;background: -moz-linear-gradient(135deg, #1480F6 25px, #ffffff 25px);background: -webkit-linear-gradient(135deg, #0066aa 25px, #ffffff 25px);background: linear-gradient(135deg, #0066aa 25px, #ffffff 25px);}

button.cat-0 {background-color: #007166;color:#fff;border-color:unset;}
button.cat-1 {background-color: #ff0000;color:#fff;border-color:unset;}
button.cat-2 {background-color: #ff8700;color:#fff;border-color:unset;}
button.cat-3 {background-color: #669999;color:#fff;border-color:unset;}
button.cat-4 {background-color: #880088;color:#fff;border-color:unset;}
button.cat-5 {background-color: #009999;color:#fff;border-color:unset;}
button.cat-6 {background-color: #B0A690;color:#fff;border-color:unset;}
button.cat-7 {background-color: #c79655;color:#fff;border-color:unset;}
button.cat-8 {background-color: #996666;color:#fff;border-color:unset;}
button.cat-9 {background-color: #99cc33;color:#fff;border-color:unset;}
button.cat-10 {background-color: #0066aa;color:#fff;border-color:unset;}
button.cat-11 {background-color: #1480F6;color:#fff;border-color:unset;}
button.cat-0:hover,button.cat-1:hover,button.cat-2:hover,button.cat-3:hover,button.cat-4:hover,button.cat-5:hover,button.cat-6:hover,button.cat-7:hover,button.cat-8:hover,button.cat-9:hover,button.cat-10:hover,button.cat-11:hover,
button.cat-0:active,button.cat-1:active,button.cat-2:active,button.cat-3:active,button.cat-4:active,button.cat-5:active,button.cat-6:active,button.cat-7:active,button.cat-8:active,button.cat-9:active,button.cat-10:active,button.cat-11:active {
		color:#fff;
}

button.sub-sm {
	background-color:#fff;
	color:#ccc;
	border:1px solid #ccc;
	width:100%;
	padding:5px 0;
}
a.btn-pdf {
	border: 1px solid #c0c0b8;
    border-radius: 8px;
	padding: 8px 30px;
	font-size:inherit;
	color:#4a4a3c !important;
	width:100%;
}
i.fa-file-pdf{color:#cc0000}

.modal-body button.modal-btn {
	margin:5px 15px;
	color: #fff;
    border: 3px solid #fff;
    border-radius: 10px;
    background-color: transparent;
	padding: 5px 50px;
	opacity:0.7;
}
.modal-body button.modal-btn:hover {
	opacity:0.9;
}
a.nav-tab.cat-0,a.nav-tab.cat-1,a.nav-tab.cat-2,a.nav-tab.cat-3,a.nav-tab.cat-4,a.nav-tab.cat-5,a.nav-tab.cat-6,a.nav-tab.cat-7,a.nav-tab.cat-8,a.nav-tab.cat-9,a.nav-tab.cat-10 {
	font-size:16px;
	color:#4a4a3c;
	padding:0 5px;

}

a.nav-tab.cat-0:hover, a.nav-tab.cat-0:active, a.nav-tab.cat-0.current {color: #007166;}
a.nav-tab.cat-1:hover, a.nav-tab.cat-1:active, a.nav-tab.cat-1.current {color: #ff0000;}
a.nav-tab.cat-2:hover, a.nav-tab.cat-2:active, a.nav-tab.cat-2.current {color: #ff8700;}
a.nav-tab.cat-3:hover, a.nav-tab.cat-3:active, a.nav-tab.cat-3.current {color: #669999;}
a.nav-tab.cat-4:hover, a.nav-tab.cat-4:active, a.nav-tab.cat-4.current {color: #880088;}
a.nav-tab.cat-5:hover, a.nav-tab.cat-5:active, a.nav-tab.cat-5.current {color: #009999;}
a.nav-tab.cat-6:hover, a.nav-tab.cat-6:active, a.nav-tab.cat-6.current {color: #B0A690;}
a.nav-tab.cat-7:hover, a.nav-tab.cat-7:active, a.nav-tab.cat-7.current {color: #c79655;}
a.nav-tab.cat-8:hover, a.nav-tab.cat-8:active, a.nav-tab.cat-8.current {color: #996666;}
a.nav-tab.cat-9:hover, a.nav-tab.cat-9:active, a.nav-tab.cat-9.current {color: #99cc33;}
a.nav-tab.cat-10:hover, a.nav-tab.cat-10:active, a.nav-tab.cat-10.current {color: #0066aa;}
a.nav-tab.cat-11:hover, a.nav-tab.cat-11:active, a.nav-tab.cat-11.current {color: #1480F6;}

a.nav-tab.cat-0.current {text-shadow: 0 0 12px #80b8b3;}
a.nav-tab.cat-1.current {text-shadow: 0 0 12px #ff8080;}
a.nav-tab.cat-2.current {text-shadow: 0 0 12px #ffc380;}
a.nav-tab.cat-3.current {text-shadow: 0 0 12px #b3cccc;}
a.nav-tab.cat-4.current {text-shadow: 0 0 12px #c480c4;}
a.nav-tab.cat-5.current {text-shadow: 0 0 12px #80cccc;}
a.nav-tab.cat-6.current {text-shadow: 0 0 12px #9E9581;}
a.nav-tab.cat-7.current {text-shadow: 0 0 12px #e3cbaa;}
a.nav-tab.cat-8.current {text-shadow: 0 0 12px #ccb3b3;}
a.nav-tab.cat-9.current {text-shadow: 0 0 12px #cce699;}
a.nav-tab.cat-10.current {text-shadow: 0 0 12px #80b3d5;}
a.nav-tab.cat-11.current {text-shadow: 0 0 12px #c1d1fc;}



div.banner-img2 {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	width:100%;
	padding:0;
	background-color:#e2e2e2;
}
div.banner-img2 h1 {
	color:#fff;
	font-size:24px;
	padding:15px 0 15px 40px;
	margin:0;
	/*display:inline-block;*/
}
div.banner-img2 .triangle {
	top:3px;
}
/*div.banner-img2 > h1:after {
	content:'';
	width: 0;
	height: 0;
	position:relative;
	left:56px;
	top:42px;
	border-style: solid;
	border-width: 56px 56px 0 0;
}*/

div.banner-img2.cat-0>div.title-banner3 > h1 {
	background-color:#007166;
	color:#fff;
	display: inline;
    padding: 12% 15px 15px 12%;
    position: relative;
    bottom: 35px;
	right: 15px;
}

div.banner-img2.cat-9>div.title-banner2 > h1 {
	background-color:#99cc33;
	color:#fff;
	display: inline;
    padding: 15% 15px 15px 12%;
    position: relative;
    bottom: 35px;
	right: 15px;
}

div.banner-img2.cat-1 > h1 {
	background-color:#ff0000;
	background: -moz-linear-gradient(135deg, #ff0000 210px, #e2e2e2 210px);
	background: -webkit-linear-gradient(135deg, #ff0000 210px, #e2e2e2 210px);
	background: linear-gradient(135deg, #ff0000 210px, #e2e2e2 210px);
}
/*div.banner-img2.cat-1 > h1:after {border-color: #ff0000 transparent transparent transparent}*/
div.banner-img2.cat-6 > h1 {
	background-color:#B0A690;
	background: -moz-linear-gradient(135deg, #B0A690 210px, #e2e2e2 210px);
	background: -webkit-linear-gradient(135deg, #B0A690 210px, #e2e2e2 210px);
	background: linear-gradient(135deg, #B0A690 210px, #e2e2e2 210px);
}
div.banner-img2.cat-8 > h1 {
	background-color:#996666;
	background: -moz-linear-gradient(135deg, #996666 210px, #e2e2e2 210px);
	background: -webkit-linear-gradient(135deg, #996666 210px, #e2e2e2 210px);
	background: linear-gradient(135deg, #996666 210px, #e2e2e2 210px);
}
/*div.banner-img2.cat-8 > h1:after {border-color: #996666 transparent transparent transparent}*/
div.banner-img2.cat-10 > h1 {
	background-color:#0066aa;
	background: -moz-linear-gradient(135deg, #0066aa 210px, #e2e2e2 210px);
	background: -webkit-linear-gradient(135deg, #0066aa 210px, #e2e2e2 210px);
	background: linear-gradient(135deg, #0066aa 210px, #e2e2e2 210px);
}
/*div.banner-img2.cat-10 > h1:after {border-color: #0066aa transparent transparent transparent}*/

ul.nav-aside-menu {
	padding-left:0;
}
ul.nav-aside-menu>li {
	padding:10px 0 0 0;
	border-bottom: 1px dashed #e2e2e2;
	list-style:none;
}
ul.nav-aside-menu>li:before {
	content:' ';
	padding:10px 0 5px 0;
	margin-right:10px;
}
ul.nav-aside-menu>li.cat-0:before {border-right:2px solid #007166;border-left:3px solid #007166;}
ul.nav-aside-menu>li.cat-1:before {border-right:2px solid #ff0000;border-left:3px solid #ff0000;}
ul.nav-aside-menu>li.cat-2:before {border-right:2px solid #ff8700;border-left:3px solid #ff8700;}
ul.nav-aside-menu>li.cat-3:before {border-right:2px solid #669999;border-left:3px solid #669999;}
ul.nav-aside-menu>li.cat-4:before {border-right:2px solid #880088;border-left:3px solid #880088;}
ul.nav-aside-menu>li.cat-5:before {border-right:2px solid #009999;border-left:3px solid #009999;}
ul.nav-aside-menu>li.cat-6:before {border-right:2px solid #B0A690;border-left:3px solid #B0A690;}
ul.nav-aside-menu>li.cat-7:before {border-right:2px solid #c79655;border-left:3px solid #c79655;}
ul.nav-aside-menu>li.cat-8:before {border-right:2px solid #996666;border-left:3px solid #996666;}
ul.nav-aside-menu>li.cat-9:before {border-right:2px solid #99cc33;border-left:3px solid #99cc33;}
ul.nav-aside-menu>li.cat-10:before {border-right:2px solid #0066aa;border-left:3px solid #0066aa;}
ul.nav-aside-menu>li.cat-11:before {border-right:2px solid #1480f6;border-left:3px solid #1480f6;}

ul.nav-aside-menu > li > a.nav-link {color:#4a4a3c}
ul.nav-aside-menu>li.dropdown>ul.dropdown-menu {
	/*
	position: absolute;
	top:-20px;
	left:105px;
	margin:5px 15px;
	*/
	position: relative;
	margin:5px 35px;
	float:none;
	border:0;
	box-shadow:unset;
	-webkit-box-shadow:unset;
}
ul.nav-aside-menu>li.dropdown>ul.dropdown-menu>li {
	padding:0;
}
.dropdown .dropdown-menu{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
	transition: all 0.3s;
}
.dropdown:hover .dropdown-menu{
	/* display:block; */
}
.dropdown .dropdown-menu a.dropdown-item {
	padding: 7px;
}
a.dropdown-toggle:before {
	font-family: "Font Awesome 5 Free";
	content:"\f107";
	float:right;
	margin-left:3px;
	color:#d8d8d3;
}

.triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 32px 0 0;
	float:left;
	position:relative;
	top:-5px;
}

div.cat-0 .triangle {border-color: #007166 transparent transparent transparent;}
div.cat-1 .triangle {border-color: #ff0000 transparent transparent transparent;}
div.cat-2 .triangle {border-color: #ff8700 transparent transparent transparent;}
div.cat-3 .triangle {border-color: #669999 transparent transparent transparent;}
div.cat-4 .triangle {border-color: #880088 transparent transparent transparent;}
div.cat-5 .triangle {border-color: #009999 transparent transparent transparent;}
div.cat-6 .triangle {border-color: #B0A690 transparent transparent transparent;}
div.cat-7 .triangle {border-color: #c79655 transparent transparent transparent;}
div.cat-8 .triangle {border-color: #996666 transparent transparent transparent;}
div.cat-9 .triangle {border-color: #99cc33 transparent transparent transparent;}
div.cat-10 .triangle {border-color: #0066aa transparent transparent transparent;}
div.cat-11 .triangle {border-color: #1480f6 transparent transparent transparent;}


table.datatable {
	/*border-collapse: collapse;*/
	border:0;
}
table.datatable.cat-10 > thead > tr > th {
	background-color:#0066aa;
	color:#fff;
	padding:5px 15px;
}
table.datatable > tbody > tr > td {
	padding:15px;
}
table.datatable > tbody > tr:nth-child(odd) {
	background-color:#f2f2f2
}

table.datatable > tbody > tr:nth-child(even) {
	background-color:#ffffff;
}

#tbl_announcement {width:100%;font-size:14px;letter-spacing:0;border-collapse: collapse;}

table.tx-table {border-collapse:collapse;min-width:100%;}
table.tx-table th, table.tx-table td {border:1px solid #e2e2e2;padding:0 5px;font-size:14px;white-space:nowrap;}
table.tx-table>tbody>tr:nth-child(even) {background-color:#e8f2f1;}

table.figure-table {border-collapse:collapse;min-width:100%;}
table.figure-table th, table.figure-table td {border:1px solid #e2e2e2;padding:5px;}
table.figure-table th {white-space:nowrap;}
table.figure-table>tbody>tr:nth-child(even) {background-color:#e8f2f1;}

.nav-btns>button.btn-circle-xs {
	padding:0;
	border:0;
	background-color:#007166;
	width:32px;
	height:32px;
	line-height:32px;
	color:#fff;
	border-radius:50%;
	font-size:15px;
	margin-top:10px;
	margin-left:5px;
}
.btn-circle-md {
	padding:0;
	border:0;
	background-color:#007166;
	width:45px;
	height:45px;
	line-height:45px;
	color:#fff;
	border-radius:50%;
	font-size:21px;
}
.btn-rect-md {
	padding:10px 35px;
	border:0;
	background-color:#d0d0d0;
	color:#4a4a3c;
}
.btn-rect-md:hover, .btn-rect-md:active {
	background-color:#e0e0e0;
}

.link-header {
	margin:0 auto;
	background-color:#888880;
	background: linear-gradient(135deg, #ccccc8 30%, #888880 90%);
	color:#fff;
	font-size:14px;
	letter-spacing: 1px;
}
.link-header a {
	color:#fff;
	font-size:14px;
}
ul.nav-tabs>li.nav-item>a.nav-link {
	font-size:18px;
}
.owl-item div {
	text-align:center;
}
#owl_banner div.banner-img {cursor:pointer}
#owl_banner div.owl-nav > button.owl-prev, #owl_banner div.owl-nav > button.owl-next {
	width:25px;
	transform:scale(1.5,2);
}
#breadcrumb>a {color:#808078}
#breadcrumb,#breadcrumb>a:hover,#breadcrumb>a:active {color:#73736c}
#breadcrumb>i.fas {
	margin:0 10px;
}
div.title-img-wrapper {
	display:inline;
	float:left;
	margin-right:10px;
	max-width:485px;
}
div.banner-img {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	width:100%;
	/* padding:17%; */
	background-color:#e2e2e2;
	margin-bottom:1px;
}
div.pgwSlider.wide>ul>li {border:1px solid #e2e2e2}
#owl-carousel-video div.video-img {
    width:100%;
    /* padding:21% 0; */
    background-repeat:no-repeat;
    background-size: cover;
    background-position: left center;
    position: relative; /* 添加相对定位，作为绝对定位子元素的参照 */
	height: 200px;
}

#owl-carousel-video div.video-img i {
    color:#fff;
    opacity:1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    position: absolute; /* 添加绝对定位 */
    left: 10px; /* 距离左侧的距离，可根据需要调整 */
    bottom: 10px; /* 距离底部的距离，可根据需要调整 */
	font-size: 4rem;
	width: 40px;
	height: 40px;
	background-image: url(/images/icon_play.png) !important;
    background-size: 40px 40px;
}

#owl-carousel-video div.video-img i:hover {
    opacity:0.8;
}

#owl-carousel-video.owl-carousel .owl-nav button.owl-next {
	position:absolute;
	background-color:#880088;
	width:25px;
	height:100%;
	top:0;
	right:0;
	color:#fff;
	font-size:14px;
	line-height:21px;
}

#owl-carousel-video.owl-carousel .owl-nav .owl-next-2025 {
	position:absolute;
	background-image: url(/images/icon_right.png) !important;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    right: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
#owl-carousel-video.owl-carousel .owl-nav button.owl-prev {
	display:none;
}
#owl_banner > .owl-nav > .owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    /*top: 40%;*/
    margin-left: 0;
    /*display: block !important; */
    /*border:0px solid black;*/
}
#owl_banner > .owl-nav > .owl-next {
    width: 22px;
    height: 100px;
    position: absolute;
    /*top: 40%;*/
	right: 0;
	display: block !important;
    /*border:0px solid black;*/
}
#owl-carousel-submenu {
	cursor:pointer;
}
#owl-carousel-submenu > .owl-nav {
	position:absolute;
	width:100%;
}
#owl-carousel-submenu > .owl-nav > .owl-prev, #owl-carousel-submenu > .owl-nav > .owl-next {
	position: relative;
	top: -27px;
	border:0;
	font-size:1.5em;
}
#owl-carousel-submenu > .owl-nav > .owl-prev {
	/*left:30px;*/
	text-align:left;
	width:25px;
	background:linear-gradient(90deg, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 15%);
}
#owl-carousel-submenu > .owl-nav > .owl-next {
	float:right;
	text-align:right;
	width:45px;
	background:linear-gradient(90deg, rgba(255,255,255,0) 15%, rgba(255,255,255,1) 65%);
}

.owl-prev i,.owl-next i {display:block;margin:10px 0;transform:scale(1.5,1.5);color: #fff;}

div.list-c4,div.plist-c4,div.list-c8,div.plist-c8,div.plist-c12,div.tlist-c4 {
	border-bottom:1px solid #e0e0e0;
	padding:5px 0;
}
.list-c4 dt, .list-c4 dd, .plist-c4 dt, .plist-c4 dd {
	box-sizing: border-box;
	font-size:14px;
}
.list-c4 dt:not(:first-of-type), .list-c4 dd:not(:first-of-type), .plist-c4 dt:not(:first-of-type), .plist-c4 dd:not(:first-of-type) {
	border-top:1px solid #ececec;
}
.list-c4 dt {
	float:left;
	width:15%;
	padding:10px 0;
}
.list-c4 dd {
	padding:10px;
	margin-left:15%;
}
.plist-c4 dt {
	float:left;
	width:145px;
	padding:10px 0 0 0;
}
.plist-c4 dd {
	padding:10px;
	margin-left:155px;
}
.tlist-c4 dt {
	float:left;
	width:145px;
	padding:10px 0 0 0;
}
.tlist-c4 dd {
	padding:10px;
	margin-left:155px;
}
.list-c4 dd:after, .plist-c4 dd:after, .tlist-c4 dd:after {
    content: "";
    display: block;
    clear: both;
}
.list-c4 dd:nth-child(odd), .plist-c4 dd:nth-child(odd), .tlist-c4 dd:nth-child(odd) {
	background-color:#f6f6f6;
}
.list-c4 dd:nth-child(even), .plist-c4 dd:nth-child(even), .tlist-c4 dd:nth-child(even) {
	background-color:#fefefe;
}
.list-c4 img, .plist-c4 img {
	width:100%;
}

.list-c4b dt, .list-c4b dd {
	box-sizing: border-box;
}
.list-c4b dt {
	float:left;
	width:auto;
	padding:10px 10px 10px 0;
	font-weight:400;
	color:#aaaaa8;
}
.list-c4b dd {
	padding:10px 0;
	border-bottom:1px solid #ececec;
}
dl.list-c4b {
	margin-bottom:0;
}

.plist-c4 > h4 {
	margin-top:5px;
	margin-right:5px;
	margin-bottom:0px;
	margin-left:32%;
	font-size:14px;
	line-height:1.6em;
}
.plist-c4 > span {
	margin-left:32%;
	font-size:14px;
	line-height:1.6em;
	display:block;
}
.plist-c4 > p {
	margin-left:32%;
	max-height: 75px;
	font-size:14px;
	display: -webkit-box;
    overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*
.plist-c4:nth-child(odd){
	background-color:#f6f6f6;
}
.plist-c4:nth-child(even){
	background-color:#fefefe;
}
*/
div.title-img {
	background-size:cover;
	background-position: center center;
	cursor:pointer;
}
div.plist-c4 > div.title-img {
	position:relative;
	float:left;
	width:30%;
	padding-top: 20%;
}
div.plist-c4 > div.title-img.video-img{
	padding:10px 0;
	text-align:center;
	color:#fff;
}
div.plist-c4 > div.title-img.video-img>i.fas {
	font-size:55px;
	opacity:0.7;
}

.tlist-c4 div{
	border-bottom: 1px solid #e0e0e0;
}
.tlist-c4 div:hover a{
	color: #4a4a3c;
    text-decoration: none;
    font-weight: 600;
    outline: none;
}

div.plist-c12 > div.title-img.video-img{
	padding:34px 0;
	text-align:center;
	color:#fff;
}
div.plist-c12 > div.title-img.video-img>i.fas {
	font-size:75px;
	opacity:0.7;
}

.list-c8 > h4 {
	margin-top:10px;
	margin-right:5px;
	margin-bottom:0;
	margin-left:5px;
	font-size:15px;
	line-height:1.5em;
}
.list-c8 > span {
	margin-left:5px;
	font-size:12px;
	display:block;
}
.list-c8 > p {
	margin-left:5px;
	margin-top:5px;
	margin-bottom:10px;
	max-height: 75px;
	font-size:14px;
	line-height:1.5em;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.plist-c8 > h4, .plist-c12 > h4 {
	margin-top:5px;
	margin-right:5px;
	margin-bottom:0;
	font-size:15px;
	line-height:1.5em;
}
.plist-c8 > span, .plist-c12> span {
	font-size:12px;
	display:block;
}
.plist-c8 > p, .plist-c12 > p {
	margin-top:5px;
	margin-bottom:10px;
	max-height: 75px;
	font-size:14px;
	line-height:1.5em;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.plist-c8 > h4, .plist-c8 > span {
	margin-left:32%;
}
.plist-c8 > p {
	margin:0;
	padding:0 15px;
}
.plist-c12 > h4, .plist-c12 > span, .plist-c12 > p, .plist-c12 > a {
	margin-left:27%;
}
.plist-c12 > a {
	font-size:12px;
	display:block;
}

.plist-c8-w100 > h4 {
	margin-top:10px;
	margin-right:5px;
	margin-bottom:0;
	margin-left:18%;
	font-size:18px;
	line-height:1.5em;
}
.plist-c8-w100 > span {
	margin-left:18%;
	font-size:14px;
	display:block;
}
.plist-c8-w100 > p {
	/*margin-left:18%;
	margin-top:5px;
	margin-bottom:10px;*/
	margin:0;
	padding:0 15px;
	max-height: 75px;
	font-size:14px;
	line-height:1.5em;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.list-c8:nth-child(odd),
.plist-c8:nth-child(odd),
.plist-c12:nth-child(odd),
.plist-c8-w100:nth-child(odd){
	background-color:#f6f6f6;
}
.list-c8:nth-child(even),
.plist-c8:nth-child(even),
.plist-c12:nth-child(even),
.plist-c8-w100:nth-child(even){
	background-color:#fefefe;
}
div.plist-c8 > div.title-img,
div.plist-c12 > div.title-img {
	position:relative;
	float:left;
	background-size:cover;
	background-position: center center;
	cursor:pointer;
}
div.plist-c8 > div.title-img {
	width:30%;
	padding-top: 22%;
}
div.plist-c12 > div.title-img {
	width:25%;
	padding: 9% 0;
}
div.plist-c8-w100 > div.title-img {
	position:relative;
	float:left;
	width:16%;
	padding-top: 20%;
	background-size:cover;
	background-position: center center;
	cursor:pointer;
}

div.pbox-c2 {
	background-color:#f6f6f6;
	display:inline-block;
	float:left;
	width:49%;
	margin-left:0;
	margin-right:0.5%;
	margin-bottom:15px;
	text-align:center;
	transition-property:left,top;
	transition-duration: 2s 2s;
}

div.pbox-c3 {
	background-color:#f6f6f6;
	display:inline-block;
	float:left;
	width:32.8%;
	margin-left:0;
	margin-right:0.5%;
	margin-bottom:15px;
	text-align:center;
	transition-property:left,top;
	transition-duration: 2s 2s;
}
div.pbox-c2>div, div.pbox-c3>div {
	width:100%;
	margin-bottom:10px;
	overflow:hidden;
}
div.pbox-c2 div.title-img, div.pbox-c3 div.title-img {
	width:100%;
	padding-top:69%;
	background-size:cover;
	background-position: center center;
	cursor:pointer;
	-webkit-transition: all .15s;
    -moz-transition: all .15s;
    -o-transition: all .15s;
	transition: all .15s;
}

#official_contents div.pbox-c3 {
	width:27%;
	margin-left:3%;
	margin-right:3%;
	background-color:unset;
}
#official_contents div.pbox-c3 div.title-img  {
	border-radius:9px;
}

#selfmedia_contents div.pbox-c3 {
	width:27%;
	margin-left:3%;
	margin-right:3%;
	background-color:unset;
}
#selfmedia_contents div.pbox-c3 div.title-img  {
	border-radius:9px;
}

#videofm_contents div.pbox-c3 {
	width:27%;
	margin-left:3%;
	margin-right:3%;
	background-color:unset;
}
#videofm_contents div.pbox-c3 div.title-img  {
	border-radius:9px;
}



#think_tank_contents div.pbox-c3 {
	width:27%;
	height:25rem;
	margin-left:3%;
	margin-right:3%;
	background-color:unset;
}
#think_tank_contents div.pbox-c3 div.title-img  {
	padding-top:100%;
	border-radius:9px;
}

div.related_videos>div.pbox-c3 {
	height:220px;
}
div.related_videos>div.pbox-c3 div.title-img  {
	padding-top:56%;
}
div.related_videos>div.pbox-c3 a {
	font-size:14px;
	text-align:left;
	display:block;
	padding:0 10px;
}
div.pbox-c3:hover>div>div.title-img {
	-ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
	transform: scale(1.05);
	
}
/*#news_detail_wrapper img.title-img {
	box-shadow: 2px 2px 5px 0 #666;
	-webkit-box-shadow: 2px 2px 5px 0 #666;
}*/
#news_detail_wrapper h3 {
	font-size: 20px;
	font-weight:600;
	margin: 25px 0 5px 0;
	display:block;
}
#news_detail_wrapper>span {
	display:block;
}
#news_detail_wrapper figure {
	display:block;
	text-align:center;
	width:100%;
	margin-bottom:15px;
}
#news_detail_wrapper img {
	width:auto;
	max-width:100%;
	height:auto;
	border-radius:5px;
}
#news_detail_wrapper>p {
	font-size:16px;
	line-height:1.8em;
	text-align: justify;
}
/*
#news_detail_wrapper.cap>p:nth-of-type(1):first-letter {
	font-size:2.8em;
	float:left;
	margin:0.3em 3px 0 0;
	font-weight:600;
	color:#007166;
}
*/
#news_detail_wrapper>p:last-of-type {
	margin-bottom:45px;
}
#news_detail_wrapper a {
	color:#007166;
}
#news_detail_wrapper.image_box_shadow > p > img {
	border:1px solid #e2e2e2;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
}

#news_detail_wrapper ol {
    counter-reset: item;
	display:inline-block;
}
#news_detail_wrapper ol li {
    display: block;
    position: relative;
}
#news_detail_wrapper ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}

#news-detail-main-visual-c2 img{
	width:48%;
}

div.title-banner1 {
	width:100%;
	padding-bottom:27%;
	background-size:cover;
	background-position: center center;
}
div.title-banner2 {
	width:100%;
	padding-top:45%;
	background-size:cover;
	background-position: center center;
}
div.title-banner3 {
	width:100%;
	padding-top:30%;
	background-size:cover;
	background-position: center center;
}

div.title-banner1:before {
	content:'';
	width: 0;
    height: 0;
    position: relative;
    left: 0;
    top: 50px;
    border-style: solid;
    border-width: 56px 56px 0 0;
}
/*div.title-banner2:before {
	content:'';
	width: 0;
    height: 0;
    position: relative;
    left: -449px;
    top: -300px;
    border-style: solid;
    border-width: 56px 56px 0 0;
}*/
div.cat-9 > div.title-banner2 {border-top:3px solid #99cc33}
/*div.cat-9 > div.title-banner2:before {border-color: #99cc33 transparent transparent transparent}*/

div.cat-0 > div.title-banner3 {border-top:3px solid #007166}
div.cat-0 > div.title-banner3:before {border-color: #007166 transparent transparent transparent}
div.cat-1 > div.title-banner1 {border-top:3px solid #ff0000}
div.cat-1 > div.title-banner1:before {border-color: #ff0000 transparent transparent transparent}
div.cat-6 > div.title-banner1 {border-top:3px solid #B0A690}
div.cat-6 > div.title-banner1:before {border-color: #B0A690 transparent transparent transparent}
div.cat-8 > div.title-banner1 {border-top:3px solid #996666}
div.cat-8 > div.title-banner1:before {border-color: #996666 transparent transparent transparent}
div.cat-10 > div.title-banner1 {border-top:3px solid #0066aa}
div.cat-10 > div.title-banner1:before {border-color: #0066aa transparent transparent transparent}

#float_btn_left_wrapper {
	display:none;
	position:fixed;
	left:3%;
	top:130px;
	text-align:left;
	z-index:5;
    transition: all 1s;
	-webkit-transition: all 1s;
	width:160px;
	height:600px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	cursor:pointer;
}
#float_btn_right_wrapper {
	display:none;
	position:fixed;
	right:3%;
	top:130px;
	text-align:right;
	z-index:5;
    transition: all 1s;
	-webkit-transition: all 1s;
	width:160px;
	height:600px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	cursor:pointer;
}

#float_btn_wrapper {
	position:fixed;
	right:3%;
	bottom: 10%;
	text-align:right;
	z-index:5;
    transition: all 1s;
	-webkit-transition: all 1s;
}
#float_btn_wrapper>div>button {
	box-shadow: -2px 3px 10px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: -2px 3px 10px 0 rgba(0,0,0,0.2);
}
img.float_btn {
	display:none;
}
#btn_scroll_top {
	display:none;
}
#searchbar {
	border: 5px solid #007166;
    border-radius: 22px 0 0 22px;
	font-size: 30px;
    width: 100%;
	height:64px;
    padding: 8px 10px;
    -webkit-appearance: none;
    -webkit-box-shadow: -2px 3px 10px rgba(0,0,0,0.5);
    box-shadow: -2px 3px 15px rgba(0,0,0,0.3);
}

#searchbar_wrapper {
	position:relative;
	right:calc(3% - 260px);
	top:0;
	width:0;
	height:0;
	opacity:0;
}

#overlay_search_btn {
	height:64px;
	width:80px;
	font-size:30px;
	border-top-right-radius:22px;
	border-bottom-right-radius:22px;
}

button.btn-load-more {
	width:100%;
	background-color:#aaa;
	border-top:1px solid #ccc;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	border-left:1px solid #ccc;
	color:#fafafa;
}
button.btn-load-more:hover {
	background-color:#888;
	border-top:1px solid #aaa;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #aaa;
	color:#fff;
}
button.btn-load-more:active {
	background-color:#888;
	border-top:1px solid #666;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:1px solid #666;
}
/*
#next_prev_news>div:nth-child(1) {
	border-right:1px solid #a0a0a0;
	padding-right:15px;
}
#next_prev_news>div:nth-child(2) {
	padding-left:15px;
}
*/

button.btn-app-download {
	width:150px;
	background-color:unset;
	border-radius:10px;
}
button.btn-app-download.cat-0 {
	border:2px solid #007166;
	color:#007166;
}
button.btn-app-download.cat-10 {
	border:2px solid #0066aa;
	color:#0066aa;
}
button.btn-app-download.cat-11 {
	border:2px solid #1480f6;
	color:#1480f6;
}

.top-bar {
	padding-left:15px;
}
.top-bar:before {
	content:" ";
	border-bottom:5px solid #007166;
	position:absolute;
	width:50px;
	top:10px;
}


.ipo-index{
	/*border: 3px solid #669999;*/
    margin-bottom: 10px;
    padding: 10px 10px;
}
.ipo-index .block{
	/*float:left;*/
	display:inline-block;
	min-width: 95%;
	width:95%;
	margin:5px;
	padding:15px 30px;
	background-color:#e0ebeb;
	border-radius: 5px;
	box-shadow:2px 2px 3px rgba(0,0,0,0.2);
}
.ipo-index .list{
	display: flex;
    flex-direction:row;   
	height: auto !important;
	width:100%;
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-y:visible !important;
}
.ipo-index .list::-webkit-scrollbar {
	height:5px !important;
	background: transparent !important;
}
.ipo-index .list::-webkit-scrollbar-thumb {
    background: #669999 !important;
}


div.ipo-cal-wrapper {
	width:100%;
	overflow-x:scroll;
	overflow-y:visible;
	-webkit-overflow-scrolling:touch;
}
div.ipo-cal-wrapper::-webkit-scrollbar {
	height:5px;
	background: transparent;
}
div.ipo-cal-wrapper::-webkit-scrollbar-thumb {
    background: #669999;
}
#ipo-cal {
	border-collapse: collapse;
	/*border: 1px solid #ccc;*/
	border:0;
	background-color:#e6e6e6;
}
#ipo-cal tr>td {
	border: 1px solid #e6e6e6;
	font-size:14px;
	padding:0 8px;
	min-width:38px;
}
#ipo-cal tr>td:not(:first-of-type){
	width:25px;
	text-align:center;
}
#ipo-cal tr:first-of-type>td {
	background-color:#669999;
	color:#fff;
	padding-top:3px;
	padding-bottom:3px;
}
#ipo-cal tr:nth-of-type(2)>td,
#ipo-cal tr:nth-of-type(3)>td {
	background-color:#ccc;
	color:#fff;
}

#ipo-cal tr:nth-of-type(-n+3),
#ipo-cal tr:nth-of-type(-n+3)>td:nth-of-type(-n+2) {
	border:0;
	background-color:#fff;
}
#ipo-cal tr:nth-of-type(2n+4),
#ipo-cal tr:nth-of-type(2n+4)>td:nth-of-type(-n+2) {
	background-color:#fff;
}
#ipo-cal tr:nth-of-type(2n+5),
#ipo-cal tr:nth-of-type(2n+5)>td:nth-of-type(-n+2) {
	background-color:#f2f2f2;
}
#ipo-cal tr:nth-of-type(2n+4)>td:first-of-type,
#ipo-cal tr:nth-of-type(2n+5)>td:first-of-type {
	border: 1px solid #e6e6e6;
	margin-bottom:-1px;
}
#ipo-cal tr>td:first-of-type {
	/*display:block;*/
	position:sticky;
	position:-webkit-sticky;
	left:0;
	/*width: 190px;*/
	top:auto;
	padding-top:3px;
	padding-bottom:3px;
	white-space:nowrap;
	z-index:2;
}
#ipo-cal tr>td:nth-of-type(2) {
	position:sticky;
	position:-webkit-sticky;
	/*left:190px;*/
	top:auto;
	white-space:nowrap;
	z-index:2;
}
#ipo-cal tr>td>i.fas {
	font-size:1.4em;
	/*line-height: 1.3em;*/
}
.td5 {
	border-right:1px solid #666;
}

div.legend {
	font-size:14px;
}
div.legend span {
	display:inline-block;
	padding-right:2%;
	line-height:1.6em;
	white-space:nowrap;
}
div.legend span>i.fas {
	margin-right:2px;
    position: relative;
    float: left;
    top: -1px;
	font-size: 1.6em;
}
i.fas.ipo-cat-0 {
	color:#993366;
}
i.fas.ipo-cat-1 {
	color:#ff6633;
}
i.fas.ipo-cat-2 {
	color:#3399cc;
}
i.fas.ipo-cat-3 {
	color:#009933;
}
i.fas.ipo-cat-4 {
	color:#ff0000;
}
i.fas.ipo-cat-5 {
	color:#333399;
}

div.legend span {
	cursor:pointer;
	padding-bottom:8px;
}

#finethkmodal .modal-body table td {
	font-size:12px;
	padding:0px 3px;
	min-width:25px;
}
#finethkmodal .modal-body div.legend span,
#finethkmodal .modal-body div.legend em {
	font-size:10px;
}
#finethkmodal .modal-body div.legend span>i.fas {
	font-size:1.8em;
}

div.plate {
	margin-bottom: 15px;
    color: inherit;
	background-color: #eee;
	padding: 30px;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
	color: #ccc;
}	
label {
	max-width: 100%;
	/*margin-top: 5px;*/
	margin-bottom:0;
	font-weight: normal;
}
.form-control {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
label>i.fas {
	display:none;
}
.has-error label>i.fas {
	color:#880000;
	display:inline;
}
a.tagword {
	background-color: #e2e2e2;
    margin: 5px 0;
    padding: 5px 15px;
	border-radius: 15px;
	white-space: nowrap;
	line-height:35px;
}
a.tagword:hover,a.tagword:active {
	text-decoration: none;
	background-color:#d3d3d3;
}
/* member modal */
#finethkmembermodal .modal-body {padding:0}
#finethkmembermodal .modal-content {border-radius:unset}
#modal_left_visual {
	width:100%;
	height:365px;
	padding-top:114px;
	background-color:#007166;
	background-image:url(/images/modal_bg_member.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:bottom center;
}

#finethkmembermodal .modal-content > .modal-body > div.row > div:first-child {padding-right:0}
#finethkmembermodal .modal-content > .modal-body > div.row > div:not(:first-child) {padding:30px 30px 30px 15px}
#finethkmembermodal .modal-content > .modal-body ul.nav-tabs {border:0;}
#finethkmembermodal .modal-content > .modal-body ul.nav-tabs > li > a.nav-link {
	border-top:0;
	border-right:0;
	border-bottom:1px solid #ddd;
	border-left:0;
	border-radius:unset;
	color:#ddd;
	padding:5px;
	margin-bottom:15px;
	text-align:center;
}
#finethkmembermodal .modal-content > .modal-body ul.nav-tabs > li > a.nav-link:hover {
	background-color:unset;
}
#finethkmembermodal .modal-content > .modal-body ul.nav-tabs > li > a.nav-link {
	font-size:18px;
}
#finethkmembermodal .modal-content > .modal-body ul.nav-tabs > li.active > a.nav-link {
	border-bottom:4px solid #007166;
	color:#007166;
}

ul.member-menu {
	padding:0;
	list-style: none;
	margin: 30px 0;
}
ul.member-menu > li {
	border-bottom: 5px solid #ccc;
	padding:3px 0;
	margin:0 10px;
	display:inline;
	font-size:21px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
	transition: all 0.3s;
}
ul.member-menu > li.active,
ul.member-menu > li:hover {
	border-bottom: 5px solid #ff8700;
}
ul.member-menu > li > a {
	padding:3px 10px;
	color:#ccc;
}
ul.member-menu > li.active > a,
ul.member-menu > li:hover > a {
	text-decoration:none;
	color:#ff8700;
}

footer {
	border-top:5px solid #007166;
}
footer h5 {
	font-size:16px;
	color:#fafaec;
	margin-bottom:.2em;
}
footer label {
	display:block;
	font-size:14px;
	font-weight:400;
	color:#666;
	margin-bottom:0;
}
footer input.input-text {
	border: 0;
    background-color: #eee;
    border-radius: 16px 0 0 16px;
	/*padding: 0 12px;
	width: calc(100% - 75px);
	height: 24px;
	font-family:verdana;
    font-size: 12px;*/
	color: #666;
	text-transform: lowercase;
}
footer button {
	/*height:24px;
	border:1px;*/
	border-top-right-radius:16px;
	border-bottom-right-radius:16px;
	background-color:#666;
	color:#ccc;
	/*font-size:12px;
	padding:1 12px 0 0;*/
}

img.ad-img {max-width:100%;height:auto;}

.badge_finet_original {
	display:inline-block;
	margin:0 1em;
	line-height:1.5em;
	font-weight:400;
	/*
	padding:3px 10px 3px 14px;
	background: #007166;
	background: linear-gradient(155deg, rgba(102,170,163,1) 0%, rgba(0,113,102,1) 95%);
	color:#fff;
	border:0;
	border-radius:12px;
	font-size:12px;
	letter-spacing:0.4em;
	vertical-align:super;
	box-shadow:1px 1px 4px rgba(0,0,0,0.3);
	*/
	padding:1px 9px 1px 11px;
	background: #fff;
	color:#007166;
	border:1px solid #007166;
	border-radius:8px;
	font-size:14px;
	letter-spacing:0.2em;
	vertical-align:middle;
}

div.img-text-wrapper {
	position:relative;
	margin:15px 0 5px 0;
}
div.img-text-wrapper > img {
	width:100%;
	max-width:250px;
	border-radius:10px;
}
div.img-text-wrapper > div {
	position: absolute;
    width: 100%;
    top: 50%;
	left:50%;
	transform:translate(-50%, -50%);
	text-align:center;
    color: #fff;
    font-size: 28px;
    line-height: 1.2em;
	text-shadow: 0 0 5px rgba(0,0,0,0.3);
}

#manage_intro img{
	float: right;
	width: 200px;
}

#adv_right_top iframe {
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

@media only screen and (min-width:1560px) {
	#float_btn_left_wrapper,#float_btn_right_wrapper {
		display:block;
	}
}

@media only screen and (min-width:1200px) {
	div.plist-c8 > h4 , div.plist-c12 > h4 {
		font-size:18px;
	}
}
@media only screen and (min-width:992px) {
	/*body {
		letter-spacing: 1px;
	}*/
	#main_view_contents>div.plist-c8:nth-child(odd) {
		background-color:#f6f6f6;
	}
	#main_view_contents>div.plist-c8:nth-child(even) {
		background-color:#fefefe;
	}
	/*
	#main_view_contents>div.plist-c8:nth-child(-n+3) {
		background-color:#f6f6f6;
		display:inline-block;
		float:left;
		width:32.8%;
		height:460px;
		margin-left:0;
		margin-right:0.5%;
		margin-bottom:15px;
	}
	#main_view_contents>div.plist-c8:nth-child(-n+3)>div.title-img {
		width:100%;
		padding-top:66%;
		margin-bottom:10px;	
	}
	#main_view_contents>div.plist-c8:nth-child(-n+3)>h4 {
		margin:5px 0 0 0;
		padding:0 10px;
	}
	#main_view_contents>div.plist-c8:nth-child(-n+3)>span {
		margin:0;
		padding:0 10px;
	}
	#main_view_contents>div.plist-c8:nth-child(-n+3)>p {
		margin:10px 0 0 0;
		padding:0 10px 10px 10px;
		max-height: 150px;
		-webkit-line-clamp: 7;
	}
	*/
	#next_prev_news>div:nth-child(1) {
		border-right:1px solid #a0a0a0;
		padding-right:15px;
	}
	#next_prev_news>div:nth-child(2) {
		padding-left:15px;
	}
	#owl-carousel-video div.video-img {
		/* padding:15% 0; */
	}
	div.plist-c12 > div.title-img {
		width:250px;
		padding:85px 0;
	}
	div.plist-c12 > h4, .plist-c12 > span, .plist-c12 > p, .plist-c12 > a {
		margin-left:260px;
	}
	
	ul.member-menu {
		margin:0;
	}

	ul.member-menu > li {
		padding:30px 10px 5px 10px;
		display:block;
		font-size:24px;
	}
	dl.list-c4b {
		margin-bottom:20px;
	}
	
}

@media only screen and (max-width:991px) {
	div.title-img-wrapper {
		display:block;
		width:100%;
	}
	.nav-btns>button.btn-circle-xs {
		margin-left:5px;
		margin-top:15px;
		width:42px;
		height:42px;
	}
	div.plist-c12 > div.title-img.video-img>i.fas {
		font-size: 55px;
	}
	div.plist-c12 > div.title-img.video-img {
		padding: 3% 0;
	}
	.top-bar {
		text-align:center;
	}
	.top-bar:before {
		content:" ";
		position:absolute;
		width:50px;
		top:10px;
		left:calc(50% - 25px);
	}

	#tbl_announcement thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	#tbl_announcement tr {
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 3px solid #ddd;
		border-left: 1px solid #ddd;
		display: block;
		margin-bottom:5px;
		background-color:#f2f2f2;
	}
	#tbl_announcement td {
		border-bottom: 1px solid #ddd;
		display: block;
		text-align: left;
	}
	#tbl_announcement td:first-child:before {
		content: attr(data-label);
		float: left;
		margin-right:15px;
		color:#4a4a3c;
	}
	#tbl_announcement td:last-child {
		border-bottom: 0;
	}


}

@media only screen and (max-width:767px) {
	div.title-img-wrapper {
		display:block;
		margin-right:0;
		margin-bottom:15px;
		max-width:unset;
		width:100%;
	}
	#finethkmembermodal .modal-content > .modal-body > div.row > div:not(:first-child) {
		padding:30px;
	}
	div.plist-c12 > div.title-img.video-img>i.fas {
		font-size:35px;
	}
	div.plist-c12 > div.title-img.video-img {
		padding: 5% 0;
	}

	.tlist-c4 dt {
		float:left;
		width:100%;
		padding:10px;
	}
	.tlist-c4 dd {
		padding:10px;
		margin-left:0px;
	}

}

@media only screen and (max-width:630px) {
	h1 {
		font-size:28px;
	}
	h2 {
		font-size:20px;
	}
	div.plist-c8 > p:first-of-type,div.plist-c8 > span:last-of-type {
		display:none;
	}
	#newscenter_contents div.pbox-c3 {
		width:49%;
	}
	#think_tank_contents div.pbox-c3 {
		width:44%;
		height:20rem;
	}
	#official_contents div.pbox-c3 {
		width:44%;
	}
	#selfmedia_contents div.pbox-c3 {
		width:44%;
	}
	#videofm_contents div.pbox-c3 {
		width:44%;
	}
	div.legend>span {
		display:inline-block;
		padding-right:6%;
	}
	#float_btn_wrapper {
		bottom:10%;
	}
	div.related_videos>div.pbox-c3 {
		width:48%;
	}
	#news-detail-main-visual-c2 img {
		width:85%;
	}
	#manage_intro img{
		float:none;
	}
}

@media only screen and (max-width:480px) {
	.hidden-480px {
		display:none;
	}
	div.banner-img2.cat-9>div.title-banner2 > h1 {
		padding: 12% 10px 10px 10%;
		font-size:24px;
		bottom:20px;
	}
}

@media only screen and (max-width:350px) {
	.hidden-350px {
		display:none;
	}
}
/*print_content*/
#print_detail_wrapper h1 {
	font-size: 32px;
}
#print_detail_wrapper h3 {
	font-size: 18px;
	font-weight:600;
	margin: 25px 0 5px 0;
	display:block;
}
#print_detail_wrapper>span {
	display:block;
}
#print_detail_wrapper figure {
	display:block;
	text-align:center;
	width:100%;
	margin-bottom:15px;
}
#print_detail_wrapper img {
	width:auto;
	max-width:100%;
	height:auto;
}
#print_detail_wrapper, #print_detail_wrapper>p {
	font-size:14px;
	line-height:1.8em;
	text-align: justify;
}

#print_detail_wrapper>p:last-of-type {
	margin-bottom:45px;
}
#print_detail_wrapper a {
	color:#007166;
}
#print_detail_wrapper.image_box_shadow > p > img {
	border:1px solid #e2e2e2;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
}

/*map icon*/
.iw_poi_title{
	color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap;
}
.iw_poi_content{
	font: 12px arial,sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

/*saide-ipo start*/
.sider-ipo{
}
.sider-ipo .list{
	padding: 5px;
	/*min-height:100px;*/
	/*max-height:300px;*/
	height: 300px;
    /*overflow-y: scroll;*/
    overflow: auto;
}
.sider-ipo .list::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.sider-ipo .list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #9e9e9e;
}


.sider-ipo .tag{
	font-size: 14px;
}
.stock-title{
	font-size: 18px;
	margin-bottom: 8px;
	min-height: 50px;
}
#hkipo_tab1.stock-title, #hkipo_tab2 .stock-title{
	min-height: unset;
}
.stock-title a{
	font-size: 15px;
	color: #669999;
}
.sider-ipo .detail{
	font-size: 14px;
	margin: 10px 0px;
}
.sider-ipo .detail:after{
    content: "";
    display: block;
    border-bottom: 1px solid #e0e0e0;
}
.sider-ipo .detail-flex{
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.sider-ipo .detail-flex2{
	display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
	padding-bottom: 5px;
    margin-top: 5px;
}

.sider-ipo .tab{
	min-width: calc( 100% / 3);
}
.sider-ipo .tab2{
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.sider-ipo .tab3{
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.sider-ipo .showmore,.sider-ipo .nodata{
	padding: 5px;
    text-align: center;
}

.sider-ipo .nodata{
	margin:100px 0px;
}

/*saide-ipo end*/

/*ipodetail start*/
.ipo-detail  tr td:nth-child(2) {
	/*max-width: 40px;*/
}
.ipo-detail .flex-div{
    display: flex;
    justify-content: space-between;
}
.ipo-detail  .flex-div:nth-child(3n+0) {
	border-bottom: 1px solid #dedede;
}
.ipo-detail  .flex-div:last-child {
	border-bottom: none;
}


@media screen and (max-width:700px){
 	.ipo-detail .flex-div .div1{
		max-width: 60%;
	}
}



/*ipodetail end*/

/*ipomore start*/
.ipo-more-title{

}

.sider-ipo  #newscenter_contents {
	border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.sider-ipo  #newscenter_contents  .detail-flex2{
	padding: 8px;
	margin-top: 0px;
}
.sider-ipo  #newscenter_contents  .detail-flex2:nth-child(odd) {
	background-color: #f9f9f9;
}



/*ipomore end*/

/*顶部二维码定位 satrt*/
.link-header{
	z-index: 90;
    position: relative;
}

.qrcode-div{
	display: inline-block;
	position: relative;
	z-index: 90;

}

.qrcode-div .qrcode{
	position: absolute;
    z-index: 6;
    left: -20px;
    background-color: #888880;
    background: linear-gradient(135deg, #888880 20%, #aaaaa8 90%);
    text-align: center;
    width: 145px;
    padding: 5px 10px;
	transition: transform 0.3s;
    /*transform: translate3d(0, -100%, 0);*/
    transform: rotateX(90deg);
    opacity:0;

}

.qrcode-div:hover .qrcode{
	transform: rotateX(0deg);
	opacity:1;
}

.qrcode-div .qrcode img{
	width: 100%;
	margin-bottom: 5px;
}

/*顶部二维码定位 end*/

/*顶部最新动态 satrt*/
.dynamic-news{
	/* padding-top: 1.25rem; */
    padding-bottom: 1.25rem;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	display: flex;
}

.dynamic-news-head{
	--tw-text-opacity:1;
	box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
    color: rgb(249 115 22/var(--tw-text-opacity));
	font-weight: 600;
	font-size: 1.2rem;
	padding: 0.2rem 2rem;
    border-color: rgb(249 115 22/var(--tw-border-opacity));
	border-style: solid;
	border-width: 1px;
	border-radius: 0.375rem;
	white-space: nowrap;
	margin-right: 1rem;

}

.dynamic-news-list{
	transition-duration: 1s;
	-webkit-animation: loop 70s linear infinite normal;
	animation: loop 70s linear infinite normal;
	justify-content: space-between;
	align-items: center;
	display: flex;
}

.dynamic-news-list a{
	flex: none;
	--tw-text-opacity:1;
	color: rgb(153 153 153/var(--tw-text-opacity));
	white-space:nowrap;
	margin-right: 1rem;
}

.dynamic-news-icon{
	--tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(249 115 22/var(--tw-bg-opacity));
	line-height: 2rem;
	font-size: .75rem;
	padding-left: 0.625rem;
    padding-right: 0.625rem;
	border-top-left-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}

@-webkit-keyframes loop {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-200%)
    }
}

@keyframes loop {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-200%)
    }
}

/*大屏*/
/* .dynamic-news-list a:nth-child(1){
	animation:loop 20s linear infinite;
} */
.dynamic-news-list:hover{
	animation-play-state: paused;
}
/*中屏*/
@media (max-width: 1500px) {
}
/*小屏*/
@media (max-width: 600px) {
	.dynamic-news{
		display: none;
	}
	/* .dynamic-news-list a:nth-child(1){
		animation-duration: 5s;
	} */
}
/*顶部最新动态 end*/