@charset "utf-8";.container{max-width:1200px;margin:auto;position:relative;padding-top:20px;padding-bottom:20px;display:table;width:100%}
.second-container{max-width:1200px;padding-top:40px;position:relative;display:table;width:100%;padding-bottom:50px}
@media(min-width:1280px){.second-container{margin:auto}
}@media(min-width:768px) and (max-width:1279px){.second-container{margin:auto;padding-left:25px;padding-right:25px}
}@media(max-width:767px){.second-container{margin:auto;padding-top:50px;padding-left:25px;padding-right:25px}
}.nasvgation{position:fixed;right:3%;bottom:10%;padding:5px;padding:0 10px 10px 10px;text-align:center;z-index:10000}
.nasvgation span{display:block;margin-top:15px;margin-bottom:15px;color:#eee;cursor:pointer}
.nasvgation .choosebg{color:#e6d90e}
.btn{padding:8px 20px;clear:both;color:#fff;background-color:#1d3c6f;text-decoration:none;display:inline-block;font-weight:700;margin-top:20px}
.btn:hover{color:#fff;transition:background-color .3s;background:#39c}
.KeyUpdates{position:relative;border-top:1px solid #efefef;padding-top:30px;padding-bottom:30px}
.key_updat_tit {font-size: 28px;margin: 0 0 10px 0;display: block}
.keyUpdateUnit{border:1px solid #d2d2d2;padding:15px;margin-top:15px;margin-bottom:15px}
.keyUpdateUnit h3{font-size:18px !important}
.keyUpdateUnit a{color:#0061cd}
.keyUpdateUnit p{font-size:15px;line-height:24px;min-height:100px}
.keyUpdateUnit img{width:100%}
.keyUpdateUnit .bannerbutton{font-size:16px;color:#396ea4}
.keyUpdateUnit:hover a{color:#f87806;transition:width .5s}
.keyUpdateUnit:hover{box-shadow:0px 0px 6px #cccccc}
.keyUpdateUnit .Twopxline{width:100%;position:absolute;left:0%;right:0%;height:3px;top:14px}
.keyUpdateUnit .Twopxline .line{width:30%;transition:0.5s;background-color:#f3e04e;height:3px;box-sizing:border-box;margin:auto;position:relative;left:0;right:0}
.keyUpdateUnit:hover .Twopxline .line{width:93%}
.keyUpdateUnit_tit{font-size:18px !important;margin-bottom:10px;margin-top:10px;display:block}
.related{display:table;width:100%}
.SolutionsList{display:table;width:100%;position:relative}
.SolutionsList h3{font-size:17px!important}
.SolutionsList div[class*=col]{position:relative;overflow:hidden;cursor:pointer}
.SolutionsList div[class*=col] img{position:relative;z-index:-1;/*width:90%*/;border:1px solid #ccc;margin:auto}
.SolutionsList div[class*=col] .img_area{position:relative}
.SolutionsList div[class*=col] .img_area img{position:relative;z-index:1}
.SolutionsList div[class*=col] .img_area .Solutionsfont{width:100%;height:100%;left:0;top:0;z-index:10;text-align:left;display:block}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent{padding-bottom:25px}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent h3,.SolutionsList div[class*=col] h3{font-size:20px;line-height:26px;min-height:54px;}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent h3 a,.SolutionsList div[class*=col] h3 a{color:#000}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent h3 a:hover,.SolutionsList div[class*=col] h3 a:hover{color:#2cb1e1}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent{position:relative;/*width:90%;*/margin-left:auto;margin-right:auto}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent .Solutionbutton{border-radius:5px;padding:8px 0 8px 0;color:#000;margin-top:0px;font-size:16px;display:inline-block}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent{min-height:230px}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent p{height:145px;overflow:auto !important}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent .Solutionbutton i{margin-right:10px}
.SolutionsList div[class*=col]:hover .Solutionsfont .fontcontent .Solutionbutton{color:#2cb1e1}
.SolutionsList div[class*=col]:hover .Solutionsfont{display:table}
.SolutionsList div[class*=col] .fontcontent h3{font-size:20px;line-height:26px}
.SolutionsList div[class*=col] .fontcontent{position:relative;width:100%;margin-left:auto;margin-right:auto;padding-bottom:20px}
.SolutionsList div[class*=col] .fontcontent h3 a{color:#000}
.SolutionsList div[class*=col] .fontcontent h3 a:hover{color:#2cb1e1}
.SolutionsList div[class*=col] .fontcontent .Solutionbutton{border-radius:5px;padding:8px 0 8px 0;color:#000;margin-top:0px;font-size:14px}
.SolutionsList div[class*=col] .fontcontent .Solutionbutton i{margin-right:10px}
.SolutionsList div[class*=col]:hover .fontcontent .Solutionbutton{color:#2cb1e1}
.SolutionsList div[class*=col] .fontcontent p{font-size:11px;margin:auto}
/*.SolutionsList div[class*=col] h3{width:90%;margin:10px auto auto auto}*/
@media (min-width:1920px){.SolutionsList div[class*=col] .Solutionsfont .fontcontent h3,.SolutionsList div[class*=col] h3{min-height:70px}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent p{font-size:14px}
}@media (min-width:1367px) and (max-width:1919px){.SolutionsList div[class*=col] .Solutionsfont .fontcontent h3,.SolutionsList div[class*=col] h3{min-height:90px}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent p{font-size:14px}
}@media (min-width:1280px) and (max-width:1366px){.SolutionsList div[class*=col] .Solutionsfont .fontcontent h3,.SolutionsList div[class*=col] h3{min-height:90px}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent p{font-size:14px}
}@media (min-width:1024px) and (max-width:1279px){.SolutionsList div[class*=col] .Solutionsfont .fontcontent h3,.SolutionsList div[class*=col] h3{min-height:90px}
}@media (min-width:769px) and (max-width:1023px){.SolutionsList div[class*=col] .Solutionsfont .fontcontent h3,.SolutionsList div[class*=col] h3{min-height:90px}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent p{font-size:14px}
}@media (max-width:768px){.SolutionsList div[class*=col] .Solutionsfont .fontcontent h3,.SolutionsList div[class*=col] h3{min-height:55px;margin-bottom: 5px;}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent p{font-size:14px;height: auto;}
.SolutionsList div[class*=col] .Solutionsfont .fontcontent {
	min-height: auto;
	margin-bottom: 35px;
	border-bottom: 1px solid #efefef;
	padding-bottom: 10px;
}
}.minheightcontenttab{width:650px;height:500px;overflow:auto;margin:auto auto 15px auto}
.minheightcontenttab table{width:100%;margin:auto}
.minheightcontenttabHEAD{overflow:auto;margin:auto;width:650px;position:relative;margin-bottom:0}
.minheightcontenttabHEAD .headtable{width:100%;margin:auto;z-index:100}
.minheightcontenttab .contentTable{width:100%;margin:auto;z-index:10;top:-1px;position:relative}
.resourcesContent{position:relative;display:table;width:100%}
.resourcesContent .content-width .rightinquiryContact{position:absolute;width:20%;right:0;top:0}
.resourcesContent h1{margin-bottom:20px}
.rightcontact > strong{color:#396ea4;border-left:3px solid #396ea4;position:relative;left:-21px;padding-left:20px;font-size:26px;display:block}
.rightcontact{border-radius:8px;border:1px solid #dbdbdb;padding:20px;margin-top:20px;margin-bottom:20px;line-height:24px;background-color:rgba(255,255,255,.3)}
.rightcontact td{padding:5px}
.rightcontact td strong{font-size:16px}
.rightcontact i{font-size:26px;margin-top:5px}
.product-groupsTabhead{margin-top:30px;margin-bottom:15px;position:relative;color:#fff}
.product-groupsTabhead span{color:#fff;margin-right:8px;padding-right:5px;background-color:#1d3560;display:inline-block}
.product-groupsTabhead span a{color:#fff}
.product-groupsTabhead span{padding:10px 15px 10px 15px;list-style:none;text-align:center;font-weight:700;font-size:18px;line-height:18px;cursor:pointer}
.product-groupsTabhead span:hover .Tabcontentarea{display:block}
.product-groupsTabhead .choosedbg,.product-groupsTabhead span:hover{background-color:#0061cd;color:#fff}
@media(min-width:1280px){.rightcontact td{}
}@media(max-width:1279px){.rightcontact td{word-break:break-all}
}
/*.product-groups-nav{display:table;width:100%}*/
.product-groups-nav li a{color:#333;text-decoration:none}
.product-groups-nav li{padding:8px 15px 8px 15px;border:1px solid #ddd;margin-right:15px;margin-top:10px;cursor:pointer}
.product-groups-nav li.active{background-color:#eadf00;color:#000;border:1px solid #eadf00}
.product-groups-nav li.active a{color:#000}
.product-groups-nav li h3{font-weight:normal;font-size:16px;padding:5px;margin:0px}

.groups-nav{width:350px;height:50px;background-color:#eadf00;color:#000; position: relative;z-index: 200;padding-left:17px;padding-right:17px;}
.groups-nav::after{
	content:"▼";
	width:50px;
	height:50px;
	line-height:50px;
	position: absolute;
	top:0px;
	right:0px;
	text-align: center;
	z-index: 200;
}

@media (min-width:1280px) 
{
	.groups-nav{ display:none;}
	.product-groups-nav{display:table;width:100%}
}
@media (min-width:993px) and (max-width:1279px){
	.groups-nav{ display:inline-block;}
	.product-groups-nav li{margin-top:0px !important;margin-right:0px;width:100%;}
	.product-groups-nav{display: none; top:50px;margin-top:0px !important;padding-top:0px !important;width:350px;height:312px;position: absolute; overflow-y: auto;z-index: 100; background-color: #fff; }
}
@media (max-width:992px){
	.groups-nav{ display:inline-block;}
	.product-groups-nav li{margin-top:0px !important;margin-right:0px;width:100%;}
	.product-groups-nav{display: none;top:50px;margin-top:0px !important;padding-top:0px !important;width:350px;height:312px;position: absolute;overflow-y: auto;z-index: 100;background-color: #fff; }
	.iframemain-self{width: 80% !important}
}
@media (max-width:600px){
	.product-groups .groups-nav {
		width: 100%;
	}
	.product-groups-nav {
		width: 100%;
	}
	.iframemain-self{width: 90% !important; height: 500px !important;}
}
.iframemain {
	z-index: 999999;
}
.iframemain-self{
	width: 50%;
	height: 700px;
}
#basketitems .isdelete {
	color: #ff3f3f;
}
.product-groups .groups-nav > h3 {
	margin: 11px 0 0 0;
}
.proshow-list{/*display:table;*/width:100%}
.proshow-list:after,.proshow-list:before{
	  display: table;
  content: " ";
}
.proshow-list:after{
	 clear: both;
}
.proshow-list .tablehead{font-weight:700;background-color:#efefef}
.proshow-list table{width:100%}
.proshow-list .tablehead td{border-bottom:1px solid #ccc}
.proshow-list td{font-size:14px;color:#444;padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;line-height:20px;border-bottom:1px solid #efefef}
.proshow-list td .list-button .list-inquiry{background-color:#f3e04e;color:#000;padding:3px 10px 3px 10px;border-radius:5px;display:inline-block;font-size:14px;width:120px;text-align:center;margin-bottom:5px}
.proshow-list td .list-button .list-inquiry a{color:#000}
.proshow-list td .list-button .list-inquiry:hover{background-color:#1d3c6f;color:#fff;transition:background-color .3s}
.proshow-list td .list-button .list-inquiry:hover a{color:#fff}
.proshow-list td:hover li h4 a{color:red;transition:background-color .3s}
.filter{padding:15px 0;border:1px solid #efefef;background-color:#f2f2f2;border-bottom:3px solid #ccc;margin-top:15px}
.filter ul{display:table;margin:0;padding:0}
.filter ul li select{margin-right:10px;margin-bottom:10px;width:220px;padding:0}
.proshow-list>ul{border-bottom:1px solid #efefef;padding-bottom:15px;margin-bottom:15px;position:relative}
.proshow-list>ul li h4 a{font-weight:700}
.proshow-list>ul li h4{line-height:24px;font-size:16px}
.proshow-list>ul li>ul{display:table;width:100%;font-size:14px;color:#444}
.proshow-list>ul .list-button{position:absolute;top:0;width:240px}
.proshow-list>ul .list-button .list-inquiry{background-color:#f3e04e;padding:3px 10px 3px 10px;border-radius:5px;display:inline-block;margin-bottom:10px;font-size:14px;margin-right:10px;width:120px}
.proshow-list>ul .list-button .list-inquiry a{color:#000}
.proshow-list>ul .list-button .list-inquiry:hover{background-color:#1d3c6f;transition:background-color .3s}
.proshow-list>ul .list-button .list-inquiry:hover a{color:#fff}
.proshow-list>ul:hover li h4 a{color:red;transition:background-color .3s}
@media(min-width:1280px){.proshow-list>ul{padding-right:150px}
.filter ul li{float:left;width:33%}
.proshow-list>ul li{min-height:35px;}
.proshow-list>ul li>ul li{float:left;width:49%;}
.proshow-list>ul .list-button{position:absolute;right:1%;top:0}
}@media(min-width:768px) and (max-width:1279px){.proshow-list>ul{padding-right:150px}
.filter ul li{float:left;width:100%}
select{width:100%}
.filter ul li .col-md-7{margin-top:5px}
.proshow-list>ul li{min-height:35px;}
.proshow-list>ul li>ul li{float:left;width:49%}
.proshow-list>ul .list-button{position:absolute;right:1%;top:0}
}@media(max-width:767px){.proshow-list>ul{padding-right:0}
.filter ul li{float:left;width:100%}
.filter ul li select{width:100%}
.filter ul li .col-md-7{margin-top:5px}
.proshow-list>ul li>ul li{width:100%}
.proshow-list>ul .list-button{position:relative;right:0;top:10px;text-align:center}
}.TabReosusecontent{line-height:24px}
.small_Documents{padding-top:20px;border-top:1px solid #ccc;position:relative;display:table}
.ResourceList{position:relative;/*width:100%;*/display:table;margin-right: -15px;margin-left: -15px;}
.ResourceList .col-md-4 img{width:178px}
.ResourceList h3{font-size:16px!important;line-height:24px;min-height:55px}
@media(min-width:1280px){.resourcesContent .content-width .rightinquiryContact{position:absolute;width:20%;right:0;top:0}
.tabwidth{width:78%!important}
.ResourceList .publicationitem .bannerbutton{position:absolute;top:10%;right:2%}
}@media(min-width:769px) and (max-width:1279px){.resourcesContent .content-width .rightinquiryContact{position:relative;width:100%}
.resourcesContent .TabReosusecontent{position:relative}
.tabwidth{position:relative;width:100%;height:100%}
.ResourceList .publicationitem .bannerbutton{position:relative;display:inline-block;margin-bottom:10px;margin-top:10px}
}@media(max-width:767px){.resourcesContent .content-width .rightinquiryContact{position:relative;width:100%}
.services-container .rightinquiryContact{display:none}
.resourcesContent .TabReosusecontent{position:relative;height:100%}
.tabwidth{position:relative;width:100%;height:100%}
.ResourceList .publicationitem .bannerbutton{position:relative;display:inline-block;margin-bottom:10px;margin-top:10px}
}@media(max-width:600px){
	.key_updat_tit {display: none;}
	.KeyUpdates {padding-top: 0;}
	.KeyUpdates > div {display: none;}
}@media(max-width:410px){
	.resourcesContent h1 {font-size: 26px;}
	.proshowTabhead ul li {font-size: 14px !important;}
}.ResourceList .item{position:relative;border:1px solid #d2d2d2;margin-top:10px;margin-bottom:10px;display:table;width:100%}
.ResourceList .item span{position:relative;margin-bottom:10px;display:table;width:100%;height:150px;overflow:hidden}
.ResourceList .item span img{position:absolute;width:100%;margin:auto}
.ResourceList .item h3{min-height:95px;padding:10px;margin:0;font-size:17px!important}
.ResourceList .item a{color:#396ea4}
.ResourceList .item p{font-size:15px;line-height:24px;padding:10px}
.ResourceList .item .bannerbutton{font-size:14px;color:#396ea4;font-weight:lighter;border:1px solid #376599;border-radius:5px;padding:10px 15px 10px 15px;position:absolute;display:none;text-align:center;width:60%;left:20%;margin:10px;top:30%}
.ResourceList .item .bannerbutton i{font-size:18px}
.ResourceList .item:hover a{color:#2cb1e1;transition:width .5s}
.ResourceList .item:hover{box-shadow:0 0 6px #ccc}
.ResourceList .item:hover .bannerbutton{border:1px solid #2cb1e1;background-color:#2cb1e1;color:#fff;display:block}
.ResourceList .newsletteritem{position:relative;margin-top:10px;margin-bottom:10px;display:table;width:100%;border:1px solid #d2d2d2}
.ResourceList .newsletteritem .img{margin:auto auto 0 auto;width:100%;height:200px;overflow:hidden;position:relative}
.ResourceList .newsletteritem .img img{margin:auto;width:100%}
.ResourceList .newsletteritem h3{font-size:16px;padding:10px;margin:0;min-height:70px}
.ResourceList .newsletteritem a{color:#396ea4}
.ResourceList .newsletteritem .bannerbutton{font-size:14px;color:#396ea4;border-radius:5px;padding:10px 20px 10px 20px;border:1px solid #376599;position:absolute;width:60%;left:20%;top:30%;display:none;text-align:center}
.ResourceList .newsletteritem .bannerbutton i{font-size:18px}
.ResourceList .newsletteritem:hover a{color:#2cb1e1;transition:width .5s}
.ResourceList .newsletteritem:hover .bannerbutton{border:1px solid #2cb1e1;background-color:#2cb1e1;color:#fff;display:block}
.ResourceList .newsletteritem:hover{box-shadow:0 0 6px #ccc}
.Published{margin-top:20px;padding-top:10px;padding-bottom:10px}
.proshowTabhead{position:relative;color:#fff;width:100%;display:table;border-bottom:2px solid #444;z-index:0}
.proshowTabhead ul{padding:0;margin:0;position:relative;z-index:100}
.proshowTabhead ul li{text-align:center;height:38px;font-size:18px;line-height:38px;color:#000;float:left;margin-right:10px;position:relative;list-style:none;text-align:center;font-weight:700;cursor:pointer;padding-left:15px;padding-right:15px;background-color:#444;color:#fff}
.proshowTabhead ul li a{color:#000;display:block;padding:15px}
.proshowTabhead ul li:hover .Tabcontentarea{display:block}
.orderonline ul .choosedbg,.orderonline ul li:hover a,.proshowTabhead ul .choosedbg,.proshowTabhead ul li:hover{color:#fff;padding-left:15px;padding-right:15px;z-index:10}
.proshowTabhead ul .choosedbg .Twopxline .line{width:100%}
.proshowTabhead ul li .Twopxline{width:100%;left:0;position:absolute;height:6px;bottom:0;height:100%;z-index:-1}
.proshowTabhead ul li .Twopxline .line{width:0;transition:.5s;background-color:#396ea4;height:6px;box-sizing:border-box;margin:auto;position:relative;left:0;right:0;height:100%}
.proshowTabhead ul li .line.active{width:100%}
.proshowTabcontentarea .proshowTabhead ul li{font-weight:lighter;font-size:16px}
.proshowTabcontentarea{width:100%;padding:15px 0;text-align:left;font-weight:400;display:block;/*border:1px solid #ccc*/}
.proshowTabcontentarea .contunit li[class*=col-md] img{display:block;margin:auto;max-width:100%}
.proshowTabcontentarea .contunit{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #efefef;display:none;width:100%}
.proshowTabcontentarea .contunit p{color:#444;margin-top:15px;margin-bottom:15px;line-height:26px}
.proshowTabcontentarea .contunit .linkurlnote{font-size:14px;color:#888}
.proshowTabcontentarea .contunit .linkurlnote a{color:#888}
.proshowTabcontentarea .contunit .more{color:#666;display:block;margin:auto}
.proshowTabcontentarea .contunit .more:hover{color:#be3640}
.proshowTabcontentarea .tabs-box{margin-top: 20px;}
/*.proshowTabcontentarea .tabs-box .tabs-content .ResourceList > div{padding-right: 20px;padding-left: 0}*/

.proshownote{padding-top:25px}
.proshowTabcontentarea .contunit .applicationTag > span{display:inline-block;padding:0 10px 0 10px;margin-right:10px;border:1px solid #1856b2;border-radius:20px;background-color:#1856b2;color:#fff;font-size:12px!important}
.askform{padding-top:30px}
.askform .askformtit{font-size:19px;font-weight:700}
.askform div[class*=col-md]{padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px}
.askform .inputarea{display:block;width:100%;border-radius:3px;border:1px solid #ccc;padding:4px}
.contunit table img{margin:auto}
.inquirymargin{margin-top:25px}
.applicationNo td{padding-bottom:8px}
.COA_input_Tit{font-size:18px;line-height:30px;color:#1856b2;padding-bottom:5px!important;display:inline-block}
.COA_input_smallTit{font-size:14px;line-height:30px}
.COA_input{border:1px solid #ccc;padding:5px;line-height:30px;height:40px;width:100%;margin-top:5px;margin-bottom:10px}
.COA_input_button_1{background-color:#1856b2;color:#fff;border:0;padding:8px 25px 8px 25px}
.COA_input_button_2{background-color:#000;color:#fff;border:0;padding:8px 25px 8px 25px;margin-left:15px}
.COA_input_button_1:hover,.COA_input_button_2:hover{background-color:#f3e04e;color:#000}
.pdfDown a i{color:red;font-size:20px}
.inquirymargin{margin-top:25px}
.applicationNo td{padding-bottom:8px}
#table-breakpoint{padding-top:30px;padding-bottom:30px;line-height:28px}
#table-breakpoint ul{display:table;width:100%;position:relative;border-bottom:1px solid #efefef;padding-top:10px;padding-bottom:10px}
#table-breakpoint ul li:first-child{font-weight:700}
#table-breakpoint ul li:last-child{word-break:break-all}
#table-breakpoint h2{font-size:28px;font-weight:700}
#table-breakpoint h2:before{content:"\f152";font-family:"Font Awesome 5 Free";margin-right:10px;color:#1b3b6b}
@media(min-width:1280px){#table-breakpoint ul li:first-child{width:20%;float:left}
#table-breakpoint ul li:last-child{width:80%;float:left}
}@media(min-width:768px) and (max-width:1279px){#table-breakpoint ul li:first-child{width:20%;float:left}
#table-breakpoint ul li:last-child{width:80%;float:left}
}@media(max-width:767px){.successinfo .iconarea{margin-right:15px}
#table-breakpoint ul li:first-child{width:100%}
#table-breakpoint ul li:last-child{width:100%}
}.contact_bgcolor{background-color:#f4f3f3}
.successinfo{line-height:30px;line-height:22px;color:#888;padding-right:20px;padding-bottom:20px;display:table;width:100%}
.successinfo .iconarea .iconunit{text-align:center;display:block;width:40px;height:40px;border-radius:40px;background-color:#090;color:#fff;line-height:40px;font-weight:bolder;font-size:22px;position:relative;z-index:9}
.successinfo .tit{font-size:20px;font-weight:700;color:#090;display:block}
.successinfo .iconarea .iconunit img{top:10px;left:5px;position:absolute;z-index:10}
@media(min-width:1280px){.successinfo .iconarea{float:left;margin-right:15px}
}@media(min-width:768px) and (max-width:1279px){.successinfo .iconarea{float:left;margin-right:15px}
}@media(max-width:767px){.successinfo .iconarea{margin-right:15px}
}.form-horizontal .form-group{display:table;width:100%;padding-top:10px;padding-bottom:10px}
.SUBSCRIBE{padding:20px;margin:5% auto auto auto;border:1px solid #efefef;box-shadow:0 0 8px #ccc;border-radius:8px}
@media(min-width:1280px){.SUBSCRIBE{width:30%}
}@media(min-width:768px) and (max-width:1279px){.SUBSCRIBE{width:70%}
}@media(max-width:767px){.SUBSCRIBE{width:90%}
}.prolistunit{padding:20px 5px 20px 5px;border-bottom:1px solid #fafafa;display:table;width:100%}
.prolistunit h2{font-family:'Open Sans Light',sans-serif;margin-top:0;padding-top:0;padding-left:15px;line-height:36px}
.prolistunit h2 a{color:#1c3c6f!important}
.prolistunit:hover{background-color:#fafafa;transition:background-color .3s}
.prolistunit:hover a{color:#39c!important;transition:color .3s}
.pro-show-unit{border-bottom:1px solid #ddd;padding-top:20px;display:table;width:100%;padding-top:40px;padding-bottom:30px}
.pro-show-unit img{margin:auto!important}
.pro-show-unit .tag{display:block;padding-top:10px;padding-bototm:10px;font-size:14px;color:#666;font-family:"Courier New",Courier,monospace}
.pro-show-unit h2{font-family:'Open Sans Light',sans-serif;margin-top:0;padding-top:0;color:#1d3d6f;line-height:36px}
.pro-show-unit h2 a{color:#1c3c6f!important}
.pro-show-shuoming{margin:auto}
@media(max-width:767px){.pro-show-shuoming{margin:auto;padding-left:15px;padding-right:15px}
.pro-show-unit .col-md-8{padding-top:30px}
}.about-show h2,.inquiryform h2{font-family:open-sans-bold,sans-serif}
.about-us-Beliefs{display:table;width:100%;background-position:center bottom;min-height:324px;font-size:16px;line-height:26px;background-repeat:no-repeat;background-color:#fafafa}
@media(max-width:767px){.about-us-Beliefs{width:100%;height:600px;margin:auto;background-repeat:no-repeat;background-color:#fafafa;padding-left:15px;padding-right:15px}
}.inquirycont h3{font-size:36px;margin-bottom:0;color:#1d3c6f}
.Verification-code{position:relative}
.Verification-code .check-fa{position:absolute;top:8px;right:10px;font-size:22px;color:#7b9d3b}
.icon-bg-circle{display:inline-block;width:33px;height:33px;line-height:33px;background-color:#1c447f;color:#fff;text-align:center;margin-right:10px;-webkit-border-radius:33px;-moz-border-radius:33px;-o-border-radius:33px;border-radius:33px}
.fa-fax,.icon-bg-circle .fa-envelope{font-size:18px}
.publication-nav li{padding:8px 5px 8px 5px;text-align:center}
.publication-nav li:nth-child(1){background-color:#ddd}
.publication-nav li:nth-child(2){background-color:#eee}
.publication-nav li:nth-child(3){background-color:#e6e6e6}
.publication-nav li:nth-child(4){background-color:#eee}
.publication-nav li a{color:#000}
.publication-nav li.active{background-color:#1d355f}
.publication-nav li.active a{color:#fff}
.publication-unit{border-bottom:1px solid #ddd;display:table;width:100%}
.publication-unit h3{color:#000}
.publication-unit div[class*=col]>p:nth-child(2){font-size:16px;line-height:22px;color:#000}
.publication-unit div[class*=col]>p:nth-child(3){color:#666}
.publication-unit div[class*=col]:nth-child(2){text-align:center;padding-top:2%;padding-bottom:20px}
.publication-unit div[class*=col]:nth-child(2) a{color:#000}
@media(min-width:1280px){.publication-nav li{float:left;width:25%}
}@media(min-width:768px) and (max-width:1279px){.publication-nav li{float:left;width:50%}
}@media(max-width:767px){.publication-nav li{float:left;width:100%}
}.pages-box .cpb-span,.pages-box a{text-decoration:none;float:left;padding:2px 7px;border:1px solid #ddd;background:#ffff;font-size:13px;color:#000;margin-right:8px}
.pages-box{padding-bottom:50px}
.pages-box a:hover{color:#fff;background:#0d58af;border:1px solid #0d58af}
.pages-box .cpb-span{font-weight:700;color:#fff;background:#0d58af;border:1px solid #0d58af}
.contact_content{text-align:left}
.contact_content .icon{font-size:24px;width:30px}
.contact_content div[class*=col-md] p{line-height:2em}
.contact_content a{color:#224d90}
.contact_content div[class*=col-md] strong{margin-bottom:10px;display:inline-block}
#particles-js{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}
.filter-box .row{margin:-10px 0 0 0;padding:15px}
.filter-one{margin-bottom:10px;position:relative;border-bottom:1px solid #eaeaea;padding-bottom:10px}
.filter-one .filter-u{margin-left:10px;margin-top:10px;margin-bottom:10px;max-height:300px;overflow-y:auto;overflow-x:hidden}
.filter-one b{font-size:16px}
.filter-u ul li{padding:3px 0}
.filter-one .filter-u ul li a:hover{color:red}
.crumbs-all{display:inline-block;padding:0 5px 0 5px;color:#337ab7;border-radius:10%;position:absolute;top:0;right:5px}
.crumbs-handle{display:inline-block;padding:0 30px 1px 6px;border:1px dashed #535fb0;position:relative;color:#337ab7;margin-bottom:20px;border-radius:5px;margin-right:10px}
.crumbs-handle a{font-size:1em;padding:1px 7px;position:absolute;right:-1px;top:-1px;text-decoration:none;color:#333;border-top-right-radius:5px;border-bottom-right-radius:5px}
.crumbs-handle a.filter-close:hover{background:#337ab7;color:#fff}
.filter-one .checkbox-inline{position:relative}
.filter-one .input_check{position:absolute;visibility:hidden}
.filter-one .input_check+span.check_span{display:inline-block;width:15px;height:15px;border:1px solid #c1bfbf;position:absolute;left:0;top:5px}
.filter-one .input_check:checked+span.check_span:after{content:"\f00c";position:absolute;font-family:"Font Awesome\ 5 Free";left:0;top:-5px;color:#337ab7}
.filter-one .input_check:checked+span.check_span{border:1px solid #535fb0}
.filter-one .checkbox-inline:hover{color:#337ab7}
.filter-one a.filter-close{font-size:1em;padding:1px 7px;position:absolute;right:-1px;top:-1px;text-decoration:none;color:#333}
.filter-one a.filter-close:hover{background:#535fb0;color:#fff}
.filter-one ul{list-style:none;padding:0;margin:0}
.filter-select{position:absolute;right:20px;top:0}
.filter-select span{cursor:pointer;padding:0 15px 0 5px;border:1px solid #ddd;display:inline-block;position:relative;color:#337ab7;font-size:.9em}
.filter-select span i:after{content:"\f067";font-family:"Font Awesome\ 5 Free";font-style:normal;font-size:.4em;position:absolute;top:2px;right:3px;color:#999}
.filter-select span.open i:after{content:"\f068";font-family:"Font Awesome\ 5 Free";font-style:normal;font-size:.4em;position:absolute;top:2px;right:3px;color:#999}
@media (max-width:767px){#groupframe2{position:fixed;top:0;right:-100%;background-color:#fff;z-index:1000;overflow-y:auto;max-height:100%;padding-bottom:60px;width:100%;padding-top:30px}
}.End-to-end-CAR-Hybrid_unit{position:relative}
.End-to-end-CAR-Hybrid_unit img{position:relative;top:0;left:0;z-index:0}
.End-to-end-CAR-Hybrid-1,.End-to-end-CAR-Hybrid-2,.End-to-end-CAR-Hybrid-3,.End-to-end-CAR-Hybrid-4,.End-to-end-CAR-Hybrid-5,.End-to-end-CAR-Hybrid-6{z-index:1;margin-bottom:15px;margin-top:15px}
.End-to-end-CAR-Hybrid_unit .unit_button{padding:5px 10px 5px 10px;background-color:#186db6;color:#fff}
.End-to-end-CAR-Hybrid_unit .unit_button:hover{background-color:#bc7f0a}
@media(min-width:1280px){.End-to-end-CAR-Hybrid-1{width:60%;position:absolute;top:10%;left:5%}
.End-to-end-CAR-Hybrid-2{width:60%;position:absolute;top:10%;left:32%;color:#fff}
.End-to-end-CAR-Hybrid-3{width:60%;position:absolute;top:20%;left:5%}
.End-to-end-CAR-Hybrid-4{width:70%;position:absolute;top:12%;left:11%;color:#fff}
.End-to-end-CAR-Hybrid-5{width:60%;position:absolute;top:30%;left:37%;color:#1f3864}
.End-to-end-CAR-Hybrid-6{width:60%;position:absolute;top:10%;left:5%;color:#fff}
}@media(min-width:769px) and (max-width:1279px){.End-to-end-CAR-Hybrid-1{width:100%;position:relative}
.End-to-end-CAR-Hybrid-2{width:100%;position:relative;color:#000}
.End-to-end-CAR-Hybrid-3{width:100%;position:relative}
.End-to-end-CAR-Hybrid-4{width:100%;position:relative;color:#000}
.End-to-end-CAR-Hybrid-5{width:100%;position:relative;color:#1f3864}
.End-to-end-CAR-Hybrid-6{width:100%;position:relative;color:#000}
}@media(max-width:767px){.End-to-end-CAR-Hybrid-1{width:100%;position:relative}
.End-to-end-CAR-Hybrid-2{width:100%;position:relative;color:#000}
.End-to-end-CAR-Hybrid-3{width:100%;position:relative}
.End-to-end-CAR-Hybrid-4{width:100%;position:relative;color:#000}
.End-to-end-CAR-Hybrid-5{width:100%;position:relative;color:#1f3864}
.End-to-end-CAR-Hybrid-6{width:100%;position:relative;color:#000}
}.TCRmodified{position:relative;z-index:9;height:176px}
.TCRmodified img{position:relative;z-index:10}
.TCRmodified .liuchencon{position:absolute;width:100%;left:0;top:52px;display:block;height:73px;z-index:10;padding-left:2px}
.TCRmodified .TCRsliuchengUnit{background-color:#338ecf;border-radius:10px;line-height:15px;color:#fff;width:88px;height:73px;text-align:center;font-size:11px;float:left;margin-right:1px;margin-left:1px;border:1px solid #fff;padding-left:3px;padding-right:3px}
.TCRmodified .TCRsliuchengUnit a{color:#fff}
.TCRmodified .TCRsliuchengUnit:hover{box-shadow:0 0 8px #f1ee61}
.categories{margin:0 -5px;color:#fff}
.categories .col-md-4,.categories .col-md-5,.categories .col-md-6,.categories .col-md-7{padding:0 5px;margin-top:15px;overflow:hidden}
.categories .content{background-color:#172355;border:1px solid #172355;padding:0 4px 0 0;min-height:102px}
.categories .content2{background-color:#172355;border:1px solid #fff}
.categories .content .img{float:left;width:106px;height:100px;overflow:hidden;padding-right:15px;padding-top:15px;padding-left:15px}
.categories p{margin-bottom:0}
.categories .t{font-size:14px;padding-top:8px;line-height:1.4;color:#bfccdc;margin-bottom:8px}
.content-middle .categories .t a{color:#bfccdc}
.categories .t2{margin-top:10px}
.categories .t3{margin-top:13px}
.categories a{color:#fff}
.content-middle .categories p a{color:#fff}
.categories .content:hover .t a{color:#fff}
.categories .content3{color:#333;background-color:#172355;border:1px solid #172355;min-height:500px}
.categories .content3 .img{height:164px;overflow:hidden;margin-bottom:0!important}
.categories .content3 .t{text-align:center;font-size:16px;border-bottom:1px solid #fff;margin:0 10px 10px 10px;padding-bottom:10px}
.categories ul{margin-left:10px}
.categories ul li{float:left;line-height:24px;font-size:13px;width:50%}
.categories ul li a{color:#bfccdc}
.categories ul li a:hover{color:#fff}
.categories ul.w33 li{width:33%}
.content-middle .row .categories ul li a{color:#efefef}
.jiantou{padding-left:9%;color:#47a4e0;font-weight:700;padding-top:5px;padding-bottom:5px}
.product-groups .loading_site{text-align:center;width:30%!important;left:35%!important;position:absolute!important;top:240px!important;display:none;background-color:rgba(245,233,40,.8);padding:15px}
.product-groups .loading_site span{height:20px;padding-left:20px;font-size:9pt;font-weight:700}
.isdelete i{margin-right:5px}
.QualityControl{position:relative;z-index:9;height:230px}
.QualityControl img{position:relative;z-index:9}
.QualityControl .Controlunit{z-index:10;position:absolute;border:4px solid #fff;font-size:12px;text-align:center;color:#fff;line-height:16px;padding:10px}
.QualityControl .Controlunit .tit{font-size:15px;line-height:18px;font-weight:700;display:block;margin-bottom:8px}
.QualityControl .sitec1{width:130px;height:176px;border-radius:10px;background-color:#33baab;top:20px}
.QualityControl .sitec2{width:150px;height:176px;border-radius:10px;background-color:#99d130;top:20px;left:140px}
.QualityControl .sitec3{width:190px;height:176px;border-radius:10px;background-color:#5295d9;top:20px;left:300px}
.QualityControl .sitec4{width:125px;height:176px;border-radius:10px;background-color:#459ec0;top:20px;left:500px}
.QualityControl .Controlunit .tit{font-size:15px;line-height:19px;font-weight:700;display:block;margin-bottom:8px}
.QualityControl .sitec21{width:180px;height:180px;border-radius:160px;background-color:#33baab;top:160px;left:30px;padding:40px 20px 20px 20px}
.QualityControl .sitec22{width:200px;height:200px;border-radius:200px;background-color:#99d130;top:25px;left:280px;padding:40px 20px 20px 20px}
.QualityControl .sitec23{width:260px;height:260px;border-radius:260px;background-color:#5295d9;top:100px;left:585px;padding:70px 20px 20px 20px}
.QualityControl .sitec24{width:200px;height:200px;border-radius:200px;background-color:#459ec0;top:20px;left:900px;padding:40px 30px 20px 35px}
.Cancer_img{position:relative;display:table;width:100%;text-align:center;color:#fff;margin-bottom:20px;cursor:pointer}
.Cancer_img:hover .Cancer_bg{background-color:rgba(14,177,219,.9)}
.Cancer_img img{position:relative;margin:auto;max-width:100%}
.Cancer_img .Cancer_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(14,177,219,.7);z-index:90}
.Cancer_img a{display:inline-block;margin:auto;text-align:center;color:#fff;font-size:18px}
.Cancer_img .Cancer_bg table{height:100%;width:100%}
.Cancer_img .Cancer_bg table td{padding:15px}
.unit_bg_cancer{background-color:#eaf0f5;padding:15px;margin:15px 5px 15px 5px}
.unit_bg_cancer b{margin-bottom:5px;display:block}
.cancer_tit{background-color:#2f5496;padding:15px;color:#fff}
.border-radius-unit{background-color:#f2f2f2;padding:15px;border-radius:20px;min-height:100px!important;text-align:center;border:1px solid #2f5496}
.dedicated-efforts{width:827px;height:455px;margin:auto;position:relative}
.dedicated-efforts img{position:relative;z-index:10}
.dedicated-efforts .font_area{position:absolute;background-color:#1f497d;color:#fff;padding:10px;height:80px;z-index:1}
.vaccine-microbial{width:1000px;margin:auto}
.vaccine-microbial .unit{float:left;width:45%;margin:10px;position:relative;display:block}
.vaccine-microbial .unit img{position:relative;z-index:10}
.vaccine-microbial .unit .unit_font{position:absolute;background-color:#1f497d;color:#fff;padding:10px 10px 10px 40px;height:80px;z-index:1;top:25px;left:90px;display:block;width:300px;line-height:60px}
.in-vitro-assessment .in-vitro-assessment-unit{margin-top:20px;margin-bottom:20px}
.in-vitro-assessment .in-vitro-assessment-unit img{display:block;width:100%}
.in-vitro-assessment .in-vitro-assessment-unit a{display:block;width:100%;background-color:#dce6f2;padding:10px;text-align:center}
.in-vitro-assessmenttab{display:table;width:100%}
.in-vitro-assessmenttab .tab-unit{float:left;position:relative;background-color:#d9d9d9;padding:10px;line-height:22px;padding-right:25px;padding-left:25px;margin-right:22px;margin-bottom:10px}
.in-vitro-assessmenttab .tab-unit .triangle-right{width:0;height:100%;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #d9d9d9;position:absolute;right:-20px;top:0;z-index:10}
.in-vitro-assessmenttab .tab-unit.choose{background-color:#2f5496;color:#fff}
.in-vitro-assessmenttab .tab-unit.choose .triangle-right{border-left:20px solid #2f5496}
.about_small_content{width:73%;margin:auto auto 30px auto}
.about_small_content div[class*=col]{height:200px;text-align:center;line-height:200px;font-size:24px}
.about_small_content div[class*=col] a{color:#fff;display:block;width:100%;height:100%}
.about_small_content div[class*=col]:hover{background-color:#ebe036!important}
.about_small_content div[class*=col]:hover a{color:#000}
.Cancer_list{padding:20px;border:1px solid #000;margin-bottom:20px}
.Cancer_list .h_tit{font-weight:lighter!important;margin-bottom:20px;font-size:24px}
.Cancer_Vaccine_area{position:relative;margin:auto;display:table;width:100%}
.Cancer_Vaccine_area .blue_bg_color{float:left;width:98%;background-color:#2f5597;padding:25px;height:90%;margin-bottom:20px}
.Cancer_Vaccine_area .white_bg_color{float:right;width:98%;background-color:#fff;padding:15px;height:100%;top:-45px;right:0;border:1px solid #000;position:relative}
.Immune-Cell-based-Therapies td{padding:5px}
.Immune-Cell_row span{padding:3px 5px 3px 5px;display:block;margin:5px;width:100%!important;font-size:15px}
.Immune_cells_list ul li{cursor:pointer;padding-left:0!important;margin-left:0!important}
.Immune-Cell_row_preclinical_unit{margin-top:10px}
.target-clearallfilter{color:#e94b35}
.page-ad{position:fixed;bottom:15%;right:0}
.Immune-Cell-Products,.Tregs{display:table;text-align:center;padding-bottom:15px}
.Immune-Cell-Products div[class*=col]{margin-bottom:10px}
.Immune-Cell-Products img,.Tregs img{display:block;margin:auto}
.Tregs div[class*=col]{min-height:190px}
.Tregs div[class*=col] img{margin-bottom:0!important}
.publicationTit{background-color:#396ea4;color:#fff;font-size:24px;font-weight:700;border-radius:8px;padding:8px;line-height:36px;display:block;margin-bottom:15px}
.section_site .publicationTit a{color:#fff!important;margin-left:20px;font-size:14px;top:-10px;position:relative}
.publicationBigTit{font-size:30px;font-weight:700;line-height:36px;display:block;margin-bottom:15px}
.Publicationscontent p{margin-bottom:10px}
.minheightcontenttab table{width:600px;margin:auto}
.Webinar-list-unit,.Webinar_img{position:relative}
.Webinar-list-unit h3{font-size:18px;line-height:26px}
.Webinar-list-unit h3 a{color:#444}
.Webinar-list-unit .Webinar_reg{padding:5px 10px 5px 10px;margin-top:10px;border:1px solid #396ea4;color:#396ea4;border-radius:5px;display:inline-block;font-weight:700}
.Webinar-list-unit .Webinar_reg:hover{border:1px solid #33b3e2;background-color:#33b3e2;color:#fff}
.Webinar_img{width:100%}
.Webinar_img .Webinar_font{background-color:rgba(0,0,0,.5);position:absolute;bottom:0;width:100%;z-index:100;padding:10px;color:#fff}
.Webinar_person{border-top:1px solid #efefef;border-bottom:1px solid #efefef;margin-top:20px;margin-bottom:20px;display:table;width:100%}
.Webinar_person div[class*=col]{padding-top:15px;padding-bottom:15px}
.Webinar_person .Webinar_reg{padding:5px 10px 5px 10px;margin-top:10px;background-color:#396ea4;color:#fff;border-radius:5px;display:inline-block;font-weight:700;cursor:pointer}
.Webinar_person .Webinar_reg:hover{background-color:#0991c9;color:#fff}
.Webinar_reg_form{display:table;padding:10px 15px 10px 15px;background-color:#fff;margin:auto;color:#464646!important}
@media(min-width:1280px){.Webinar_reg_form{width:50%}
}@media(min-width:768px) and (max-width:1279px){.Webinar_reg_form{width:100%}
}@media(max-width:767px){.Webinar_reg_form{width:100%}
}.Webinar_reg_form p a{color:#396ea4}
.Webinar_reg_form p a:hover{color:#337ab7!important}
.Webinarclosed{padding:5px 10px 5px 10px;position:absolute;right:0;top:0;cursor:pointer;color:#fff}
.Webinarclosed i{margin-right:5px}
.Webinar_Popup{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10000;top:0;left:0;display:none;overflow-y:auto}
.Webinar_reg_form h1{text-align:center}
.webinar_welcomewords{font-size:14px;font-weight:lighter;padding-bottom:0!important}
.Webinar_tit{font-size:20px;margin-top:20px;display:inline-block}
.Webinar_button{background-color:#efefef;border:1px solid #ccc;padding:8px 10px 8px 10px;border-radius:5px;margin-right:10px;color:#396ea4!important;font-size:13px!important;display:inline-block;margin-bottom:10px;text-align:center!important;width:180px}
.Webina_Join:hover{background-color:red;color:#fff!important}
.Webinar_button:hover{background-color:#396ea4;color:#fff!important}
.Webina_Join{background-color:#3564d0;padding:10px 30px 10px 30px;border-radius:5px;color:#fff!important;margin:auto;cursor:pointer}
.Webinar_reg_ul li{float:left;width:50%;height:80px;padding-left:20px}
.Webinar_reg_ul li label{padding-bottom:5px!important}
.onstage_tablefont{color:#fff;margin:30px auto 30px auto;text-align:center}
.onstage_height .auto-container h1{padding-bottom:0;margin-bottom:0!important;width:100%!important;text-align:center!important;margin:auto!important}
.onstage_height .auto-container p{text-align:center!important;margin:auto!important}
.onstage_tablefont tr:nth-child(2) td{font-size:18px!important;font-weight:lighter!important}
.onstage_tablefont td{text-align:center;font-weight:700;padding:5px}
@media(min-width:1280px){.onstage_height .auto-container h1{padding-top:30px;font-size:30px!important}
.onstage_height .auto-container p{font-size:16px!important;padding-top:30px;padding-bottom:30px;line-height:36px!important}
.onstage_tablefont td{font-size:80px!important}
.Webinar_reg_ul li{float:left;width:50%}
.iframe_css{height:800px}
}@media(min-width:768px) and (max-width:1279px){.onstage_height .auto-container h1{padding-top:30px;font-size:30px!important}
.onstage_height .auto-container p{font-size:16px!important;padding-top:30px;padding-bottom:30px;line-height:36px!important}
.onstage_tablefont td{font-size:60px!important}
.Webinar_reg_ul li{float:left;width:50%}
.iframe_css{height:580px}
}@media(max-width:767px){.onstage_height .auto-container h1{padding-top:10px;font-size:30px!important}
.onstage_height .auto-container p{font-size:16px!important;padding-top:15px;padding-bottom:15px;line-height:24px!important}
.onstage_tablefont td{font-size:50px!important}
.Webinar_reg_ul li{float:left;width:100%}
.iframe_css{height:800px}
}.show_content_unit{display:block;padding:5px 10px 5px 10px;border:1px solid #ccc;background-color:#efefef;margin-top:10px;border-radius:5px}
.show_content_unit_arrow{position:relative;height:10px;width:50px;background-color:#333f50}
.show_content_unit_arrow span{width:0;height:0;border-left:20px solid #333f50;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;right:-10px;top:-5px}
.podcastcontent{padding-top:30px;padding-bottom:30px}
.podcastmenu{position:relative;border-radius:5px;border:1px solid #ccc;background-color:#fff}
.podcastmenu img{margin-bottom:10px;margin-top:10px;width:200px!important;margin:10px auto 10px auto}
@media(min-width:1280px){.podcastmenu{padding:25px;float:left;width:15%;text-align:center}
.podcast-unit-list{float:right;width:84%}
}@media(min-width:993px) and (max-width:1279px){.podcastmenu{padding:25px;float:left;width:15%;text-align:center}
.podcast-unit-list{float:right;width:84%}
}@media(min-width:768px) and (max-width:992px){.podcast-unit-list ul li img{margin-bottom:8px!important}
.podcastmenu{width:100%;margin-bottom:20px}
.podcast-unit-list{width:100%}
.podcast-unit-list ul{padding:0px;margin:0px}
.podcast-unit-list ul li.col-md-4{padding:0px;margin:0px}
}@media(max-width:767px){.podcastmenu{padding:10px}
.podcast-unit-list ul li img{margin-bottom:8px!important}
.podcastmenu{width:100%;margin-bottom:20px}
.podcast-unit-list{width:100%}
.podcast-unit-list ul{padding:0px;margin:0px}
.podcast-unit-list ul li.col-md-4{padding:0px;margin:0px}
}.podcast-unit-list{position:relative;top:0;min-height:300px}
.podcast-unit-list ul{padding:0px;margin:0px}
.podcast-unit-list ul li{font-size:14px!important}
.podcast-unit-list ul li .podcast-unit{border:1px solid #ccc;border-radius:5px;margin:0 0px 30px 0px;padding:20px;min-height:280px}
.podcast-unit-list ul li .ServiceShowrightPic img{width:200px!important}
.podcast-unit-list ul li strong{font-size:16px;display:block;margin-bottom:10px;min-height:42px}
.podcast-unit .img_area{width:100%;height:250px;background-size:100% 100%;background-position:center center;margin-bottom:10px;position:relative;text-align:center}
.podcast-unit:hover .img_area{background-size:110% 110%}
.podcast-unit .img_area i{line-height:250px;font-size:30px;color:#efefef !important}
.podcast-unit:hover i{color:#fff !important}
.podcast-unit ul li:hover a{color:#0061CD !important}
.podcast-unit-list ul li img{max-width:100%}
.podcast-unit-list ul li p{padding-bottom:15px;min-height:130px;line-height:24px !important}
.podcast-unit-list ul li a{display:inline-block}
.podcast-unit-list ul li .podcast-unit .podcastbutton{border-radius:20px;background-color:rgba(17,84,220,.8);color:#fff;padding:0 15px 0 15px;margin-right:5px;font-size:12px!important;margin-bottom:15px;display:inline-block;height:31px;line-height:31px}
.podcast-unit-list ul li .podcast-unit .podcastbutton:hover{background-color:#1154dc;transition:background-color .5s linear;color:#fff}
.podcast-unit-list ul li .podcast-unit .but_pic_link{text-align:center;padding-top:15px}
.podcast-unit-list ul li .podcast-unit .but_pic_link img{width:100px;margin-left:10px;border-right:10px;border:1px solid #efefef;border-radius:5px}
.podcastbutton i{font-size:12px}
.podcastfixed{position:fixed;width:13%;top:100px;z-index:99}
.pronote{background-color:#f5f5f5;font-size:.9em;padding:10px!important;display:block;margin-bottom:20px;margin-top:20px;font-style:italic;color:#666}
.pronote i{color:red;margin-right:5px}
.job_span{text-align:center}
.job_span a{display:inline-block;border:1px solid #396ea4;border-radius:8px;libe-height:40px;padding:5px 20px 5px 20px;cursor:pointer;position:relative;color:#fff!important;margin:auto 8px auto auto;background-color:#396ea4}
.job_span a:hover{background-color:#fff;color:#444!important;border:1px solid #444}
.job_list{border-bottom:1px solid #efefef;padding-top:15px;padding-bottom:15px}
.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}
.job_search .job_search_unit .search-input{padding:12px 7px 7px 7px!important;width:100%!important}
.job_search select{width:100%;padding:7px;margin-top:7px;margin-bottom:7px}
.job_search .search_btn i{font-size:20px!important}
.job_show{padding-top:40px}
.job_show .row{border-bottom:1px solid #efefef;padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0}
.job_show .row div[class*=col-md-3]{font-weight:700}
.job_show .row div[class*=col-md-9]{padding-bottom:0}
.job_show .row div p{padding-bottom:0;padding-top:0;margin-top:0;margin-bottom:0}
.job_show .row:nth-child(2n+1){background-color:#fafafa}
.job_Application{border-top:1px solid #444;padding-top:10px;margin-top:10px}
.job_Application h3,.job_show h3{font-size:26px!important}
.job_show .row ul{margin:0!important;padding:0!important}
.job_show .row ul li{list-style:disc!important;margin-left:18px!important}
.search_job_area_fliter select{width:100%;padding:7px;margin-top:7px;margin-bottom:20px}
.search_job_area .search-input{border-radius:2px;line-height:40px;padding-left:10px;width:100%;outline:0;height:40px;font-size:14px;border:0;background-color:#f4f4f4;color:#000}
.search_job_area .search_btn{position:absolute;top:33px;right:0;height:40px;line-height:40px;display:inline-block;width:50px;color:#444;border-bottom-right-radius:5px;border-top-right-radius:5px;text-align:center;font-size:20px;cursor:pointer}
.search_job_area .search_btn:hover{color:#39c}
.jobnote{color:#aaa!important;font-size:12px!important;line-height:20px!important;padding:20px 0 0 0!important;font-style:italic}
.cart-row{display:table;width:100%;margin-bottom:30px}
.winber_top_bg{background-color:#1a3a6a;height:40px}
.winber_top_right{padding-top:27px;font-size:14px;color:#888}
.Webinar_cont{font-size:14px;line-height:22px;color:#666}
.Webinar_cont h3{font-size:16px;font-weight:700}
.winber_foot{font-size:12px;color:#aaa;line-height:20px;border-top:1px solid #f8f5f6}
.winber_foot i,.winber_top_right i{margin-left:10px;font-size:22px;margin-top:10px}
.winber_foot a,.winber_top_right a{color:#aaa}
.winber_foot a:hover,.winber_top_right a:hover{color:#1b3a6a}
.promartion_banner{top:50px;right:0}
@media(min-width:1280px){.winber_top_right{text-align:right}
.winber_foot{text-align:right}
.promartion_banner{position:absolute}
}@media(min-width:768px) and (max-width:1279px){.winber_top_right{text-align:right}
.winber_foot{text-align:right}
.promartion_banner{position:relative}
}@media(max-width:767px){.winber_top_right{text-align:left}
.winber_foot{text-align:left}
.promartion_banner{position:relative}
}.result_list{border-collapse:collapse;margin:auto;width:100%;border-bottom:2px solid #444}
.result_list td{padding:10px}
.result_list.CarMolecularConstruction{border-top:2px solid #444}
.result_list tr td{width:16%;border-right:.5px solid #ccc;border-bottom:.5px solid #ccc}
.result_list tr:nth-child(2n) td{background-color:#f8f8f8}
.result_list tr td:nth-child(1){border-left:.5px solid #ccc}
.none_data{background-color:#e2e2e2!important;color:#444}
.data_note{font-size:14px;color:#888;margin-top:10px;font-style:italic}
.result_list_ul{width:100%;display:table}
.result_list_ul h3{font-size:18px!important}
.result_list_ul li{list-style:none;margin-left:0;padding-left:0}
.result_list_ul ul.ul_unit>li:nth-child(1){font-weight:700}
.result_list_ul>li{border-right:1px solid #ccc;float:left;padding:15px;height:400px;overflow-y:auto;margin-bottom:20px;position:relative}
.result_list_ul ul.ul_unit{margin-top:15px}
.result_list_ul ul.ul_unit>ul{position:relative}
.ul_unit_list_one{padding-left:10px;position:relative}
.ul_unit_list_one::before{content:"+";position:absolute;left:0;top:0}
.ul_unit_list_one_tit{font-weight:700;border-top:1px solid #888;padding-top:10px;margin-top:10px}
.result_list_ul>li .allbtn{position:absolute;bottom:0;right:0;padding:5px;background-color:red;color:#fff;width:30px;height:30px;cursor:pointer}
.btn_arrow{position:absolute;border-left:4px solid #fff;border-bottom:4px solid #fff;width:12px;height:12px;display:inline-block;bottom:6px;top:6px;left:9px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
@media(min-width:2561px){.result_list_ul>li{width:24%}
}@media(min-width:1921px) and (max-width:2560px){.result_list_ul>li{width:24%}
}@media(min-width:1601px) and (max-width:1920px){.result_list_ul>li{width:24%}
}@media(min-width:1366px) and (max-width:1600px){.result_list_ul>li{width:24%}
}@media(min-width:1280px) and (max-width:1365px){.result_list_ul>li{width:50%}
}@media(min-width:992px) and (max-width:1279px){.result_list_ul>li{width:50%}
}@media(min-width:768px) and (max-width:991px){.result_list_ul>li{width:50%}
}@media(max-width:767px){.result_list_ul>li{width:100%}
}@media (min-width:768px){.zopim{right:0!important}
.grecaptcha-badge{bottom:55px!important}
}@media (max-width:767px){.zopim{bottom:65px!important;right:0!important}
.grecaptcha-badge{bottom:105px!important}
}.proshowTabhead ul .choosedbg,.proshowTabhead ul li:hover{color:#fff;background-color:#1856b2}
.proshowTabhead span{text-align:center;font-size:18px;color:#000;margin-right:10px;margin-left:10px;position:relative;list-style:none;text-align:center;font-weight:700;cursor:pointer;display:inline-block;border:1px solid #444;padding:10px 20px 10px 20px;border-radius:50px}
.proshowTabhead span a{color:#000;display:block;padding:15px}
.proshowTabhead span:hover .Tabcontentarea{display:block}
.orderonline .choosedbg,.orderonline span:hover a,.proshowTabhead span.choosedbg,.proshowTabhead span:hover{color:#fff;background-color:#5086dc;border:1px solid #5086dc}
.proshowTabhead span .choosedbg .Twopxline .line{width:100%}
.contunit:after,.contunit:before{display:table;content:" "}
.contunit:after{clear:both}
.car_construction_css{font-size:16px}
.car_construction_css span{font-size:13px;padding:0 8px 0 8px!important;display:inline-block;border:1px solid #1856b2!important;background-color:#fff!important;color:#1856b2!important;line-height:18px!important;font-weight:700}
.target_h3{font-weight:700;font-size:20px;margin-bottom:15px}
.target_Services{margin-top:30px;height:300px;overflow:hidden;position:relative}
.big_type_icon{display:inline-block;width:15px;height:15px;background-color:#000;margin-right:10px}
.sym_more{position:relative}
.sym_more_close{position:relative}
.sym_more,.sym_more_close{width:100%;padding-top:20px;height:70px;margin-bottom:20px;text-align:center;z-index:10}
.sym_more_close{display:none}
.sym_more span,.sym_more_close span{border:1px solid #aaa;color:#aaa;padding:8px 15px;border-radius:5px;cursor:pointer}
.sym_more span:hover,.sym_more_close span:hover{background-color:#0b72e5;color:#fff;border:1px solid #0b72e5}
.Webinar_cont{width:55%;margin:auto}
@media screen and (max-width:991px){.Webinar_cont{width:100%}
}.Webinar_attend_list{margin:0 0 80px 0;padding:0}
.Webinar_attend_list div[class*=col-md]{text-align:center}
.Webinar_attend_list img{max-width:100%;display:block;margin:15px auto 15px auto}
.Webinar_attend_list a{margin-top:0;margin-bottom:20px}
.Webinar_attend_list a:hover{color:#0b72e5}
.webinars_ifr{width:65%;margin:40px auto 40px auto;padding:0 15px 15px 15px;background-color:#efefef;border-radius:5px}
@media screen and (max-width:991px){.webinars_ifr{width:100%}
}.made-to-order{padding:3px 0;margin-bottom:5px;display:inline-block;color:#fff;border-radius:3px;background-color:#1856b2;text-align:center;cursor:pointer;font-size:14px;width:110px;font-weight:lighter}
.reviews_but{border:0px;background-color:#f3e04e;color:#000;border-radius:5px;padding:5px 10px;transition:all ease-in-out 0.4s; cursor: pointer;}
.reviews_but:hover{background-color:#1c3c6e;color:#fff;}
.customize_area{background-color:#fafafa;display:table;width:100%;margin-top:30px;margin-bottom:30px;line-height:22px}
.customize_area .customize_left_area_bg{display:table;text-align:center;padding:20px !important;margin:0px}
.customize_area .customize_right_area_bg{padding:20px !important}
.customize_area .customize_right_area_bg strong{margin-bottom:10px;display:inline-block}
.customize_but{border:0px;background-color:#1856b2;color:#fff !important;border-radius:5px;padding:5px 10px;transition:all ease-in-out 0.4s;text-decoration:none !important;display:inline-block;margin-top:10px}
.customize_but:hover{background-color:#eadf00;color:#000 !important}
.customize_area a{text-decoration:none !important}
.pub_but,.close_pub_data{background-color:#1856b2;color:#fff;border-radius:5px;width:200px;padding:10px;margin-top:30px;cursor:pointer}
.pub_but:hover,.close_pub_data:hover{background-color:#32b1d2;color:#fff}
.ser_page_but{padding:0px 5px 0px 5px;border-radius:5px;background-color:#1d3560;color:#fff;display:inline-block;cursor:pointer}
.ser_page_but:hover{background-color:#0738A0}
.related_area{min-height:300px}
.related_unit h3{position:relative;font:bold 18px/1 sans-serif;padding:10px;display:block;background:#f2f2f2;width:100%}
.related_unit h3 i{position:absolute;padding:0 5px;height:40px;width:40px;right:0;top:0;line-height:40px;text-align:center}
.related_unit h3:hover,.related_unit h3.un_choose{background-color:#1856b2;color:#fff;cursor:pointer}
.related_unit ul{display:table}
.pun_unit{border-bottom:1px solid #ddd;margin-bottom:20px;margin-left:0px;margin-right:0px}
.pun_unit img{max-width:100%;display:block;margin:auto auto 20px auto}
.pun_unit h3{line-height:24px}
.pun_unit .col-md-9{padding-bottom:15px !important}
.emptyContent{padding-bottom:50px !important; text-align: center;}
.publications_area{display:table;width:100%}
.theme_filter{display:table;width:100%}
.theme_filter strong{display:inline-block;margin-top:20px;margin-bottom:10px;font-size:16px !important;display:block;position:relative}
.theme_filter{padding:0px;margin:0px 0px 30px 0px}
.theme_filter li{margin:5px 0px 5px 0px;padding:3px 10px 4px 30px;position:relative;cursor:pointer}
.theme_filter li span{width:16px;height:15px;border:1px solid #666;position:absolute;left:8px;top:10px;color:#fff}
.filter_chooose span:after{content:"■";position:absolute;top:-8px;left:2px;z-index:200;color:#0061cd !important}
.theme_filter strong span{position:absolute;right:0;font-weight:normal}
.theme_filter li:hover,.filter_chooose{color:#0061cd;background-color:#f2f2f2}
.theme_filter div[class*="col-md"] .filter_list{height:200px;overflow-y:auto}
.clearfilter{display:inline-block;margin-left:20px;cursor:pointer;border:1px solid #ccc;border-radius:5px;padding-left:8px;padding-right:8px;font-size:14px}
.clearfilter:hover{background-color:#0061cd;color:#fff}
.big_pic_bg{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.6);z-index:100000;display:none;text-align:center;padding:2%;overflow-y:auto}
.big_pic_cv{display:table;z-index:10;margin:auto;width:100%;text-align:center;overflow:hidden;position:relative}
.big_pic_show .pic_arrow{position:absolute;width:40px;height:300px;top:25%;display:inline-block;cursor:pointer;color:#fff;z-index:100;line-height:300px}
.arr_left{left:-40px}
.arr_right{right:-40px}
.big_pic_show .pic_arrow:hover{background-color:#000;color:#fff}
.big_pic_show .show_pic_area{display:table;height:100%;background-color:#fafafa}
.big_pic_show .show_pic_area .img_area{display:table-cell;vertical-align:middle;height:100%;width:100%}
.big_pic_show .show_pic_area .img_area img{max-width:100%}
.big_pic_show .show_content{height:100%;text-align:left;overflow-y:auto}
.big_pic_show .show_content p,.big_pic_show .show_content h3{padding:10px 30px 10px 30px;line-height:1.5em}
.big_pic_bg img{max-width:100%;margin:auto;border:4px solid #fff}
.big_pic_bg .pic_c{font-size:30px;width:40px;height:40px;border-radius:40px;line-height:38px;position:absolute;right:10px;top:10px;color:#444;display:inline-block;z-index:100000;cursor:pointer}
.big_pic_show{height:65%;position:absolute;top:5%;background-color:#fff;display:table}
.pic_list{height:10%;overflow-y:hidden;overflow-x:scroll;border-top:1px solid #f2f2f2;width:100%;height:130px}
.pic_list .list_all img{border:1px solid #efefef;margin:5px;height:100px;cursor:pointer}
.pic_list .list_all img.choose{border:2px solid #ff0000}
.pic_list .list_all{width:350%;text-align:left}
@media (min-width:993px){.big_pic_show{width:60% !important;left:20%}
.big_pic_show .show_pic_area{width:50%;float:left}
.big_pic_show .show_content{width:50%;float:left}
}@media (max-width:992px){.big_pic_show{width:80%;left:10%}
.big_pic_show .show_pic_area{width:100%}
.big_pic_show .show_content{width:100%;height:300px}
}.page_inside{}
.page_inside span{padding:8px 20px 8px 20px;display:inline-block;background-color:#0D7AD3;border:1px solid #cccccc;margin-bottom:15px;margin-right:10px;cursor:pointer;border-radius:20px;color:#ffffff}
.page_inside span:hover{background-color:#1d3c6f;color:#ffffff}
.profixed{position:fixed;top:0px;z-index:10000;background-color:#fff;width:88%;left:6%}
.product-groups-unit-content{display:block}
.related_resources{padding-left:10px !important;margin-left:10px !important}
.related_resources li{list-style:disc !important}
.list_pro_area{max-height:400px;overflow-x:auto}
.subtable tr:nth-child(odd) td{background-color:rgba(244,244,244,0.1)}
.subtable td{padding:8px}
.subtable{width:100%;display:table}
.subtable thead{display:table-header-group;vertical-align:middle;border-color:inherit}
.subtable thead tr{position:sticky;top:0;background-color:#1856b2;z-index:100}
.list_pro_area::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(240,240,240,1)}
.list_pro_area::-webkit-scrollbar-track{box-shadow:inset 0 0 0px rgba(240,240,240,.5);border-radius:10px;background-color:rgba(240,240,240,.5)}
.list_pro_area::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 0px rgba(0,0,0,.8);background-color:rgba(0,0,0,.8)}
.canine_cart{margin:auto;width:886px;height:181px;z-index:10;position:relative}
.canine_unit{border-radius:30px;padding:8px 10px 8px 10px;position:absolute;z-index:11;font-size:12px;background-color:#0991c9;line-height:16px;text-align:center;cursor:pointer}
.canine_unit a{color:#fff}
.canine_unit:hover a{text-decoration:none;color:#fff}
.canine_unit:hover{background-color:#1856b2}
.canine_site_1{top:20px;left:0}
.canine_site_2{top:125px;left:120px;width:180px}
.canine_site_3{top:20px;left:260px}
.canine_site_4{top:125px;left:370px;width:265px}
.canine_site_5{top:10px;right:130px;width:180px}
.canine_site_6{top:125px;right:0;width:180px}
.cancer span{border:1px solid #000;position:relative;display:inline-block;width:10px;height:10px;margin-right:5px}
.cancer div[class*="col-md"]{text-align:left}
.cancer div[class*="col-md"] strong{margin-bottom:10px;display:block}
.cancer_unit{cursor:pointer;height:52px;margin-bottom:5px;padding-left:5px}
.cancer_unit:hover{background-color:#3373ca;color:#fff}
.cancer_unit:hover span{border:1px solid #fff}
.boxtherapy{
		width:100%;
		display: table;
		position: relative;
		margin: auto;
		text-align: center;
	}
    .boxtherapy .tab{
        display: inline-table;
		text-align: center;
        background: #396ea4;
        font-size: 16px;
        line-height: 22px;
        color: #fff;
        transition: all 0.5s linear;
		cursor: pointer;
		margin-left:0.5%;
		margin-right:0.5%;
		padding-left:3px;
		padding-right:3px;
		z-index: 30;
		border-left: 1px solid #efefef;
		border-right: 1px solid #efefef;
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #ccc;
		position: relative;
    }
	.boxtherapy .tab a{
		display: table-cell;
		vertical-align: middle;
		color: #fff;
	}
    .boxtherapy .tab:hover{
        background: #fff;
        transition: all 0.5s linear;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #fff;
    }
	.boxtherapy .tab:hover a{
		color:#f87806;
		font-weight:bold;
	}
    .con{
        width:100%;
		border: 1px solid #ccc;
		z-index:1;
    }
    .con .list{
		width:100%;
        padding: 10px;
        position: absolute;
        box-sizing:border-box;
		background-color: #fff;
		 z-index: 1;
		text-align: center;
    }
	.con .list ul li{
		text-align: left;
	}
	.con .list:nth-child(1){
		     z-index: 9;
	}
	.list .row div[class*="col-md"]{
		display:flex;
		align-items: center;
	}
	.list .row div[class*="col-md"]:nth-child(1){
		justify-content: center;
	}
	.list .row
	{
		display:flex;flex-wrap:wrap;height: 100%
	}
    .list img{
        width: 250px;
		height:166px;
    }
    .boxtherapy>.tab:nth-child(1):hover~.con>.list:nth-child(1),
    .boxtherapy>.tab:nth-child(2):hover~.con>.list:nth-child(2),
    .boxtherapy>.tab:nth-child(3):hover~.con>.list:nth-child(3),
    .boxtherapy>.tab:nth-child(4):hover~.con>.list:nth-child(4),
	.boxtherapy>.tab:nth-child(5):hover~.con>.list:nth-child(5),
	.boxtherapy>.tab:nth-child(6):hover~.con>.list:nth-child(6),
	.boxtherapy>.tab:nth-child(7):hover~.con>.list:nth-child(7),
    .list:hover{
        z-index: 10;
    }
@media(min-width:1366px)
{
.boxtherapy{
width:100%;
height:330px;
	}
.boxtherapy .tab{
        display: inline-table;
				width: 11%;
	height:90px;
		}
		.boxtherapy .tab a{
			height:90px;
	}
	    .con{
        top:91px;
		height: 240px;
			position: absolute;
	}
	.con .list{
		height: 230px;
	}
}
	@media(max-width:1365px)
	{
	.boxtherapy{
	width:100%;
	height:auto;
	}
	.boxtherapy .tab{
        display: inline-table;
		width: 100%;
		height:70px;
		}
		.boxtherapy .tab a{
	padding-top:20px;
			padding-bottom:20px;
	}
		.con{
       display: none;
			position: relative;
	}
			.con .list{
		height: auto;
	}
	}
.therapy_ad{position: relative;}
.therapy_ad img{
	max-width:100%;
	height:auto;
	display: block;
	margin:auto auto 20px auto;
}
/*-------------------2024-6-28 public css begin-----------------------------------*/
.box-radius{
	border-radius:5px;
	padding:10px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}
.bluebg,.yellowbg,.light-bluebg{
	text-align: center;
	font-weight:bold;
}
.bluebg{
	background-color:#1a3a6f;
	color:#fff;
}
.yellowbg{
	background-color:#f3e04e;
	color:#000;
}
.light-bluebg{
	background-color:#c7daf1;
	color:#000;
}
.entrance-list div[class*="col"],.blue-entrance-list div[class*="col"],.light-blue-entrance-list div[class*="col"]{
	margin-bottom:15px;
}
.entrance-list,.blue-entrance-list,.light-blue-entrance-list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:15px;
}

.entrance-list a,.blue-entrance-list a,.light-blue-entrance-list a,
.entrance-list span,.blue-entrance-list span,.light-blue-entrance-list span{
	display: flex;
	border:1px solid #ccc;
	padding:10px;
	width:100%;
	align-items: center;
	justify-content:center;
	text-align: center;
	line-height:1.4em;
	border-radius: 5px;

}
.blue-entrance-list a,.blue-entrance-list span{background-color:#1a3a6f;color:#fff;}
.light-blue-entrance-list a,.light-blue-entrance-list span{background-color:#c7daf1;color:#000;}
.entrance-list a:hover,.blue-entrance-list a:hover,.light-blue-entrance-list a:hover,
.light-blue-entrance-list span:hover,.entrance-list span:hover,.blue-entrance-list span:hover{
	background-color:#f3e04e;
	color:#000;
}

.text-box-style,.text-box-style-blue{
	border-radius:5px;
	padding:20px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	border:1px solid #ccc;
	height:100%;
}
.text-box-style-blue{
	border:2px solid #1a3a6f;
}
.text-box-style p,.text-box-style-blue p{
	padding-bottom:8px;
}
.textboxstyle-area span{
	padding:10px;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align: center; 
	display: block;margin:auto !important;
	background-color: #1c3c6e;color:#fff;
}
.textboxstyle-area .box-radius_titarea{
	padding:15px 15px 5px 15px; display: block;margin-bottom:10px; position: relative;
	border:1px solid #1c3c6e;
}
.textboxstyle-area-yellow span{
	padding:10px;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align: center; 
	display: block;margin:auto !important;
	background-color: #f3e04e;
	color:#000;
}
.textboxstyle-area-yellow .box-radius_titarea{
	border:1px solid #f3e04e;
}

.textboxstyle-area-light-pink span{
	padding:10px;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align: center; 
	display: block;margin:auto !important;
	background-color: #fbe5d6;
	color:#c19207;
}
.textboxstyle-area-light-pink .box-radius_titarea{
	border:1px solid #fbe5d6;
}
.textboxstyle-area-light-pink-yellow span{
	padding:10px;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align: center; 
	display: block;margin:auto !important;
	background-color: #fff2cc;
	color:#c19207;
}
.textboxstyle-area-light-pink-yellow .box-radius_titarea{
	border:1px solid #fff2cc;
}
.textboxstyle-area-light-blue span{
	padding:10px;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align: center; 
	display: block;margin:auto !important;
	background-color: #deebf7;
	color:#c19207;
}
.textboxstyle-area-light-blue .box-radius_titarea{
	border:1px solid #deebf7;
}

@media (min-width: 993px){
.textboxstyle-area span,
.textboxstyle-area-yellow span,
.textboxstyle-area-light-pink span,
.textboxstyle-area-light-pink-yellow span,
.textboxstyle-area-light-blue span{
	width:50%;
	}
}
@media (max-width: 992px){
.textboxstyle-area span,
.textboxstyle-area-yellow span,
.textboxstyle-area-light-pink span,
.textboxstyle-area-light-pink-yellow span,
.textboxstyle-area-light-blue span{
	width:100%;
	}
	}

.textboxstyle3{
	margin-bottom:15px;
}
.textboxstyle3 .box_r_con{
	display: block;
	border-radius:5px; 
	padding:20px;
	height:100%;
}
.blue3 .box_r_con{
	background-color: #c7daf1;
}
.yellow3 .box_r_con{
	background-color: #f3e04e;
}
.box_r_con ul li{
    margin-bottom:8px;
}

.textboxstyle-45{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:15px;
}
.textboxstyle-45 div[class*="col"]{
	margin-bottom:25px;
	padding-top:25px;
}

.textboxstyle-45 .textboxstylecont{
	display: block;
	border-radius:5px; 
	height:100%;
	position: relative;
	padding:10px 15px 10px 15px;
}
.textboxstyle-45 .textboxstylecont span{
	display: block;
	border-radius:5px; 
	padding:10px;
	text-align:center;
	font-weight:bold;
	width:80%;
	margin:-30px auto auto auto !important;
}
.textboxstyle-45 .textboxstylecont div{
	padding-top:5px;
	margin:0px !important;
}
.textboxstyle-45 .textboxstylecont div p{
	margin:0px;
	padding:0px;
}

.blue45 span{
	border:1px solid #1c3c6e;background-color:#1c3c6e;color:#fff;
}
.blue45 .textboxstylecont{
	border:1px solid #1c3c6e;
}
.blue45 span a{color:#fff;}
.blue45 span:hover a{color:#f3e04e;}
.yellow45 span{
	border:1px solid #f3e04e;background-color:#f3e04e;color:#000;
}
.yellow45 .textboxstylecont{
	border:1px solid #f3e04e;
}

.textboxstyle-7{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:15px;
}
.textboxstyle-7 div[class*="col"]{
    margin-bottom:15px;
}
.textboxstyle-7 .box_r_con{
	height:100%;
	border-radius: 5px;
}
.textboxstyle-7 .bluecolor{
	background-color: #c7daf1;
}
.textboxstyle-7 .light-yellowcolor{
	background-color: #ebf1de;
}


.list_number div[class*="col-md"] span.bgcolor-green{background-color: #00b050;}
.list_number div[class*="col-md"] span.bgcolor-yellow{background-color: #eadf00;color:#000;}
.list_number{ text-align:left;}
.list_number div[class*="col-md"]{padding-left:55px;margin-top:10px;margin-bottom:10px; position: relative;}
.list_number div[class*="col-md"] span{background-color: #1c3c6e;color:#fff;width:30px;height:30px; text-align: center;line-height:30px; display: inline-block;top:5px;margin-right:10px; position: absolute;left:15px;}

.section_site {
	cursor: pointer;
	position: relative;
	font-size: 16px !important;
	background-color: #efefef;
	display: block;
	border-radius: 5px;
}

.faqnavsite {
	cursor: pointer;
	display: block;
	padding: 15px;
	position: relative;
}

.fontbacktop {
	display: inline-block;
	cursor: pointer;
	color: #0E62CC;
	margin-left: 10px;
	position: absolute;
	width: 60px;
	height: 50px;
	z-index: 100;
	line-height: 50px;
	top: 0;
	right: 0;
}

.faqnavsite::after {
	content: "›";
	display: inline-block;
	width: 40px;
	height: 50px;
	line-height: 45px;
	position: absolute;
	top: 0;
	right: 60px;
	text-align: center;
	font-size: 30px;
}

.faqlist {
     padding-left:5px;
	}
.faqlist p,.faqlist ul,.faqlist ol{
	display: none;
	}
.faqlist li{
	list-style-position: outside;
    list-style: none;
	border-bottom:1px solid #efefef;
	padding-top:8px;
	padding-bottom:8px;
				}
.faqlist ul li,.faqlist ol li{
	border:0;
	list-style-type: disc !important;
}

.sFAQTit {
	display: block;
	position: relative;
	padding-right: 60px;
	font-weight: bold;
}

.sFAQTit::after {
	content: "›";
	display: inline-block;
	width: 40px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	font-size: 26px;
}


#Immune-Genotyping .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

#Immune-Genotyping header {
	background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
	color: white;
	padding: 3rem 0;
	text-align: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#Immune-Genotyping header h1 {
	font-size: 2rem;
	margin-bottom: 1rem;
	font-weight: 700;
	margin-top: 0;
}

#Immune-Genotyping header p {
	font-size: 1.1rem;
	max-width: 1100px;
	opacity: 0.9;
	text-align: left;
}

#Immune-Genotyping .main-content {
	padding: 3rem 0;
}

#Immune-Genotyping .intro {
	background-color: var(--card-bg);
	padding: 2rem;
	margin-bottom: 2rem;
	border-radius: 12px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-color);
}

#Immune-Genotyping .intro h2 {
	color: var(--secondary-color);
	font-size: 2rem;
	margin-bottom: 1rem;
	font-weight: 600;
	border-bottom: 3px solid var(--accent-color);
	padding-bottom: 0.5rem;
}

#Immune-Genotyping .intro p {
	color: #555;
	font-size: 1rem;
	line-height: 1.7;
}

#Immune-Genotyping .category-card {
	background-color: var(--card-bg);
	border-radius: 12px;
	margin-bottom: 2rem;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	border: 1px solid var(--border-color);
}

#Immune-Genotyping .category-header {
	color: var(--secondary-color);
	padding: 1.5rem;
	font-size: 1.4rem;
	font-weight: 600;
	border-bottom: 3px solid var(--accent-color);
	margin-top: 0;
}

#Immune-Genotyping .services-container {
	padding: 1.5rem;
}

#Immune-Genotyping .service-item {
	background-color: #f8fafc;
	border-radius: 8px;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
	border: 1px solid var(--border-color);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	align-items: flex-start;
	gap: 1.5rem;
}

#Immune-Genotyping .service-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

#Immune-Genotyping .service-image {
	width: 200px;
	height: 150px;
	border-radius: 8px;
	object-fit: cover;
	flex-shrink: 0;
	border: 2px solid var(--border-color);
}

#Immune-Genotyping .service-content {
	flex: 1;
}

#Immune-Genotyping .service-content h3 {
	color: var(--secondary-color);
	font-size: 1.25rem;
	margin-bottom: 0.8rem;
	font-weight: 600;
	margin-top: 0;
}

#Immune-Genotyping .service-link {
	color: var(--primary-color);
	text-decoration: none;
	transition: color 0.3s ease;
}

#Immune-Genotyping .service-link:hover {
	color: var(--accent-color);
	text-decoration: underline;
}

#Immune-Genotyping .service-content p {
	font-size: 0.95rem;
	color: #555;
	line-height: 1.7;
}

#Immune-Genotyping .cta-section {
	background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
	color: white;
	padding: 4rem 0;
	text-align: center;
	margin-top: 3rem;
}

#Immune-Genotyping .cta-section h2 {
	font-size: 2rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

#Immune-Genotyping .cta-section ul {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1.5rem;
	margin: 0 auto;
	max-width: 1000px;
	text-align: left;
}

#Immune-Genotyping .cta-section li {
	background-color: rgba(255, 255, 255, 0.1);
	padding: 1rem 1.5rem;
	border-radius: 8px;
	font-size: 1rem;
	backdrop-filter: blur(10px);
}

#Immune-Genotyping .cta-section li strong {
	color: var(--accent-color);
	font-weight: 600;
}

@media (max-width: 768px) {
	.detail-new-add-css .platforms-container .platform-card {
		padding-left: 1rem !important;
        padding-right: 0.5rem !important;
        border: none !important;
	}
	.container.main-content {
		padding: 0;
	}
	.category-card {
		border: none !important;
	}
	.detail-new-add-css {
		padding: 0 !important;
	}
	.category-card .category-header {
		padding: 1.5rem 0 1.5rem 1rem !important;
	}
	.category-card .services-container {
		padding: 1.5rem 0 1.5rem 1rem !important;
		border: none !important;
		margin: 0 !important;
	}
	.category-card .service-item {
		padding: 0.5rem 0 !important;
		border: none !important;
	}
	.detail-new-add-css .main-content .intro {
		padding: 1rem !important;
		border: none !important;
	}
	.detail-new-add-css .resources-container .resource-card {
		padding-left: 1rem !important;
		padding-right: 0.5rem !important;
		border: none !important;
	}
	#Immune-Genotyping header h1 {
		font-size: 2rem;
	}

	#Immune-Genotyping .category-header {
		font-size: 1.3rem;
	}

	#Immune-Genotyping .cta-section ul {
		grid-template-columns: 1fr;
	}

	#Immune-Genotyping .cta-section h2 {
		font-size: 1.75rem;
	}

	#Immune-Genotyping .service-item {
		flex-direction: column;
	}

	#Immune-Genotyping .service-image {
		width: 100%;
		height: 200px;
	}
}


.flow-chart{margin-bottom:15px;}
.flow-chart .fcunit span.bgcolor-green{background-color: #00b050;}
.flow-chart .fcunit span.bgcolor-yellow{background-color: #eadf00;color:#000;}
.flow-chart .fcunit span.bgcolor-yellow a{color:#000;}
.flow-chart div[class*="col"]{position: relative;}
.flow-chart .fcunit{display: block; position: relative;}
.flow-chart .fcunit span{background-color: #1c3c6e;color:#fff;padding:10px;border-radius: 5px;line-height:22px; display: flex; align-content: center; align-items: center; min-height:70px;}
.flow-chart .fcunit span a{color:#fff;display: inline-block;}
.flow-chart .fcunit p{padding:10px;margin-bottom:0;border:1px solid #ddd;border-radius: 5px;margin-top:15px;}
.flow-chart .fcunit ul{border:1px solid #ddd;border-radius: 8px;padding:10px;}
.flow-chart .fcunit ul li{margin-bottom:0px; margin-left:15px;}
.flow-chart > div[class*="col"]{padding-right:50px;}
.flow-chart div[class*="col"]:after{font-size:30px;height:50px; text-align: center;font-weight:bold;}
.flow-chart div[class*="col"]:last-child:after{content:"";height:0px;}
@media (min-width: 993px){
.flow-chart .fcunit{width:88%;}
.flow-chart > div[class*="col"]:after{content:"→"; position: absolute;top:42%;right:0;width:50px;}
}
@media (max-width: 992px){
.flow-chart .fcunit{width:100%;}
.flow-chart > div[class*="col"]:after{content:"↓"; position: relative; display: block; text-align: center;width:100%;margin-top:10px;}
}

.box_r_con{border-radius:15px;padding:20px}
.table_td_padd td{padding:10px;margin:auto !important}

.reviewsbox{
	padding:10px 15px 15px 15px;
}
.r-item{
	display: flex;
	border-bottom:1px solid #efefef;
	padding-bottom:15px;
	margin-bottom:10px;
}
.r-item img{
	width:60px;
	height:60px;
	border:1px solid #ccc;
	border-radius: 60px;
}
.r-item .r-cont{
	padding:0px 15px 0px 15px;
	display: block;
	width:100%;
	position: relative;
}
.r-item .r-cont .r-start{
	font-size:14px;
	color:#666;
/*	display: inline-block;*/
}
.r-item .r-cont .r-start span{
	margin-right:5px;
	color:#f3e04e;
}
.r-item .r-cont .r-links{
	width:90px;
	height:30px;
	position: absolute;
	top:0;
	right:0px;
	color:#ff0000;
}
.r-item .r-cont .r-cont-box{
	margin-top:10px;
	margin-bottom:10px;
}
.r-item .r-cont .r-time{
	text-align: right;
	font-size:12px;
	color:#666;
	display: block;
	width:100%;
}
.imgtabn_nav{
	text-align: center;
	font-size:0;
}
.imgtabn_nav span{
	margin:0px;
	padding:0px 0px 40px 0px;
	 display: inline-block; 
  vertical-align: none; 
	filter: grayscale(100%);
	cursor: pointer;
	position: relative;
}
.imgtabn_nav.navimgsize span{
	padding:0px 0px 10px 0px;
}
.imgtabbox_unit{
	display: none;
	margin-top:0px !important;
}
.imgtabn_nav span.imgtab_choosebg{
	display: inline-block; 
	filter: grayscale(0%);
	position: relative;
		
}
.imgtabn_nav span.imgtab_choosebg::after{
	content:"";
	position: absolute;
	bottom:0px;
	z-index: 1000;
	left:36%;
	color:#fff;
	width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 30px solid #f3e04e;
	  animation: flash 1s infinite;
}

  @keyframes flash {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
@media (min-width: 1280px){
	.imgtabn_nav img{
		height:300px;
	}
	.imgtabn_nav.navimgsize img{
	height:420px;	
	}
}
@media (min-width:769px) and (max-width: 1280px){
.imgtabn_nav img{
		height:200px;
	}
	}
@media (max-width: 768px){
.imgtabn_nav img{
		height:200px;
	}
	}

/*---------------------2024-6-28 public css end----------------------------------*/

.box-tit.bgcolor-green{background-color: #00b050;}
.box-tit.bgcolor-yellow{background-color: #eadf00;color:#000;}
.box-tit.bgcolor-yellow a{color:#000;}
.box-tit{width:40%;padding:10px;border-top-left-radius: 15px;border-top-right-radius: 15px; text-align: center; display: block;margin:auto !important;background-color: #1c3c6e;color:#fff;}
.box-radius_titarea{
	padding:15px 15px 5px 15px; display: block;margin-bottom:10px; position: relative;
	border:1px solid #1c3c6e;
}

@media (min-width: 993px){
	.textboxstyle-area .box-radius_titarea{border-radius: 5px;}
	.box-tit,.textboxstyle-area span,.textboxstyle-area-yellow span{width:50%;}
	.box-radius_titarea{border-radius: 15px;}
}
@media (max-width: 992px){
.box-tit{width:100%;}
	.box-radius_titarea{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
	}

.box-radius_padd{display:block;padding-top:5px;padding-bottom:5px;text-align:center;font-size:30px;position:relative;height:35px}
.box-radius_padd:after{content:"↓";position:absolute;left:45%}
.box-radius_tit{color:#fff;text-align:center;font-weight:bold;margin:auto;position:relative}
.box-radius_tit_icon:after{content:"→";position:absolute;right:-25px;color:#000;font-size:24px}
.box-radius_head{width:75%;height:20px;position:relative;margin:20px auto auto auto}
.box-radius_head:after{content:"|";position:absolute;left:50%;top:-24px}
.table_box td{padding:10px;margin:auto}
.table_box{margin:auto}
.symbolsearch_cont{height:500px; overflow: hidden;}
.symbolsearch_cont.contheight {height:100%;}
.sym_more{position:relative}
.sym_more{ display: flex; align-items: center; justify-content: center; width:100%;padding-top:20px;height:50px;margin-bottom:20px;text-align:center;z-index:10;  }
.sym_more span{border:1px solid #aaa;color:#aaa;padding:5px 25px 5px 10px;border-radius:5px;cursor:pointer;position: relative;background-color: #fff;}
.sym_more span:after{content:"▼";position: absolute;right:8px;top:5px;}
.sym_more span.showicon:after{content:"▲" !important;position: absolute;right:8px;top:5px;}
.sym_more span:hover{background-color:#f3e04e;color:#000;border:1px solid #f3e04e}

.faq-section .faq-unit{border:1px solid #eee;padding:15px;margin-bottom:20px;}
.faq-section .faq-unit strong.quecont-tit{ display: block; position: relative; cursor: pointer;padding-right:30px;}
.faq-section .faq-unit strong.quecont-tit::after{content: "▼"; width:30px;height:30px;font-size:12px;display: inline-block; text-align: center;top:0px;right:0px;position: absolute;}
.faq-section .faq-unit .quecont{display: none;margin-top:10px;font-size:0.9rem;}
.faq-section .faq-unit strong.titicon::after{transform: rotate(180deg);}   
.row-add-featured-services > div {
	margin-top: 15px;
}
.row.row-add-flex {
	display: flex;
    flex-wrap: wrap;
}
.row.row-add-flex > div {
	display: flex;
}
.table-bordered-add-tr > td {
	background-color: #1F73B7;
}
.table-bordered-add-tr > td a {
	color: #fff;
}
.table-bordered-add-tr > td a:hover {
	text-decoration: underline;
}
.second-page-bg-2 .content-width.product_content_show .SolutionsList {
	display: flex;
	flex-wrap: wrap;
}
.second-page-bg-2 .content-width.product_content_show .SolutionsList > div[class*=col] {
	display: flex;
	flex-direction: column;
}
.second-page-bg-2 .content-width.product_content_show .SolutionsList > div[class*=col] > a {
	display: inline-block;
	flex: 1;
}
.second-page-bg-2 .content-width.product_content_show .SolutionsList > div[class*=col] > a > img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.SolutionsList.SolutionsList-add-css {
	display: flex;
	flex-wrap: wrap;
}
.SolutionsList.SolutionsList-add-css div[class*=col] .img_area {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.SolutionsList.SolutionsList-add-css div[class*=col] .img_area img {
	flex: 1;
	object-fit: cover;
}
.SolutionsList.SolutionsList-add-css div[class*=col] .img_area .Solutionsfont {
	height: auto;
}
.SolutionsList-container .img_area > img {
	min-height: 245px;
	object-fit: cover;
}