G-nav-03

/*dele masthead.css style*/
.masthead .navigation .btn.btn-masthead.btn-apply:after {
content: '';
display: inline-block;
/* margin-left: 8px;
width: 14px;
height: 8px;*/
margin-left: 0;
width: 0;
height: 0;
/* background: url(../images/icons.png) no-repeat 0 -2809px;*/
background: none;
}
.masthead .navigation .apply.active .btn.btn-masthead.btn-apply:after {
content: '';
display: inline-block;
/* margin-left: 8px;
width: 14px;
height: 8px;*/
margin-left: 0;
width: 0;
height: 0;
/*background: url(../images/icons.png) no-repeat 0 -2809px;*/
background: none;
}
.masthead .navigation .btn.btn-masthead.btn-login:before {
content: '';
display: inline-block;
position: absolute;
left: 29px;
top: 13px;
/* margin-top: -9px; */
/* margin-right: 8px;
width: 18px;
height: 18px;*/
margin-right: 0;
width: 0;
height: 0;
/*background: url(../images/icons.png) no-repeat 0 -1989px;*/
background: none;
}
.masthead .navigation .btn.btn-masthead.btn-login {
/*width: 224px;*/
width: auto;
}
.masthead .nav-dropdown .dropdown-box .dropdown-panel ul>li .nav-sublevel li {
color: red;
margin-top: 0;/*del*/
}
.masthead .nav-dropdown .droplist-link:after {
content: "";
/* margin-left: 10px;
display: inline-block;
background-image: url(../images/icons.png);
background-position: 0 -2679px;
background-repeat: repeat-y;
height: 13px;
width: 7px; *//*del*/

margin-left: 0;
display: inline-block;
background-image: none;
background-position: 0 -2679px;
background-repeat: repeat-y;
height: 0;
width: 0;
}
.masthead .nav-dropdown .dropdown-box .dropdown-panel ul>li~li h4 {
margin-top: 19px;
}
.masthead .nav-dropdown .dropdown-box .dropdown-panel ul>li~li span.h4,
.masthead .nav-dropdown .dropdown-box .dropdown-panel ul>li~li span.title {
margin-top: 19px;
}

.login-in .btn.btn-register {
padding: 11px 12px;
}

.apply-invest {/*del*/}
.masthead .navigation .apply-droplist .icon.apply-invest {
background-image: url(../images/icons/apply-invest.png);
background-position: 0 center;
}
.masthead .navigation .apply-droplist .icon.apply-forms {
background-image: url(../images/icons/apply-forms.png);
background-position: 0 center;
}
.masthead .navigation .apply-droplist .icon.apply-mfund {
background-image: url(../images/icons/apply-mfund.png);
background-position: 0 center;
}
.masthead .navigation .apply-droplist .icon.apply-online {
background-image: url(../images/icons/apply-online.png);
background-position: 0 center;
}
.masthead .dropdown-panel-tools .icon.help-forms {
background-image: url(../images/icons/apply-forms.png);
background-position: 0 center;
}
.masthead .dropdown-panel-tools .icon.help-invest {
background-image: url(../images/icons/apply-invest.png);
background-position: 0 center;
}
.masthead .dropdown-panel-tools .icon.help-reports {
background-image: url(../images/icons/apply-mfund.png);
background-position: 0 center;
}
.masthead .dropdown-panel-tools .icon.help-voting {
background-image: url(../images/icons/quick-platform.png);
background-position: 0 center;
}
.dropdown-panel.dropdown-panel-tools a {
/* margin-left: 32px;*/
margin-left: 0;
}
.apply-box {
width: 100%;
height: auto;
background-color: #f1f6f8;
top: 45px;
right: 15px;
right: 0;
position: absolute;
z-index: 3;
text-align: left;
/* border-bottom: 1px solid #ccc; */
box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
}
.masthead {
position: relative;
z-index: 3;
overflow: visible;
/* height: 140px; */
/* border-bottom: 2px solid #f7f7f7; */
height:auto;
border-bottom:none;
box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
}
.after-link-skip:after {
content: "";
margin-left: 10px;
margin-left: 6px;
display: inline-block;
background-image: url(../images/sprites/icons.png);
background-position: 0 -552px;
background-repeat: repeat-y;
height: 10px;
width: 10px;
}
.masthead .top-bar {
/*border-bottom: 1px solid #dadada;*/
border-bottom: none;
}
.masthead .navigation .mobile-header a.close {
float: right;
margin-top: 18px;
margin-right: 15px;
cursor: pointer;
padding-right: 0;
/*background-image: url(../images/icons.png);*/
background-image: none;
background-position: 0 -831px;
background-repeat: no-repeat;
height: 20px;
width: 16px;
border: none;
}
.masthead .navigation ul.nav-toggler li.menu a {
/* background-image: url(../images/icons.png); */
/* background-position: 0 -289px; */
/* background-repeat: no-repeat; */
background-image: none;
}
.masthead .navigation ul.nav-toggler li.menu a {
background-image: none;
text-indent: 0;
}
.dropdown-panel.dropdown-panel-tools .icon-before{
float: left;
font-size: 1rem;
line-height: 1.5;
}
.masthead .searchMobile .autoComplete .searchIcon:before {
/* content: " "; */
/* display: table; */
/* background: #fff url(../images/search.png) no-repeat right center; */
/* width: 26px; */
/* height: 26px; */
/* position: absolute; */
/* left: 0; */
/* top: 6px; */
background: none;
content: "\e906";
}
@media only screen and (min-width: 64em){
.masthead .nav-apply {
position: relative;
}/*add style*/
/* .masthead .secondary-nav .quick-links a:hover~.quick-links-droppanel {
display: block;
}*//* change*/
.masthead .secondary-nav .quick-links:hover .quick-links-droppanel{
display:block;
}
.masthead .navigation .title {
/* font-size: 21px;
color: #415464;*/
font-size: 1.235rem;
color: #333;
}
.masthead .navigation .search-desktop>a.btn-search {
position: absolute;
/* width: 26px;
height: 26px;*/
width: auto;
height: auto;
right: 8px;
/*top: 6px;*/
top: 0;
display: block;
cursor: pointer;
}
.masthead .navigation .search-desktop>a.btn-search:hover,
.masthead .navigation .search-desktop>a.btn-search:focus,
.masthead .navigation .search-desktop>a.btn-search:active,
.masthead .navigation .search-desktop>a.btn-search:visited{
text-decoration: none;
}
.masthead .search-desktop input {
margin-top: 8px;/*change*/
}
.masthead .search-desktop {
margin-bottom: 22px;/*add*/
}
.masthead .navigation .primary-nav li.item {
padding-bottom: 14px;/*change*/
}
.masthead .navigation .primary-nav .nav-dropdown.nav-dropdown4 {
width: 66.666667%;
right: 0;
left: auto;
}
}

