body {
    background: #fff;
    min-width: 1268px !important;
}

#global-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    min-width: 1268px;
    height: 72px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    font-family: Roboto, sans-serif;
}

#global-header ~ #container {
    margin-top: 72px;
}

#global-header input,
#global-header button,
#global-header textarea,
#global-header select {
    font-family: Roboto, sans-serif;
}

#global-header .header-wrapper {
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 32px 0 40px;
}

#global-header .info-area {
    display: flex;
    align-items: center;
}

#global-header .fg-logo {
    height: 16px;
    padding: 28px 0;
}

#global-header .catalogue {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #666;
    margin-left: 30px;
    padding-left: 30px;
    position: relative;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
}

#global-header .catalogue::before {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background: #ddd;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.fg-logo .link-area {
    position: absolute;
    top: 72px;
    left: 8px;
    display: none;
}

.fg-logo:hover .link-area {
    display: block;
}

.fg-logo .link-area:after {
    content: '';
    display: block;
    width: 18px;
    height: 14px;
    background: url('../img/icon_tip_arrow_top.svg') no-repeat center;
    position: absolute;
    top: -10px;
    left: 108px;
}

.fg-logo .link-list {
    box-sizing: border-box;
    width: 248px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
    display: flex;
    padding: 8px;
}

.fg-logo .link-list li {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.fg-logo .link-list li+li {
    margin-left: 9px;
    padding-left: 8px;
    position: relative;
}

.fg-logo .link-list li+li:before {
    content: '';
    display: block;
    width: 1px;
    height: 12px;
    background: #ececec;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.fg-logo .link-list a {
    color: #666;
    display: block;
    padding: 6px 16px;
    text-decoration: none !important;
}

.fg-logo .link-list a:hover {
    color: #333;
    background: #FAFAFA;
}

#global-header .global-search {
    width: 408px;
    height: 40px;
    position: relative;
    margin: 16px 0 16px 48px;
}

#global-header .global-search .search-input {
    width: 100%;
    height: 100%;
    background: #FAFAFA;
    border: none;
    border-radius: 2px;
    color: #333;
    font-size: 14px;
    padding: 0 44px;
    box-sizing: border-box;
}

#global-header .global-search .search-input::placeholder {
    color: #999;
}

#global-header .global-search .btn-search {
    width: 16px;
    height: 16px;
    background: url('../img/icon_search.svg') no-repeat center;
    position: absolute;
    top: 11px;
    left: 18px;
    transition: .3s;
}

#global-header .global-search .btn-search:hover {
    background: url('../img/icon_search_active.svg') no-repeat center;
}

#global-header .global-search .search-tip-wrap {
    display: none;
    width: 100%;
    max-height: 392px;
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
    border-radius: 2px;
    position: absolute;
    top: 44px;
    left: 0;
    padding: 4px 0 8px;
}

#global-header .global-search .search-tip-wrap.active {
    display: block;
}

#global-header .global-search .search-tip-wrap .tip-area+.tip-area {
    border-top: 1px solid #ececec;
}

#global-header .global-search .search-tip-wrap .tip-ttl {
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    font-size: 12px;
    color: #999;
    padding: 0 16px;
}

#global-header .global-search .search-tip-wrap .keyword-list {}

#global-header .global-search .search-tip-wrap .keyword-list li {
    height: 30px;
    font-size: 12px;
}

#global-header .global-search .search-tip-wrap .keyword-list a {
    display: block;
    height: 100%;
    line-height: 30px;
    padding: 0 40px;
    color: #333;
}

#global-header .global-search .search-tip-wrap .keyword-list a:hover {
    background: #FAFAFA;
}

#global-header .global-search .search-tip-wrap .keyword-list strong {
    font-weight: 700;
}

#global-header .tool-area {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#global-header .tool-area .wholesale,
#global-header .tool-area .dropshipping {
    margin-left: 8px;
}

#global-header .tool-area .btn-goto {
    width: 182px;
    height: 40px;
    background: #F7f7f7;
    border-radius: 2px;
    font-size: 14px;
    font-weight: unset;
    color: #333;
    box-sizing: border-box;
    text-transform: uppercase;
    transition: .3s;
}

#global-header .tool-area .btn-goto span {
    padding-right: 23px;
    background: url('../img/icon_alert.svg') no-repeat right 4px;
    background-size: 15px;
    transition: .3s;
}

#global-header .tool-area .btn-goto:hover {
    background: #ECECEC;
}

#global-header .tool-area .btn-goto:hover span {
    background: url('../img/icon_alert_active.svg') no-repeat right 4px;
}

#global-header .tool-area .btn-goto:after {
    display: none;
}

#global-header .fun-area {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

#global-header .fun-area:before {
    display: none;
}

#global-header .tool-area .info {
    width: 20px;
    height: 20px;
    background: url('../img/icon_global_chat.svg') no-repeat center;
    font-size: 0;
    color: transparent;
    margin-left: 24px;
    position: relative;
    transition: .3s;
}

#global-header .tool-area .info:hover {
    background: url('../img/icon_global_chat_active.svg') no-repeat center;
}

#global-header .tool-area .info a {
    display: block;
    width: 100%;
    height: 100%;
}

