@charset "utf-8";

/* CSS Document */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}

html {
	font-size: 62.5%;
}

*,
:after,
:before {
	box-sizing: border-box;
}


/* Set HTML5 elements block */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

body {
	font-family: arial, helvetica, "Helvetica Neue", "HelveticaNeue", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1em;
	color: #333333;
	position: relative;
	min-width: 320px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	line-height: 1.45em;
	color: #333333
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit
}

h1 {
	font-size: 28px;
	font-size: 2em
}

h2 {
	font-size: 18px;
	font-size: 1.8rem
}

h3 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold
}

p img {
	margin: 0
}

em,
i {
	font-style: italic;
	line-height: inherit
}

strong,
b {
	font-weight: bold;
	line-height: inherit
}

body {
	position: relative;
	-webkit-font-smoothing: subpixel-antialiased
}

a {
	color: #58585b;
	text-decoration: none;
	line-height: inherit
}

a:hover,
a:active {
	text-decoration: none;
	color: #0066cc
}

a:focus,
a:hover {
	color: #0066cc;
	text-decoration: none;
}

p a,
p a:visited {
	line-height: inherit
}

label {
	cursor: pointer
}

button,
textarea {
	border: 0 solid transparent
}

input,
button,
select,
textarea {
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, "Helvetica Neue", "HelveticaNeue", "Lucida Grande", sans-serif;
	font-size: 100%;
	vertical-align: baseline
}

input[type="search"] {
	-webkit-box-sizing: "content-box";
	-moz-box-sizing: "content-box";
	box-sizing: "content-box"
}

button {
	cursor: pointer;
	background-color: transparent;
	color: #525252;
	font-family: inherit;
	z-index: 2000
}

button[disabled] {
	cursor: default
}


/*--------top start------*/

.navbar-default .navbar-nav>li>a {
	color: #58585b
}

#ge-tophead {
	display: block;
	height: auto;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	background-color: #ffffff;
	/*border-bottom:.1rem solid #e3e3e3;*/
	top: 0;
	left: 0;
	position: fixed;
	z-index: 10000;
}

.navbar-ge {
	background-color: #ffffff;
}

.navbar-ge .navbar-nav>.active>a,
.navbar-ge .navbar-nav>.active>a:focus,
.navbar-ge .navbar-nav>.active>a:hover {
	color: #555555;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	border-bottom-width: 0;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #ffffff;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	border-bottom: 1px solid #8e8e8e;
	background-color: #ffffff;
}

#top-menu {
	width: auto;
	background-color: #e3e3e3;
	padding: 0 0 3px 0;
}

#top-menu #ge-box {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	height: 20px;
}

#top-menu #ge-login {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 1rem;
}

#ge-login ul:not(:first-of-type) {
	margin-left: 29px;
}

#top-menu #ge-login a {
	color: #58585b;
	font-size: 12px;
	margin-bottom: 0;
	line-height: 18px;
}

#top-menu #ge-login a:link,
#top-menu #ge-login a:visited {
	color: #58585b
}

#top-menu #ge-login a:hover {
	color: #262626
}

#ge-login ul li:after {
	content: "|";
	color: #808080;
	margin-left: 15px;
}

