@charset "utf-8";
.showleftpic,.showrigtpic{font-size:12px;margin-bottom:15px;text-align:center; display:inline-block;}
.showleftpic img,.showrigtpic img,.showpicnote img{ display:block;margin:auto;max-width:100%; cursor:pointer;}
.showpicnote img{margin-bottom:10px;}
.ABOUTTIT strong{font-size:30px;font-weight:bold;}
.showpicnote{font-size:12px;text-align:center; display:block;color:#666666;line-height:18px;}
.ullist{margin:0 0 0 18px;padding:0;}
.ullist li{ list-style: disc;}
.ollist{margin:0 0 0 18px;padding:0;}
.ollist li{list-style: decimal;}
.Reference,.reference,.References{color:#666666;margin-bottom:0;font-size:14px;line-height:20px;}
.Reference strong,.reference strong,.References strong{margin-bottom:10px; display: inline-block;}

.tableshowcont{margin:auto auto 10px auto;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff; background-color:#f2f2f2;font-size:13px;}
.tableshowcont strong{font-size:13px;}
.borderbottom{border-bottom:2px solid #ffffff;}
.tableshowcont .tableshowcontbg{ background-color:#555555;color:#ffffff;}
.tableshowcont td{padding:8px;}
/*.tableshowcont tr:nth-of-type(2n){background-color:#f2f2f2;border-bottom:1px solid #cccccc;}*/
.tableshowcont tr{/*background-color:#f2f2f2;*/border-bottom:1px solid #ffffff;}
.tableshowcont tr:first-child{background-color:#555555;color:#ffffff;}

@media (min-width: 1000px){
.showleftpic{float:left;margin-right:20px;}
.showrigtpic,.showrightpic{float:right;margin-left:20px;}

}
@media (max-width: 1000px){
.showleftpic,.showrigtpic,.showrightpic{width:100%;}
}



.webinar_video iframe{
    width:720px;
    height:450px;
}
@media(max-width:768px) {
    .webinar_video iframe{
        width:100%;
        height:450px;
    }
}
.knc_nav{
	position: relative;
}
.knc_nav a{
	display: inline-block;
	padding:5px 15px 5px 15px;
	border-radius: 8px;
	margin-left:8px;
	margin-right:8px;
	text-decoration: none;
	color:#000;
    background-color:#f2f2f2;
}
.knc_nav a:hover,.knc_nav a.choosebg{
/*	background-color: var(--main-yellow-color);*/
	color:var(--main-black-color);
    text-decoration: none;
}
.knc{
	margin-top:30px;
	margin-bottom:30px;
    display:flex;
    flex-wrap: wrap;
}
.knc div[class*="col"]{
    margin-bottom:25px;
}
.knc .img_area{
	display: inline-block;
	width:100%;
	height:170px;
	text-align: center;
}
.knc .img_area img{
	margin:auto;
	width:100%;
    height:100%;
    object-fit: cover;
}
.knc a{
	color:#428bca;
	display: block;
	text-decoration: none;
	border:1px solid #ccc;
    height:100%;
    font-size:14px;
}
.knc div[class*="col"]:hover a{
	color:#000;
	box-shadow: 0 0 8px #888;
    text-decoration: none;
}
.knc strong{
	padding:10px;
	text-align: center;
    display: block;
    line-height:1.3rem;
}

/*Podcast begin*/
.introduction_area{
	background-color: #f2f2f2;
	border:1px solid #efefef;
	padding:20px;
	margin-top:30px;
	
}
.introduction_video .col-md-3 img{width:100%;}
.playarea .small_player_area{display: block;width:100%; position: relative;}
.playarea{border:1px solid #cccccc; background-color: #ffffff; display: table;width:100%;padding-top:10px;padding-bottom:10px;/*min-height:140px;*/}
.player{/*display: table;*/width:100%;/*display: flex;align-items: center;*/ /*justify-content: center;*/position: relative;margin-top:10px;}
.player div[class*="col"]{padding-top:15px;padding-left:0;}
.player_share_icon{/*align-items: center;*/ /*justify-content: center;*/ width:330px;  text-align: center;}
.player_share_icon img{width:120px;display: inline-block;}
.playarea .small_player_area .play_btn{ display: inline-block;width:45px;height:50px;position: absolute;left:0; z-index: 1000;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .player_share_icon{/*align-items: center;*/ /*justify-content: center;*/ width:260px;  text-align: center;}
.player_share_icon img{width:120px;display: inline-block;}
}

@media (min-width: 1680px){
	.player_share_icon{
		display: inline-block;position: absolute;top:10px;right:0;
	} 
}
@media (max-width: 1679px){
.player_share_icon{
		display: block;position: relative;padding-bottom:10px;padding-top:10px;
	} 
}

.podcast{
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #efefef;
}
.podcast-img,.podcast-img img{
	position: relative;
}
.podcast-img i{
	 font-size:60px;
	 position: absolute;
	 top:40%;
	 left:35%;
	 color:#ffffff;
}
.podcast div[class*="col"] h3 a{
	font-size:18px;
	line-height:24px;
	color:#428bca;
}
.podcast div[class*="col"]:hover a{
	color:#ff0000;
	text-decoration: none;
}
.podcast div[class*="col"]:hover i{
	transform:rotate(90deg);
	color:#ff0000;
}

.introduction_video{
	padding-bottom:30px;
	display: none;
}
.introductionlist,.introductionlist ul,.introductionlist li{
	margin:0;
	padding:0;
	list-style: none;
}
.introductionlist{
	background-color: #ffffff;
	border:1px solid #eeeeee;
/*	height:300px;*/
	overflow-y:auto;
}
.introductionlist ul li{
	border-bottom:1px solid #efefef;
	padding:15px;
	font-weight:bold;
	cursor: pointer;
	position: relative;
}
.introductionlist ul li .duration{
	 
	 right:15px;
	 top:15px;
	 font-size:14px;
	 font-weight:normal;
	 color:#cccccc;
}
@media (min-width: 769px){
	.introductionlist ul li .duration{
		position: absolute;
	} 
}
@media (max-width: 768px){
	.introductionlist ul li .duration{
		position: relative; 
		display: block;
		padding-left:15px;
	} 
}
.introductionlist ul li:hover,.introductionlist ul .choosebg{
	background-color: #f8f8f8;
	color:#ff0000;
}
.introductionlist ul li i{
	display:none;
}
.introductionlist ul li:hover .voice span,.introductionlist ul .choosebg .voice span{
	background-color: #ff0000;
}
.introductionlist ul .choosebg i{
	display:inline-block;
}
.videoarea{
	position: relative;
}

.videoarea h2{
	font-size:24px;
	line-height:30px;
	margin-bottom:30px;
}
.voice{
    position: relative;	
	margin-left:10px;
}
.voice span{
	position: absolute;
	bottom:0;
	display: inline-block;
	width:3px;
	height:12px;
	background-color:#cccccc;
	
}
.voice span:nth-child(1){
	left:0;
	animation: voice-1 0.7s ease infinite;
}
.voice span:nth-child(2){
	left:6px;
	animation: voice-1 1.5s ease infinite;
}
.voice span:nth-child(3){
	left:12px;
	animation: voice-1 2s ease infinite;
}
.voice span:nth-child(4){
	left:18px;
	animation: voice-1 1.3s ease infinite;
}
.voice span:nth-child(5){
	left:24px;
	animation: voice-1 1s ease infinite;
}
.voice span:nth-child(6){
	left:30px;
	animation: voice-1 0.5s ease infinite;
}

@keyframes voice-1
{
0% {
	transform:scaleY(0.2);
	transform-origin:0 12px;
	}
50% {
	transform:scaleY(1);
	transform-origin:0 12px;
	}
100% {
	transform:scaleY(0.3);
	transform-origin:0 12px;
	}
}

/*careers*/
.job_list{border-bottom:1px solid #efefef;padding-top:15px;padding-bottom:15px;}
.job_list b{display: block;}
.job_list b a{font-size:18px;}
.job_list h3{margin-top:0;padding-top:0;}
.job_list h3 span {color:#aaa;font-weight:lighter; display: inline-block;margin-top:8px;font-size:12px;}

.jobnote{color:#aaa !important;font-size:12px !important;line-height:20px !important;padding:20px 0 0 0 !important; font-style: italic;}

@media(min-width: 992px) {
	.pagerow_pt {
		display: flex;
		flex-wrap: wrap;
		padding-top: 15px;
	}
}

.pagerow_pt div[class*="col-md"] a {
	display: block;
	margin-bottom: 15px;
}

.pagerow_pt_unit {
	width: 100%;
	height: 175px;
	position: relative;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e2e2e2;
}

.pagerow_pt_unit img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.pagerow_pt_unit_2 {
	width: 100%;
	height: 175px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

.pagerow_pt_unit_2 img {
	width: 100%;
	height: auto;
}
.greybg{
    background-color: #e4f2ff;
    padding: 20px;
    border-radius: 5px;
}

.ser-list-t{border-bottom:1px solid #efefef;padding:0;display:flex;margin-bottom:20px;}
.ser-list-t span{padding:4px 8px;height:35px;margin-right:15px;background-color: #f3e04e;margin-top:4px;}