#global-header .tool-area .info .info-data {
    box-sizing: border-box;
    display: inline-block;
    min-width: 14px;
    height: 14px;
    line-height: 12px;
    text-align: center;
    background: #3678FF;
    border: 1px solid #fff;
    border-radius: 20px;
    font-weight: bold;
    font-size: 10px;
    color: #fff;
    padding: 0 2px;
    position: absolute;
    top: -7px;
    right: -7px;
}

#global-header .tool-area .user {
    margin-left: 40px;
    position: relative;

}

#global-header .tool-area .user .user-avatar {
    display: block;
    width: 40px;
    height: 40px;
    background: #ececec;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

#global-header .tool-area .user .user-wrap {
    display: none;
    width: 280px;
    position: absolute;
    right: -4px;
    top: 56px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ECECEC;
    box-sizing: border-box;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
}

#global-header .tool-area .user .user-wrap.active {
    display: block;
}

#global-header .tool-area .user .user-wrap:before {
    content: '';
    display: block;
    width: 18px;
    height: 14px;
    background: url('../img/icon_tip_arrow_top.svg') no-repeat center;
    position: absolute;
    top: -10px;
    right: 13px;
}

#global-header .tool-area .user .user-info {
    display: flex;
    align-items: center;
    padding: 13px 16px;
    border-bottom: 1px solid #ECECEC;
}

#global-header .tool-area .user .user-name {
    margin-left: 16px;
}

#global-header .tool-area .user .user-name dt {
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
}

#global-header .tool-area .user .user-name dd {
    font-size: 14px;
    line-height: 21px;
    margin-top: 4px;
}

#global-header .tool-area .user .user-menu {}

#global-header .tool-area .user .user-menu li {
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    font-size: 14px;
}

#global-header .tool-area .user .user-menu a {
    display: block;
    padding: 0 72px;
    color: #666;
    background-repeat: no-repeat;
    background-position: 26px center;
}

#global-header .tool-area .user .user-menu a:hover {
    color: #333;
    background-color: #FAFAFA;
}

#global-header .tool-area .user .user-menu .my-account a {
    background-image: url('../img/icon_user_my_account.svg');
}

#global-header .tool-area .user .user-menu .my-account a:hover {
    background-image: url('../img/icon_user_my_account_active.svg');
}

#global-header .tool-area .user .user-menu .dashboard a {
    background-image: url('../img/icon_user_dashboard.svg');
}

#global-header .tool-area .user .user-menu .dashboard a:hover {
    background-image: url('../img/icon_user_dashboard_active.svg');
}

#global-header .tool-area .user .user-menu .sign-out a {
    background-image: url('../img/icon_user_sign_out.svg');
}

#global-header .tool-area .user .user-menu .sign-out a:hover {
    background-image: url('../img/icon_user_sign_out_active.svg');
}

#global-header .search-photo-popup {
    display: none;
    position: absolute;
    left: 0;
    top: 44px;
    z-index: 31;
    width: 432px;
    height: 388px;
    font-size: 14px;
    border: 1px solid #ececec;
    background: #fff;
    box-sizing: border-box;
    padding: 16px;
    color: #999;
    animation: show .3s;
    animation-fill-mode: forwards;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

#global-header .search-photo-popup.active {
    display: block;
}

#global-header .search-photo-popup h4 {
    position: relative;
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #333;
    font-weight: normal;
}

#global-header .search-photo-popup .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 14px;
    height: 14px;
    background-image: url('../img/btn_close_1.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    color: transparent;
    font-size: 0;
}

#global-header .search-photo-popup .main-loading {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 30;
    margin-left: -32px;
    margin-top: -32px;
}

#global-header .search-photo-popup .upload-cont {
    height: calc(100% - 32px);
}

#global-header .search-photo-popup .file-box {
    position: relative;
    width: 100%;
    height: 100%;
    color: #999;
    background-color: #fafafa;
    border: dotted 2px #ddd;
    text-align: center;
    box-sizing: border-box;
}

#global-header .search-photo-popup .file-box p.warning-info-noimg {
    box-sizing: border-box;
    width: calc(100% - 10px);
    height: 32px;
    line-height: 32px;
    border: 0;
    padding: 0 0 0 5px;
    font-size: 14px;
    color: #ea6460;
    background-color: #ffecec;
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
}

#global-header .search-photo-popup .file-box p.warning-info-noimg img {
    vertical-align: -2px;
    padding-right: 5px;
}

#global-header .search-photo-popup .file-box p {
    font-size: 16px;
    text-align: center;
    margin: 84px auto 0;
}

#global-header .search-photo-popup .file-box .btn-inputfile {
    width: 160px;
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    text-transform: uppercase;
    background-color: #333;
    color: #fff;
    margin: 8px auto 0;
    position: relative;
}

#global-header .search-photo-popup .inputfile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

#global-header .search-photo-popup .file-box .photo-ex {
    display: block;
    font-size: 14px;
    color: #999;
    padding-top: 75px;
    background: url('../img/icon_photo_upload.svg') no-repeat center top;
}

#global-header .search-photo-popup .limit {
    display: inline-block;
    font-size: 13px;
    margin-top: 54px;
}