.line-header {
	height: 3px;
	background: -moz-linear-gradient(left, #ffffff 4%, #d6d6d6 50%, #ffffff 100%);
	/* Linear gradient compatible wording */
	background: -webkit-linear-gradient(left, #ffffff 4%, #d6d6d6 50%, #ffffff 100%);
	background: -o-linear-gradient(left, #ffffff 4%, #d6d6d6 50%, #ffffff 100%);
	background: -ms-linear-gradient(left, #ffffff 4%, #d6d6d6 50%, #ffffff 100%);
	/** IE9 IE10 **/
	background: linear-gradient(left, #ffffff 4%, #d6d6d6 50%, #ffffff 100%);
	filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#d6d6d6', gradientType='0');
	/** IE7 8 6**/
}

:root .gradient {
	filter: none;
}


/*Linear gradient compatible wording, Filter effects IE9*/


/*-------shopping cart----*/

@font-face {
	font-family: "iconfont";
	src: url('iconfont.eot?t=1471588707');
	/* IE9*/
	src: url('iconfont.eot?t=1471588707#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('iconfont.woff?t=1471588707') format('woff'), /* chrome, firefox */
	url('iconfont.ttf?t=1471588707') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('iconfont.svg?t=1471588707#iconfont') format('svg');
	/* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

#top-menu #ge-login #ge-cart .icon {
	font-size: 18px;
	line-height: 20px;
	margin: -8px;
	color: #f47a55;
	-webkit-transition: font-size 0.25s ease-out 0s;
	-moz-transition: font-size 0.25s ease-out 0s;
	transition: font-size 0.25s ease-out 0s;
}

#top-menu #ge-login #ge-cart .icon-shopping {
	width: auto;
	height: 22px;
	cursor: pointer;
}

#top-menu #ge-login #ge-cart .icon-shopping:after {
	content: "";
}


/*-------shopping cart end----*/

#ge-login ul .geqo:after {
	content: "";
}

#top-menu #ge-login ul .geqo a {
	color: #0b4992;
	font-weight: bold;
}

#top-menu #ge-login ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 16px;
	float: left;
	min-height: 18px;
	padding: 0
}

#top-menu #ge-login ul li {
	line-height: 18px;
	float: left;
	font-size: 14px;
	color: #000000;
	margin-left: 12px;
}

#ge-login #ge-ul {
	height: 18px;
	line-height: normal;
}

#gs-col {
	max-width: 1000px;
	margin: 0 auto;
	display: block;
	z-index: 1000;
	background: #ffffff;
	position: relative;
}


/*-------log search----------*/

.gs-search {
	position: relative;
	display: block;
	width: 530px;
	height: 36px;
	margin-top: 12px;
	padding: 0 0;
	float: right;
}

.form-search input {
	display: inline-block;
	margin-bottom: 0;
}

.input-medium {
	width: 530px;
	position: absolute
}

.input-medium {
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #cccccc;
	vertical-align: middle;
	color: #58585b;
}

.input-medium:focus, .input-medium:hover{
	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;
}

.search-query {
	padding: 0 30px 0 10px;
	z-index: 20000;
	/*-webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;*/
}

.gs-search .form-search>div {
	position: relative;
	overflow: visible;
}

.gs-search .form-search .btn {
	opacity: 1;
	visibility: visible;
	padding: 0;
	width: 36px;
	height: 36px;
	display: inline-block;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 0;
	outline-style: none;
	z-index: 20000
}

.form-search .btn .iconfont {
	font-size: 22px;
}


/*--------logo--------*/

#gs-logo-box {
	/*overflow:hidden; */
	padding: 10px 0;
	height: auto;
	min-height: 1px;
	z-index: 10000;
}

#gs-logo-box #gs-logo {
	box-sizing: border-box;
	overflow: hidden;
	display: block;
	float: left;
	margin-top:3px;
}

#gs-logo-box #gs-logo div {
	overflow: hidden;
	font-size: 0;
	width: 203px;
	height: 59px;
	float: left;
}

#gs-logo-box #gs-logo div:before {
	box-sizing: border-box;
	display: inline-block;
	width: 203px;
	height: 59px;
	content: url(/gsimages/newhome/genscript-sprite.png);
}



/*16th 2018-08-07*/
#gs-16th {
	float:left;
	box-sizing: border-box;
	overflow:hidden;
	display:block;
	margin-top:3px;
}

#gs-16th div {
	overflow: hidden;
    font-size: 0;
    width: 203px;
    height: 59px;
    float: left;
	text-align:center;	
}

#gs-16th div:before {
    box-sizing: border-box;
    display: inline-block;
    width: 203px;
    height: 59px;
    content: url(/gsimages/newhome/16-icon-homepage.png);
}




/*-------dropdown menu-----------*/

