* {
    font-size: 1.5rem;
}

#wrap {
    width: 100%;
}

header .tool a>label:first-child {
    width: 5rem;
}

header .tool {
    left: 2rem
}

header input {
    width: 25rem;
    margin-left: 2rem;
}


main {margin-top: 0}




#nav-main a:before {
    width: .2rem;
    height: .2rem;
}

#nav-main a:hover label {color: #000}

#nav-main a:hover label:after {width: 0}



/* Product Navigation */
.page-frame>section:nth-child(2) {margin-top: 4rem}

#nav-product {display: none}


#page-product-home #nav-product {display: block; position: static}

.page-frame #nav-product,
#nav-product {
    width: 100% !important;
    height: auto !important;
    clear: both;
    border-bottom: solid .1rem #e5e5e5;
}

#nav-product[state*=fixed] {
    position: static !important;
}

.page-frame #nav-product>div,
#nav-product>div {
    height: auto !important;
    overflow: visible !important;
    padding: 2rem 0;
}


#nav-product>label {
    border-top-width: 0;
}


#nav-product .nav-basic a,
#nav-product .nav-tabs-group a {
    display: inline-block;
    clear: none;
    margin: .5rem;
    text-align: center;
}


#nav-product .nav-basic a {
    width: calc((100%/4) - 1rem);
    width: -webkit-calc((100%/4) - 1rem);
}

#nav-product .nav-basic a:nth-child(n+2) {
    border-top: none;
}

#nav-product .nav-basic a:nth-child(n+5) {
    border-top: solid .1rem #ededed;
}


#nav-product .nav-tabs-group a {
    width: calc((100%/6) - 1rem);
    width: -webkit-calc((100%/6) - 1rem);
    padding: 0;
}

#nav-product .nav-basic a:nth-child(6n+1),
#nav-product .nav-tabs-group a:nth-child(6n+1) {
    clear: left
}

#nav-product .nav-tabs-group a:nth-child(n+7) {margin-top: 2rem}


#nav-product .nav-basic a:hover,
#nav-product .nav-tabs-group a:hover {background: none}

#nav-product .nav-basic a:hover *,
#nav-product .nav-tabs-group a:hover label:nth-child(2) {color: #999}


#nav-product .nav-basic a {
    padding: 1rem 0;
    margin-top: 0;
    margin-bottom: 0;
}

#nav-product .nav-basic a label {
    color: #999;
}

#nav-product .nav-tabs-group label
{
    display: block;
    float: none !important;
    position: static !important;
    transform: none !important;
    -webkit-transform: none !important;
}

#nav-product .nav-tabs-group label:nth-child(1) {
    display: inline-block;
}

#nav-product .nav-tabs-group label:nth-child(2) {
    width: 100%;
    font-weight: normal;
    font-size: .8em;
    color: #999;
    margin-top: .5rem;
}

#nav-product .nav-tabs-group a:after {display: none}

/* --------- End Product Navigation ------------- */



#banner {
    float: left;
    width: 100%;
    padding-bottom: calc(100%/16*9);
    padding-bottom: -webkit-calc(100%/16*9);
}

/* -------------------- */

#page-home>section:first-child {
    padding: 0;
    margin: 0;
}

#page-home .p-slider .frame > a {
    width: 30%
}


.page-frame>section {
    float: left;
    clear: both;
    width: 100%;
}


#page-product-detail .pd-rate .post button:hover {background: var(--text-color-desc)}


[class*=fs-product] a:hover [class^=fs-cover]:before {display: none}

[class*=fs-product] .p-remove:hover {
    border-color: var(--text-color-desc);
    color: var(--text-color-desc);
}


#popup-contact {
    width: calc(100vw - 14rem);
    width: -webkit-calc(100vw - 14rem);
}




#search-filter {
    width: 100%;
    padding-top: 2rem;
}

#search-filter[state*=fixed] {
    height: auto !important;
    position: static;
}

#search-filter>div {
    float: left;
    width: 45%;
    clear: none !important;
    margin-top: 0 !important;
}

#search-filter>div:nth-child(2) {float: right}

#search-filter .f-list {max-height: 20rem}


#search-data {
    float: left;
    width: 100%;
    margin-top: 6rem;
}

#search-data .head .title {
    font-size: 1.4rem;
}