@charset "utf-8";
/* CSS Document */
/*--input--*/
#mainContent2 input[type="text"],
#mainContent2 input[type="password"],
#mainContent2 input[type="email"],
#mainContent2 textarea {
-moz-box-sizing: border-box;
background-color: #FFFFFF;
/*background-position: right center;*/
background-repeat: no-repeat;
border: 1px solid #CCCCCC;
color: #222222;
outline: medium none;
padding: 2px 6px;
border-radius: 2px 2px 2px 2px;
vertical-align: middle;
margin-top: 0;
line-height: 1.4em;
margin-bottom: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.warp-main input[type="text"],
.warp-main input[type="password"],
.warp-main input[type="email"],
.warp-main textarea {
/*-moz-box-sizing: border-box;*/
background-color: #FFFFFF;
/*background-position: right center;*/
background-repeat: no-repeat;
border: 1px solid #CCCCCC;
color: #222222;
outline: medium none;
padding: 2px 6px;
border-radius: 2px 2px 2px 2px;
vertical-align: middle;
margin-top: 0;
line-height: 1.4em;
margin-bottom: 0;
}
input,
button,
textarea {
font-family: arial, "Microsoft YaHei", tahoma, 'Hiragino Sans GB', sans-serif;
font-size: 100%;
margin: 0;
padding: 0 4px;
color: #222222;
}
#mainContent2 .required {
color:red;
}
.text-red-bold {
color: red;
font-weight: 700;
}
.text-blue-bold {
color: #0066cc;
font-weight: 700;
}
#mainContent2 .deep-red,
.warp-mian .deep-red {
color: #bc0900;
}
/*#mainContent2 input[type="submit"] { padding:0px 4px}*/
#mainContent2 button,
.warp-main button,
#mainContent2 textarea,
.warp-main textarea,
#mainContent2 select,
.warp-main select {
border: 1px solid #cccccc;
border-radius: 2px 2px 2px 2px;
padding: 4px 6px;
outline: 0;
}
.serchc {
width: 26px;
height: 26px;
display: block !important;
background: url(/gsimages/home/searchbutton.png);
border: 0px;
text-indent: -999px;
margin-left: 3px;
cursor: pointer;
text-transform: capitalize;
}
#mainContent2 img {
vertical-align: top;
}
#mainContent2 button,
#mainContent2 textarea {
border: 1px solid #cccccc;
}
#mainContent2 textarea {
padding: 10px;
line-height: 1.2em;
font-size: 14px;
}
#mainContent2 a:link {
color: #0066cc;
text-decoration: none;
outline: none
}
#mainContent2 a:visited {
text-decoration: none;
color: #0066cc;
outline: none
}
#mainContent2 a:hover {
color: #0066cc;
text-decoration: underline;
outline: none
}
.button-face:link,
.button-face:hover,
.button-face:visited,
#mainContent2 .button-face:link,
.overview-sidebar-c .button-face:link,
#mainContent2 .button-face:visited,
.overview-sidebar-c .button-face:visited,
#mainContent2 .button-face:hover,
.overview-sidebar-c .button-face:hover,
#mainContent2 .button-face:visited,
.overview-sidebar-c .button-face:visited{
color: #ffffff;
text-decoration: none;
}
/*----inside page menu left----*/
#sidebar_content {
float: left;
width: 23%;
/*word-wrap: break-word;*/
/*word-break: break-all;*/
}
.leftmenu {
width: auto;
font-family: arial, "Microsoft YaHei", tahoma, 'Hiragino Sans GB', sans-serif;
background-color: #f4f4f4;
margin-bottom: 30px;
padding: 20px 15px;
}
.leftmenu_title {
font-weight: normal;
font-size: 16px;
line-height: 1.3em;
text-align: left;
}
.leftmenu_title a {
color: #222222
}
.leftmenu ul {
margin: 0px;
padding: 12px 0 0 0;
}
.leftmenu ul li {
list-style-type: none;
background-color: #f4f4f4;
font-size: 14px;
padding: 5px 0;
font-family: arial, "Microsoft YaHei", tahoma, 'Hiragino Sans GB', sans-serif;
text-align: left;
line-height: 1.25em;
}
.leftmenu ul li .select a {
font-size: 14px;
}
.leftmenu ul li ul {
padding: 10px 0 5px 20px;
}
.leftmenu ul li ul li {
color: #58585b;
font-size: 14px;
margin: 0px;
padding: 5px 0px;
}
.leftmenu ul li ul li a {
line-height: 1.3em;
}
.leftmenu ul li ul li a:link,
.leftmenu ul li ul li a:visited {
color: #58585b;
}
.leftmenu ul li ul li a:hover {
color: #0066cc;
text-decoration: none
}
#sidebar_content .drop1 a {
color: #0066cc;
font-weight: normal;
}
.left_cotable_img {
border: 1px solid #CCCCCC;
margin-top: 16px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.left_cotable_img img {
vertical-align: bottom;
width: 100%
}
/*-------inside page content right---------*/
#mainContent2 {
padding: 0px;
float: right;
width: 74%;
}
#position-box {
min-height: 1.6em;
overflow: hidden;
margin-bottom: 20px;
width:100%
}
.position {
width: 88%;
float: left;
line-height: 1.6em;
}
#position_img {
margin: 0px auto;
width: 12%;
float: right;
text-align: right;
}
.lastitem {
color: #58585b;
}
.quote-05 {
padding: 15px 0;
overflow: hidden
}
.quote-05 img,
.free-quote img {
float: right;
display: inline-block;
margin-left: 20px
}
.free-quote {
overflow: hidden
}
h1,
h2,
h3 {
line-height: 1.45em;
margin-top: 1.3em;
margin-bottom: 1.3em;
font-weight: 700;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.3em;
margin-top: 1.3em
}
h3 {
font-size: 1.2em;
margin-top: 1.3em
}
h4 {
font-size: 1.1em;
margin-top: .8em;
margin-bottom: .5em;
font-weight: 700;
}
#mainContent2 p {
line-height: 1.6em;
margin-bottom: 12px;
color: #3e3e3e;
font-size: 14px;
}
#mainContent2 p a:hover {
text-decoration: underline
}
#mainContent2 .homepagetable tr td,
.overview-sidebar-c .homepagetable tr td {
padding: 10px 10px;
vertical-align: top;
}
#mainContent2 .homepagetable tr td span,
.overview-sidebar-c .homepagetable tr td span {
display: inline-block;
margin-bottom: 5px;
line-height: 16px;
padding-top: 2px;
}
#mainContent2 .homepagetable tr td span .over-title,
.overview-sidebar-c .homepagetable tr td span .over-title {
color: #222222;
font-size: 14px;
font-weight: bold;
padding-left: 18px;
/*background: url(/gsimages/genscript/overview20140217.png) left 3px no-repeat;*/
background: url(/gsimages/newhome/most-popular-icons.png) -289px -385px no-repeat;
/*padding-bottom: 3px;*/
display: block;
}
#mainContent2 .homepagetable tr td span .over-title:link,
#mainContent2 .homepagetable tr td span .over-title:visited,
.overview-sidebar-c .homepagetable tr td span .over-title:link,
.overview-sidebar-c .homepagetable tr td span .over-title:visited {
font-size: 1.1em;
font-weight: bold;
color: #222222;
}
#mainContent2 .homepagetable tr td span .over-title:hover,
.overview-sidebar-c .homepagetable tr td span .over-title:hover {
text-decoration: underline;
}
#mainContent2 .homepagetable p,
.overview-sidebar-c .homepagetable p {
padding-left: 18px;
margin-bottom: 5px
}
table.gridtable {
border-width: 1px;
border-color: #dfdfdf;
border-collapse: collapse!important;
}
table.gridtable th {
border-width: 1px;
padding: 10px 5px;
border-style: solid;
border-color: #dfdfdf;
background-color: #eaeef3;
text-align: center;
color: #3e3e3e;
font-size: 15px;
line-height: 1.4em;
vertical-align: middle;
font-weight: bold;
}
table.gridtable .gridtable-tr {
background-color: #fbfbfc;
}
table.gridtable .gridtable-trs {
background-color: #f7f7f7;
}
table.gridtable td {
border-width: 1px;
padding: 8px 6px;
border-style: solid;
border-color: #dfdfdf;
text-align: center;
line-height: 1.6em;
font-size: 14px;
vertical-align: middle;
color: #58585b;
}
table.gridtable-left tr td,
table.gridtable-border tr td {
text-align: left
}
tabble.gridtable-border th {
border-width: 0
}
table.gridtable-border td {
border-width: 0;
}
table.gridtable tr:nth-child(odd) {
/*background: #f3f4f9;*/
}
/*---2017-05-04 Bundle Products----*/
table.gridtable-border-side {
border-right: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf
}
table.gridtable-border-side tr th {
font-weight: 700;
background-color: #ffffff;
border-color: #dfdfdf;
border-right-width: 0;
text-align: left;
padding-left: 10px;
padding-right: 10px;
color: #333333
}
table.gridtable-border-side tr td {
border-left-width: 0;
border-right-width: 0;
padding-left: 10px;
padding-right: 10px;
}
table.gridtable-border-side-top {
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff
}
table.gridtable tr .module-right,
.module-right {
text-align: right
}
table.gridtable tr .module-center,
.module-center {
text-align: center
}
table.gridtable tr .module-left,
.module-left {
text-align: left
}
/*---2017-05-04 Bundle Products end----*/
table.gridtable-border-blue th {
/*background-color:#ffffff;*/
border-width: 0;
/*color:#ffffff;*/
/*font-weight:bold*/
}
table.gridtable-border-blue td {
border-width: 0;
}
table.gridtable-border-blue {
border-top: 1px solid #d0d8e8;
border-bottom: 1px solid #d0d8e8;
border-left-width: 0;
border-right-width: 0;
/*background:#dae3f3*/
}
table.gridtable-auto {
margin: 0 auto;
padding: 0 auto
}
table.gridtable .item-info {
text-align: left
}
table.gridtable-need td {
border-width:6px;
border-color: #ffffff;
}
.tableul,
tableul-sub {
margin-top: 5px;
margin-bottom: 15px;
padding-top: 0;
padding-left: 18px;
margin-left: 5px;
list-style: disc;
}
.tableol {
list-style: decimal
}
.tableul li,
tableul-sub li {
line-height: 1.3em;
padding: 2px 0;
}
#mainContent2 table tr td,
#mainContent2 table tr th {
vertical-align: middle;
}
#mainContent2 .tableul-sub li {
list-style-type: none
}
#mainContent2 .type-button,.overview-sidebar-c .type-button{
color: #ffffff;
background-color: #049fd9;
}
#mainContent2 .type-button:link,
#mainContent2 .type-button:visited,
#mainContent2 .type-button:hover,
.overview-sidebar-c .type-button:link,
.overview-sidebar-c .type-button:visited,
.overview-sidebar-c .type-button:hover {
color: #ffffff;
text-decoration: none;
font-size: 14px;
}
#mainContent2 .type-button:hover,.overview-sidebar-c .type-button:hover{
background-color: #047fad;
font-size: 14px;
/*font-size: 1.8rem*/
}
#mainContent2 .type-button-yellow {
background: #f6ab00;
}
#mainContent2 .type-button-23573f, .overview-sidebar-c .type-button-23573f {
background: transparent;
}
#mainContent2 .type-button-yellow:hover, .overview-sidebar-c .type-button-yellow:hover {
background: #e9a304;
}
#mainContent2 .type-button-bluemain {
background: #356aa5;
}
#mainContent2 .type-button-bluemain:hover {
background: #145699;
}
#mainContent2 .type-button-border {
background: none;
border:1px solid #ffffff;
color:#ffffff;
font-weight:700;
}
#mainContent2 .type-button-border:hover {
background: #ffffff;
color: #333333;
text-decoration: none;
font-weight:700;
}
/*protein_news.html button more 05-11*/
#mainContent2 .type-button-more {
font-size: 14px;
margin: 0;
padding: 5px 12px;
}
#mainContent2 .type-button-more:link,
#mainContent2 .type-button-more:visited {
font-size: 14px;
padding: 5px 12px!important;
}
#mainContent2 .type-button-white {
background: #ffffff;
font-size: 18px;
/*font-size: 1.8rem*/
}
#mainContent2 .type-button-white:hover {
background: #eeeded;
/*font-size: 1.8rem*/
}
#mainContent2 .type-button-orange{
background: #ffbb00;
color: #fff !important;
}
#mainContent2 .type-button-orange:hover{
background: #e9a304;
}
#mainContent2 .type-button-puprle{
background: #5048b4;
color: #fff !important;
}
#mainContent2 .type-button-puprle:hover{
background: #48419c;
}
/*protein_news.html 05-11*/
.sidebar-l {
float: none;
width: 100%;
margin: 30px 0 0 0;
}
.side-tabs {
list-style: none outside none;
max-width: 555px;
margin: 0;
padding: 0;
}
.side-tabs li {
margin-bottom: 0;
padding-bottom: 0;
background-color: #ededed;
height: 40px;
border-bottom: 1px solid #ffffff;
font-size: 13px;
margin-top: 0;
padding-top: 0;
display: block;
overflow: hidden;
}
.side-tabs .icon-licence {
color: #333333;
display: block;
padding: 0px 8px;
margin-right: 10px;
text-decoration: none;
font-family: arial, "Microsoft YaHei", tahoma, 'Hiragino Sans GB', sans-serif;
background: url(/gsimages/chinese/phone.png) center 8px no-repeat transparent;
float: left;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.side-tabs .contact-text {
float: left;
height: 40px;
line-height: 40px;
font-size: 14px
}
.side-tabs .active1 {
background: url(/gsimages/chinese/phone.png) center -28px no-repeat transparent;
}
.side-tabs span.active {
background-color: rgba(180, 209, 231, 0.1);
}
.side-tabs .active2 {
background: url(/gsimages/chinese/phone.png) center -62px no-repeat transparent;
}
.side-tabs .contact-text-sub {
color: #8A6741;
}
.side-tabs .active3 {
background: url(/gsimages/chinese/phone.png) center -92px no-repeat transparent;
}
.side-tabs span {
content: " ";
height: 40px;
width: 60px;
}
#mainContent2 .tableoverview li {
margin-bottom: 10px
}
.tableul li {
line-height: 1.5em;
/*margin-bottom: 3px;*/
color: #3e3e3e;
}
.tableul_sub {
margin: 0;
padding: 0
}
.tableul_sub li {
list-style-type: none;
margin-bottom: 5px;
background-image: url(/gsimages/english/orangeball.jpg);
background-position: left 7px;
background-repeat: no-repeat;
padding-left: 15px;
line-height: 1.6em;
}
.tableul_sub .tableul_sub_f {
background-position: left 14px;
}
.tableul_sub .tableul-down li {
background-image: none;
list-style-type: disc;
padding: 0
}
.handbook-title-box {
min-height: 3.4em;
overflow: hidden;
margin: 0 auto;
margin-right: -40px;
}
.handbook-title {
width: 30%;
padding: 0 8px;
text-align: left;
color: #222222;
float: left;
display: inline-block;
height: auto;
background: #fff0c7;
background: -moz-linear-gradient(left, #fff0c7 0%, #fdf9db 16%, #ffffff 95%);
background: -webkit-linear-gradient(left, #fff0c7 0%, #fdf9db 16%, #ffffff 95%);
background: -o-linear-gradient(left, #fff0c7 0%, #fdf9db 16%, #ffffff 95%);
background: -ms-linear-gradient(left, #fff0c7 0%, #fdf9db 16%, #ffffff 95%);
background: linear-gradient(left, #fff0c7 0%, #fdf9db 16%, #ffffff 95%);
filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#fff0c7', endColorStr='#ffffff', gradientType='0');
}
.handbook-yellow {
background: -moz-linear-gradient(left, #fbdd83 6%, #ffffff 100%);
background: -webkit-linear-gradient(left, #fbdd83 6%, #ffffff 100%);
background: -o-linear-gradient(left, #fbdd83 6%, #ffffff 100%);
background: -ms-linear-gradient(left, #fbdd83 6%, #ffffff 100%);
background: linear-gradient(left, #fbdd83 6%, #ffffff 100%);
}
/*--------hot genes page button blue&green start 20150429---------------*/
#mainContent2 .register-hot-genes:link {
color: #ffffff;
text-decoration: none;
font-weight: normal
}
#mainContent2 .register-hot-genes:hover {
color: #ffffff;
text-decoration: none;
}
#mainContent2 .register-hot-genes:visited {
color: #ffffff;
text-decoration: none;
}
.register-hot-genes {
width: 209px;
height: 24px;
line-height: 24px;
background-image: url(/gsimages/genscript/learn_more_about_the_nod2_gene.jpg);
background-position: left 0;
background-repeat: no-repeat;
text-align: center;
color: #ffffff;
font-weight: bold;
display: block
}
.register-hot-genes:hover {
background-position: left -24px;
color: #ffffff
}
.register-hot-button {
width: 191px;
background-image: url(/gsimages/genscript/learn_more_about_button.jpg);
}
.register-hot-short {
width: 131px;
background-image: url(/gsimages/genscript/learn_more_about_button_short.jpg);
}
.register-hot-make {
width: 275px;
background-image: url(/gsimages/genscript/make_an_appointment_button.jpg);
}
.register-hot-long {
width: 236px;
background-image: url(/gsimages/genscript/learn_more_about_the_nod2_gene_long.jpg);
}
.register-hot-view {
width: 80px;
background-image: url(/gsimages/genscript/view_now_button_0604.jpg);
}
.register-hot-work {
width: 327px;
background-image: url(/gsimages/genscript/watch_how_button_works.jpg);
}
/*--------hot genes page button blue&green end---------------*/
.promotion-box,
.box-auto {
overflow: hidden;
margin: 0 auto;
width: 88%;
text-align: center
}
.box-auto {
width: 100%
}
.anti-span {
margin-left: 10px;
border: 1px solid #f2f2f2;
width: 305px;
padding: 10px 5px;
background: #dcebf0;
float: left;
}
.an-span {
width: auto;
margin-left: 26px;
font-size: 14px;
text-align: center;
float: left
}
.anti-tran {
background-color: #ffffff;
border-width: 0
}
.anti-tran {
background-color: #ffffff;
border-width: 0;
}
/*--antibody_news.html--*/
.anti-bg {
background: none;
width: 360px;
border-width: 0;
}
.products_f {
margin: 20px 0 0 0;
}
.ulbox {
margin-bottom: 0;
overflow: hidden;
padding: 0;
z-index: -1;
list-style: none;
display: flex;
flex-flow: wrap;
}
.ulboxh {
display: flex;
}
.tepe {
display: inline;
float: left;
margin: 0 5px 0 0;
overflow: hidden;
padding: 0 5px;
width: 49%;
min-height: 14.6em
}
.tepe-height {
min-height: 11.6em
}
.tepe .hisright {
float: right;
margin: 0;
padding: 5px 0 0 0;
text-align: left;
width: 78%;
}
.quote_ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
overflow: hidden;
z-index: -1;
}
.tepe .hisright span {
height: auto;
padding: 0;
margin: 0 0 4px 0;
display: inline-block;
font-size: 1.2em;
}
.quote_ul li {
line-height: 1.3em;
margin: 0;
display: block;
text-align: left;
padding: 3px 0;
position: relative;
}
#mainContent2 .hisright .quote_ul li a:link {
color: #58585b;
text-decoration: none;
}
#mainContent2 .hisright .quote_ul li a:visited {
color: #58585b;
text-decoration: none;
}
#mainContent2 .hisright .quote_ul li a:hover {
text-decoration: underline
}
.tepe span a {
line-height: 1.3em;
text-decoration: none;
font-weight: bold;
}
.tepe span a:hover {
text-decoration: underline
}
.his-title {
padding: 0
}
.pra-d {
overflow: hidden;
clear: both
}
#mainContent2 .gridtable ul,
.overview-sidebar-c .gridtable ul,
#mainContent2 .gridtable ol,
.overview-sidebar-c .gridtable ol {
margin: 0;
padding: 0 0 0 18px;
text-align: left;
list-style-type: disc
}
#mainContent2 .gridtable ol,
.overview-sidebar-c .gridtable ol {
list-style-type: decimal
}
.toolbox {
/*background-color: #e3e7fd;*/
border-radius: 5px 5px 5px 5px;
/*box-shadow: 0 1px 1px #E5E5E5 inset;*/
overflow: hidden;
padding: 10px 18px;
background: -moz-linear-gradient(top, #ebf4f8 52%, #f0f3f7 80%);
background: -webkit-linear-gradient(top, #ebf4f8 52%, #f0f3f7 80%);
background: -o-linear-gradient(top, #ebf4f8 52%, #f0f3f7 80%);
background: -ms-linear-gradient(top, #ebf4f8 52%, #f0f3f7 80%);
background: linear-gradient(top, #ebf4f8 52%, #f0f3f7 80%);
filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#ebf4f8', endColorStr='#f0f3f7', gradientType='0');
}
.toolbox h2 {
color: #045695;
text-align: center;
}
.toolboxtable {
overflow: hidden;
z-index: 0;
}
.toolbox table {
background-color: #FFFFFF;
}
.toolbox .presented {
padding: 0;
text-align: left;
}
.presented-box h3 {
line-height: 16px;
text-align: center;
}
.product_table {
border-top: 1px solid #A2BED3;
margin: 12px 0px;
}
.product_table td {
border-bottom: none;
border-right: none;
padding: 5px 5px;
}
.product_table th {
color: #000;
border-bottom: 1px solid #A2BED3;
border-right: none;
padding: 4px 1px;
text-align: center;
background: #ffffff url(/gsimages/english/product_thbg.jpg) repeat-x left top;
}
.product_td1 {
background-color: #DEECF5;
}
.product_table2 ul,
.product_table2 ol {
margin: 0;
padding: 0 0 0 18px;
list-style-type: disc
}
.product_table2 ul li,
.product_table2 ol li {
padding: 3px 0;
line-height: 1.3em
}
.product_table2 ul li a,
.product_table2 ol li a {
line-height: 1.3em
}
.product_table2 ol {
list-style-type: decimal
}
.product_table2 {
border-top: 1px solid #A2BED3;
border-left: 1px solid #cccccc;
margin: 12px 0px;
}
.product_table2 td {
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 5px 5px;
}
.product_table2 th {
border-bottom: 1px solid #A2BED3;
border-right: 1px solid #cccccc;
padding: 4px 1px;
text-align: center;
background: #ffffff url(/gsimages/english/product_thbg.jpg) repeat-x left top;
}
.button-box {
margin: 10px 0;
overflow: hidden;
text-align: right;
}
.button-face {
margin-top: 10px;
width: auto;
padding: 6px 20px;
border: 1px solid #0c4b95;
color: #ffffff!important;
background-color: #0c4b95;
/*background: -webkit-linear-gradient(top, #3a84e9 0%, #1e6fc7 100%);
background: -moz-linear-gradient(top, #3a84e9 0%, #1e6fc7 100%);
background: -o-linear-gradient(top, #3a84e9 0%, #1e6fc7 100%);
background: -ms-linear-gradient(top, #3a84e9 0%, #1e6fc7 100%);
background: linear-gradient(top, #3a84e9 0%, #1e6fc7 100%);
background: -ms-linear-gradient(top, #3a84e9 0%, #1e6fc7 100%);
filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#3a84e9', endColorStr='#1e6fc7', gradientType='0');*/
/** IE7 8 6**/
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 0;
border-radius: 3px;
cursor: pointer;
line-height: 1.4;
text-align: center;
text-decoration: none!important;
font-size: 13px;
outline: none
}
.button-face:hover {
background-color: #126db3;
color: #ffffff!important;
text-decoration: none!important;
/*background: -webkit-linear-gradient(top, #3a84e9 0%, #659ce5 100%);
background: -moz-linear-gradient(top, #3a84e9 0%, #659ce5 100%);
background: -o-linear-gradient(top, #3a84e9 0%, #659ce5 100%);
background: -ms-linear-gradient(top, #3a84e9 0%, #659ce5 100%);
background: linear-gradient(top, #3a84e9 0%, #659ce5 100%);
background: -ms-linear-gradient(top, #3a84e9 0%, #659ce5 100%);
filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#3a84e9', endColorStr='#659ce5', gradientType='0');*/
/** IE7 8 6**/
border: 1px solid #126db3;
}
.button-face-green {
background: #47a450;
background: -moz-linear-gradient(top, #47a450 14%, #37823a 100%);
background: -webkit-linear-gradient(top, #47a450 14%, #37823a 100%);
background: -o-linear-gradient(top, #47a450 14%, #37823a 100%);
background: -ms-linear-gradient(top, #47a450 14%, #37823a 100%);
background: linear-gradient(top, #47a450 14%, #37823a 100%);
border: 1px solid #37823a;
text-shadow: none
}
.button-face-green:hover {
background-color: #438f4a;
background: -webkit-linear-gradient(top, #438f4a 0%, #428f4a 100%);
background: -moz-linear-gradient(top, #438f4a 0%, #428f4a 100%);
background: -o-linear-gradient(top, #438f4a 0%, #428f4a 100%);
background: -ms-linear-gradient(top, #438f4a 0%, #428f4a 100%);
background: linear-gradient(top, #438f4a 0%, #428f4a 100%);
background: -ms-linear-gradient(top, #438f4a 0%, #428f4a 100%);
border: 1px solid #37823a;
}
.button-face-orange {
border: 1px solid #f7ab00;
color: #ffffff!important;
background-color: #f7ab00;
}
.button-face-orange:hover {
border: 1px solid #FF9800;
color: #ffffff!important;
background-color: #FF9800;
}
/**.button-face-orange:hover {
background-color: #f4bf00;
background: -webkit-linear-gradient(top, #f8b13b 0%, #f4bf00 100%);
background: -moz-linear-gradient(top, #f8b13b 0%, #f4bf00 100%);
background: -o-linear-gradient(top, #f8b13b 0%, #f4bf00 100%);
background: -ms-linear-gradient(top, #f8b13b 0%, #f4bf00 100%);
background: linear-gradient(top, #f8b13b 0%, #f4bf00 100%);
background: -ms-linear-gradient(top, #f8b13b 0%, #f4bf00 100%);
border: 1px solid #ffa500;
}**/
/*.button-face-orange:hover {
background-color: #f4bf00;
background: -webkit-linear-gradient(top, #f8b13b 0%, #f4bf00 100%);
background: -moz-linear-gradient(top, #f8b13b 0%, #f4bf00 100%);
background: -o-linear-gradient(top, #f8b13b 0%, #f4bf00 100%);
background: -ms-linear-gradient(top, #f8b13b 0%, #f4bf00 100%);
background: linear-gradient(top, #f8b13b 0%, #f4bf00 100%);
background: -ms-linear-gradient(top, #f8b13b 0%, #f4bf00 100%);
border: 1px solid #ffa500;
}*/
.btn-green {
background: #12964a;
font-size: 16px;
padding: 7px 25px;
border-width: 0
}
.btn-green:hover {
background: #02a03c;
border-width: 0
}
.button-face-size,
.button-face-size:hover {
font-size: 1.1em;
padding: 8px 24px;
font-weight: normal;
}
.button-face-plus,
.button-face-plus:hover {
font-size: 1.1em;
padding: 10px 55px;
font-weight: normal;
}
.button-face-box {
background: transparent;
text-shadow: none;
color: #0c4b95!important;
}
.button-face-box:hover {
background-color: #0c4b95;
color:#ffffff!important;
text-decoration:none!important;
}
.button-face-box-white {
border:1px solid #ffffff!important;
color:#ffffff!important;
}
.button-face-box-white:hover {
background:#ffffff!important;
color:#0c4b95!important;
}
:root .gradient {
filter: none;
}
/*Linear gradient compatible wording, Filter effects IE9*/
.biology {
margin: 0;
padding: 0
}
.biology li {
margin: 0 40px;
margin: 0 40px\9;
margin: 0 40px\0;
_margin: 0 36px;
padding: 0;
list-style-type: none;
float: left;
width: 102px;
}
.first {
margin: 0 auto;
padding: 0 auto;
text-align: center
}
.first a img {
margin: 0 auto;
padding: 0 auto;
border: none;
vertical-align: bottom;
overflow: hidden
}
.biology p {
text-align: center;
line-height: 25px;
height: 25px;
margin: 0;
padding: 0
}
.help_center {
padding-left: 80px;
background: url(/gsimages/genscript/house_line.gif) left center no-repeat;
height: 72px;
line-height: 72px;
font-size: 20px;
color: #1a67b5;
display: block;
}
.handbook-button {
background: none repeat scroll 0 0 #2b7d93;
border-radius: 4px 4px;
color: #FFFFFF !important;
padding: 20px 20px;
line-height: 1.6em;
font-size: 14px;
text-align: center;
margin-bottom: 20px;
}
.handbook-button a {
color: #ffffff
}
.handbook-button1 {
background: none repeat scroll 0 0 #4AACC6;
}
.handbook-button2 {
background: none repeat scroll 0 0 #9bbb59;
}
.handbook-button3 {
background: none repeat scroll 0 0 #f79645;
}
.handbook-button4 {
background: none repeat scroll 0 0 #8064a2;
}
.related-table {
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
.related-table tr .related-table-t {
font-size: 12px;
font-weight: bold;
line-height: 30px;
padding: 0 8px;
text-align: center;
background-color: #fdfdfd;
background-image: url(/gsimages/genscript/green.jpg);
background-position: left top;
background-repeat: no-repeat;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
.text_top {
overflow: hidden
}
.text_topright {
width: 66%;
float: right;
line-height: 1.6em
}
.handbook-section {
width: 372px;
float: left;
overflow: hidden;
border: 1px solid #ffffff;
}
.handbok-sub-section1 {
float: left;
padding: 5px 0px 5px 14px;
width: 100%;
height: auto;
margin-bottom: 20px;
line-height: 1.6em
}
.handbok-sub-section1 p {
line-height: 1.2em
}
.handbook-title-sub {
background: #bfb6cb
}
.handbook-title-sub1 {
background: #e7ceb9
}
.handbook-title-sub2 {
background: #cfdeb1
}
.main-content .gridtable-zero tr th,
.warp .gridtable-zero tr th,
#mainContent2 .gridtable-zero tr th {
padding: 10px 2px;
font-size: 14px;
}
.main-content .gridtable-zero tr td,
.warp .gridtable-zero tr th,
#mainContent2 .gridtable-zero tr td {
padding: 5px 2px;
}
.main-content .orf-table-title th {
font-size: 12px;
line-height: 1.0em;
background-color: #f2f2f2;
padding: 10px 3px;
border-width: 1px;
padding: 10px 5px;
border-style: solid;
border-color: #f2f2f2;
color: #222222;
font-weight: bold
}
.green-t {
overflow: hidden;
padding: 0;
width: 100%;
margin-bottom: 15px;
margin-top: 0;
margin-left: 0;
}
.green-t .gr-t {
float: left;
list-style-type: none;
width: 45%;
}
#mainContent2 .green-t .gr-t .tableul li a {
/*color:#58585b*/
}
.green-t h2 {
margin: 0;
padding: 0;
line-height: 20px;
}
.by-catagory div li {
padding: 14px 6px;
}
#mainContent2 .edit_address_button {
background: url(/gsimages/genscript/edit_address_button.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #000000;
display: block;
font-size: 12px;
font-weight: bold;
height: 35px;
line-height: 35px;
text-align: center;
width: 90px;
text-decoration: none;
}
#mainContent2 .edit_address_button:hover {
background: url(/gsimages/genscript/edit_address_button.jpg) no-repeat scroll 0 -35px rgba(0, 0, 0, 0);
color: #ffffff;
text-decoration: none
}
.creat_table11 {
background-color: #F8F8F8;
border-width: 0;
}
.creat_table11 tr td {
padding: 6px 2px;
}
.inside {
border-radius: 2px 2px 2px 2px;
border: 1px solid #cccccc;
width: 215px;
padding: 2px 4px;
line-height: 1.6em;
}
.toolboxdeep {
background-color: #f5f7fb;
border: 2px solid #0f59b2;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 1px #E5E5E5 inset;
overflow: hidden;
padding: 10px 20px;
position: absolute;
top: -143px;
left: 200px;
width: 450px;
color: rgb(0, 0, 102);
display: none;
z-index: 1000;
}
.bio-ul {
margin: 10px 0;
padding: 0;
overflow: hidden;
}
.bio-ul li {
list-style-type: none;
padding: 10px 0;
display: block;
position: relative;
}
.bio-ul li img {
float: left;
margin-right: 15px;
}
.view_more {
height: auto;
overflow: hidden;
margin-bottom: 12px;
}
#mainContent2 .register-now:link,
#mainContent2 .register-now:visited {
color: #ffffff;
text-decoration: none
}
/*product page*/
.searchbox2 {
width: 320px;
_width: 330px;
text-align: left;
float: left;
border: 1px solid #CCCCCC;
margin: 13px 6px 0px 20px;
_margin: 13px 6px 0px 20px;
padding: 4px;
}
.searchbox2_out {
border: 1px solid #CCCCCC;
background-color: #dddddd;
padding: 8px 3px;
line-height: 18px;
}
.search_title {
font-weight: bold;
padding-left: 6px;
line-height: 1.8em;
}
#mainContent2 .search_image {
float: right
}
#mainContent2 .searchbox2_out .search_image input {
margin-right: 92px;
padding: 0;
margin-top: 2px;
}
/*webinars*/
.presented-box {
background-color: #ffffff;
border: 1px solid #E1E1E1;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 1px #E5E5E5 inset;
overflow: hidden;
padding: 10px 18px;
margin-bottom: 15px;
}
.register-now {
text-align: center;
width: 100px;
height: 31px;
line-height: 31px;
background-image: url(/gsimages/genscript/clip_image03.png);
background-position: left 0;
background-repeat: no-repeat;
text-align: center;
color: #ffffff;
font-weight: bold;
display: block;
}
.register-now:hover {
background-position: left -31px;
color: #ffffff
}
.table>tbody>tr>th,
.table>thead>tr>th {
/*background-image: url(/gsimages/genscript/left-title-index.jpg?ver=05);
background-repeat: no-repeat;
background-position: left top;*/
background: #cccccc;
border: 1px solid #cccccc;
text-align: center;
border-top: 0;
line-height: 1.4;
}
.table>tbody>tr>td,
.table>thead>tr>td {
/*padding:8px 2px;*/
}
.table td {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
.table ul li {
border-bottom: 1px solid #CCCCCC;
list-style-type: none;
margin-left: 4px;
margin-right: 5px;
padding: 4px 3px;
}
.table {
border-bottom: 1px solid #CCCCCC;
margin-top: 12px;
margin-bottom: 8px;
margin-right: 1px;
border-collapse: collapse;
}
.amino_table {
border: 1px solid #A2BED3;
border-left-width: 0;
border-right-width: 0;
}
.amino_table tr th {
text-align: center;
border-top: 1px solid #e7f1f2;
line-height: 18px;
color: #3d45bf;
background#cccccc
}
.amino_table tr td {
border-top: 1px solid #e7f1f2;
text-align: center;
}
/*---20161010---*/
.step {
padding: 0px 10px;
}
.step label {
display: block;
margin-bottom: 10px
}
.engage {
/*border:1px solid #cccccc;*/
background: #1e99d9;
padding: 18px 15px;
margin-bottom: 15px;
}
.boxSmall {
overflow: hidden
}
.button_bg {
width: 63px;
height: 21px;
background: url(/images/orf/search_bg.jpg) center top no-repeat;
border-style: none;
cursor: pointer;
float: left;
}
/*promotion page*/
#mainContent2 .p-title {
line-height: 1.2em;
}
.anchor {
padding-top: 80px;
margin-top: -80px;
display: inline-block
}
.handbook-section1 {
width: 365px;
float: left;
margin-right: 15px
}
/*---careers 0704---*/
#careers {
border: 0;
width: 100%;
margin: 0 auto;
}
.box-careers {
margin-bottom: 25px;
padding: 20px 20px;
min-height: 172px;
background: #f4f4f4;
}
#form_ca {
width: 100%;
}
.name-box {
padding: 0;
text-align: left;
width: 80px;
display: block;
margin-bottom: 10px;
line-height: 18px;
color: #444444;
clear: left;
font-weight: bold;
font-size: 15px
/*float:left;*/
}
.input-box {
display: block;
margin-bottom: 2px;
min-height: 33px;
}
.boxM {
margin-bottom: 14px
}
.warp-main .boxM .inside {
padding: 5px 8px
}
#mainContent2 #form_ca input[type="submit"] {
padding: 5px 13px;
}
.h10 {
height: 10px;
clear: both;
}
.h15 {
height: 15px;
clear: both;
}
.h20 {
height: 20px;
clear: both;
}
.h30 {
height: 30px;
clear: both;
}
.h40 {
height: 40px;
clear: both;
}
.more {
display: none
}
.bottom-zero,
#mainContent2 p.bottom-zero {
margin-bottom: 0;
padding-bottom: 0
}
.top-zero {
margin-top: 0;
padding-top: 0
}
.top-margin-zero {
margin-top: 0;
}
.bottom-30 {
margin-bottom: 30px
}
/*table td content too wide 0421*/
.word-wide {
width: 90px;
word-warp: break-word;
word-break: break-all
}
.text-bold {
font-weight: 700
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
background-color: #f0f0f0;
color: #222222
}
.error,
#mainContent2 p.error,
#mainContent2 span.error {
color: red;
display: block;
}
/*scholar club 0719*/
#searchform fieldset {
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #FCFCFC;
border: 1px solid #DFDFDF;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04);
color: #888888;
float: left;
margin: 3px;
max-width: 375px;
padding: 0;
transition: all 0.25s linear 0s;
width: 98%;
}
#s {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
color: #888888;
float: left;
padding: 0.6em;
width: 80%;
}
#searchform .sbutton {
cursor: pointer;
float: right;
padding: 8px;
}
#mainContent2 p.fontS {
font-size: 12px
}
.free-re {
position: relative;
overflow: inherit
}
.free-re img {
/*position: absolute;
right: 0;
top: 0*/
}
/*2017-8-9 peptide handbook*/
.top-corner {
position: relative;
z-index:0;
}
.top-corner:before {
width: 0;
height: 0;
content: "";
border-top: 106px solid;
border-color: rgba(247, 187, 65, 0.85);
border-left: 165px solid transparent;
position: absolute;
right: 0;
top: 0;
}
.top-corner-right {
position: absolute;
right: -2px;
top: 22px;
transform: rotate(32deg);
text-align: center
}
#mainContent2 .top-corner-right p,
.overview-sidebar-c .top-corner-right p {
line-height: 1.2em
}
#mainContent2 .top-corner-right p a,
.overview-sidebar-c .top-corner-right p a {
font-weight: normal;
font-size: 14px;
}
#mainContent2 .top-corner-right p a:link,
#mainContent2 .top-corner-right p a:visited {
color: #000000
}
.overview-sidebar-c .top-corner-right p a:link,
.overview-sidebar-c .top-corner-right p a:visited {
color: #000000
}
.floatN {
float: none
}
.font14 {
font-size: 14px
}
.font15 {
font-size: 15px
}
.font16 {
font-size: 16px
}
.font18 {
font-size: 18px
}
.font20 {
font-size: 20px
}
.font22 {
font-size: 22px
}
.font24 {
font-size: 24px
}
.font26 {
font-size: 26px
}
.font30 {
font-size: 30px
}
.font35 {
font-size: 35px
}
#mainContent2 .font12 {
font-size: 12px
}
#mainContent2 .font15 {
font-size: 15px
}
#mainContent2 .font14 {
font-size: 14px
}
#mainContent2 .font16 {
font-size: 16px
}
#mainContent2 .font18 {
font-size: 18px
}
#mainContent2 .font20 {
font-size: 20px
}
#mainContent2 .font22 {
font-size: 22px
}
#mainContent2 .font24 {
font-size: 24px
}
#mainContent2 .font26 {
font-size: 26px
}
#mainContent2 .font35 {
font-size: 35px
}
.ulball li {
float: left;
text-align: center;
width: 210px;
margin: 0 15px;
padding: 0;
}
.pad-dbox-all {
position: relative
}
.pra-dbox {
position: relative;
padding: 0 22px 5px 28px;
border: 1px solid #cccccc;
border-bottom-width: 0
}
.box-ball {
width: 110px;
height: 110px;
border-radius: 100%;
background: rgba(171, 194, 51, 0.75);
padding: 50px 15px 23px 15px;
text-align: center;
font-weight: 600;
font-size: 1.6em;
color: #333333;
margin: 0 auto
}
.pad-dbox-all .ball-text {
background: whitesmoke;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.ball-text .ball-head {
background: #e5e5e5;
width: 100%;
padding: 6px 12px 5px 28px;
border-top: 1px solid #cccccc;
}
.bottomline {
border-bottom: 1px solid #cccccc
}
/*price*/
.text-red {
color: #ff3700;
}
.imgdiv {
position: relative;
overflow: hidden;
}
#mainContent2 .imgdiv p {
position: absolute;
font-family: arial, "Microsoft YaHei", tahoma, 'Hiragino Sans GB', sans-serif;
margin: 0;
color: #ffffff;
}
.overview-sidebar-c .imgdiv p {
position: absolute;
font-family: arial, "Microsoft YaHei", tahoma, 'Hiragino Sans GB', sans-serif;
margin: 0;
}
.imgdiv .p-text-1 {
top: 20px;
left: 40px;
position: absolute;
}
.imgdiv .p-text-2 {
top: 50px;
left: 40px;
line-height: 1.8em;
position: absolute;
}
.imgdiv .p-text-3 {
top: 67px;
left: 40px;
line-height: 1.8em;
position: absolute;
}
.imgdiv .p-text-4 {
top: 84px;
left: 40px;
font-size: 14px;
position: absolute;
}
.text-color {
color: #fff !important;
}
.text-color-blue {
color: #0A3E66 !important;
}
.title-white-1 {
color: #FFF !important;
font-size: 20px !important;
}
.title-blue-1 {
/*font-weight: 700 !important;
font-size: 21px !important;*/
color: #0a3e66 !important;
/*line-height: 21px !important;
top: 22px;
left: 40px;*/
}
.title-blue-3 {
color: #0e5b96 !important;
font-size: 24px !important;
}
.title-blue-2 {
color: #026fce !important;
font-size: 24px !important;
}
.title-red-1 {
color: #b91b4c !important;
font-size: 24px !important;
}
.title-green-1 {
font-size: 21px !important;
line-height: 21px !important;
top: 20px !important;
left: 20px !important;
color: #037E09 !important;
}
.title-gray-1 {
color: #CCCCCC !important;
font-size: 34px !important;
top: 50px !important;
}
.text-red-2 {
color: #B91B4C !important;
font-size: 15px !important;
}
.text-red-3 {
color: #c04301 !important;
}
.text-white {
color: #fff !important;
}
.text-19315b {
color: #19315b !important;
}
.text-white-bg {
background: #fff !important;
}
.text-black-1 {
color: #444 !important;
}
.text-blue-1 {
color: #0A3E66 !important;
}
.text-blue-2 {
color: #528ccb !important;
}
.text-blue-3 {
color: #0e5b96 !important;
}
.text-blue-4 {
color: #026fce !important;
}
.text-origin-1 {
color: #ff8900 !important;
}
.text-origin-2 {
color: #fe7004 !important;
}
.text-yellow-1 {
color: #ffdf00 !important;
font-size: 26px;
}
.text-yellow-2 {
color: #ffc002 !important;
font-size: 16px !important;
}
.text-yellow-3 {
color: #d6f72c !important;
}
.text-yellow-4 {
color: #fef744 !important;
}
.text-yellow-5 {
color: #f26b02 !important;
}
.text-green-1 {
color: #037e09 !important;
}
.text-green-2 {
color: #3b8c8f !important;
}
.text-black-1 {
color: #333 !important;
}
.text-black-2 {
color: #000 !important;
font-size: 16px !important;
}
.text-gray {
color: gray
}
.text-532307 {
color: #532307 !important;
}
.italic {
font-style: italic;
}
.p-text-2-big {
top: 70px !important;
font-size: 22px !important;
left: 40px !important;
}
.p-text-3-big {
top: 100px !important;
font-size: 22px !important;
left: 40px !important;
}
.p-text-4-big {
top: 130px !important;
font-size: 22px !important;
left: 40px !important;
}
.p-text-1-left {
position: absolute;
left: 10px;
font-size: 18px;
font-weight: 400;
top: 20px;
color: #0E5B96;
}
.p-text-2-left {
left: 10px;
font-size: 16px;
font-weight: 400;
top: 45px;
line-height: 1.6em;
position: absolute;
}
.imgdiv .top-title {
top: 18px;
left: 40px
}
#mainContent2 .imgdiv .title-boldN {
font-weight: normal
}
#mainContent2 .imgdiv .title-boldB {
font-weight: bold
}
.imgdiv .title-boldN {
font-weight: normal
}
.imgdiv .title-boldB {
font-weight: bold
}
.bottomline {
border-bottom: 1px solid #cccccc
}
/*handbook*/
.handbooks-content {
width: 750px;
position: relative;
margin-top: 20px;
}
.handbook-item {
width: 350px;
position: relative;
float: left;
margin-bottom: 30px;
padding: 10px;
}
.handbook-item:hover {
background: #f4f4f4;
}
.handbook-item.active {
margin-right: 50px;
}
.handbook-item img {
position: relative;
float: left;
width: 100px;
margin-right: 20px;
height: 140px;
z-index: 10;
}
.handbook-info {
position: relative;
vertical-align: top;
}
.learn-center-ul li {
padding: 10px 0 5px 20px !important;
}
/*ul li new*/
.ulbox-w20 {
margin-right: -15px
}
.ulbox-w20 li.item-list {
width: 46%;
text-align: center;
border: 1px solid #0066cc;
padding: 10px 5px;
}
.ulbox-w20 li {
float: left;
text-align: center;
margin-right: 15px;
margin-bottom: 15px;
border-radius: 4px 4px
}
.ulbox-w20 li a {
color#333333
}
.ulbox-w20 li:hover {
background: #6994cb
}
#mainContent2 .ulbox-w20 li a:hover {
color: #ffffff;
text-decoration: none
}
#mainContent2 .ulbox-w20 li:hover a {
color: #ffffff;
}
.ulbox-w30 li {
text-align: left;
margin-bottom: 0
}
.ulbox-w30 li.item-list {
width: 235px;
padding: 10px 15px;
text-align: left
}
.ulbox-w30 li.item-list .tableul li {
float: none
}
.ulbox .ulbox-li-235 {
text-align: center;
width: 100%;
margin-right: 18px;
padding: 10px 16px;
margin-bottom: 18px;
flex: 1;
}
.ulbox .ulbox-li-235:last-child {
margin-right: 0;
}
.ulbox .ulbox-li-235 span {
display: block
}
.ulbox .ulbox-li-235 .tableul,
.ulbox .ulbox-li-210 .tableul p {
text-align: left
}
.ulbox .ulbox-li-235 a {
overflow: hidden;
}
.ulbox .ulbox-li-235 img {
transition: all .5s ease-out;
vertical-align: bottom;
}
.ulbox .ulbox-li-235:hover img {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.ulbox .ulbox-li-223, .ulbox .ulbox-li-238 {
float: left;
text-align: center;
width: 223px;
margin-right: 0px;
padding: 0;
}
.ulbox .ulbox-li-238 { width:238px }
.ulbox .ulbox-li-170 { width:170px }
.ulbox .ulbox-li-223 .tableul,
.ulbox .ulbox-li-210 .tableul p {
text-align: left
}
.ulbox .ul-li-360 {
width: 46%
}
.ulbox .ul-li-348 {
width: 348px
}
.ulbox .ul-li-348:hover img {
-ms-transform: scale(1.0);
-webkit-transform: scale(1.0);
transform: scale(1.0)
}
.ulbox .ulbox-liHeight { min-height:180px}
/*gensmart*/
#touch-box {
overflow: hidden;
z-index: 20001
}
#touch-box em:before {
content: url(/gsimages/genscript/get-in-touch-icon.png);
display: inline-block;
box-sizing: border-box;
}
#touch-box a {
width: 120px;
height: 115px;
}
.touch-top {
position: absolute;
right: 3%;
top: 6%;
display: none;
}
.touch-over {
position: fixed;
top: 143px;
display: block;
}
/*gensmart video*/
.gensmart-video {
background: url(/gsimages/genscript/genesmart-video-bg.png);
background-repeat: no-repeat;
}
.gensmart-video-box {
width: 750px;
height: 350px;
position: relative;
}
.video-play {
width: 100%;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
text-align: center;
}
.gensmart-video h2 {
font-size: 30px;
line-height: 1.2em;
color: #ffffff;
font-weight: normal;
}
#mainContent2 .gensmart-video button {
border: 0 solid transparent;
background: transparent!important;
overflow: hidden
}
#mainContent2 .gensmart-video .p-smart {
color: #ffffff;
padding: 0 45px 10px 45px;
font-size: 18px
}
#mainContent2 .gensmart-video button:hover {
outline: 0
}
/*plasmid video*/
.plasmid-video {
background: url(/gsimages/genscript/custom-plasmid-preparation-video.jpg);
background-repeat: no-repeat;
}
.plasmid-video-box {
width: 100%;
height: 384px;
position: relative;
margin: 0 auto;
}
.video-play {
width: 100%;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
text-align: center;
}
.plasmid-video h2 {
font-size: 30px;
line-height: 1.2em;
color: #ffffff;
font-weight: normal;
}
#mainContent2 .plasmid-video button {
border: 0 solid transparent;
background: transparent!important;
overflow: hidden
}
#mainContent2 .plasmid-video .p-smart {
color: #ffffff;
padding: 0 45px 10px 45px;
font-size: 18px
}
#mainContent2 .plasmid-video .font28 {
font-size: 28px
}
#mainContent2 .plasmid-video button:hover {
outline: 0
}
/*Recombinant Proteins $10 card close 2017-10-13*/
.show-card {
width: 260px;
height: 165px;
background: #f5b201;
position: absolute;
padding: 20px 20px;
z-index: 10000;
right: 8px;
border-right-width: 0
}
.showH {
border: 1px dotted #333333;
text-align: center;
font-weight: 700;
vertical-align: middle
}
/*Smile Promotion*/
.yearMain-1 {
max-width: 1000px;
margin: 0 auto;
}
.yearBox-1 {
min-height: 384px;
padding: 0 0;
}
.yearBox-1-sub {
border: 1px dotted #6d6d6d;
border-radius: 16px 16px;
padding: 20px 30px;
margin: 0 auto;
width: 100%;
text-align: center;
background: #fef7e0;
}
.yearTop-1 {
width: 100%;
min-height: 411px;
background: url(/gsimages/genscript/15th-genscript_05.jpg) left top repeat-x;
}
.yearTop-1 .yearTop-1-inside {
margin: 0 auto;
max-width: 1000px;
height: 411px;
background: url(/gsimages/genscript/15th-genscript_03.jpg) left top no-repeat;
background-size: 100%;
z-index: 1000;
}
.yearMain-1 img {
vertical-align: bottom;
font-size: 0;
}
.yearBox-1-sub h2,
.yearBox-1-sub h3 {
line-height: 1.6em;
font-weight: bold;
color: #333333;
}
.yearBox-1-sub h2 {
font-size: 1.6em;
margin-bottom: 15px;
}
.yearBox-1-sub h3 {
font-size: 1.3em;
}
.yearBox-1-sub label {
color: #333333;
font-weight: 700;
min-width: 40%;
text-align: right;
font-size: 1.1em;
float: left;
height: 30px;
line-height: 30px;
margin-bottom: 0;
margin-right: 10px;
}
.yearBox-1-sub .inputM {
padding: 10px 0;
text-align: left;
}
#mainContent2 .yearBox-1-sub .inputM .input-control {
border-radius: 4px;
border: 1px solid #cccccc;
width: 50%;
padding: 6px 8px;
font-size: 1.2em;
font-weight: 700;
color: #666666;
outline: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .055);
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#mainContent2 .yearBox-1-sub .inputM .input-control:focus {
border-color: #004b95;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.055), 0 0 6px #004b95;
box-shadow: inset 0 1px 1px rgba(0,0,0,.055), 0 0 6px #004b95;
outline: 0;
}
.yearBox-1-sub .input-btn {
text-align: center;
}
.gensmart {
display: block;
position: absolute;
right: 0;
top: 0px;
overflow: hidden
}
.gensmart em {
width: 143px;
height: 81px;
display: block;
overflow: hidden
}
.gensmart em {
background: url(/gsimages/genscript/gensmart-icon-nooff.png) 0 0 no-repeat;
tranlation: all .5s ese-out;
background-size: 100%
}
.ulli-sub li {
margin-bottom: 0;
line-height: 1.4em;
padding: 0
}
.ulbox .ulli-email {
text-align: center;
float: left;
margin: 0 10px;
padding: 0;
}
.content-gray {
padding: 10px 10px;
background: #f2f2f2;
}
.content-black {
padding: 8px 10px;
background: #333333;
text-align: center;
}
.subboxgrounp{
border-right:none;
overflow:hidden;
margin-bottom:8px;
}
.input-wide{
border:none;
outline:none;
padding: 8px 6px;
width:55%;
float:left;
border: solid 1px #ddd;
}
.subscribe{
background:#0c4b95;
color: #fff;
display: inline-block;
padding: 10px 5px;
width: 45%;
text-align: center;
cursor: pointer;
}
.subscribe:hover{background: rgb(18, 109, 179);}
.subscribe.dc{cursor:not-allowed;background: rgb(18,109,179);}
.line-header-miss { height:0}
.catalog-button {
font-style: normal;
font-weight: 400;
color: #ffffff;
font-size: 18px;
font-size: 1.8rem;
margin-top: 20px;
display: inline-block;
line-height: 1.4em;
padding: 6px 30px;
border-radius: 60px;
border: 0;
text-shadow: none;
width:auto;
}
.color-red {
color: red;
font-style: italic;
}
.type-text {
background-color: #08bf95;
}
.catalog-button:hover {
background-color: #0ab082;
text-decoration: none;
color: #ffffff;
}
.type-blue {
background-color: #1ba0d7;
}
.type-green {
background: #0da0aa
}
.type-green:hover {
background: #148d95
}
.type-gray {
background: #6f6f6f
}
.type-gray:hover {
background: #666666
}
.type-green-1 {
background: #54ac46
}
.type-green-1:hover {
background: #4ea341
}
.alert-success {
line-height: 1.6em;
}
.span1 .iconfont {
font-size:32px;
}
#mainContent2 a .iconfont, a .iconfont {
color:#58585b!important;
}
a .icon-facebook:hover {
color:#3a5aa3!important
}
a .icon-twitter:hover {
color:#1da0c8!important
}
a .icon-linkedin:hover {
color:#006ea2!important
}
a .icon-pdf {
color:#e50b0a!important;
background:none!important;
}
a .icon-icon_execl {
color:#0a923c!important;
background:none!important;
}
.iframe-size {
width: 675px;
height: 370px;
}
.position1 {
position: relative;
}
.position2 {
position: absolute;
bottom:0;
}
/*promotion all page*/
.content-pro {
max-width: 1024px;
position: relative;
margin: 0 auto;
}
.content-pro p {
font-size: 16px;
color: #ffffff;
line-height: 1.6em;
margin-bottom: 20px;
}
@media only screen and (max-width:767px){
.ulbox .ulbox-li-235{
flex:none;
}
}