.row .span4 {
	float: left;
	margin-left: 28px;
}

.row [class*="span"] {
	margin-bottom: 10px;
}

.row {
	margin-left: -20px;
}

.span4 {
	width: 220px;
}

.span7 {
	margin-top: 10px;
}

.row h2 {
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	margin-top: 0;
}

.row h3 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 5px;
}

.row .h-title {
	background-color: #e3e3e3;
	padding-left: 10px;
	font-weight: normal;
}

.row p {
	margin: 0 0 9px;
	font-size: 13px;
	line-height: 18px;
}

.dropdown-menu .row .span4 ul>li>a {
	display: inline-block;
	padding: 4px 10px;
	clear: both;
	font-weight: 400;
	line-height: 1.3;
	color: #58585b;
	/* white-space: nowrap;*/
}

.dropdown-menu .row .span4 ul>li>a:focus,
.dropdown-menu .row .span4 ul>li>a:hover {
	color: #0066cc;
	text-decoration: none;
}

.gene-menu {
	position: absolute;
}

.row [class*="span5"] {
	margin-left: 10px;
}

.dropdown-menu .row .span5 ul>li>a,
.dropdown-menu .row .span6 ul>li>a {
	padding: 4px 0;
}

.nav-list [class^="icon-"] {
	margin-right: 10px;
}

.nav-list [class^="icon-"] {
	display: inline-block;
	width: 55px;
	height: 55px;
	line-height: 14px;
	vertical-align: text-top;
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
}

.dropdown-menu .row .span4 .nav-list li {
	position: relative;
	padding: 5px 0;
}

.nav-list li a {
	width: 204px;
}

.icon-blue {
	background: url("/gsimages/newhome/most-popular-icons.png?=6") no-repeat scroll 0 0;
}

.nav-list .icon-white {
	background-position: -120px -5px;
}

.nav-list .icon-plamid {
	background-position: -180px -5px;
}

.nav-list .icon-green {
	background-position: -240px -5px;
}

.nav-list .icon-fibrotic {
	/*background-image: url("/gsimages/newhome/fibrotic-disease-models.jpg");*/
	background-position: -60px -5px;
}

.nav-list .icon-handbook {
	background-position: -240px -120px;
}

.nav-list .icon-re {
	background-position: 0px -60px;
}

.nav-list .icon-ex {
	background-position: -120px -60px;
}

.nav-list .icon-pr {
	background-position: -180px -60px;
}

.nav-list .icon-ta {
	background-position: -60px -60px;
}

.nav-list .icon-bundle {
	background-position: -180px -120px;
	/*bundle products 0512-2017*/
}

.nav-list .icon-mc {
	background-position: -240px -60px;
}

.nav-list .icon-pe {
	background-position: 0px -120px;
}

.nav-list .icon-ag {
	background-position: -60px -120px;
}

.nav-list .icon-pb {
	background-position: -120px -120px;
}

.nav-list .icon-eblot {
	background-position: -240px -180px;
}

.nav-list .icon-gene-syn {
	background-position: -240px -240px;
}

.nav-list .icon-protein-flyer {
	background-position: -240px -240px;
}

.nav-list .icon-genbuilder {
	background-position: -240px -300px;
}


.nav-list .icon-genpart {
	background-position: 0 -345px;
}

.nav-list .icon-metabolic {
	background-position: -58px -345px;
}

.nav-list .icon-plamid-new{
	
	background-position: -116px -345px;
}

.nav-list .icon-monorab{
	
	background-position: -0px -405px;
}

.nav-list .icon-antibody{
	
	background-position: -58px -405px;
}


.nav-list .icon-grna{
	
	background-position: -116px -405px;
}


.case-box {
	border: 1px solid #acacac;
	margin: 0;
	padding: 0;
}

.dropdown-menu .row .span5 ul .case-box .case-boxa {
	padding: 0;
	display: inline-block;
}

.case-box [class^="icon-"] {
	width: 233px;
	height: 75px;
	display: inline-block;
}

