.field-type-text-with-summary p,.field-type-text-with-summary div{
	color:#222222;
}
.page-url-qr-code img{
  max-width:150px;
}
.page-node-type-page .block-region-right{
	margin-bottom:40px;
}
.block-region-right h2{
  padding:20px 0 20px 0;
  font-weight:bold;
  color:#00429c;
}
.page-node-type-internal-article .block-region-middle .field.field-body.field-type-text-with-summary.field-label-hidden.field-item{
	padding:40px;
	margin-top:20px;
	box-shadow:3px 3px 10px #CCC;
}
hr{
  margin-top:20px;
  margin-bottom:20px;
    background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
    background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
    border: 0;
    height: 1px;
}
table thead td, table thead th {
    white-space: inherit;
}
.page-node-type-article .list-breadcrumb li:nth-last-child(1),
.page-node-type-article .list-breadcrumb li:nth-last-child(2) {
    display: none;
}
.page-node-type-article .banner {
    background-image: url(../../about-digital-bg.jpg);
}
.page-node-type-article .banner:before,.page-node-type-article .banner:after{
	display:none;
}
.page-node-type-article .block-region-left{
	margin-bottom:30px;
}
.page-node-type-article .article-title h1{
  font-size:24px;
  text-align:left;
  color: #000;
}
.page-node-type-article .article-submit{
  text-align:left;
  padding-top: 20px;
  color: #555;
}
.page-node-type-article .block-region-right {
    padding: 0 30px 10px 30px;
    background: #f8f8f8;
    margin-left:20px;
}
.page-node-type-article .block-region-right  h2.block-title{
	color:#000;
	border-bottom:0;
	padding-top:40px;
	padding-bottom:30px;
}
.page-node-type-article .block-region-right ul{
	padding:0;
	margin:0;
}
.page-node-type-article .block-region-right ul li{
	list-style:none;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
	font-size:12px;
}
.page-node-type-article .block-region-right ul li p{
	font-size:16px;
}
.page-node-type-article .block-region-right ul li:last-child{
	border-bottom:0;
}
@media (min-width:1600px){
  .page-node-type-article .article-title h1{
    font-size:26px;
  }
}
@media screen and (max-width: 767px) {
    .page-node-type-article .article-title h1 {
        font-size: 20px;
    }
    .page-node-type-article .block-region-right{
    	display:none;
    }
}
.pagenav-3-1 {
    position: relative;
    margin-top: -45px;
}
.pagenav-content .share-content {
    display: flex;
}
.pagenav-media .pagenav-item .pagenav-item-text {
    display: none;
}
.pagenav-content {
    z-index: 5;
}
.share-qrcode-wechat{
  display:none;
}
.page-url-qr-code.t-c {
    margin-top: 40px;
}
.pagenav-3-1 canvas{
  width:100px;
  height:100px;
  border:4px solid #FFF;
}
.share-qrcode-wechat {
    position: absolute;
    bottom: 40px;
    z-index: 5;
    left: -5px;
}

.pagenav-top,.pagenav-item,.share-qq{
    text-align: center;
    display:none;
}

.pagenav-item-share {
    position: relative;
    text-align: right;
}
.share-1:before {
    content: "\5206\4eab\5230";
    display: inline-block;
    margin-right: 20px;
}
.share-1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.share-wechat{
  position:relative;
  text-align:center;
}
.share-item{
  margin: 5px;
}
.share-item i.icon:before{
    content: "";
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-position: center center;
    display: block;
}
.share-item .icon-wechat:before{
      background-image: url(../../social-wechat.png);
}
.share-item .icon-weibo:before{
      background-image: url(../../weibo.png);
}
.page-node-type-article .block-region-left .field.field-body.field-type-text-with-summary.field-label-hidden.field-item{
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #F2f2f2;
}


