@charset "utf-8";

/* CSS Document */


/*(max-width: 767px)*/

.warp-main {
	width: 100%;
	padding: 22px 14px 20px 14px;
	margin-top:1px;
	margin-bottom:1px;
}


#position-box {
	margin-bottom: 12px;
}

.left-crispr {
	display: none;
}

#mainContent2, .overview-sidebar-c {
	float: none;
	width: 100%;
}

.partC-left {
	width: 100%;
	background-size: auto 46px!important;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.partC {
	border: none;
	padding: 0;
}

.partC-right {
	display: table;
	position: initial;
	margin: 0 auto;
}

.partC-right .right-btn {
	padding: 10px 91px;
	font-size: 20px
}

.ulbox .ulbox-li-235 {
	width: 100%;
}

.ulbox, .ulboxh {
    display: block!important;
}

.right18 {
	margin-right: 0;
}

.listul li {
	min-width: 100%;
}

h1, h2, h3 {
	margin-bottom:.233em;
}

#sidebar_content {
	display: none;
}


#mainContent2 table {
	width: 100%;
	position: relative;
}

.right_re {
	width: 100%;
	float: none;
	padding: 0 8px;
}

#open_im {
	display: none;
}

.gensmart {
	position: relative !important;
}

.top0 {
	top: 0
}

.handbook-title {
	width: 100% !important;
}

.auto-module {
	width: 100%;
	overflow: auto;
	padding: 16px 0;
}

.auto-module table {
	width: auto;
}

.half-ul li {
	width: 100% !important;
}

.imgdiv p {
	padding-right: 20px;
}

.topImg-box .topImg-box-v {
	background-size: auto 248px!important;
	height: 222px;
	background-position: 65% 25%;
}

.topImg-box .top-overlay, .topImg-box .overlay-vleft {
	width: 92%;
	text-align: center;
}

.topImg-box .top-overlay-left-min {
	left: 4%;
}

.topImg-box .top-overlay .dlyN {
	display: none;
}

.topImg-box .overlay-width {
	width: 92%
}

.topImg-box .vImg-pst {
	background-position: 85% 25%;
}

.topImg-box .vImg-pst1 {
	background-position: 60% 25%;
}

.topImg-box .vImg-pst2 {
	background-position: 95% 25%;
}

.topImg-box .vImg-pst3 {
	background-position: 16% 25%;
}

.topImg-box .vImg-pst4 {
	background-position: 73% 25%;
}

.topImg-box .vImg-pst5 {
	background-position: 50% 25%;
}

.topImg-box .vImg-pst6 {
	background-position: 88% 25%;
}

.topImg-box .vImg-pst7 {
	background-position: 90% 25%;
}

.topImg-box .vImg-pst8 {
	background-position: 55% 25%;
}

.topImg-box .vImg-pst9 {
	background-position: 70% 25%;
}

.topImg-box .vImg-pst10 {
	background-position: 80% 25%;
}


.side-tabs .contact-text {
	font-size: 12px
}

.dlyN,
.dlyB {
	display: none
}

.dlyNs {
	display: inline!important;
}

.side-tabs {
	width: 100%;
	max-width: 100%;
}


/*left image right text /custom-plasmid-preparation.html*/

.news-img {
	width: 100%;
	display: inline-block;
	text-align: center
}

.news-img img {
	max-width: 100%;
}

.news-adc-bg {
	background: #213b1e
}

.news-ad-color {
	background: none;
	border-width: 0
}

.info-description,
.news-adc {
	text-align: center
}

.detail-left,
.text-p18-w80 {
	width: 100%
}

.plasmid-video-box {
	height: 250px
}

.quote-05 img,
.free-quote img {
	float: none;
	display: table-cell;
	margin: 0 auto
}

#tags li A,
#tagsecond li A {
	padding: 0px 8px;
	font-size: 12px
}