.case-boxa .case-studybg {
	background-position: 0px -185px;
}

.case-boxa .case-studybgf {
	background-position: 0px -265px;
}

.row .more-plant {
	padding: 5px 10px;
	text-align: left;
	overflow: hidden;
	font-size: 15px;
}

.more-plant span {
	display: inline-block;
	float: right;
}

.more-plant span a:hover {
	background-color: #4f9619;
}

.more-detail {
	padding: 2px 5px;
	background-color: #5dab22;
	color: #ffffff;
	font-size: 13px;
}

.more-detail:link {
	color: #ffffff;
}

.more-detail:visited {
	text-decoration: none;
}

.more-detail:hover {
	text-decoration: none;
	color: #ffffff;
}

.case-box-but {
	margin-top: 10px;
}

.text-red {
	color: red;
}

.text-red-bold {
	color: red;
	font-weight: 700;
}

.text-blue-bold {
	color: #0066cc;
	font-weight: 700;
}

.navbar-nav>li>a {
	padding-top: 8px;
	padding-bottom: 8px;
}

.navbar {
	min-height: 42px;
}


/*-------main box-----------*/

.warp {
	margin-top: 146px;
	/*overflow: hidden;*/
}

.warp-main {
	width: 1000px;
	margin: 0 auto;
	margin-top: 160px
}

.dropleft1{
	left: -185px;
}
.dropleft2{
	left: -373px;
}
.dropleft3{
	left: -491px;
}
.dropleft4{
	left: -634px;
}
.dropleft5{
	left: -766px;
}
.dropleft6{
	left: -886px;
}

/*------- 768px -----------*/

.navbar-default .navbar-toggle .icon-bar {
	background-color: #6d6d6d
}

.navbar-toggle {
	float: left;
}

.navbar-toggle {
	width: 33.9px;
	height: 33px;
	padding: 7px 6px;
	background-color: #ffffff;
	border-width: 0;
	margin-top: 18px;
}

.navbar-toggle .icon-bar {
	width: 22px;
	height: 3px;
}

.navbar-default .navbar-toggle .icon-bar:hover {
	background-color: #a9a8a8
}


/*--dropdown open close---*/

.overlay {
	width: 0%;
	position: fixed;
	z-index: 30000;
	top: 0;
	left: 0;
	background-color: rgb(255, 255, 255);
	background-color: rgba(0, 0, 0, 0);
	overflow-y: hidden;
	transition: 0.5s;
	background: rgba(22, 22, 22, 0.75);
}

.overlay-content {
	position: relative;
	top: 0;
	width: 100%;
	text-align: left;
	background-color: #ffffff;
	/*border: 1px solid #555555;*/
	/*overflow: hidden;*/
	min-width: 140px;
	max-width: 440px;
}

.overlay a {
	padding: 8px 4px;
	text-decoration: none;
	font-size: 1.2em;
	color: #ffffff;
	transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
	/*color: #508fcf;*/
}

.closebtn {
	position: absolute;
	top: 4px;
	right: 9px;
	z-index: 700;
	font-size: 38px !important;
	/*background: #dddddd;*/
	border-radius: 50% 50%;
	height: 30px;
	width: 30px;
	border-width: 0;
}

.btn-default {
	/*border: none;*/
	border-radius: 0px 0px;
}


/*--dropdown open close menu- end--*/


/*@media (max-width:999px){
.navbar-collapse.collapse { display: none!important;}
}*/

@media only screen and (max-width:1204px) and (min-width:993px) {
	.nav>li>a {
		font-size: 1.1em;
		padding: 10px 22px;
	}
	.dropdown-menu{
		min-width: 980px;
		width: 980px;
	}
	.dropleft0{
		left: -5px;
	}
	.dropleft1{
		left: -181px;
	}
	.dropleft2{
		left: -359px;
	}
	.dropleft3{
		left: -473px;
	}
	.dropleft4{
		left: -609px;
	}
	.dropleft5{
		left: -737px;
	}
	.dropleft6{
		left: -853px;
	}
}