.basich2{
	display:block;
	padding:20px 40px;
	background:#204FCA;
	margin-bottom:20px;
}
h2.tabchange{
		font-weight: 600;
    color: #333;
    font-size: 20px;
    text-align: center;
    margin-left: 20px;
    border: 1px solid #999;
}
/*h2.tabchange:before{
	content:"";
	height:27px;
	width:27px;
	display:inline-block;
	margin-right:10px;
	background:url(../../basic-h2-l.png) no-repeat center center;
}
h2.tabchange:after{
		content:"";
	height:1px;
	width:80px;
	background-color:rgba(255,255,255,0.8);
	display:inline-block;
	margin-left:10px;
}*/
.tabchangeslide {
			  display: flex;
			  flex-direction: column;
			  position: relative;
}
			
.tabchange {
			  padding: 10px 20px;
			  cursor: pointer;
			  margin-right: 5px;
			  position: absolute;
			  width:200px;
			  left:220px;
			  margin-top:0;
}
.tabchange:nth-child(1){
			  left:0;
}
.tabchange.active {
	 background-color: #204FCA;
	color: white;
}
.tabchange-content {
			  display: none;
			  padding: 20px;
			  margin-top: 50px;
}
h2.majorh2{
	padding:20px 40px;
	background:#204FCA;
	margin-bottom:10px;
	margin-top:20px;
	color:#FFF;
}
	.tabchange-content.active {
			  display: block;
}
.basich3 h3{
	font-weight:600;
	display:flex;
	color: #204FCA;
	font-size:18px;
	margin-bottom:15px;
	margin-top:0px;
	align-items: center;
}
.basich3 h3:before,.basich3 h3:after{
	content:"";
	height:17px;
	width:27px;
	background:url(../../basic-h3-l-g.png) no-repeat center center;
	display:inline-block;
	margin-right:10px;
}
.basich3 h3:after{
	transform: scaleX(-1);
	display:inline-block;
	margin-right:0px;
	margin-left:10px;
}
.basich3 h4{
	font-weight:600;
	margin:10px 0;
}
.page-node-type-page  .article-title{
	    text-align: center;
	    margin-bottom:20px;
}
.page-node-type-page .article-title h1{
  font-size:26px;
  font-weight:bold;
  margin-bottom:20px;
    position: relative;
    margin: 0 auto 40px;
    display: inline-block;
}
.page-node-type-page .article-title h1:before{
  content:'';
  position:absolute;
  width:70px;
  height:70px;
  background:url(../../termtitle-bg.png) no-repeat center center;
  background-size:contain;
  left:-40px;
  top:-20px;
}
.page-node-type-page .article-title h1:after{
		content: '';
    position: absolute;
    width: 50px;
    height: 6px;
    background-color: #204FCA;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -20px;
}
@media(max-width:768px){
	.tabchange {
    margin: 0 !important;
    position: initial;
    width: 100%;
    margin-top: 0;
    background-color: #204FCA !important;
    color: white !important;
    border:0;
}
h2.majorh2 {
    margin-bottom: 10px;
    font-size: 18px;
    text-align: center;
}
.tabchange-content{
	display:block;
	        margin: 0;
        padding: 0;
}
.tabchange {
    
}
}
/********************* about ***************************************************/
.about-i{
	margin-bottom:20px;
}
/*.about-i img{
	max-width:100%;
	width:100%;
	display:block;
}*/
.about-i .about-text{
	background-color:#E2F3FC;
	padding:40px 40px;
	width:100%;
	margin-bottom:10px;
}
.about-i .about-text h4{
	color:#204FCA;
	margin-bottom:10px;
	font-weight:600;
}

