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