@media only screen and (max-width:992px) and (min-width:769px) {
	.gs-search {
		width: 365px;
	}
	.input-medium {
		width: 365px;
	}
	.navbar-header {
		z-index: 300;
	}
	#gs-logo-box {
		float: right;
		z-index: 500;
		box-sizing: border-box;
		position: inherit;
	}
	#gs-logo {
		margin-right: 40px;
	}
	#gs-logo-box #gs-logo div {
		width: 180px;
		height: 46px;
	}
	#gs-logo-box #gs-logo div:before {
		box-sizing: border-box;
		display: inline-block;
		width: 180px;
		height: 46px;
		margin: -72px 0 0 -22px;
		content: url(/gsimages/newhome/genscript-sprite.png);
	}
	#gs-logo-box {
		padding: 5px 0
	}
	.warp {
		margin-top: 61px;
	}
	.warp-main {
		margin-top: 75px;
		overflow: hidden
	}
	
	#gs-16th { display:none}
}


/*M-site pulldown right menu*/

@media only screen and (max-width:992px) {
	#top-menu {
		display: none;
	}
	.container .navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-toggle {
		margin-top: 16px;
		z-index: 700;
		width: 33.9px;
		height: 33px;
		display: block;
	}
	.overlay {
		top: 0;
		height: 100%
	}
	.overlay-content {
		top: 0
	}
	.navbar-static-top {
		z-index: 200;
	}
	.navbar-default {
		background-color: transparent;
	}
	.overlay-content {
		/*top: 5.5%;*/
		width: calc(100% - 40px);
	}
	.open-menu {
		width: 100%;
		padding: 0;
		margin: 0;
		overflow-y: auto;
		overflow-x: hidden;
		position: static;
		overflow-x: hidden;
		border-radius: 0px 0px;
		border-width: 0;
		float: none;
	}
	.open-menu li {
		padding: 12px 0 12px 30px;
		border-bottom: 1px solid #cccccc;
	}
	.open-menu li a {
		font-size: 1.1em;
		padding: 0;
	}
	.open-menu li a:link,
	.open-menu li a:visited {
		color: #5a5a5a;
		outline: none
	}
	.open-menu li a:hover {
		color: #797979;
		background: none;
		outline: none
	}
	.open-menu li a:active {
		color: #5a5a5a;
	}
	.btn-open {
		border-bottom-width: 1px;
		width: 100%;
		text-align: left;
		border-style: solid;
		border-top-width: 0;
		border-left-width: 0;
		border-right-width: 0;
		padding: 8px 12px;
	}
	.overlay-content .btn-open {
		padding: 14px 12px
	}
	.btn-open:hover {
		border-color: #ffffff;
		border-radius: 0px 0px 0px 0px;
	}
	.open-header {
		font-weight: bold;
	}
	.open-header,
	.btn-open {
		font-size: 1.1em;
		/*color:#0066cc;*/
	}
	.open-header:hover,
	.btn-open:hover,
	.open-header:focus,
	.btn-open:focus {
		color: #508fcf
	}
	.btn-open:visited {
		color: #0066cc;
	}
	.btn-open:active {
		color: #0066cc;
	}
	.btn-open:active:hover,
	.btn-open:focus:hover {
		outline: none;
	}
	.overlay-content .line-divider {
		text-transform: none;
		font-size: 1.1em;
		min-height: .4em;
		background: #cccccc;
	}
	.overlay-content {
		max-height: 100%;
		overflow: scroll;
		overflow-x: hidden;
		overflow-y: auto;
		position: relative;
		box-sizing: border-box;
	}
	/*---login down start----*/
	.closebtn {
		width: 25px;
		height: 25px
	}
	.overlay a {
		padding: 6px 2px
	}
	#top-menu-container {
		width: auto;
		background-color: #f3f3f3;
		position: relative;
		padding: 8px 12px;
	}
	#pull-box {
		width: 100%;
		margin: 0 auto;
		height: auto;
	}
	#pull-ul {
		display: block;
		margin: 0;
		padding: 0;
		/*margin-bottom: 8px;*/
	}
	#top-menu-container #pull-login {
		display: block;
		left: 0;
		top: 0;
		font-size: 1rem;
	}
	#pull-login ul:not(:first-of-type) {
		text-align: center;
		line-height: 30px;
		background: #0066cc;
	}
	#top-menu-container #pull-login li a {
		color: #0066cc;
		font-size: 14px;
		margin-bottom: 0;
		line-height: 1.4em;
		text-align: center
	}
	#top-menu-container #pull-login a:hover {
		color: green;
	}
	#top-menu-container #pull-login #pull-cart .icon {
		font-size: 20px;
		color: #ffffff;
	}
	.slides-top {
		bottom: 12px;
		right: 6px;
	}
	.open>.dropdown-toggle.btn-default.focus,
	.open>.dropdown-toggle.btn-default:focus,
	.open>.dropdown-toggle.btn-default:hover {
		background-color: #232323;
		color: #ffffff;
	}
	.overlay a.ContactLink {
		color: #0066cc;
		text-decoration: underline;
		font-size: 14px
	}
	.overlay-content .dropdown .caret {
		position: absolute;
		right: 20px;
		bottom: auto;
		top: 20px;
	}
	.overlay-content .open .caret {
		transform: rotate(180deg);
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: #ffffff
	}
	
	#gs-16th { display:none}
}


