@charset "utf-8";
/* CSS Document */
/*(max-width: 767px)*/
.warp-main {
width: 100%;
padding: 8px 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%;
}
.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;
}
.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;
}
.ulboxh {
display: block;
}
.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!important; 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: 15px;
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;
}
.iframe-size {
width: 320px;
height: 170px;
}
.yearBox-1-sub-min {
padding: 20px 30px;
}
.yearBox-1-sub-min label, .yearBox-1-sub-min select {
width: 100%;
text-align: left;
}
.ui-widget-content {
width: 100%!important;
}