.about-digital{
	padding:60px 0;
	background:url(../../about-digital-bg.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}
/*
.about-digital:after {
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        left: 0;
        bottom: 0;
    }
.about-digital ul {
    color: #FFF;
    z-index: 1;
    position: relative;
    margin:0;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.about-digital ul li{
    width: 140px;
    height: 140px;
    list-style: none;
    background-color: rgba(0, 0, 0, .8);
    padding: 35px 5px;
    color: #FFF;
    font-size: 14px;
    line-height: 200%;
    text-align: center;
}
.about-digital ul li strong{
	color:#FFECB9;
	font-size:36px;
	margin-right:5px;
}

@media (min-width: 992px) {
.about-digital:after {
        width: calc(65vw - 170px);
        transform: skewX(150deg);
        left: -120px;
    }
.about-digital ul li:nth-child(2n) {
    margin-top: 140px;
}
}
@media(min-width:786px){
.about-i{
	position:relative;
	height:360px;
	width:100%;
}
.about-i .about-text{
	width:60%;
	min-width:400px;
	position:absolute;
}
.about-i img{
	max-width:600px;
	position:absolute;
	bottom:0;
}
.about-i:nth-child(2n) img{
	right:0;
}
.about-i .about-text{
	bottom:0;
}
.about-i:nth-child(2n-1) .about-text{
	right:0;
}
}*/
/******************** leader ***************************************************/

.leader {
    padding: 20px;
    position: relative;
    display: flex;
}
.leader:hover{
		background: #F0F8FC;
}
.leadership .row{
	display:flex;
	flex-wrap:wrap;
}
/*.leader:hover:after {
			background-image: url('../../rols-1.png');
    background-size: 100%; 
    background-position: center center;
    content:'';
    position:absolute;
    background-repeat:no-repeat;
    right:20px;
    top:20%;
    width:200px;
    height:200px;
    opacity:0.6;
    animation:load 5s linear infinite;
}

.leader:hover:before {
			background-image: url('../../rols-2.png');
    background-size: 70%; 
    background-repeat:no-repeat;
    background-position: center center;
    content:'';
    position:absolute;
    right:20px;
    top:20%;
    width:200px;
    height:200px;
    opacity:0.6;
    animation:load2 5s linear infinite;
}
*/
.leader .l-img{
	width:160px;
	position:relative;
}
.leader .l-img:before{
	content:"";
	background: #F0F8FC;
	width:150px;
	height:calc(100% + 20px);
	top:-10px;
	left:-10px;
	position:absolute;
}
.leaderh2 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top:30px;
}
.leaderh2 h2 {
        display: inline-block;
        padding: 2px 20px 2px 0;
        border-right: 2px solid #E0DBE5;
        font-size: 24px;
        word-break: keep-all;
        white-space: nowrap;
        margin: auto;
    }
.leaderh2:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #E0DBE5;
    display: inline-block;
}
.leader .l-img img {
  	width: 200px;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;
    position:relative;
    z-index:1;
}
.leader .l-text {
    padding: 10px 20px 20px 40px;
    width: calc(100% - 160px);
    position: relative;
    height: max-content;
}
.leader .l-text:before{
		content: "";
    background: #204FCA;
    width: 3px;
    height: calc(100% - 30px);
    top: 10px;
    left: 15px;
    position: absolute;
}
.leader .l-text h3{
	font-size:26px;
	font-weight:600;
	color:#204FCA;
	margin-bottom:20px;
}
.leader .l-text h3 span{
	font-size:18px;
	font-weight:400;
	margin-left:15px;
}
.leader .l-text  p{
	color:#777;
	font-size:14px !important;
}
.pastleader .lrld span {
    font-size: 14px;
    color: #999;
    margin-right: 10px;
}
@media(max-width:786px){
.leader {
    flex-direction: column;
    padding-bottom:0;
}
.leader .l-img{
	text-align:center;
}
.leader .l-img img{
	width:240px;
}
.leader .l-text {
    padding: 30px 20px 20px 40px;
    width: 100%;
}
.leader:hover:after,.leader:hover:before{
	display:none;
}
}
/********************* staff ***************************************************/
.office-staff{
	padding:20px 0;
	line-height:100% !important;
}
.office-staff h2{
	font-size:24px;
	font-weight:600;
	margin-bottom:20px;
	margin-right:20px;
}
.staffinfo {
    padding-bottom: 20px;
}
.field-body .office-staff h3{
	font-size:14px;
	margin-bottom:15px;
	font-weight:normal;
	color:#1D5FAA;
	margin-top:30px;
}
.office-staff h3 strong{
	font-size:20px;
	font-weight:600;
	color:#1D5FAA;
	margin-right:10px;
	margin-left:20px;
}
.office-staff .staff{
	display:flex;
	flex-wrap:wrap;
}
.office-staff p.duty{
	padding-bottom:15px;
	color:#000;
}
.office-staff .col-md-6,.office-staff .col-md-12{
 	margin-bottom:20px;
 	
 }