/*M-site pulldown right menu end*/

@media only screen and (max-width:768px) {
	#gs-col {
		padding: 0 6px
	}
	.container {
		z-index: 100
	}
	.gs-search {
		width: 282px;
		margin-top: 2px;
	}
	.input-medium {
		width: 282px;
	}
	.navbar-header {
		z-index: 300;
	}
	.navbar-toggle {
		margin-top: 10px;
		width: 33.9px;
		height: 28px
	}
	.navbar-toggle .icon-bar {
		width: 22px
	}
	.navbar-static-top {
		z-index: 200
	}
	.navbar-default {
		background-color: transparent;
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: #ffffff
	}
	#gs-logo-box {
		float: right;
		z-index: 500;
		box-sizing: border-box;
		position: inherit;
	}
	#gs-logo {
		margin-right: 20px;
	}
	#gs-logo-box #gs-logo div {
		width: 30px;
		height: 35px;
	}
	#gs-logo-box #gs-logo div:before {
		box-sizing: border-box;
		display: inline-block;
		width: 26px;
		height: 35px;
		margin: -128px 0 0 -34px;
		content: url(/gsimages/newhome/genscript-sprite.png);
	}
	#gs-logo-box {
		padding: 5px 0
	}
	.warp {
		margin-top: 55px;
	}
	.warp-main {
		margin-top: 54px;
		overflow: hidden
	}
	.row-fluid {
		width: 100%;
		border: 1px solid #ffffff;
		padding: 0 55px 8px 20px;
		overflow: auto;
		box-sizing: border-box;
	}
	.row-fluid .span12 img,
	.row-fluid .span12 .cards-content {
		width: 100%;
	}
	.row-fluid .span12 .cards-content {
		text-align: center;
	}
	.catalog .catalog-bg-show {
		top: 10%;
		width: 84%;
	}
	.headline {
		font-size: 4.6rem;
	}
	.description {
		font-size: 1.2em;
		display: none;
	}
	.catalog-bg-show {
		margin: auto 20px;
	}
	.catalog-button {
		font-size: 38px;
		font-size: 2.4rem;
		padding: 10px 20px;
	}
	.full .catalog {
		min-height: 14.4rem;
	}
	.ve-content {
		min-height: 25.6rem;
		background-size: auto 298px !important;
		height: 256px;
	}
	.estain-bg-show {
		top: 84%;
		left: 33%;
	}
	.headline-text-sub {
		font-size: 3.4rem;
	}
	.btn-play span {
		display: none;
	}
	.line-box-middle {
		display: none;
	}
	.line-box-middle {
		display: none;
	}
	.language,
	.social-bar {
		width: 100%;
		margin-bottom: 20px;
	}
	.social-box {
		left: 0;
	}
	.line-box-left {
		float: none;
		padding: 20px 0;
		width: 52%;
	}
	.line-box-right {
		width: 100%;
		float: left;
	}
	.full .catalog,
	.full .catalog-slides2,
	.full .catalog-slides3 {
		background-size: auto 410px !important;
	}
	.cards-box {
		text-align: center
	}
	.full-footer {
		display: none
	}
	
	#gs-16th { display:none}
}


