@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; }