.auto-ul>li {
	width: 100%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.auto-ul>li img {
	float: left;
}

.auto-ul>li ul {
	margin-left: 100px;
}

.up-half-ul {
	width: 100%;
	position: relative;
}

.up-half-ul li:nth-child(1) {
	width: 100%;
	text-align: center;
}

.up-half-ul li:nth-child(2) {
	text-align: center;
	width: 100%;
}

.up-half-ul li:nth-child(2) img {
	position: relative;
	top: 0;
}

.tableul-min {
	width: 100%
}

.sirnaL {
	width: 100%;
}

.sirnaR {
	width: 100%;
}

.ulbox {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.ulbox li.biological {
	width: 100%;
	text-align: center;
}

ul.pra-d .free-quote {
	width: 100%;
	position: relative;
	text-align: left;
}

.top-20 {
	margin-top: 20px
}

.handbook-section1 {
	width: 100%;
	margin-right: 0;
}

.handbok-sub-section-s {
	width: 50%;
}

.tepe {
	width: 100%!important;
}

.tepe .hisright {
	float: none;
	display: inline-block;
	width: 100%!important;
}


.ulbox .tepe-height img {
	margin:0 auto;
	display:table;
}

.detail-50,
.ulbox li.ulli-100 {
	width: 100%
}


/*tools*/

.pro-form-min {
	width: 100%
}

.rare {
	float: none;
	margin-bottom: 10px
}

.bio-min li {
	width: 100%;
	margin: 0;
	text-align: center
}

.btn-top {
	margin-top: 10px
}

.gensmart-min em {
	margin: 0 auto;
}

.width100-min,
.green-t .gr-t {
	width: 100%
}

.image-float-none {
	float: none;
	display: table-cell;
	margin: 0 auto
}

.a-link-self {
	display: table;
	margin: 0 auto
}

.btn-pst {
	margin: 0 auto;
	display: table;
	position: static;
}

.tagContent {
	padding: 10px 10px;
}

.accordion-inner {
	padding: 10px 15px;
}
.ifn { float: none; display: table; margin: 0 auto; margin-bottom:10px}
.module-right-min { text-align:center;}

#mainContent2 a.btn-online:link, #mainContent2 a.btn-online:visited, .overview-sidebar-c a.btn-online:link, .overview-sidebar-c a.btn-online:visited {
				width: auto;
				border: 1px solid #f1c050;
				color: #ffffff;
				background:#ecb127;
				background: -webkit-linear-gradient(top, #ffb860 5%, #fd8900 100%);
				background: -o-linear-gradient(top, #ffb860 5%, #fd8900 100%);
				background: -ms-linear-gradient(top, #ffb860 5%, #fd8900 100%);
				background: linear-gradient(top, #ffb860 5%, #fd8900 100%);
				filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#ffb860', endColorStr='#fd8900', gradientType='0');
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				position: relative;
				padding: 9px 34px !important;
				border-radius: 60px;
				cursor: pointer;
				line-height: 1.4;
				font-weight: 400;
				text-align: center;
				text-decoration: none;
				font-size: 12px;
				display:table;
				margin:0 auto;
				user-select: none;
				-webkit-text-shadow: 0 1px 0 #0572c6;
				-moz-text-shadow: 0 1px 0 #0572c6;
				-o-text-shadow: 0 1px 0 #0572c6;
			}
#mainContent2 a.btn-online:hover, .overview-sidebar-c a.btn-online:hover {
	background: #e9a304;
	border-color: #ecb127;
}
#mainContent2 div.btn-online, .overview-sidebar-c div.btn-online  { margin: 12px 0;}



.ulbox .wide-whole .imgfloat {	
	float:none;
	display:table-cell;
	margin:0 auto;
	padding:20px 20px;
}
.ulbox .wide-text {
	float:none;
	width:100%;
}


.news-img img.note-img {
	width:auto;
	max-width:auto;	
}

.pdfbg-note {
	padding:15px 0
}

.account-left {
	display:none
}
.account-right {
	width:100%!important;
}

.acc-ul li, .redeem li {
	width:100%!important;
	display:table;
	float:none!important;	
}
.tepe .hisright {
	padding:20px 0;
}


.rushimg, .rushimg img {
    width: 100%;
}

.rushimg-left {
			margin-left: 0
		}
		
.rushimg-right {
			margin-right: 0;
		}

.rushBox { 
margin-bottom:25px
}
.rushtitle {
	    padding: 15px 40px;
}

.cardbox {
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
.cardbox-item {
	margin: 0 auto;
	margin-bottom: 15px;
}

.flex-box {
 display: block;
}

 .flex-box-3-item {
 width:100%;
 margin-bottom: 30px;
}

.step-box-arrow-background {
 top: 198px;
 left: 50%;
 transform: translateX(-50%) rotate(90deg);
}

.iframe-size {
    width: 320px;
    height: 170px;
}

.mid {
			width: 100%;
			margin-left: 0px;
			}
			.ma-top {
				margin-top: 0;
				margin-left: 0;
				width: 100%;
			}
/*story*/
 .detail-citation {
    width: 100%;
    margin-left: 0;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px 20px;
}
/*story*/
..handbooks-content {
	display: block;
}

.handbook-item {
	width: 100%;
}

/*--case study 2021-5-25---*/
.top-banner-casestudy-main-left, .top-banner-casestudy-main-right, .case-study-item  {
		float:none;
		width:100%;
		
		}
    .case-study-1{
       width:100%;
       margin: 0 auto;
       padding:0 10px;
    }

.top-banner-casestudy{
	height: auto;
	line-height: normal;
      }
.top-banner-casestudy h1{
    font-size:24px;
}
.case-study-content {
	margin-top: 0px;
	}
	.top-banner-casestudy-main {
		position: relative;
		left:0;
		top:0;
		transform: inherit;
	}
	.topp {
		font-size: 14px;
		}
		.yearBox-1-sub-min {
	padding: 20px 15px;
}

.yearBox-1-sub-min label, .yearBox-1-sub-min select {
	width: 100%!important;
    text-align: left;
}

.search-cr div {
	text-align: left;
	padding: 0 0 5px 0;
}

.yearBox-1-sub-min .inputM {
    padding: 4px 0!important;
}

#mainContent2 .yearBox-1-sub-min .inputM .input-control {
	width: 100%!important;
}

.ui-widget-content {
	width: 100%!important;
}

/*glossary 2021-8-16*/

 .search-w {
 width: 100%;
}
 .search-input {
 width: 72%;
}
.border-gray {
 padding: 20px 15px;
}
 .handbook-item-bg-border {
 border-width: 0 
 }
/*glossary 2021-8-16*/