/*---------new login_2016 part start----------*/

#container #header .login-in-m img {
	margin: 0 5px 0 0;
	padding: 0;
	float: left
}

#newsoical {
	max-width: 286px;
	float: left;
	margin: 0px;
	padding: 3px 12px 4px 12px;
	font-size: 12px;
	/*background: url(/gsimages/yuyanback.png) left bottom repeat-x;*/
	/*background-color:#f9f9f9;*/
	border-radius: 1px 1px 1px 1px;
	margin-right: 8px;
}

#newsoical:hover {
	/*background: url(/gsimages/yuyanback.png) left top repeat-x;*/
	background-color: #f9f9f9;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 3px 12px 4px 12px;
}

#newsoical2 {
	max-width: 286px;
	float: right;
	margin: 0px;
	border: 1px solid #ffffff;
	padding: 8px 10px;
	/*background: url(/gsimages/yuyanback.png) left bottom repeat-x;*/
	/*background-color:#f9f9f9;*/
	border-radius: 1px 1px 1px 1px;
	border-radius: 3px 3px 3px 3px;
	margin-right: 1px;
}

.sodown dd,
.sodown dt,
.sodown ul {
	margin: 0px;
	padding: 0px;
}

.sodown dt {
	background: url(/gsimages/arrow.png) no-repeat scroll right 5px;
	padding: 0 15px 0 0
}

.sodown dd {
	position: absolute;
	z-index: 25000
}

.sodown dt a:hover {
	color: #0066cc;
	text-decoration: underline
}

.sodown a:link {
	color: #000000;
	text-decoration: none;
	outline: none;
}

.sodown a,
.sodown a:visited {
	color: #000000;
	text-decoration: none;
	outline: none;
	font-size: 12px;
}

.sodown a:hover {
	color: #0066cc;
	text-decoration: underline;
	outline: none;
}

.sodown a:actived {
	color: #000000;
	text-decoration: none;
	outline: none;
}

.sodown dt a {
	font-size: 12px;
	white-space: normal;
	word-break: break-all;
	padding: 0 2px 0 2px
}

.sodown dt a span {
	cursor: pointer;
	display: block;
	padding: 5px;
}

#top-menu #ge-login .sodown dd ul {
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	background: #f9f9f9;
	left: -27px;
	padding: 8px 8px;
	position: absolute;
	top: 4px;
	width: auto;
	min-width: 158px;
	list-style: none;
	z-index: 20000;
	border-radius: 3px 3px 3px 3px;
}

.sodown dd .nav-arrow {
	border-style: solid;
	_border-style: dashed;
	border-width: 9px;
	border-color: transparent;
	border-top-width: 0;
	border-bottom: 9px solid #ccc;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: -9px;
}

.sodown dd .nav-arrow-inner {
	border-style: solid;
	_border-style: dashed;
	border-width: 9px;
	border-color: transparent;
	border-top-width: 0;
	border-bottom: 9px solid #fff;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 1px;
	left: -9px;
}

.sodown dd ul li .button-account {
	width: 133px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	background: url("/gsimages/home/button-account.gif") no-repeat;
	color: #ffffff;
	display: block;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0
}

.sodown span.value {
	display: none;
}