@media only screen and (min-width: 81.25em){
.masthead .navigation .primary-nav li a.header {
text-decoration: none;
border-bottom: 5px solid transparent;
}

}
@media only screen and (max-width: 63.9375em){
body.mn-open.mobileNavOpen .masthead .navigation .primary-nav .nav-dropdown {
visibility: visible;
}
body.mobileNavOpen .masthead .navigation .btn.btn-masthead.btn-apply:after {
content: '';
display: inline-block;
/* margin-left: 8px;
width: 14px;
height: 9px;
background-image: url(../images/sprites/icons.png);*/
margin-left: 0;
width: 0;
height: 0;
background-image: none;
background-position: 0 -515px;
}
body.mobileNavOpen .masthead .item.has-sub-item:after {
content: "";
margin-left: 10px;
display: inline-block;
/*background-image: url(../images/icons.png);*/
background-image: none;
background-position: 0 -1464px;
background-repeat: repeat-y;
height: 8px;
width: 12px;
position: absolute;
right: 15px;
top: 20px;
}
body.mn-open.mobileNavOpen .masthead .back:after {
content: "";
margin-left: 10px;
display: inline-block;
/*background-image: url(../images/icons.png);*/
background-image: none;
background-position: 0 -1586px;
background-repeat: no-repeat;
height: 8px;
width: 12px;
position: absolute;
right: 15px;
top: 20px;
}
body.mobileNavOpen .masthead .item.has-sub-item.open.back:after {
/*background-image: url(../images/icons.png);*/
background-image: none;
}
body.mobileNavOpen .dropdown-panel-tools .icon-before{
float:left;
font-size: 1rem;
line-height: 1.5;
}

body.mobileNavOpen .masthead ul.mobile-reg-apply {
margin-left: 15px;
margin-right: 15px;
margin-top: 12px; /*add*/
}
.masthead .navigation .mobile-reg-apply li.nav-apply {
margin-bottom: 20px;
}/*add*/
body.mobileNavOpen .masthead .navigation .nav-row {
overflow: hidden;
margin-top: 32px; /*add*/
}

.masthead .navigation .primary-nav>li a {
display: block;
position: relative;
border-bottom: 1px solid #ededed;
line-height: 1.5;
padding: 10px 15px;
/* color: #415464;*/
color: #333;
}
.masthead .navigation .primary-nav>li.item.main-menu.back a {
border-bottom: 1px solid #fff;
}
.masthead .searchMobile .autoComplete .searchIcon{
top: 10px;
}
.masthead .searchMobile .autoComplete .searchIcon:before {
/* content: " "; */
/* display: table; */
/* background: #fff url(../images/search.png) no-repeat right center; */
/* width: 26px; */
/* height: 26px; */
background: none;
content: "\e906";

}
body.mobileNavOpen .masthead .login-box {
top: 66px;/*change*/
height:100%;
}
body.stickyOpen>.iw_section{
position:relative;
height: 100px;
}
}

