.nav>li>a { margin-right: 0px; padding: 12px 9px; } .nav>li { margin-right: 90px; } .nav>li:last-child{ margin-right:0px; } #list>li:first-child{ margin-top: 10px; } #list>li:last-child{ margin-bottom: 10px; } hr { margin-top: 0px; margin-bottom: 15px; width: 90%; } .open .menu-icon { content: " "; display: block; border-top: 12px solid #ffffff; border-right: 12px solid transparent; border-bottom: 0px solid transparent; border-left: 12px solid transparent; position: absolute; bottom: 0px; left: 45%; margin-left: -14px; opacity: 1; transition: rou; transform: rotate(180deg); } .span150 { border-right: none; } .row { min-width: auto; max-width: none; } .nav { margin-top: 0px; } .dropleft { top: 110px; } /* search start initial*/ .gs-search { position: sticky; display: block; width: 306px; height: 40px; margin-top: 26px; padding: 0 0; float: left; margin-left: 120px; margin-right: 84px; } .form-search input { display: inline-block; margin-bottom: 0; } .input-medium { width: 306px; position: absolute; font-size: 14px; height: 40px; line-height: 40px; border: 1px solid #b3b4b5; vertical-align: middle; color: #58585b; border-radius: 5px; } .input-medium:hover { border-color: #a6a8aa; } .input-medium:focus { border-color: #004b95; outline: 0; } .search-query { padding: 0 38px 0 10px; z-index: 20000; } .gs-search .form-search>div { position: relative; overflow: visible; } .gs-search .form-search .btn { opacity: 1; visibility: visible; padding: 0; width: 46px; height: 40px; 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; background: transparent; } .form-search .btn .iconfont { font-size: 22px; } .show-big { display: block; } .show-small { display: none; } .gs-search .form-search .btn { /* position: relative; */ float: right; } #maple-logo-en { display: block; } #maple-logo-en-small { display: none; } .dropdown-menu-resource { min-width: max-content; padding: 10px 0; margin: 0px 0 0; box-shadow: 0 6px 12px rgb(51 122 183); } .resource-cart { margin-left: 5px; display: inline-block; vertical-align: middle; border-top: 8px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; -webkit-transition: all 0.5s; color: #9F9F9F; } .resource-header { margin-top: 34px; margin-left: 0px; cursor: pointer; height: max-content; } .nav { margin-right: 0px; } .navbar { min-height: 44px; } .dropdown-menu { min-width: 1000px; } .menu{ position: absolute !important; width:100%; z-index:1000; background: #ffffff; border: 1px solid #004b95; border-top: 0!important; margin-top:40px; display:none; float:left; } .menu2 ul { margin:0; padding:0; } .menu2 ul li { width:100%; height: 25px; line-height:25px; text-indent:15px; cursor:pointer; float:left; font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #666666; } .menu2 ul p { font-size: 14px; color: #555555; } .sign-span{ float: right; max-width: 65px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .usericon{ width: auto; line-height: 40px; padding: 0 5px; display: flex; text-decoration: none !important; color: #333333 !important; } .usericon:before { display: inline-block; content: " "; position: relative; top: 8px; width: 23px; font-size: 0 !important; line-height: 0 !important; background-repeat: no-repeat; background-image: url(/img/usercenter/user-login.png); float: left; height: 23px; margin-top: 2px; } .languageicon:before { display: inline-block; content: " "; position: relative; top: 8px; width: 30px; font-size: 0 !important; line-height: 0 !important; background-repeat: no-repeat; background-image: url(/img/icon-earth.png?=2); float: left; height: 30px; margin-top: -8px; background-size: 25px; } .menu-padding{ padding: 12px; } .menu-home-padding{ padding: 12px; padding-left:36px; } .drop-down-sign-btn { border-bottom-width: 0; text-decoration: none; background: #337ab7; display: inline-block; color: #FFFFFF !important; padding: 5px 20px !important; border-radius: 3px; font-weight: normal; cursor: pointer; width: 130px; } .drop-down-sign-btn:hover{ background: #135798 !important; } .header-container{ width: 1400px !important; } /* search end */ @media only screen and (max-width:1388px) { /* .container { width: auto; } */ } @media only screen and (max-width:1330px) { .dropleft-small { width: 100%; position: fixed; top: 165px; } /* .gs-search { width: auto; min-width: 430px; max-width: 430px; float: initial; } .input-medium { width: 430px; } .nav>li { margin-right: 10px; }*/ .dropleft { top: 145px; } .navbar-right { float: left!important; } .dropdown-menu { min-width: 990px; } } @media (min-width: 1460px){ .container { width: 1200px; } } @media only screen and (min-width: 1200px){ .container { width: 1200px; } } @media (max-width:1460px){ .container { width: 1060px; } .gs-search { margin-left: 30px; margin-right: 50px; } .header-container { width: 1180px !important; } .nav>li { margin-right: 55px; } } @media only screen and (max-width:1280px) { .nav>li { margin-right: 30px; } .second-drop-menu{ min-width: 780px !important; max-width: 780px !important; } .gs-search { min-width: 280px; max-width: 280px; margin-left: 20px; } .input-medium { width: 280px; } .sign-ul{ margin-left:-145px !important; } } @media only screen and (max-width:1130px) { .container { width: auto; } #maple-logo-en img { margin-left: 5px; width: 140px; margin-top: 30px !important; } } @media only screen and (max-width:1023px) { .show-big { display: none; } .show-small { display: block; } .resource-header { display: none !important; } .language-jp{ display: none !important; } .container { padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-left: 0px; } .span150 { padding-left: 0px; padding-right: 0px; } .row .span150 ul li { margin: 0px; padding: 10px 30px; border-bottom: 1px solid #ccc; } .navbar-nav { margin: 0px !important; } .header-row { background-color: rgba(0, 0, 0, 0); overflow-y: hidden; transition: 0.5s; background: rgba(22, 22, 22, 0.75); position: fixed; z-index: 30000; top: 0; width: 0%; height: 100%; } .navbar-nav>li { float: none; } .navbar-collapse { border-top: 1px solid transparent; } .rowitem { display: block; } } /* 导航栏 end*/ @media only screen and (max-width:850px) { .gs-search { width: auto; max-width: 480px; min-width: 300px; margin-bottom: 10px; float: initial; } .input-medium { width: 300px; } .gs-search { margin-left: 14px; } } @media only screen and (max-width: 768px) { .gs-search { width: 300px; margin-top: 2px; margin-bottom: 10px; float: initial; } .navbar-nav { margin: 0px!important; } #maple-logo-en { display: none; } #maple-logo-en-small { display: block } #maple-logo-en-small img { margin-top: 28px; margin-left: 5px; width: 80px; } .show-big { display: none; } .show-small { display: block; } header { position: fixed; width: 100%; z-index: 1000; height: 82px; background-color: #ffffff; } .wrap { padding: 85px 14px 20px 14px !important; } .slides-content { padding-top: 80px !important; } .cookie { height: initial !important; } #maple-logo-en div { width: 50px; height: 60px; } #maple-logo-en div:before { width: 50px; height: 60px; content: url(/img/new-genscript-logo-icon.png); } .application-content { padding: 0 15px; margin-bottom: 30px; } .subbox .subboxgrounp .inputgrounp-btn .singupnow { font-size: 14px; padding: .93em 3.6em .78em 1.2em; } .subbox .subboxgrounp .inputgrounp2 { width: calc(100% - 0px); } .subbox .subboxgrounp .inputgrounp-btn { margin-left: 0px; width: 100%; margin-top: 20px; } .growscroll>div { margin: 0 auto; } .gs-search { width: auto; max-width: 360px; min-width: 300px; margin-top: 18px; margin-bottom: 10px; float: initial; } .input-medium { width: 300px; } .gs-search { margin-left: 10px; } .dropdown-menu>div>span>a { color: #333333; } .menu2 ul li { text-indent:5px; font-size: 13px; } #list p{ text-indent:5px !important; font-size: 13px; } } @media (min-width: 768px) { .navbar-collapse.collapse { display: none; } .navbar-nav { float: none; } } @media only screen and (max-width: 480px) { .gs-search { max-width: 260px; min-width: 200px; } .search-query { padding: 0 30px 0 5px; } .input-medium { width: 195px; } .menu{ width:98%; border: 1px solid #b3b4b5; } }