.office-staff .col-md-6 .row, .office-staff .col-md-12 .row{
   z-index:2;
   position:relative;
  }
.office-staff .col-md-6:after, .office-staff .col-md-12:after{
 	content:"";
 	width:calc(100% - 28px);
 	margin:0 auto;
 	height:100%;
 	position:absolute;
 	background-color: #F8f8f8;
 	top:0;
  background-position: 94% 70%;
  background-size: 28%;
 }
 .office-staff .col-md-6:hover:after, .office-staff .col-md-12:hover:after{
 background-color:#F0F8FC;
 }
 
 .office-staff .col-md-12:after{
 	  background-size: 18%;
 }
.office-staff  .staffimg{
 	text-align:center;
 }
.office-staff .staffinfo p{
  	margin:0 20px;
  	font-size: 14px;
  }
.office-staff img{
 	width:100%;
 	max-width:200px;
 	height:auto;
 	max-height:290px;
 	aspect-ratio:3/4;
 	object-fit:cover;
 	margin:20px 20px 10px;
 }
 
.field.field-type-file.field-label-above{
	padding:30px;
	background:#EDF6FF;
	margin:20px 0;
}
.field-type-file .field-label{
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
}
.field-type-file .field-item{
	line-height:150%;
	margin-bottom:5px;
}
/*********************************** labs *************/
.labs img {
    width: 600px;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    margin-bottom: 15px;
}

/********************** custom *************************************************/
table {
    border: 1px solid #c6c6c6;
}
table>tbody>tr>td, table>thead>tr>td, table>tfoot>tr>td, table>tbody>tr>th, table>thead>tr>th, table>tfoot>tr>th {
    border: 1px solid #c6c6c6;
}
.table thead tr th {
    font-size: 16px !important;
    background: #204FCA;
    letter-spacing: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 600;
    text-align: left;
    border-bottom: 0;
    color:#FFF;
}

.table thead tr th p {
    font-size: 15px !important;
    margin-bottom:0;
    color:#FFF !important;
}

.table p {
    font-size: 14px;
    margin: 0;
    line-height: 150%;
}

.table tbody tr:nth-child(odd) {
    background: #F0F8FC;
}

.table tbody tr:nth-child(even) {
    background: #F0F8FC;
}
table.lrld,table.lrld>tbody>tr>td, table.lrld>thead>tr>td{
	border:0;
}
@media screen and (min-width:1400px){
.pastleader	.table thead tr th {
    font-size: 18px !important;
}
}
@media screen and (min-width:992px){
.pastleader{
        padding-top: 5px;
        padding-bottom: 20px;
		}
	.pastleader .table td:nth-child(1) {
    font-weight: 600;
}
.pastleader .table td {
    font-size: 18px;
    padding:20px 10px;
}
}
@media(max-width: 768px) {
.pastleader   thead {
        display:none;
    }

.pastleader   table,.pastleader table td {
        border: 0 !important;
    }

.pastleader  table tr {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100% !important;
        border: 0;
        flex-wrap: wrap;
        margin-bottom: 10px; 
        padding: 10px 0;
    }

.pastleader table tr td {
        border: 0;
        width: 100%;
        text-align: left;
        position: relative;
        padding-left: 120px !important;
        text-align: left !important;
        font-size: 16px;
       
    }

.pastleader table tr td::before {
        text-align: left;
        font-size: 16px;
        color: #204FCA;
        position: absolute;
        left: 20px;
        top: 10px;
        font-weight: bold;
    }

.pastleader table tr td:nth-child(1)::before {
        content: '\59d3\540d';
    }

.pastleader table tr td:nth-child(2)::before {
        content: '\804c\52a1';
    }

.pastleader table tr td:nth-child(3)::before {
        content: '\4efb\804c\65f6\95f4';
    }
}