/*==*/

/*IconFont*/
.masthead .icon-before:before:hover,
.masthead .icon-after:before:hover{
text-decoration: none
}
.masthead .icon-chevron-down-m.icon-after:before {
font-size: 0.8em;
/* padding-left: 6px;*/
}
.masthead .icon-chevron-down-m.icon-before:before {
font-size: 0.8em;
padding-right: 6px;
}
.masthead .icon-chevron-down-m{
color: #006193;
}
.masthead .btn.btn-apply .icon-chevron-down-m{
color: #fff;
}
.masthead .dropdown-panel-form li{
margin-bottom: 6px;
}
.icon-search-grey {
/* background-image: url(../images/search.png); */
background:none;
/* background-position: 0 center;
background-repeat: no-repeat;*/
}
.masthead .icon-search{
font-size: 1.7rem;
color: #999;
width: auto;
height: auto;
top: 0;
}
.masthead .icon-menu-burger {
font-size: 1.7rem;
color: #006193;
width: auto;
height: auto;
top: 0;
}
.masthead .icon-close{
font-size: 1.2rem;
}
.masthead .navigation ul.nav-toggler li.search a{
/* background-image: url(../images/search.png); */
background-image:none;
text-indent: 0;
}
.masthead .navigation .apply-now .apply-droplist li{
margin-bottom: 8px;
}
@media only screen and (min-width: 40em){
.masthead .icon-search{
font-size: 1.9rem;
color: #999;
width: auto;
height: auto;
top: 0;
}
.masthead .icon-menu-burger {
font-size: 1.9rem;
color: #006193;
width: auto;
height: auto;
top: 0;
}
.masthead .navigation ul.nav-toggler li.menu {
/* width: 52px;
height: 44px;*/
margin-top: 18px;
/* padding-left: 16px;*/
}

.masthead .navigation ul.nav-toggler li.search {
/* border-right: 1px solid #dfdede;
float: right;
width: 52px;*/
margin-top: 12px;
/* height: 44px;*/
}
.masthead .navigation ul.nav-toggler li.search a {
margin-top: 4px;
}
}
@media only screen and (min-width: 64em){
.masthead .navigation .primary-nav>li a.icon-search{
color: #999;
line-height: 1.4;
}
.masthead .icon-search{
font-size: 1.6rem;
color: #999;
width: auto;
height: auto;
top: 0;
}
.masthead.sticky {
height: auto;/*change*/
position: fixed;/*add*/
z-index: 5;/*add*/
}

}
@media only screen and (max-width: 63.9375em){
.masthead .btn.btn-apply .icon-chevron-down-m {
color: #006193;
}
.masthead .icon-chevron-down-m.icon-after{
position: absolute;
right: 15px;
}
.masthead .icon-chevron-down-m.icon-after {
position: absolute;
right: 15px;
top: 13px;/*change*/
}
body.mn-open.mobileNavOpen .masthead .back:after {
content: "";
position: absolute;
right: 15px;
top: 13px;/*change*/
}
.masthead .btn .icon-chevron-down-m.icon-after {
position: static;
right: auto;
}
body.mobileNavOpen .masthead .item.has-sub-item.open .icon-chevron-down-m:before {
content: "";
}
body.mn-open.mobileNavOpen .masthead .main-menu{
position: relative;
}
body.mn-open.mobileNavOpen .masthead .back:after{
content: "\e937";
color:#006193;
font-size: 0.8em;
font-family: 'Fidelity-Icon-Font' !important;
}
.masthead ul.primary-nav-list{
border-top: 1px solid #ededed;
}
body.mobileNavOpen .masthead .primary-nav>li.main-menu a:hover {
background-color: transparent;
text-decoration: none;
} /*linshi */
}

.masthead .icon-lock-account.icon-before{
padding-right: 10px;
}
.masthead .icon-chevron-right-m.icon-after{
/* padding-left: 10px; */
font-size: 0.8em;
}
.masthead a.link ~.icon-after{
color:#006193;
}
.masthead a span.icon-before,
.masthead a span.icon-after{
text-decoration: none;
}
.masthead .icon-before,
.masthead .icon-after{
text-decoration: none;
color:#006193;
}
.masthead .icon-before{
padding-right: 6px;
}
.masthead .icon-after{
padding-left: 6px;
}
.masthead .btn .icon-before,
.masthead .btn .icon-after{
text-decoration: none;
color:#fff;
}
.masthead .btn .icon-before{
padding-right: 10px;
}
.masthead .btn .icon-after{
padding-left: 10px;
}
.masthead a:hover span.icon-before,
.masthead a:hover span.icon-after{
text-decoration: none
}
.masthead .apply-droplist .icon-before{
line-height: 1.5;
}