#top-menu #ge-login .sodown dd ul li {
	z-index: 300;
	margin-bottom: 0;
	margin-left: 0;
	float: none;
	height: 1.4em;
	line-height: 1.4em;
	padding: 2px 0
}

#top-menu #ge-login .sodown dd ul li a {
	display: block;
}

#top-menu #ge-login .sodown dd ul li a:hover {
	background-color: #ffffff;
	text-decoration: none;
	color: #262626
}

.sodown img.flag {
	border: none;
	vertical-align: middle;
	margin-right: 3px !important;
}

#top-menu #ge-login .sodown dd ul li:after {
	content: ""
}


/*---------new login_2016 part end----------*/

@media only screen and (max-width:375px) {
	.gs-search {
		width: 200px;
		margin-top: 2px;
	}
	.input-medium {
		width: 200px;
	}
	.full-footer {
		display: none
	}
}

.no-outline {
	outline: none !important;
}

.clear {
	clear: both
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	background-color: #f0f0f0;
	color: #222222
}

.dropdown-menu {
	background: #ffffff
}

.h-style-2 {
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	margin-top: 0;
	display: inline-block;
	color: #333;
}

.h-title {
	font-size: 16px;
	width: 100%;
	display: inline-block;
	line-height: 28px;
	color: #333;
}

.h-style-3 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 5px;
	display: inline-block;
	color: #333;
}

.footer-h-3 {
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0px;
	display: inline-block;
	color: #333;
}

.nav.navbar-nav{
	width:1000px;
	width: 100%;
}
.nav>li>a {
	padding: 10px 26px;
}

.span150 {
	width: 180px;
	margin-left: 18px;
	float: left;
}

.dropdown-menu .row .span150 ul>li>a {
	padding: 4px 0;
}

.dropdown-menu .row .span150 ul>li>a {
	display: inline-block;
	padding: 4px 0px;
	clear: both;
	font-weight: 400;
	line-height: 1.3;
	color: #58585b;
}

ul>li>a:focus,
.dropdown-menu .row .span150 ul>li>a:hover {
	color: #0066cc;
	text-decoration: none;
}


.rotate-div {
	width: 100px;
	height: 100px;
	position: relative;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	margin-bottom: 15px;
}

.rotate-div img {
	width: 100%;
	height: 100%;
	
}

.rotate-div.active{
	animation: rotate 1.5s linear;
	-webkit-animation: rotate 1.5s linear;
	-moz-animation: rotate 1.5s linear;
	-ms--webkit-animation: rotate 1.5s linear;
	
}
.span150:nth-child(2) .rotate-div{
	animation-delay:0.2s;
    -webkit-animation-delay:0.2s;
}
.span150:nth-child(3) .rotate-div{
	animation-delay:0.4s;
    -webkit-animation-delay:0.4s;
}
.span150:nth-child(4) .rotate-div{
	animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
}
.span150:nth-child(5) .rotate-div{
	animation-delay:0.8s;
    -webkit-animation-delay:0.8s;
}

@keyframes rotate{
	from{
		transform: rotate(1800deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
	}
	to{
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	}
}

.text-white {
	color: #fff;
}

.line18 {
	line-height: 18px;
	vertical-align: middle;
}

td.text-td {
	width: 150px;
	text-align: center;
	padding: 2px;
}

.h-style-3 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 5px;
	display: inline-block;
	color: #333;
}

td.align-center {
	text-align: center;
}

td.align-center div {
	width: 150px;
	height: 140px;
	overflow: hidden;
}
.rotate-div:hover .transtion-rotate {
	-webkit-transform: rotate3d(0, 1, 0, -180deg);
	-moz-transform: rotate3d(0, 1, 0, -180deg);
	-o-transform: rotate3d(0, 1, 0, -180deg);
	-ms-transform: rotate3d(0, 1, 0, -180deg);
	transform: rotate3d(0, 1, 0, -180deg);
}





@media only screen and (max-width: 1204px) and (min-width: 993px) homepage.main.css:788 .nav>li>a {
	font-size: 1.1em;
	padding: 10px 20px;
}