@charset "UTF-8";@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0,U+78A7,U+7B75;
    font-style: normal;
    font-weight: bold;
    src: local(Yu Gothic),local(MS Gothic)
}

@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0,U+78A7,U+7B75;
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體)
}

.page_content .article_tab ul.tabs::after,.news_list .article_tab ul.tabs::after,.news_list .center>ul::after,.next_news ul::after,.thanks_input .password_submit,.catalogue_input .password_submit,.catalogue_list ul::after,.catalogue_content_list .center .article .list::after,.catalogue_content_list .center .article .list .figure::after,.ready_fixed ul.jump::after,.page_detail_list_products ul li::after,.page_contact_products ul li::after,.questions_form .fieldset_ul.ul_info1::after,.questions_form .fieldset_ul.ul_info2::after,.questions_form .fieldset_ul.ul_info3::after,.questions_form .fieldset_ul.ul_info4::after,.questions_form .fieldset_ul.ul_info3>li::after,.questions_form .fieldset_ul.ul_info2>li::after,.products_brand .list::after,.products_brand .list ul::after,#product_content ul::after,.page_products_detail .interested .center ul::after,.page_no ul::after,.most_read ul::after {
    content: "​";
    display: block;
    height: 0;
    clear: both
}

.newsvisual_wrap .news_nav li,.thanks_input .password_submit,.catalogue_input .password_submit,#questions,.progress_bar ul.step_bar>li,.page_detail_list_products ol.change_display .display_block,.page_detail_list_products ol.change_display .display_list,.page_no ul li.next a,.page_no ul li.prev a {
    font: 0/0 a;
    color: transparent
}

.page_detail_list_products ul li .info .no,.page_contact_products ul li .info .no,.page_detail_list_products ul.products_show>li .info .no,.page_products_detail .block_products_detail .info .no,.page_products_detail .interested .center .info .no {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bread_crumbs,.hot_tag {
    max-width: 1472px;
    margin: 0 auto;
    max-width: 1472px
}

@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8,0.8,1);
        transform: scale3d(0.8,0.8,1)
    }

    85% {
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8,0.8,1);
        transform: scale3d(0.8,0.8,1)
    }

    85% {
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.catalogue_list ul li a .figcaption::after,.catalogue_content_list .center .article .list .figcaption .tag h5::before,.ready_fixed ul.jump,.products_brand .list ul>li a::before,.page_banner .figcaption,.page_title0 .slogan,.page_title2 .slogan,.page_title .slogan,.bread_crumbs ul li::after,.bread_crumbs ul li:first-child a::before,.hot_tag h2,.hot_tag ul li a::after,.sitemap_list ul li h3::before,.sitemap_list ul li a::before,.system_page ul li::before {
    top: 50%;
    transform: translateY(-50%);
    content: "";
    position: absolute;
    background-repeat: no-repeat
}

.newsvisual_wrap .bd {
    position: relative;
    background-color: #e5e5e5;
    overflow: hidden
}

.newsvisual_wrap .news_nav {
    display: inline-block;
    position: absolute;
    bottom: 32px;
    left: calc(50% - 69px);
    z-index: 3
}

.newsvisual_wrap .news_nav li {
    cursor: pointer;
    float: left;
    width: 38px;
    background-color: #f4f4f4;
    height: 6px;
    border-radius: 40px;
    margin: 0 4px
}

.newsvisual_wrap .news_nav li.on,.newsvisual_wrap .news_nav li.over {
    background-color: #ec8225
}

.newsvisual {
    width: 100%;
    opacity: 0;
    height: 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0
}

.newsvisual.on {
    opacity: 1;
    height: calc(100vh - 101px);
    min-height: 300px
}

.newsvisual.on .bar p {
    transform: translateX(0vw)
}

.newsvisual .center {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 2
}

.newsvisual .flex {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    float: left;
    width: 50%;
    height: calc(100vh - 101px);
    padding-right: 128px;
    box-sizing: border-box;
    padding-left: 32px;
    padding-top: 150px;
}


@media screen and (max-width: 800px) {
    .newsvisual .flex {
        display:block;
        width: 100%;
        height: auto;
        margin-top: 400px;
        padding: 0 38px;
        padding-bottom: 88px
    }
}

@media screen and (max-width: 500px) {
    .newsvisual .flex {
        margin-top:300px;
        padding: 0 16px
    }
}

.newsvisual .text {
    width: 100%;
    position: relative;
    display: inline-block;
    color: #56585a
}

.newsvisual .text .date {
    letter-spacing: 1px;
    opacity: .5
}

@media screen and (max-width: 800px) {
    .newsvisual .text .date {
        padding-top:32px
    }
}

@media screen and (max-width: 500px) {
    .newsvisual .text .date {
        padding-top:16px
    }
}

.newsvisual .text .title {
    font-size: 3.56em;
    font-weight: 700;
    line-height: 1.2em;
    padding: 36px 0;
    padding-right: 32px
}

@media screen and (max-width: 800px) {
    .newsvisual .text .title {
        font-size:2em;
        padding: 16px 0
    }
}

.newsvisual .text .info {
    padding-bottom: 88px;
    font-size: 1.125em;
    line-height: 1.6em;
    padding-right: 32px;
    text-align: justify;
}

@media screen and (max-width: 800px) {
    .newsvisual .text .info {
        padding-bottom:48px
    }
}

.newsvisual .img {
    position: absolute;
    width: 50vw;
    height: calc(100vh - 101px);
    right: 0;
    top: 0;
    background-image: url("../images/news_title1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (max-width: 800px) {
    .newsvisual .img {
        width:100%;
        height: 400px
    }
}

@media screen and (max-width: 500px) {
    .newsvisual .img {
        height:300px
    }
}

.newsvisual .bar {
    width: 100vw;
    height: 6px;
    left: 0;
    position: absolute;
    bottom: 0;
    z-index: 2
}

.newsvisual .bar p {
    width: 100vw;
    height: 6px;
    background: #ec8225;
    margin-left: 0;
    transition: all 3s ease-in-out;
    transform: translateX(-100vw)
}

.page_content,.news_list {
    padding-bottom: 80px
}

@media screen and (max-width: 800px) {
    .page_content,.news_list {
        padding-bottom:48px
    }
}

@media screen and (max-width: 500px) {
    .page_content,.news_list {
        padding-bottom:24px!important;
        min-height: 530px
    }
}

.page_content .center,.news_list .center {
    padding: 0 32px
}

@media screen and (max-width: 500px) {
    .page_content .center,.news_list .center {
        padding:0 12px
    }
}

.page_content .article_tab,.news_list .article_tab {
    width: 100%;
    margin-bottom: 48px;
    margin-top: -48px
}

@media screen and (max-width: 500px) {
    .page_content .article_tab,.news_list .article_tab {
        margin-top:0
    }
}

.page_content .article_tab ul.tabs>li,.news_list .article_tab ul.tabs>li {
    float: left;
    margin-right: 32px;
    margin-bottom: 32px
}

@media screen and (max-width: 1130px) and (min-width:1px) {
    .page_content .article_tab ul.tabs>li,.news_list .article_tab ul.tabs>li {
        margin-right:16px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 500px) {
    .page_content .article_tab ul.tabs>li,.news_list .article_tab ul.tabs>li {
        margin-right:8px;
        margin-bottom: 16px
    }
}

.page_content .article_tab ul.tabs>li.active a,.news_list .article_tab ul.tabs>li.active a {
    opacity: 1;
    background-color: #fff
}

.page_content .article_tab ul.tabs>li.active a::after,.news_list .article_tab ul.tabs>li.active a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #ec8225;
    left: 0
}

.page_content .article_tab ul.tabs a,.news_list .article_tab ul.tabs a {
    display: block;
    position: relative;
    color: #56585a;
    font-size: 1.75em;
    opacity: .5;
    padding: 8px 16px;
    background-color: #eee;
    border-radius: 5px
}

@media screen and (max-width: 800px) {
    .page_content .article_tab ul.tabs a,.news_list .article_tab ul.tabs a {
        font-size:1.2em;
        padding: 8px 4px
    }
}

@media screen and (max-width: 400px) and (min-width:1px) {
    .page_content .article_tab ul.tabs a,.news_list .article_tab ul.tabs a {
        font-size:1em
    }
}

.page_content .article_tab ul.tabs a:hover,.page_content .article_tab ul.tabs a:focus,.news_list .article_tab ul.tabs a:hover,.news_list .article_tab ul.tabs a:focus {
    color: #ec8225
}

.page_content .article_tab .tab_content,.news_list .article_tab .tab_content {
    position: relative
}

.page_content .article_tab .tab_content>li.hide_list,.news_list .article_tab .tab_content>li.hide_list {
    display: none!important;
    position: absolute;
    top: 0
}

.page_content .article_tab .tab_content>li .article_content::before,.news_list .article_tab .tab_content>li .article_content::before {
    display: none!important
}

.page_content .article_content,.news_list .article_content {
    color: #333
}

.page_content .article_content.article_content_text,.news_list .article_content.article_content_text {
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1.6em
}

@media screen and (max-width: 800px) {
    .page_content .article_content.article_content_text,.news_list .article_content.article_content_text {
        font-size:1.4em;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 500px) {
    .page_content .article_content.article_content_text,.news_list .article_content.article_content_text {
        font-size:1.2em;
        margin-bottom: 32px
    }
}

@media screen and (max-width: 800px) {
    .page_content img,.news_list img {
        width:100%!important;
        padding: 0!important;
        margin: 0!important
    }
}

.page_content {
    padding-top: 64px
}

@media screen and (max-width: 800px) {
    .page_content {
        padding-top:48px
    }
}

@media screen and (max-width: 500px) {
    .page_content {
        padding-top:8px
    }
}

.page_content .center {
    position: relative
}

.page_content .wysiwyg::before {
    content: "";
    display: block;
    position: relative;
    top: -60px;
    width: 100%;
    height: 3px;
    background-color: #ec8225;
    z-index: 3;
    left: 0
}

@media screen and (max-width: 800px) {
    .page_content .wysiwyg::before {
        top:-48px
    }
}

.news_list .err .figure {
    text-align: center;
    padding: 24px 0
}

.news_list .err .figure img {
    width: 100%;
    max-width: 880px
}

.news_list .err .figure .figcaption {
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 32px
}

.news_list .article_header {
    color: #56585a;
    margin-bottom: 80px
}

@media screen and (max-width: 500px) {
    .news_list .article_header {
        margin-bottom:32px
    }
}

.news_list .article_header h1 {
    font-size: 2.375em;
    margin-bottom: 8px
}
@media screen and (max-width: 800px) {
    .news_list .article_header h1 {
        font-size: 2em;
    }
}
@media screen and (max-width: 500px) {
    .news_list .article_header h1 {
        font-size: 1.6em;
    }
}
.news_list .article_header .date {
    letter-spacing: 1px;
    opacity: .5
}

.news_list .center>ul {
    max-width: 1440px;
    margin: 0 auto;
    margin-bottom: 64px
}

@media screen and (max-width: 800px) {
    .news_list .center>ul {
        margin:0 -10px
    }
}

@media screen and (max-width: 500px) {
    .news_list .center>ul {
        margin-bottom:16px
    }
}

.news_list .center>ul li {
    width: 25%;
    float: left;
    padding: 0 16px;
    position: relative;
    overflow: hidden;
    margin-bottom: 28px
}
.news_list .center>ul li:nth-child(4n+1) {
    clear: both;
}

@media screen and (max-width: 1010px) and (min-width:1px) {
    .news_list .center>ul li {
        width:50%
    }
    .news_list .center>ul li:nth-child(4n+1) {
        clear: initial;
    }
    .news_list .center>ul li:nth-child(2n+1) {
        clear: both;
    }
}

@media screen and (max-width: 650px) and (min-width:1px) {
    .news_list .center>ul li {
        width:100%
    }
    .news_list .center>ul li:nth-child(4n+1) {
        clear: initial;
    }
    .news_list .center>ul li:nth-child(2n+1) {
        clear: initial;
    }
}

.news_list .center>ul li a {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.news_list .center>ul li a:hover,.news_list .center>ul li a:focus {
    border-color: #ec8225
}

.news_list .center>ul li a:hover img,.news_list .center>ul li a:focus img {
    transform: scale(1.1)
}

.news_list .center>ul li a:hover figcaption,.news_list .center>ul li a:focus figcaption {
    transform: translateY(0%);
    transition: all .8s
}

.news_list .center>ul li figure {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
}

.news_list .center>ul li figure img {
    width: 100%;
    float: left;
    transition: all .8s ease-in-out
}

.news_list .center>ul li figcaption {
    color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    padding: 18px;
    transform: translateY(calc(100% - 120px));
    transition: all .8s
}

.news_list .center>ul li figcaption span {
    font-size: 1.125em
}

@media screen and (max-width: 500px) {
    .news_list .center>ul li figcaption span {
        font-size:.9em;
        line-height: 2em
    }
}

.news_list .center>ul li figcaption h3 {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.4em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 61px;
    overflow: hidden;
    padding-top: 8px
}

@media screen and (max-width: 800px) {
    .news_list .center>ul li figcaption h3 {
        font-size:1.4em
    }
}

@media screen and (max-width: 500px) {
    .news_list .center>ul li figcaption h3 {
        overflow:hidden;
        font-size: 1em
    }
}

.news_list .center>ul li figcaption>p {
    padding: 18px 0
}

.next_news ul li {
    float: left;
    width: 30%
}

.next_news ul li a {
    display: inline-block;
    color: #56585a;
    position: relative;
    height: 88px
}

.next_news ul li a:hover .name,.next_news ul li a:focus .name {
    color: #ea7000
}

.next_news ul li a:hover .name::before,.next_news ul li a:focus .name::before {
    background-image: url("../images/icon/icon_more_w.svg");
    background-color: #ea7000;
    border-color: #ea7000
}

.next_news ul li .name {
    color: #ec8225;
    display: block;
    height: 36px;
    position: absolute;
    line-height: 36px;
    padding-top: 36px
}

.next_news ul li .name::before {
    display: block;
    content: "";
    position: absolute;
    left: calc(50% - 18px);
    top: 0;
    width: 36px;
    height: 36px;
    background-image: url("../images/icon/icon_more_o.svg");
    border: #ec8225 solid 1px;
    background-position: center;
    border-radius: 50px;
    background-color: white
}

.next_news ul li .date {
    letter-spacing: 1px;
    opacity: .5;
    padding-bottom: 8px
}

.next_news ul li .title {
    font-size: 1.2em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 60px;
    overflow: hidden
}

.next_news ul li.prev,.next_news ul li.next {
    width: 35%
}

.next_news ul li.prev .name::before {
    transform: rotateY(180deg)
}

.next_news ul li.back .name::before {
    background-image: url("../images/icon/icon_list_o.svg")
}

.next_news ul li.back a:hover .name::before,.next_news ul li.back a:focus .name::before {
    background-image: url("../images/icon/icon_list_w.svg")
}

.next_news ul li.prev a {
    padding-left: 64px
}

.next_news ul li.prev .name {
    left: 0
}

.next_news ul li.back {
    text-align: center
}

.next_news ul li.back .name {
    padding-top: 40px;
    position: relative
}

.next_news ul li.next a {
    float: right;
    padding-right: 64px
}

.next_news ul li.next .name {
    right: 0
}

@media screen and (max-width: 500px) {
    .next_news ul {
        position:relative;
        padding-bottom: 100px;
        display: flex;
        flex-direction: column
    }

    .next_news ul li {
        width: 100%
    }

    .next_news ul li.prev,.next_news ul li.next {
        width: 100%;
        padding-left: 4px;
        box-sizing: border-box
    }

    .next_news ul li.prev {
        margin-bottom: 16px;
        order: 2
    }

    .next_news ul li.prev a {
        padding-left: 56px
    }

    .next_news ul li.back {
        position: absolute;
        bottom: 0
    }

    .next_news ul li.next {
        order: 1
    }

    .next_news ul li.next a {
        padding-right: 0;
        padding-left: 56px;
        float: none
    }

    .next_news ul li.next .name {
        left: 0;
        right: auto
    }
}

.thanks_input,.catalogue_input {
    width: 100%;
    height: calc(100vh - 101px);
    background-image: url("../images/catalogue/bg_catalogue_default.jpg");
    background-size: cover;
    background-position: center
}

@media screen and (max-width: 500px) {
    .thanks_input,.catalogue_input {
        height:calc(100vh - 240px)
    }
}

.thanks_input .center,.catalogue_input .center {
    height: 100%;
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: white
}

.thanks_input .center .article_content,.catalogue_input .center .article_content {
    padding: 24px
}

.thanks_input .center h2,.catalogue_input .center h2 {
    font-size: 3.5625em;
    font-weight: 700;
    color: #ffa400;
    line-height: 1.4em;
    margin-bottom: 65px
}

@media screen and (max-width: 800px) {
    .thanks_input .center h2,.catalogue_input .center h2 {
        font-size:2.4em;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 500px) {
    .thanks_input .center h2,.catalogue_input .center h2 {
        font-size:1.8em
    }
}

.thanks_input .center p,.catalogue_input .center p {
    font-size: 1.5em;
    font-weight: 700;
    max-width: 500px;
    margin: 0 auto
}

@media screen and (max-width: 800px) {
    .thanks_input .center p,.catalogue_input .center p {
        font-size:1.25em
    }
}

.thanks_input .form,.catalogue_input .form {
    width: 80%;
    position: relative;
    margin: 40px auto
}

@media screen and (max-width: 800px) {
    .thanks_input .form,.catalogue_input .form {
        width:100%;
        padding: 0 16px;
        margin: 24px auto
    }
}

@media screen and (max-width: 500px) {
    .thanks_input .form,.catalogue_input .form {
        padding:0
    }
}

.thanks_input .password,.catalogue_input .password {
    width: 100%;
    height: 64px;
    border-radius: 64px;
    outline: 0;
    padding-left: 24px;
    font-size: 1.1em;
    font-family: 'Open Sans',Helvetica;
    border: 0
}

.thanks_input .password_submit,.catalogue_input .password_submit {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 11px;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 54px;
    background-color: #f6851d;
    border: #f6851d solid 2px;
    background-image: url("../images/icon/icon_read_w.svg");
    background-repeat: no-repeat;
    background-position: center;
    transition: all .8s ease-out
}

@media screen and (max-width: 800px) {
    .thanks_input .password_submit,.catalogue_input .password_submit {
        right:28px
    }
}

@media screen and (max-width: 500px) {
    .thanks_input .password_submit,.catalogue_input .password_submit {
        right:11px
    }
}

.thanks_input .password_submit:hover,.thanks_input .password_submit:focus,.catalogue_input .password_submit:hover,.catalogue_input .password_submit:focus {
    background-image: url("../images/icon/icon_read_o.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFF;
    border: #f6851d solid 2px
}

.thanks_input a,.catalogue_input a {
    color: white;
    font-size: 1.5em
}

@media screen and (max-width: 800px) {
    .thanks_input a,.catalogue_input a {
        font-size:1.25em
    }
}

.thanks_input {
    background-image: url("../images/bg_thanks_default.jpg")
}

.thanks_input .center p {
    max-width: initial
}

.thanks_input .center .gohome {
    text-align: center;
    padding: 8px 20px;
    border: 0;
    border-radius: 54px;
    background-color: #f6851d;
    border: #f6851d solid 2px;
    transition: all .8s ease-out;
    font-size: 1.2em
}

.thanks_input .center .gohome:hover,.thanks_input .center .gohome:focus {
    color: #f6851d;
    background-color: #FFF
}

.catalogue_list {
    width: 100%;
    height: calc(100vh - 101px)
}

@media screen and (max-width: 1044px) and (min-width:1px) {
    .catalogue_list {
        padding-top:46px;
        background-color: black;
        height: auto
    }
}

.catalogue_list ul li {
    display: block;
    float: left;
    width: 25%;
    height: 100%;
    overflow: hidden
}

@media screen and (max-width: 1044px) and (min-width:1px) {
    .catalogue_list ul li {
        width:50%;
        height: 400px
    }
}

@media screen and (max-width: 500px) and (min-width:1px) {
    .catalogue_list ul li {
        height:328px
    }
}

.catalogue_list ul li a {
    position: relative;
    display: inline-block;
    color: white;
    width: 100%
}

.catalogue_list ul li a:hover figcaption,.catalogue_list ul li a:focus figcaption {
    background-color: #ec8225
}

.catalogue_list ul li a:hover img,.catalogue_list ul li a:focus img {
    transform: scale(1.2)
}

.catalogue_list ul li a .figure {
    display: block;
    width: 100%;
    height: 100%;
    height: calc(100vh - 101px);
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: end;
    overflow: hidden
}

@media screen and (max-width: 1044px) and (min-width:1px) {
    .catalogue_list ul li a .figure {
        height:50vh
    }
}

@media screen and (max-width: 500px) and (min-width:1px) {
    .catalogue_list ul li a .figure {
        height:328px
    }
}

.catalogue_list ul li a .figure img {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    object-fit: cover;
    object-position: center;
    transition: all .8s ease-out
}

@media screen and (max-width: 490px) and (min-width:1px) {
    .catalogue_list ul li a .figure::after {
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 702px;
        background-color: rgba(0,0,0,0.45);
        z-index: 2
    }
}

.catalogue_list ul li a .figcaption {
    display: block;
    position: absolute;
    z-index: 3;
    font-size: 1.6em;
    line-height: 1.2em;
    text-align: center;
    background-color: rgba(0,0,0,0.9);
    padding: 18px 24px;
    padding-right: 48px;
    border-radius: 100px;
    border: white solid 2px;
    margin-bottom: 40px;
    bottom: 0;
}

@media screen and (max-width: 1090px) and (min-width:1px) {
    .catalogue_list ul li a .figcaption {
        font-size:1.4em
    }
}

@media screen and (max-width: 1044px) and (min-width:1px) {
    .catalogue_list ul li a .figcaption {
        font-size:1.2em;
        top: 167px;
        left: auto;
        right: auto;
        bottom: auto;
    }
}

@media screen and (max-width: 500px) {
    .catalogue_list ul li a .figcaption {
        top:144px
    }
}

@media screen and (max-width: 490px) and (min-width:1px) {
    .catalogue_list ul li a .figcaption {
        background-color:transparent!important;
        border: 0;
        font-weight: bold
    }
}

.catalogue_list ul li a .figcaption::after {
    display: block;
    z-index: 1;
    right: 28px;
    width: 12px;
    height: 20px;
    background-image: url("../images/icon/icon_catalogue_w.svg");
    background-size: cover
}
.catalogue_content_list {
    min-height: 300px;
}
@media screen and (max-width: 800px) {
    .catalogue_content_list {
    min-height: 362px;
    }
}
@media screen and (max-width: 500px) {
    .catalogue_content_list {
    min-height: 260px;
    }
}
.catalogue_content_list .center {
    padding: 0 32px
}
@media screen and (max-width: 500px) {
    .catalogue_content_list .center {
        padding: 0 16px
    }
}
.catalogue_content_list .center article:first-child {
    border-top: #ec8225 solid 3px;
    padding-top: 24px
}

.catalogue_content_list .center .article h3 {
    color: #56585a;
    font-size: 2.375em;
    font-weight: bold;
    margin-bottom: 24px
}
@media screen and (max-width: 500px) {
    .catalogue_content_list .center .article h3 {
        font-size: 1.6em;
        margin-bottom: 0;
    }
}
.catalogue_content_list .center .article h4 {
    color: #56585a;
    font-size: 2.375em;
    font-weight: normal;
    padding-bottom: 8px;
    border-bottom: #dddede solid 3px;
    margin-bottom: 32px
}
@media screen and (max-width: 500px) {
    .catalogue_content_list .center .article h4 {
        font-size: 1.6em;
    }
}
.catalogue_content_list .center .article .list {
    position: relative
}

.catalogue_content_list .center .article .list>li {
    width: 16.666%;
    float: left;
    margin-bottom: 40px;
    padding: 0 12px;
    position: relative!important;
    left: auto!important;
    top: auto!important;
    transform: none!important
}
@media screen and (max-width: 1080px) and (min-width:1px) {
    .catalogue_content_list .center .article .list>li {
        width:20%
    }
}
@media screen and (max-width: 940px) and (min-width:1px) {
    .catalogue_content_list .center .article .list>li {
        width:33.333%
    }
}

@media screen and (max-width: 640px) and (min-width:1px) {
    .catalogue_content_list .center .article .list>li {
        width:50%
    }
}

.catalogue_content_list .center .article .list>li.isotope-hidden {
    width: 0!important;
    padding: 0!important
}

.catalogue_content_list .center .article .list .figure {
    position: relative
}

.catalogue_content_list .center .article .list .figure .img {
    /* float: left; */
    display: block;
    width: 100%;
    max-width: 210px
}

.catalogue_content_list .center .article .list .figure .img img {
    width: 100%
}

.catalogue_content_list .center .article .list .figcaption {
    /* float: left; */
    display: block;
    width: 100%;
    /* padding-left: 20px */
}

.catalogue_content_list .center .article .list .figcaption .title {
    color: #333;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 4px;
    max-height: 54px;
    min-height: 54px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media screen and (max-width: 940px) and (min-width:1px) {
    .catalogue_content_list .center .article .list .figcaption .title {
        /* font-size: 0.9em; */
    }
}
.catalogue_content_list .center .article .list .figcaption .tag {
    color: #2d2d2d;
    position: relative
}

.catalogue_content_list .center .article .list .figcaption .tag ul {
    line-height: 1.6em
}

.catalogue_content_list .center .article .list .figcaption .tag ul li {
    float: left;
    padding-right: 8px
}

.catalogue_content_list .center .article .list .figcaption .tag ul li::before {
    content: "#"
}

.catalogue_content_list .center .article .list .figcaption .tag ul li::after {
    content: ","
}

.catalogue_content_list .center .article .list .figcaption .tag ul li:last-child::after {
    display: none
}

.catalogue_content_list .center .article .list .figcaption .tag h5 {
    padding-left: 24px;
    font-weight: normal;
    color: #abacad;
    font-size: 1.125em;
    margin-bottom: 8px
}

.catalogue_content_list .center .article .list .figcaption .tag h5::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    left: 0;
    background-image: url("../images/icon/icon_tag.svg");
    background-size: contain
}

.catalogue_content_list .center .article .list .figcaption>a {
    /* position: absolute;
    left: calc(50%+9px); */
    bottom: 6px;
    display: inline-block;
    padding: 12px 24px;
    border-radius: 5px;
    padding-left: 56px;
    color: #56585a;
    border: #ec8225 solid 1px
}

@media screen and (max-width: 1100px) and (min-width:1px) {
    .catalogue_content_list .center .article .list .figcaption>a {
        padding:12px 8px;
        padding-left: 40px
    }
}
@media screen and (max-width: 1080px) and (min-width:1px) {
    .catalogue_content_list .center .article .list .figcaption>a {
        padding-left: 32px
    }
}
@media screen and (max-width: 940px) and (min-width:1px) {
    .catalogue_content_list .center .article .list .figcaption>a {
        padding-left: 40px;
        font-size: 0.8em;
    }
}
.catalogue_content_list .center .article .list .figcaption>a::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 20px;
    background-image: url("../images/icon/icon_download.svg");
    background-size: contain
}

@media screen and (max-width: 1100px) and (min-width:1px) {
    .catalogue_content_list .center .article .list .figcaption>a::before {
        width:20px;
        height: 20px;
        background-size: cover;
        left: 12px
    }
}

.catalogue_content_list .center .article .list .figcaption>a:hover,.catalogue_content_list .center .article .list .figcaption>a:focus {
    color: white;
    background-color: #ec8225
}

.catalogue_content_list .center .article .list .figcaption>a:hover::before,.catalogue_content_list .center .article .list .figcaption>a:focus::before {
    background-image: url("../images/icon/icon_download_w.svg")
}

.fiex_h {
    min-height: 128px;
    display: inline-block;
    width: 100%
}

.ready_fixed {
    display: inline-block;
    padding: 10px 0;
    width: 100%
}

.ready_fixed ul.jump {
    right: 32px;
    font-size: 1.125em;
    bottom: 0
}

@media screen and (max-width: 1100px) and (min-width:1px) {
    .ready_fixed ul.jump {
        position:relative;
        margin-left: -16px;
        margin-top: 32px;
        top: auto;
        right: auto;
        display: block;
        height: 34px;
        width: 100%;
        transform: none
    }
}

.ready_fixed ul.jump li {
    float: left;
    margin-left: 16px;
    display: block;
    min-height: 48px;
    margin-bottom: 12px
}

@media screen and (max-width: 1100px) and (min-width:1px) {
    .ready_fixed ul.jump li {
        min-height:34px
    }
}

.ready_fixed ul.jump a {
    color: #2d2d2d;
    background-color: white;
    border: #56585a solid 1px;
    padding: 11px 24px;
    border-radius: 5px
}

@media screen and (max-width: 1100px) and (min-width:1px) {
    .ready_fixed ul.jump a {
        padding:4px 12px
    }
}

.ready_fixed ul.jump a:hover,.ready_fixed ul.jump a:focus {
    color: white;
    background-color: #ec8225;
    border-color: #ec8225
}

.ready_fixed.fixed {
    position: fixed;
    z-index: 5;
    top: 86px;
    width: 100%;
    background-color: rgba(255,255,255,0.9);
    box-shadow: rgba(0,0,0,0.2) 0 5px 5px -3px,rgba(0,0,0,0.12) 0 3px 14px 2px,rgba(0,0,0,0.14) 0 8px 10px -1px
}

@media screen and (max-width: 800px) {
    .ready_fixed.fixed {
        position:relative;
        top: auto;
        box-shadow: none
    }
}

.ready_fixed.fixed .bread_crumbs {
    padding-top: 0;
    padding-bottom: 4px;
    height: 22px
}

.ready_fixed.fixed .page_title {
    padding-bottom: 0
}

.ready_fixed.fixed .page_title h2 {
    font-size: 2em;
    border-bottom: 0;
    padding: 2px 0
}

.ready_fixed.fixed .hot_tag ul li a {
    font-size: 1em
}

.block_qna {
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.6em;
    color: #333;
    margin-bottom: 32px
}

@media screen and (max-width: 800px) {
    .block_qna {
        margin-bottom:16px;
        font-size: 1.4em
    }
}

@media screen and (max-width: 500px) {
    .block_qna {
        font-size:1.1em
    }
}

.block_qna .question a::before,.block_qna .answer::before {
    position: absolute;
    width: 56px;
    height: 56px;
    border-radius: 56px;
    line-height: 56px;
    text-align: center;
    font-weight: 700;
    color: white;
    left: 32px
}

@media screen and (max-width: 800px) {
    .block_qna .question a::before,.block_qna .answer::before {
        width:48px;
        height: 48px;
        border-radius: 48px;
        line-height: 48px;
        left: 24px
    }
}

@media screen and (max-width: 500px) {
    .block_qna .question a::before,.block_qna .answer::before {
        width:20px;
        height: 20px;
        border-radius: 20px;
        line-height: 20px;
        left: 8px
    }
}

.block_qna.open .question a::after {
    transform: rotateZ(0deg)
}

.block_qna.open .answer {
    padding: 88px 0;
    padding-left: 112px;
    transform: translateY(0) rotateX(0);
    height: auto;
    opacity: 1
}

.block_qna .question {
    position: relative
}

.block_qna .question::before {
    content: "";
    position: absolute;
    right: 32px;
    z-index: 4;
    top: calc(50% - 2px);
    display: block;
    width: 32px;
    height: 4px;
    background-color: #ec8225;
    border-radius: 5px
}

@media screen and (max-width: 800px) {
    .block_qna .question::before {
        right:16px
    }
}

@media screen and (max-width: 500px) {
    .block_qna .question::before {
        width:12px;
        right: 8px;
        height: 2px
    }
}

.block_qna .question a {
    padding: 24px 0;
    padding-left: 112px;
    padding-right: 80px;
    position: relative;
    display: block;
    z-index: 3;
    border-radius: 8px;
    background-color: white;
    box-shadow: rgba(0,0,0,0.2) 0 5px 5px -3px,rgba(0,0,0,0.12) 0 3px 14px 2px,rgba(0,0,0,0.14) 0 8px 10px -1px;
    color: #2d2d2d;
    text-overflow: ellipsis;
    display: -webkit-box
}

@media screen and (max-width: 800px) {
    .block_qna .question a {
        padding:16px;
        padding-left: 88px;
        padding-right: 40px;
        -webkit-line-clamp: 99;
        max-height: none
    }
}

@media screen and (max-width: 500px) {
    .block_qna .question a {
        padding:6px;
        padding-left: 36px;
        padding-right: 20px
    }
}

.block_qna .question a:hover,.block_qna .question a:focus {
    background-color: #ec8225;
    color: white
}

.block_qna .question a:hover::before,.block_qna .question a:focus::before {
    color: #ec8225;
    background-color: white
}

.block_qna .question a::before {
    content: "Q";
    background-color: #ec8225;
    top: 11px
}

.block_qna .question a::after {
    content: "";
    position: absolute;
    right: 32px;
    z-index: 4;
    top: calc(50% - 2px);
    display: block;
    width: 32px;
    height: 4px;
    background-color: #ec8225;
    transition: all .8s ease-out;
    transform: rotateZ(90deg);
    border-radius: 5px
}

@media screen and (max-width: 800px) {
    .block_qna .question a::after {
        right:16px
    }
}

@media screen and (max-width: 500px) {
    .block_qna .question a::after {
        right:8px;
        width: 12px;
        height: 2px
    }
}

.block_qna .answer {
    transform: translateY(-50%) rotateX(90deg);
    transition: all .8s ease-out;
    opacity: 0;
    height: 1px;
    position: relative;
    margin-top: -20px;
    z-index: 1;
    padding: 16px 0;
    padding-left: 112px;
    padding-right: 88px;
    background-color: #f9f9f9;
    border-radius: 0 0 16px 16px
}

@media screen and (max-width: 800px) {
    .block_qna .answer {
        padding-left:88px!important;
        padding-top: 32px!important;
        padding-bottom: 0!important;
    }
}

@media screen and (max-width: 500px) {
    .block_qna .answer {
        padding-left:38px!important;
        padding-top: 32px!important;
        padding-bottom: 0!important;
    }
}

.block_qna .answer::before {
    content: "A";
    background-color: #a69c9c;
    top: 84px
}
@media screen and (max-width: 800px) {
    .block_qna .answer::before {
        top: 36px!important;
    } 
}
.page_contact {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.6em;
    color: #333;
    padding: 0
}

.page_contact .article_content {
    font-size: 1em!important
}

.page_contact .article_content::before {
    top: 0!important
}

.page_contact .page_contact_products {
    padding: 0!important;
    margin-top: 32px!important
}

.page_detail_list_products,.page_contact_products {
    display: inline-block
}

.page_detail_list_products h3,.page_contact_products h3 {
    color: #56585a;
    font-size: 2.375em;
    margin-bottom: 32px
}

@media screen and (max-width: 500px) {
    .page_detail_list_products h3,.page_contact_products h3 {
        font-size:2em;
        margin-bottom: 4px
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products h3,.page_contact_products h3 {
        font-size:1.4em
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products ul li,.page_contact_products ul li {
        text-align:center
    }
}

.page_detail_list_products ul li .img,.page_contact_products ul li .img {
    width: 140px;
    height: 140px;
    float: left
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products ul li .img,.page_contact_products ul li .img {
        width:100%;
        height: auto;
        float: none
    }
}

.page_contact_products ul li .img img {
    width: 140px;
    height: 140px;
}
.page_detail_list_products ul li .img img {
    width: 230px;
}
.bg_engine_parts .page_detail_list_products ul.show_block li .img img {
    height: 229px;
}
.bg_body_parts .page_detail_list_products ul li .img img {
    height: 147px;
}

.page_detail_list_products ul li .info,.page_contact_products ul li .info {
    width: calc(100% - 140px);
    height: 140px;
    float: left
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_contact_products ul li .img img {
        width: 100%;
        max-width: 230px;
        height: 85vw;
        max-height: 230px;
    }
    .page_detail_list_products ul li .info,.page_contact_products ul li .info {
        width:100%;
        height: auto;
        float: none;
        margin: 0 auto;
        margin-bottom: 8px;
        max-width: 230px
    }
}

.page_detail_list_products ul li .info span,.page_contact_products ul li .info span {
    display: block
}

.page_detail_list_products ul li .info .no,.page_contact_products ul li .info .no {
    font-size: 1.25em;
    padding: 6px 24px;
    text-align: left;
    font-weight: bold
}

@media screen and (max-width: 500px) {
    .page_detail_list_products ul li .info .no,.page_contact_products ul li .info .no {
        font-size:1em;
        padding: 2px 16px
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products ul li .info .no,.page_contact_products ul li .info .no {
        width:100%;
        text-align: left;
        padding: 0;
        padding-bottom: 4px
    }
}

.page_detail_list_products ul li .info .no::before,.page_contact_products ul li .info .no::before {
    content: "RICH NO.";
    font-size: .95em
}

.page_detail_list_products ul li .info .products_name,.page_contact_products ul li .info .products_name {
    display: block;
    padding: 6px 24px;
    width: calc(100% - 200px);
    box-sizing: border-box;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: left
}

@media screen and (max-width: 1430px) and (min-width:1px) {
    .page_detail_list_products ul li .info .products_name,.page_contact_products ul li .info .products_name {
        width:100%
    }
}

@media screen and (max-width: 500px) {
    .page_detail_list_products ul li .info .products_name,.page_contact_products ul li .info .products_name {
        padding:2px 16px
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products ul li .info .products_name,.page_contact_products ul li .info .products_name {
        padding:0;
        padding-bottom: 16px
    }
}

.page_detail_list_products ul li .info .products_name .name,.page_contact_products ul li .info .products_name .name {
    font-size: 1.1em;
    font-weight: normal;
    /* min-height: 48px; */
    display: block;
}

.page_detail_list_products ul li .select_quantity,.page_contact_products ul li .select_quantity {
    display: inline-block;
    position: absolute;
    bottom: 34px;
    right: 24px;
    min-width: 232px;
    z-index: 2
}

@media screen and (max-width: 1430px) and (min-width:1px) {
    .page_detail_list_products ul li .select_quantity,.page_contact_products ul li .select_quantity {
        position:relative;
        bottom: auto;
        right: auto;
        left: auto;
        margin-left: 164px
    }
}

@media screen and (max-width: 500px) {
    .page_detail_list_products ul li .select_quantity,.page_contact_products ul li .select_quantity {
        margin-left:157px
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products ul li .select_quantity,.page_contact_products ul li .select_quantity {
        margin:0 auto;
        min-width: 200px
    }
}

.select_quantity input[type="button"] {
    display: block;
    width: 48px;
    height: 48px;
    float: left
}

@media screen and (max-width: 520px) and (min-width:1px) {
    .select_quantity input[type="button"] {
        width:40px;
        height: 40px
    }
}

.select_quantity input[type="text"] {
    display: block;
    width: 72px;
    height: 48px;
    float: left;
    border: 0;
    background-color: #f5f5f5;
    box-shadow: inset #747474 1px 1px 3px;
    text-align: center;
    font-size: 1.25em;
    color: #333
}

@media screen and (max-width: 520px) and (min-width:1px) {
    .select_quantity input[type="text"] {
        height:40px
    }
}

.select_quantity .reduce,.select_quantity .increase {
    cursor: pointer;
    background-color: #ec8225;
    background-size: cover;
    border: 0
}

.select_quantity .reduce:hover,.select_quantity .increase:hover {
    opacity: .9
}

.select_quantity .increase {
    background-image: url("../images/icon/icon_increase.svg");
    border-radius: 5px 0 0 5px
}

.select_quantity .reduce {
    background-image: url("../images/icon/icon_reduce.svg");
    border-radius: 0 5px 5px 0
}

.select_quantity .delete {
    cursor: pointer;
    border: #c5c5c5 solid 1px;
    background-image: url("../images/icon/icon_delete_g.svg");
    border-radius: 5px;
    transition: all .8s ease-out;
    margin-left: 15px;
    background-position: center;
    background-size: cover
}

.select_quantity .delete:hover {
    background-color: #ec8225;
    background-image: url("../images/icon/icon_delete_w.svg")
}

.select_quantity .cart {
    cursor: pointer;
    border: #ec8225 solid 1px;
    background-image: url("../images/icon/icon_cart_w.svg");
    border-radius: 5px;
    /* transition: all .8s ease-out; */
    margin-left: 15px;
    background-color: #ec8225;
    background-position: center;
    background-size: cover
}

.select_quantity .cart:hover {
    border: #c5c5c5 solid 1px;
    background-color: white;
    background-image: url("../images/icon/icon_cart_g.svg")
}

.page_contact_products {
    padding: 0 32px;
    width: 100%;
    overflow: hidden
}

@media screen and (max-width: 490px) and (min-width:1px) {
    .page_contact_products {
        width:100%;
        padding: 0 24px
    }
}

.page_contact_products ul li {
    width: 50%;
    float: left;
    border-bottom: #979797 dashed 1px;
    padding: 34px 16px;
    box-sizing: border-box;
    position: relative
}

@media screen and (max-width: 905px) and (min-width:1px) {
    .page_contact_products ul li {
        width:100%
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_contact_products ul li {
        padding:24px 0
    }
}

.page_contact_products ul li .info {
    color: #333
}

.page_contact_products ul li .info:hover,.page_contact_products ul li .info:focus {
    color: #ec8225
}

.page_contact_products ul li .info .no {
    font-size: 1.4em;
    padding-bottom: 0
}

#contact_products_box {
    display: none;
}

#questions {
    display: block
}

.article_questions_list {
    overflow: hidden;
    padding-top: 48px;
    padding-bottom: 64px;
    display: block;
    width: 100%;
    clear: both;
    background-color: #f4f4f4;
    margin-top: 44px
}

.article_questions_list .center {
    padding: 0 32px
}

@media screen and (max-width: 500px) {
    .article_questions_list .center {
        padding:0 16px
    }
}

.article_questions_list h3 {
    display: block;
    clear: both;
    color: #56585a;
    font-size: 2.375em;
    line-height: 1.3em;
    margin-bottom: 16px
}

@media screen and (max-width: 500px) {
    .article_questions_list h3 {
        font-size:1.4em
    }
}

.form {
    clear: both
}

.progress_bar {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    font-size: 1em
}

.progress_bar>p {
    float: left;
    height: 32px;
    line-height: 32px
}

.progress_bar ul.step_bar {
    float: left;
    width: 184px;
    height: 32px;
    padding: 13px 0;
    margin-left: 8px
}

.progress_bar ul.step_bar>li {
    background-color: #d8d8d8;
    width: 25%;
    height: 6px;
    float: left
}

.progress_bar ul.step_bar>li.active {
    background-color: #ec8225
}

.questions_list li {
    position: relative;
    height: 64px;
    padding: 10px 0;
    padding-left: 26px
}

@media screen and (max-width: 500px) {
    .questions_list li {
        height:48px;
        padding-left: 20px
    }
}

.questions_list li::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    z-index: 2;
    background-color: #ec8225;
    top: 22px;
    left: 2px
}

@media screen and (max-width: 500px) {
    .questions_list li::before {
        width:6px;
        height: 6px
    }
}

.questions_list li a {
    color: #333;
    font-size: 1.5em;
    position: relative
}

@media screen and (max-width: 500px) {
    .questions_list li a {
        font-size:1.2em
    }
}

.questions_list li a::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 1px;
    background-color: #2d2d2d;
    bottom: -8px
}

@media screen and (max-width: 500px) {
    .questions_list li a::before {
        bottom:-3px
    }
}

.questions_list li a::after {
    display: block;
    content: "";
    position: absolute;
    right: -44px;
    top: 0;
    width: 36px;
    height: 36px;
    background-image: url("../images/icon/icon_more_b.svg");
    border: #2d2d2d solid 1px;
    background-position: center;
    border-radius: 50px;
    background-color: white;
    background-size: cover
}

@media screen and (max-width: 500px) {
    .questions_list li a::after {
        width:28px;
        height: 28px
    }
}

.questions_list li a:hover,.questions_list li a:focus {
    color: #ea7000
}

.questions_list li a:hover::before,.questions_list li a:focus::before {
    background-color: #ea7000
}

.questions_list li a:hover::after,.questions_list li a:focus::after {
    background-image: url("../images/icon/icon_more_w.svg");
    background-color: #ea7000;
    border-color: #ea7000
}

.questions_form .hide {
    display: none
}

.questions_form .tab_content {
    position: relative
}

.questions_form .tab_content fieldset {
    position: relative;
    clear: both;
    border: 0;
    font-size: 1.25em;
    color: #333;
    margin-bottom: 16px
}

@media screen and (max-width: 500px) {
    .questions_form .tab_content fieldset {
        font-size:1em
    }
}

.questions_form .tab_content h4 {
    font-weight: normal;
    position: relative;
    padding: 8px 0
}

.questions_form .tab_content h4 span {
    color: #ec8225;
    padding: 0 8px;
    font-size: .8em
}

.questions_form .tab_content .star::before {
    content: "*";
    color: #ec8225
}

.questions_form .tab_content h5 {
    font-size: 1em;
    font-weight: 400;
    padding: 8px 0;
    margin-top: 5px;
    padding-left: 8px
}

.questions_form .tab_content>li.hide_list {
    display: none!important;
    position: absolute;
    top: 0
}

.questions_form .fieldset_ul>li {
    display: inline-block;
    line-height: 32px;
    padding-left: 38px;
    margin: 8px;
    position: relative
}

@media screen and (max-width: 500px) {
    .questions_form .fieldset_ul>li {
        line-height:24px;
        padding-left: 30px
    }
}

.questions_form .fieldset_ul.ul1>li {
    width: calc(33.33% - 24px)
}

@media screen and (max-width: 1210px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul1>li {
        width:calc(30% - 24px)
    }

    .questions_form .fieldset_ul.ul1>li:nth-last-child(1) {
        width: calc(40% - 24px)
    }
}

@media screen and (max-width: 1005px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul1>li {
        width:calc(25% - 24px)
    }

    .questions_form .fieldset_ul.ul1>li:nth-last-child(1) {
        width: calc(75% - 24px)
    }
}

@media screen and (max-width: 787px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul1>li {
        width:calc(50% - 24px)
    }

    .questions_form .fieldset_ul.ul1>li:nth-last-child(1) {
        width: calc(100% - 24px)
    }
}

@media screen and (max-width: 470px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul1>li {
        width:calc(100% - 24px)
    }
}

.questions_form .fieldset_ul.ul2>li {
    width: calc(20% - 24px)
}

@media screen and (max-width: 1110px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul2>li {
        width:calc(25% - 24px)
    }
}

@media screen and (max-width: 930px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul2>li {
        width:calc(33.33% - 24px)
    }
}

@media screen and (max-width: 740px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul2>li {
        width:calc(50% - 24px)
    }
}

@media screen and (max-width: 470px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul2>li {
        width:calc(100% - 24px)
    }
}

.questions_form .fieldset_ul.ul3 {
    position: relative;
    display: inline-block;
    width: 100%
}

.questions_form .fieldset_ul.ul3 input {
    max-width: 198px
}

.questions_form .fieldset_ul.ul3>li {
    width: calc(25% - 16px)
}

@media screen and (max-width: 550px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul3>li {
        width:calc(33.33% - 16px)
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul3>li {
        width:calc(100% - 16px)
    }
}

.questions_form .fieldset_ul.ul3>li:nth-child(1) {
    min-width: 336px
}

.questions_form .fieldset_ul.ul3>li:nth-child(4) {
    position: absolute;
    z-index: 2
}

@media screen and (max-width: 980px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul3>li:nth-child(4) {
        left:357px;
        top: 49px
    }
}

@media screen and (max-width: 550px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul3>li:nth-child(4) {
        left:auto;
        top: auto
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul3>li:nth-child(4) {
        position:relative
    }
}

.questions_form .fieldset_ul.ul3>li:nth-last-child(1) {
    width: 100%;
    min-width: 336px
}

.questions_form .fieldset_ul.ul3>li .Others_country_text {
    max-width: 198px
}

.questions_form .fieldset_ul.ul3 .w70 {
    display: inline-block;
    width: 70px
}

.questions_form .fieldset_ul.ul5 input,.questions_form .fieldset_ul.ul4 input {
    max-width: 198px
}

.questions_form .fieldset_ul.ul5>li,.questions_form .fieldset_ul.ul4>li {
    width: calc(25% - 16px);
    float: left
}

@media screen and (max-width: 1020px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul5>li,.questions_form .fieldset_ul.ul4>li {
        width:calc(33.33% - 16px)
    }
}

@media screen and (max-width: 660px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul5>li,.questions_form .fieldset_ul.ul4>li {
        width:calc(50% - 16px)
    }
}

.questions_form .fieldset_ul.ul5 .w70,.questions_form .fieldset_ul.ul4 .w70 {
    display: inline-block;
    width: 70px
}

.questions_form .fieldset_ul.ul4>li:nth-last-child(1) {
    min-width: 336px
}

@media screen and (max-width: 470px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul4>li {
        width:calc(100% - 16px)
    }
}

.questions_form .fieldset_ul.ul6>li {
    width: calc(20% - 16px)
}

@media screen and (max-width: 1180px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul6>li {
        width:calc(33.33% - 20px)
    }
}

@media screen and (max-width: 870px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul6>li {
        width:calc(50% - 28px)
    }
}

@media screen and (max-width: 620px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul6>li {
        width:calc(100% - 28px)
    }
}

.questions_form .fieldset_ul.ul_info1>li,.questions_form .fieldset_ul.ul_info2>li,.questions_form .fieldset_ul.ul_info3>li,.questions_form .fieldset_ul.ul_info4>li {
    width: calc(25% - 24px);
    padding-left: 0;
    float: left
}

@media screen and (max-width: 1000px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul_info1>li,.questions_form .fieldset_ul.ul_info2>li,.questions_form .fieldset_ul.ul_info3>li,.questions_form .fieldset_ul.ul_info4>li {
        width:calc(33.33% - 24px)
    }
}

.questions_form .fieldset_ul.ul_info1 label,.questions_form .fieldset_ul.ul_info2 label,.questions_form .fieldset_ul.ul_info3 label,.questions_form .fieldset_ul.ul_info4 label {
    width: 100%;
    display: block
}

.questions_form .fieldset_ul.ul_info1 input[type=email],.questions_form .fieldset_ul.ul_info1 input[type=tel],.questions_form .fieldset_ul.ul_info1 input[type=text],.questions_form .fieldset_ul.ul_info2 input[type=email],.questions_form .fieldset_ul.ul_info2 input[type=tel],.questions_form .fieldset_ul.ul_info2 input[type=text],.questions_form .fieldset_ul.ul_info3 input[type=email],.questions_form .fieldset_ul.ul_info3 input[type=tel],.questions_form .fieldset_ul.ul_info3 input[type=text],.questions_form .fieldset_ul.ul_info4 input[type=email],.questions_form .fieldset_ul.ul_info4 input[type=tel],.questions_form .fieldset_ul.ul_info4 input[type=text] {
    margin: 0;
    width: 100%
}

.questions_form .fieldset_ul.ul_info1 select,.questions_form .fieldset_ul.ul_info2 select,.questions_form .fieldset_ul.ul_info3 select,.questions_form .fieldset_ul.ul_info4 select {
    float: left
}

.questions_form .fieldset_ul.ul_info1 .Messanging_Apps,.questions_form .fieldset_ul.ul_info1 .Contact_Person,.questions_form .fieldset_ul.ul_info2 .Messanging_Apps,.questions_form .fieldset_ul.ul_info2 .Contact_Person,.questions_form .fieldset_ul.ul_info3 .Messanging_Apps,.questions_form .fieldset_ul.ul_info3 .Contact_Person,.questions_form .fieldset_ul.ul_info4 .Messanging_Apps,.questions_form .fieldset_ul.ul_info4 .Contact_Person {
    width: calc(100% - 136px)!important;
    float: left;
    margin-left: 16px!important
}

.questions_form .fieldset_ul.ul_info1>li {
    width: calc(25% - 24px)
}

@media screen and (max-width: 1000px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul_info1>li {
        width:calc(50% - 24px)
    }
}

@media screen and (max-width: 620px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul_info1>li {
        width:calc(100% - 28px)
    }
}

.questions_form .fieldset_ul.ul_info1 select {
    min-width: 100%
}

.questions_form .fieldset_ul.ul_info3,.questions_form .fieldset_ul.ul_info2 {
    position: relative;
    z-index: 3
}

.questions_form .fieldset_ul.ul_info3>li,.questions_form .fieldset_ul.ul_info2>li {
    width: calc(25% - 24px)
}

@media screen and (max-width: 1000px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul_info3>li,.questions_form .fieldset_ul.ul_info2>li {
        width:calc(50% - 24px)
    }
}

@media screen and (max-width: 620px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul_info3>li,.questions_form .fieldset_ul.ul_info2>li {
        width:calc(100% - 28px)
    }
}

.questions_form .fieldset_ul.ul_info3>li {
    display: inline-block;
    float: left
}

.questions_form .fieldset_ul.ul_info4 {
    position: absolute;
    width: calc(50% - 24px);
    right: 23px;
    top: 82px;
    display: inline-block;
    z-index: 4;
}

@media screen and (max-width: 1000px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul_info4 {
        width: 100%;
        position:relative;
        right: auto;
        top: auto;
    }
}

.questions_form .fieldset_ul.ul_info4>li {
    width: 100%;
    float: right
}

@media screen and (max-width: 1000px) and (min-width:1px) {
    .questions_form .fieldset_ul.ul_info4>li {
        width:calc(100% - 28px);
        float: left
    }
}

.questions_form .fieldset_ul.ul_info4 textarea {
    height: 117px;
    max-width: 670px;
    position: relative;
    z-index: 4;
    padding: 6px;
    padding-top: 4px;
    font-size: 1.05em;
    line-height: 1.6em;
    font-family: 'Open Sans',Helvetica,"Microsoft Sans Serif","Helvetica","Geneva","sans-serif";
}

.questions_form .fieldset_ul .Others_country_text,.questions_form .fieldset_ul .Europe_text {
    width: calc(100% - 100px);
    margin: 0
}

.questions_form .fieldset_ul .business_Others_text,.questions_form .fieldset_ul .supplier_Others_text {
    margin: 0;
    width: calc(100% - 70px)
}

.questions_form select {
    height: 34px;
    border: #979797 solid 1px;
    border-radius: 5px;
    font-size: 1.05em;
    max-width: 274px;
    color: #333;
    min-width: 120px;
    width: 120px
}

@media screen and (max-width: 530px) and (min-width:1px) {
    .questions_form select {
        max-width:auto
    }
}

.questions_form input[type=checkbox],.questions_form input[type=radio] {
    position: absolute;
    transform: scale(2.8);
    left: 10px;
    margin-top: 9px;
    z-index: 2;
    opacity: 0;
    cursor: pointer
}

.questions_form input[type=email],.questions_form input[type=tel],.questions_form input[type=text] {
    line-height: 32px;
    height: 33px;
    border: 0;
    outline: 0;
    border: #979797 solid 1px;
    border-radius: 5px;
    padding: 0 8px;
    font-size: 1.05em
}

.questions_form textarea {
    height: 144px;
    width: 100%;
    padding: 16px;
    border: 0;
    outline: 0;
    padding-left: 16px;
    background-color: #FFF;
    border: #979797 solid 1px;
    border-radius: 5px
}

.questions_form label span {
    display: inline-block;
    padding-left: 26px;
    line-height: 20px;
    user-select: none;
    position: relative;
    padding-left: 32px;
    height: 32px;
    line-height: 24px;
    word-break: keep-all;
    cursor: pointer;
    position: absolute;
    left: 0;
    z-index: 1;
}

@media screen and (max-width: 500px) {
    .questions_form label span {
        font-size:1.1em;
        margin: 2px 0;
        padding-left: 24px;
        height: 24px
    }
}

.questions_form label span::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    background-color: #FFF;
    border: #979797 solid 1px;
    border-radius: 5px;
    cursor: pointer
}

@media screen and (max-width: 500px) {
    .questions_form label span::before {
        width:24px;
        height: 24px
    }
}

.questions_form label span.radio::before {
    border-radius: 100px
}

.questions_form label.selected span input[type=checkbox].selected+span::before,.questions_form input[type=checkbox]:checked+span::before,.questions_form input[type=radio].selected+span::before,.questions_form input[type=radio]:checked+span::before {
    background-color: #ff9336
}

.questions_form input[type=checkbox].selected+label+span::before,.questions_form input[type=checkbox]:checked+label+span::before,.questions_form input[type=radio].selected+label+span::before,.questions_form input[type=radio]:checked+label+span::before {
    background-color: #ff9336
}

.questions_form .btn.tabs {
    margin-top: 24px;
    text-align: center;
    width: 100%;
    height: 56px
}

.questions_form .btn.tabs>li {
    display: inline-block;
    padding: 0 5%;
    width: 50%;
    float: left
}

@media screen and (max-width: 800px) {
    .questions_form .btn.tabs>li {
        padding:0 16px
    }
}

@media screen and (max-width: 500px) {
    .questions_form .btn.tabs>li {
        padding:0 8px
    }
}

.questions_form .prev,.questions_form .next {
    width: 100%;
    height: 56px;
    display: block;
    text-align: center;
    line-height: 56px;
    border-radius: 100px;
    font-size: 1.25em;
    color: white;
    font-weight: 400;
    letter-spacing: 2px;
    padding: 0 5%;
    max-width: 390px
}

@media screen and (max-width: 500px) {
    .questions_form .prev,.questions_form .next {
        font-size:1em
    }
}

.questions_form .prev:hover,.questions_form .prev:focus,.questions_form .next:hover,.questions_form .next:focus {
    opacity: .7;
    animation: btn_pluse_effect 1200ms linear 2 alternate
}

.questions_form .prev span,.questions_form .next span {
    position: relative
}

.questions_form .prev span::before,.questions_form .next span::before {
    display: block;
    content: "";
    position: absolute;
    background-image: url("../images/icon/icon_arrow_ow.svg");
    background-size: contain;
    width: 13px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    top: 0
}

@media screen and (max-width: 500px) {
    .questions_form .prev span::before,.questions_form .next span::before {
        width:7px;
        height: 23px
    }
}

.questions_form .prev {
    background-color: #aaa;
    float: right
}

.questions_form .prev span {
    padding-left: 32px
}

@media screen and (max-width: 500px) {
    .questions_form .prev span {
        padding-left:14px
    }
}

.questions_form .prev span::before {
    left: 0;
    transform: rotateZ(180deg)
}

.questions_form .next {
    background-color: #ec8225;
    float: left
}

.questions_form .next span {
    padding-right: 32px
}

@media screen and (max-width: 500px) {
    .questions_form .next span {
        padding-right:14px
    }
}

.questions_form .next span::before {
    right: 0
}

@keyframes btn_pluse_effect {
    0% {
        transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }

    1.8% {
        transform: matrix3d(1.016,0,0,0,0,1.037,0,0,0,0,1,0,0,0,0,1)
    }

    3.5% {
        transform: matrix3d(1.033,0,0,0,0,1.094,0,0,0,0,1,0,0,0,0,1)
    }

    4.7% {
        transform: matrix3d(1.045,0,0,0,0,1.129,0,0,0,0,1,0,0,0,0,1)
    }

    5.31% {
        transform: matrix3d(1.051,0,0,0,0,1.142,0,0,0,0,1,0,0,0,0,1)
    }

    7.01% {
        transform: matrix3d(1.068,0,0,0,0,1.158,0,0,0,0,1,0,0,0,0,1)
    }

    8.91% {
        transform: matrix3d(1.084,0,0,0,0,1.141,0,0,0,0,1,0,0,0,0,1)
    }

    9.41% {
        transform: matrix3d(1.088,0,0,0,0,1.132,0,0,0,0,1,0,0,0,0,1)
    }

    10.71% {
        transform: matrix3d(1.097,0,0,0,0,1.107,0,0,0,0,1,0,0,0,0,1)
    }

    12.61% {
        transform: matrix3d(1.108,0,0,0,0,1.077,0,0,0,0,1,0,0,0,0,1)
    }

    14.11% {
        transform: matrix3d(1.114,0,0,0,0,1.067,0,0,0,0,1,0,0,0,0,1)
    }

    14.41% {
        transform: matrix3d(1.115,0,0,0,0,1.067,0,0,0,0,1,0,0,0,0,1)
    }

    16.32% {
        transform: matrix3d(1.119,0,0,0,0,1.077,0,0,0,0,1,0,0,0,0,1)
    }

    18.12% {
        transform: matrix3d(1.121,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1)
    }

    18.72% {
        transform: matrix3d(1.121,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1)
    }

    20.02% {
        transform: matrix3d(1.121,0,0,0,0,1.113,0,0,0,0,1,0,0,0,0,1)
    }

    21.82% {
        transform: matrix3d(1.119,0,0,0,0,1.119,0,0,0,0,1,0,0,0,0,1)
    }

    24.32% {
        transform: matrix3d(1.115,0,0,0,0,1.11,0,0,0,0,1,0,0,0,0,1)
    }

    25.53% {
        transform: matrix3d(1.113,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1)
    }

    29.23% {
        transform: matrix3d(1.106,0,0,0,0,1.089,0,0,0,0,1,0,0,0,0,1)
    }

    29.93% {
        transform: matrix3d(1.105,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1)
    }

    35.54% {
        transform: matrix3d(1.098,0,0,0,0,1.105,0,0,0,0,1,0,0,0,0,1)
    }

    36.64% {
        transform: matrix3d(1.097,0,0,0,0,1.106,0,0,0,0,1,0,0,0,0,1)
    }

    41.04% {
        transform: matrix3d(1.096,0,0,0,0,1.099,0,0,0,0,1,0,0,0,0,1)
    }

    44.04% {
        transform: matrix3d(1.096,0,0,0,0,1.097,0,0,0,0,1,0,0,0,0,1)
    }

    51.45% {
        transform: matrix3d(1.099,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1)
    }

    52.15% {
        transform: matrix3d(1.099,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1)
    }

    58.86% {
        transform: matrix3d(1.101,0,0,0,0,1.099,0,0,0,0,1,0,0,0,0,1)
    }

    63.26% {
        transform: matrix3d(1.101,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)
    }

    66.27% {
        transform: matrix3d(1.101,0,0,0,0,1.101,0,0,0,0,1,0,0,0,0,1)
    }

    73.77% {
        transform: matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)
    }

    81.18% {
        transform: matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)
    }

    85.49% {
        transform: matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)
    }

    88.59% {
        transform: matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)
    }

    96% {
        transform: matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)
    }

    100% {
        transform: matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)
    }
}

.bg_engine_parts {
    background-image: url("../images/products/bg_products_big1.jpg")
}

.bg_chassis_parts {
    background-image: url("../images/products/bg_products_big2.jpg")
}

.bg_body_parts {
    background-image: url("../images/products/bg_products_big3.jpg")
}

.bg_accessory {
    background-image: url("../images/products/bg_products_big4.jpg")
}

.products_brand {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden
}

@media screen and (max-width: 800px) {
    .products_brand {
        height:auto
    }
}

.products_brand::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7)
}

.products_brand .center {
    position: relative;
    z-index: 2;
    padding: 0 34px;
    padding-top: 142px;
    display: block;
    align-items: center;
    height: 100%;
    min-height: calc(100vh - 142px)
}

@media screen and (max-width: 800px) {
    .products_brand .center {
        height:auto;
        padding-top: 104px;
        min-height: calc(100vh - 355px);
    }
}

@media screen and (max-width: 500px) {
    .products_brand .center {
        padding:0 16px;
        padding-top: 104px
    }
}

.products_brand .bread_crumbs {
    position: absolute;
    width: 100%;
    top: 94px;
    padding: 0;
    z-index: 2
}

@media screen and (max-width: 800px) {
    .products_brand .bread_crumbs {
        padding:0;
        left: 36px;
        top: 68px
    }
}

@media screen and (max-width: 500px) {
    .products_brand .bread_crumbs {
        font-size:.8em;
        left: 12px
    }
}

.products_brand .bread_crumbs li {
    color: white
}

.products_brand .bread_crumbs li a {
    color: white
}

.products_brand .bread_crumbs li a:hover,.products_brand .bread_crumbs li a:focus {
    color: #ec8225
}

.products_brand .list {
    padding-top: 0;
    width: 100%;
    position: relative;
    overflow: hidden
}

.products_brand .list ol {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex
}

@media screen and (max-width: 500px) {
    .products_brand .list ol {
        display:none
    }
}

.products_brand .list ol>li {
    position: relative;
    width: 33.33%;
    padding-right: 16px
}

@media screen and (max-width: 800px) {
    .products_brand .list ol>li {
        width:50%
    }
}

.products_brand .list ol>li .bar {
    position: absolute;
    z-index: 2;
    top: 56px;
    right: 16px;
    width: 4px;
    height: 50%;
    animation: move_UpDown 1.71s infinite linear;
    border-radius: 20px
}

@media screen and (max-width: 800px) {
    .products_brand .list ol>li .bar {
        width:3px
    }
}

.products_brand .list ol>li .bar::before {
    content: "";
    position: absolute;
    bottom: -20%;
    width: 4px;
    height: 20%;
    background-color: #fff000;
    box-shadow: rgba(255,255,255,0.8) 1px 1px 10px,rgba(255,255,255,0.6) 2px 2px 6px,rgba(255,255,0,0.2) 1px 1px 2px;
    border-radius: 20px
}

@media screen and (max-width: 800px) {
    .products_brand .list ol>li .bar::before {
        width:3px
    }
}

.products_brand .list ol>li .bar::after {
    content: "";
    position: absolute;
    top: 56px;
    right: 0;
    width: 4px;
    height: 80%;
    background: linear-gradient(0deg,#fff000 0,rgba(255,240,0,0) 100%);
    z-index: 2;
    border-radius: 20px
}

@media screen and (max-width: 800px) {
    .products_brand .list ol>li .bar::after {
        width:3px
    }
}

.products_brand .list ol>li::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 16px;
    width: 4px;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    border-radius: 20px
}

@media screen and (max-width: 800px) {
    .products_brand .list ol>li:nth-child(2) {
        display:none
    }
}

.products_brand .list ol>li:nth-child(2) .bar {
    animation-delay: 1s
}

.products_brand .list ul {
    float: left;
    width: 100%;
    display: flex;
    height: 620px;
    max-width: 1392px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start
}

@media screen and (max-width: 800px) {
    .products_brand .list ul {
        height:auto;
        display: block
    }
}

.products_brand .list ul.brand_title {
    width: 33.33%
}

.products_brand .list ul h3 {
    text-transform: uppercase;
    font-size: 2em;
    color: white;
    padding-bottom: 24px;
    padding-right: 24px
}

@media screen and (max-width: 800px) {
    .products_brand .list ul h3 {
        font-size:1.6em
    }
}

.products_brand .list ul>li {
    width: 33.33%;
    padding: 4px 3%
}

@media screen and (max-width: 1030px) {
    .products_brand .list ul>li {
        width:50%;
        padding: 4px 0;
        float: left
    }
}

@media screen and (max-width: 500px) {
    .products_brand .list ul>li {
        width:100%
    }
}

.products_brand .list ul>li a {
    text-transform: capitalize;
    color: white;
    font-size: 1.5em;
    line-height: 1.6em;
    position: relative;
    padding: 4px 0;
    padding-left: 28px;
    position: relative;
    letter-spacing: 1px;
    display: block;
}

@media screen and (max-width: 800px) {
    .products_brand .list ul>li a {
        font-size: 1.2em;
        
        line-height: 1.4em;
    }
}

.products_brand .list ul>li a:hover,.products_brand .list ul>li a:focus {
    color: #ec8225
}

.products_brand .list ul>li a::before {
    content: "";
    position: absolute;
    left: 0;
    width: 16px;
    height: 4px;
    background-color: #ec8225
}

@media screen and (max-width: 800px) {
    .products_brand .list.brand_list>ol {
        display:none
    }
}

.products_brand .list.brand_list>ul {
    display: block;
    width: 33.33%
}

@media screen and (max-width: 800px) {
    .products_brand .list.brand_list>ul {
        width:100%;
        margin-bottom: 32px
    }
}

.products_brand .list.brand_list>ul>li {
    width: 100%
}

@media screen and (max-width: 800px) {
    .products_brand .list.brand_list>ul>li {
        width:50%
    }
}

@media screen and (max-width: 500px) {
    .products_brand .list.brand_list>ul>li {
        width:100%
    }
}

.products_brand .list.brand_list>ul>li a {
    padding-top: 24px
}

.products_brand .list.brand_list>ul>li a::after {
    content: "Suitablt to";
    position: absolute;
    top: 0px;
    font-size: .4em;
    width: 100%;
    left: 29px;
    letter-spacing: 0;
    white-space: nowrap;
}

.products_brand .brand_name h2 {
    text-transform: uppercase;
    font-size: 3em;
    color: white;
    letter-spacing: 1px;
    margin: 64px 0 24px 0;
    font-weight: 600
}

@media screen and (max-width: 800px) {
    .products_brand .brand_name h2 {
        margin:48px 0 24px 0
    }
}

@media screen and (max-width: 500px) {
    .products_brand .brand_name h2 {
        margin:32px 0 24px 0;
        font-size: 1.6em
    }
}

@keyframes move_UpDown {
    0% {
        transform: translateY(-50vh)
    }

    100% {
        transform: translateY(100vh)
    }
}

.products_detail_list {
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center
}

.products_detail_list.body_parts_detail_list::before {
    display: none
}

.products_detail_list.body_parts_detail_list .page_detail_list_products {
    background-color: transparent;
    color: white;
    padding-bottom: 48px
}

.products_detail_list.body_parts_detail_list .page_detail_list_products .show_select {
    bottom: 48px
}

.products_detail_list.body_parts_detail_list ul.products_show {
    padding-top: 0
}

.products_detail_list.body_parts_detail_list ul.products_show>li {
    margin: 0
}

.products_detail_list.body_parts_detail_list ul.products_show>li a {
    color: white
}

.products_detail_list.body_parts_detail_list .bread_crumbs {
    width: 100vh
}

.products_detail_list::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 50%;
    height: 100%;
    right: 0;
    background-color: white
}

@media screen and (max-width: 1090px) and (min-width:1px) {
    .products_detail_list::before {
        display:none
    }
}

.products_detail_list::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7)
}

.products_detail_list .center {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: inline-block;
    margin: 0 auto;
    text-align: left
}

.products_detail_list .bread_crumbs {
    padding-top: 94px
}

.products_detail_list .bread_crumbs li {
    color: white
}

.products_detail_list .bread_crumbs a {
    color: white
}

.products_detail_list.bg_engine_parts {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center
}

.products_detail_list .page_title.only_title {
    width: 100%;
    clear: both;
    margin-top: -5px
}

@media screen and (max-width: 1030px) and (min-width:1px) {
    .products_detail_list .page_title.only_title {
        height:86px
    }
}

.block_brand {
    width: 26%;
    float: left
}

@media screen and (max-width: 1400px) and (min-width:1301px) {
    .block_brand {
        width:22%
    }
}

@media screen and (max-width: 1090px) and (min-width:1px) {
    .block_brand {
        width:100%
    }
}

.block_brand h3,.block_brand h1 {
    position: absolute;
    bottom: 40px;
    color: white;
    font-size: 1.8em;
    text-align: left;
    left: 32px;
    font-weight: 600
}

@media screen and (max-width: 1400px) and (min-width:1px) {
    .block_brand h3,.block_brand h1 {
        font-size:1.2em
    }
}

@media screen and (max-width: 1090px) and (min-width:1px) {
    .block_brand h3,.block_brand h1 {
        bottom:auto;
        position: relative;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 500px) {
    .block_brand h3,.block_brand h1 {
        left:16px
    }
}

.block_brand h3.no_sub::after,.block_brand h1.no_sub::after {
    display: none
}

.block_brand h3::after,.block_brand h1::after {
    content: "Suitablt to";
    position: absolute;
    top: -18px;
    font-size: .4em;
    width: 100%;
    left: 3px;
    letter-spacing: 0;
    font-weight: 400;
    white-space: nowrap;
}

.page_detail_list_products {
    width: 74%;
    float: left;
    background-color: #fff;
    padding: 0 32px;
    padding-top: 150px
}

@media screen and (max-width: 1400px) and (min-width:1301px) {
    .page_detail_list_products {
        width:78%
    }
}

@media screen and (max-width: 1090px) and (min-width:1px) {
    .page_detail_list_products {
        width:100%;
        padding-top: 48px;
        position: relative
    }
}

@media screen and (max-width: 500px) {
    .page_detail_list_products {
        padding:0 16px;
        padding-top: 24px
    }
}

.page_detail_list_products .figure {
    padding: 24px 0
}

.page_detail_list_products .figure img {
    width: 100%;
    max-width: 880px
}

.page_detail_list_products .figure .figcaption {
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 32px
}

.page_detail_list_products ol.change_display {
    position: absolute;
    right: 32px;
    top: 129px
}

@media screen and (max-width: 1090px) and (min-width:1px) {
    .page_detail_list_products ol.change_display {
        top:32px
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products ol.change_display {
        display:none
    }
}

.page_detail_list_products ol.change_display>li {
    display: inline-block;
    padding: 0 8px
}

.page_detail_list_products ol.change_display .display_block,.page_detail_list_products ol.change_display .display_list {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 5px;
    background-image: url("../images/icon/icon_display_block_g.svg");
    border: #979797 solid 1px;
    background-color: white;
    background-position: center
}

.page_detail_list_products ol.change_display .display_block.active,.page_detail_list_products ol.change_display .display_block:hover,.page_detail_list_products ol.change_display .display_block:focus,.page_detail_list_products ol.change_display .display_list.active,.page_detail_list_products ol.change_display .display_list:hover,.page_detail_list_products ol.change_display .display_list:focus {
    border: #ec8225 solid 1px;
    background-color: #ec8225;
    background-image: url("../images/icon/icon_display_block_w.svg")
}

.page_detail_list_products ol.change_display .display_list {
    background-image: url("../images/icon/icon_display_list_g.svg")
}

.page_detail_list_products ol.change_display .display_list.active,.page_detail_list_products ol.change_display .display_list:hover,.page_detail_list_products ol.change_display .display_list:focus {
    background-image: url("../images/icon/icon_display_list_w.svg")
}

.page_detail_list_products ul.products_show {
    padding-top: 40px;
    display: inline-block;
    width: 100%;
    margin-bottom: 48px;
    min-height: 289px;
}
@media screen and (max-width: 500px) and (min-width:1px) {
    .page_detail_list_products ul.products_show {
        min-height: 72px;
    }
}
.page_detail_list_products ul.products_show.show_list>li {
    width: 100%;
    height: 204px;
    border-bottom: #979797 dashed 1px;
    box-sizing: border-box;
    padding: 32px;
    margin: 0;
    position: relative
}

@media screen and (max-width: 740px) and (min-width:1px) {
    .page_detail_list_products ul.products_show.show_list>li {
        height:auto;
        text-align: center
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products ul.products_show.show_list>li {
        width:100%;
        padding: 0;
        margin: 24px 0;
        padding-bottom: 32px
    }
}

.page_detail_list_products ul.products_show.show_list>li .img {
    width: 140px;
    height: 140px;
    float: left
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products ul.products_show.show_list>li .img {
        max-width:230px;
        width: auto;
        height: auto;
        float: inherit;
    }
}

.page_detail_list_products ul.products_show.show_list>li .info {
    float: left;
    margin-left: 16px;
    max-width: calc(100% - 400px)
}

@media screen and (max-width: 800px) {
    .page_detail_list_products ul.products_show.show_list>li .info {
        max-width:calc(100% - 160px)!important;
        text-align: left;
    }
}

.page_detail_list_products ul.products_show.show_list>li .info .no {
    font-size: 1.4em
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products ul.products_show.show_list>li .info {
        margin:0;
        max-width: 100%!important;
        text-align: center;
    }
}

.page_detail_list_products ul.products_show.show_list>li .select_quantity {
    position: absolute;
    text-align: right;
    bottom: 32px;
    right: 32px;
    width: calc(100% - 220px);
    justify-content: right;
}

@media screen and (max-width: 740px) and (min-width:1px) {
    .page_detail_list_products ul.products_show.show_list>li .select_quantity {
        position:relative;
        text-align: left;
        bottom: auto;
        right: auto;
        margin: 0;
        display: inline-block;
        clear: both;
        left: 156px;
        margin-left: 0px;
        width: auto;
        float: left
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products ul.products_show.show_list>li .select_quantity {
        float:none;
        margin: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        left: 0;
    }
}

.page_detail_list_products ul.products_show.show_block>li {
    width: 25%;
    float: left
}
.page_detail_list_products ul.products_show.show_block>li:nth-child(4n+1) {
    clear: both;
}
@media screen and (max-width: 1300px) and (min-width:1px) {
    .page_detail_list_products ul.products_show.show_block>li {
        width:33.33%
    }
    .page_detail_list_products ul.products_show.show_block>li:nth-child(4n+1) {
        clear: initial;
    }
    .page_detail_list_products ul.products_show.show_block>li:nth-child(3n+1) {
        clear: both;
    }
}

@media screen and (max-width: 810px) and (min-width:1px) {
    .page_detail_list_products ul.products_show.show_block>li {
        width:50%
    }
    .page_detail_list_products ul.products_show.show_block>li:nth-child(3n+1) {
        clear: initial;
    }
    .page_detail_list_products ul.products_show.show_block>li:nth-child(2n+1) {
        clear: both;
    }
}

@media screen and (max-width: 540px) and (min-width:1px) {
    .page_detail_list_products ul.products_show.show_block>li {
        width:100%;
        clear: both;
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products ul.products_show.show_block>li {
        padding-bottom:12px;
        padding-top: 16px;
        border-bottom: #979797 dashed 1px
    }

    .page_detail_list_products ul.products_show.show_block>li .products_name {
        height: auto!important;
        padding: 0!important
    }
}

.page_detail_list_products ul.products_show.show_block>li .img {
    width: 230px;
    height: auto;
    /* float: inherit; */
}

.page_detail_list_products ul.products_show>li {
    display: block;
    border-bottom: 0;
    text-align: center;
    padding: 0;
    margin: 24px 0
}

.page_detail_list_products ul.products_show>li a {
    color: #333;
    width: 100%
}

@media screen and (max-width: 740px) and (min-width:1px) {
    .page_detail_list_products ul.products_show>li a {
        width:auto;
        display: inline-block;
        margin: 0 auto
    }
}

@media screen and (max-width: 420px) and (min-width:1px) {
    .page_detail_list_products ul.products_show>li a {
        width:230px
    }
}

.page_detail_list_products ul.products_show>li a:hover,.page_detail_list_products ul.products_show>li a:focus {
    color: #ec8225
}

.page_detail_list_products ul.products_show>li a:hover img,.page_detail_list_products ul.products_show>li a:focus img {
    transform: scale(1.2)
}

.page_detail_list_products ul.products_show>li .img {
    display: block;
    margin: 0 auto;
    float: none;
    margin-bottom: 4px;
    overflow: hidden
}

.page_detail_list_products ul.products_show>li .img img {
    width: 100%;
    transition: all .8s ease-out
}

.page_detail_list_products ul.products_show>li .info {
    width: 100%;
    float: none;
    height: auto;
    max-width: 230px;
    margin: 0 auto;
    padding-bottom: 8px
}

.page_detail_list_products ul.products_show>li .info .no {
    width: 100%;
    text-align: left;
    padding: 0;
    padding-bottom: 4px
}

.page_detail_list_products ul.products_show>li .info .products_name {
    width: 100%;
    text-align: left;
    padding: 0;
    padding-bottom: 32px;
    overflow: visible
}

@media screen and (max-width: 1400px) and (min-width:1px) {
    .page_detail_list_products ul.products_show>li .info .products_name {
        padding-bottom: 8px;
        /* height: auto!important; */
    }
}

.page_detail_list_products ul.products_show>li .select_quantity {
    display: flex;
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 48px;
    justify-content: center;
    margin: 0
}

.page_detail_list_products ul.products_show>li .select_quantity form {
    margin: 0 auto;
    display: inline-block
}
.show_select {
    display: none;
}
.page_detail_list_products .show_select {
    float: right;
    display: block;
    position: absolute;
    bottom: 0;
    margin-left: 16px;
    z-index: 3;
}

@media screen and (max-width: 630px) and (min-width:1px) {
    .page_detail_list_products .show_select {
        position:relative;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 16px;
        float: none;
        bottom: auto!important;
        padding-top: 16px
    }
}

.page_detail_list_products .show_select select {
    height: 48px;
    min-width: 48px;
    border-radius: 10px;
    color: #2d2d2d;
    font-size: 1.125em;
    text-align: center;
    margin-left: 8px
}

.page_products_detail .article {
    padding: 0 36px
}

@media screen and (max-width: 500px) and (min-width:1px) {
    .page_products_detail .article {
        padding:0 24px
    }
}

.page_products_detail .block_products_detail {
    position: relative;
    display: block;
    max-width: 1170px;
    margin: 0 auto
}

.page_products_detail .block_products_detail .img {
    width: 40%;
    float: left;
    margin-bottom: 88px;
    min-height: 472.5px;
}
.page_products_detail .block_products_detail .img a{
    display: inline-block;
}
@media screen and (max-width: 1150px) and (min-width:1px) {
    .page_products_detail .block_products_detail .img {
        min-height: auto;
    }
}
@media screen and (max-width: 768px) and (min-width:1px) {
    .page_products_detail .block_products_detail .img {
        min-height: 282.898px;
    }
}
@media screen and (max-width: 760px) and (min-width:1px) {
    .page_products_detail .block_products_detail .img {
        min-height: auto;
    }
}
@media screen and (max-width: 500px) and (min-width:1px) {
    .page_products_detail .block_products_detail .img {
        width:100%;
        margin-bottom: 0;
        height: auto!important
    }
}

.page_products_detail .block_products_detail .img img {
    width: 100%;
    max-width: 480px
}

.page_products_detail .block_products_detail .info {
    position: relative;
    width: 60%;
    height: 100%;
    float: left;
    padding-left: 32px
}

@media screen and (max-width: 500px) and (min-width:1px) {
    .page_products_detail .block_products_detail .info {
        width:100%;
        height: auto!important;
        padding: 0;
        padding-top: 32px;
        padding-bottom: 32px;
        font-size: 0.9em;
    }
}

.page_products_detail .block_products_detail .info .no {
    text-align: left;
    font-size: 1.25em;
    padding: 6px 0
}

.page_products_detail .block_products_detail .info .no::before {
    content: "RICH NO."
}

.page_products_detail .block_products_detail .info .ref {
    font-size: 1.25em;
    padding: 6px 0;
    font-weight: lighter
}

.page_products_detail .block_products_detail .info .ref::before {
    content: "OE REF.："
}

@media screen and (max-width: 600px) and (min-width:1px) {
    .page_products_detail .block_products_detail .info .ref {
        position:relative;
        bottom: auto
    }
}

.page_products_detail .block_products_detail .info .products_name {
    text-align: left;
    display: block;
    padding: 6px 0;
    width: calc(100% - 200px);
    box-sizing: border-box
}

@media screen and (max-width: 800px) {
    .page_products_detail .block_products_detail .info .products_name {
        width:auto
    }
}

.page_products_detail .block_products_detail .info .products_name .name {
    font-size: 1.5em
}

.page_products_detail .block_products_detail .info .select_quantity {
    position: relative;
    bottom: 3spx;
    margin-top: 10px;
}

@media screen and (max-width: 600px) and (min-width:1px) {
    .page_products_detail .block_products_detail .info .select_quantity {
        position:relative;
        bottom: auto;
        margin-top: 8px
    }
}

#product_content {
    display: block;
    width: 100%;
    clear: both;
    background-color: #f4f4f4;
    padding: 32px;
    margin-bottom: 88px
}

@media screen and (max-width: 500px) and (min-width:1px) {
    #product_content {
        margin-bottom:40px;
        padding: 24px
    }
}

#product_content h3 {
    font-size: 2.375em;
    color: #56585a
}

@media screen and (max-width: 1110px) and (min-width:1px) {
    #product_content h3 {
        font-size:2em
    }
}

@media screen and (max-width: 800px) {
    #product_content h3 {
        font-size:1.8em;
        margin-bottom: 4px
    }
}

@media screen and (max-width: 500px) and (min-width:1px) {
    #product_content h3 {
        font-size:1.4em
    }
}

#product_content ul{
    display: flex;
    flex-wrap: wrap;
}

#product_content ul li {
    width: 33.33%;
    /*flex-grow: 1;*/
    /*float: left;*/
    font-size: 1em;
    line-height: 1.4em;
    font-weight: lighter;
    margin-bottom: 24px;
    box-sizing: border-box;
    padding: 0 12px;
}
@media screen and (max-width: 500px) and (min-width:1px) {
    #product_content ul li {
        margin-bottom: 8px;
    }
}
@media screen and (max-width: 1110px) and (min-width:1px) {
    #product_content ul li {
        font-size:1.4em
    }
}

@media screen and (max-width: 950px) and (min-width:1px) {
    #product_content ul li {
        width:50%
    }
}

@media screen and (max-width: 800px) {
    #product_content ul li {
        font-size:1.1em;
        line-height: 1.8em
    }
}

@media screen and (max-width: 500px) and (min-width:1px) {
    #product_content ul li {
        width:100%;
        font-size: 1em;
        line-height: 1.6em;
    }
}

#product_content ul li b {
    display: block;
    font-size: 1.25em
}
@media screen and (max-width: 500px) and (min-width:1px) {
    #product_content ul li b{
        font-size: 1em;
        line-height: 1.6em;
    }
}
.page_products_detail .interested {
    padding: 88px 0;
    background-color: #f4f4f4
}

@media screen and (max-width: 500px) and (min-width:1px) {
    .page_products_detail .interested {
        padding:40px 0
    }
}

.page_products_detail .interested .center {
    padding: 0 24px
}

@media screen and (max-width: 500px) and (min-width:1px) {
    .page_products_detail .interested .center {
        padding:0 20px
    }
}

.page_products_detail .interested .center h3 {
    font-size: 2.375em;
    color: #56585a;
    margin-bottom: 64px;
    padding: 0 12px
}

@media screen and (max-width: 800px) {
    .page_products_detail .interested .center h3 {
        font-size:1.8em;
        margin-bottom: 32px
    }
}

@media screen and (max-width: 500px) and (min-width:1px) {
    .page_products_detail .interested .center h3 {
        font-size:1.4em
    }
}

.page_products_detail .interested .center ul li {
    width: 16.66666%;
    float: left;
    padding: 0 12px;
    box-sizing: border-box;
    text-align: center
}

@media screen and (max-width: 1240px) and (min-width:1px) {
    .page_products_detail .interested .center ul li {
        width:33.33%
    }
}

@media screen and (max-width: 630px) and (min-width:1px) {
    .page_products_detail .interested .center ul li {
        width:50%;
        padding: 0 4px
    }
}

@media screen and (max-width: 400px) and (min-width:1px) {
    .page_products_detail .interested .center ul li:nth-last-child(1),.page_products_detail .interested .center ul li:nth-last-child(2) {
        display:none
    }
}

.page_products_detail .interested .center ul li a {
    color: #333;
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 48px
}

@media screen and (max-width: 500px) and (min-width:1px) {
    .page_products_detail .interested .center ul li a {
        width:100%;
        font-size: 0.9em;
    }
}

.page_products_detail .interested .center ul li a:hover,.page_products_detail .interested .center ul li a:focus {
    color: #ec8225
}

.page_products_detail .interested .center ul li a:hover img,.page_products_detail .interested .center ul li a:focus img {
    transform: scale(1.2)
}

.page_products_detail .interested .center .img {
    width: 100%;
    max-width: 230px;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 8px
}

.page_products_detail .interested .center .img img {
    transition: all .8s ease-out;
    width: 100%;
    min-height: 198px;
}
@media screen and (max-width: 500px) and (min-width:1px) {
    .page_products_detail .interested .center .info{
        padding: 0 8px;
    }
}
.page_products_detail .interested .center .info .no {
    display: block;
    font-size: 1.2em;
    padding: 0;
    text-align: left;
    font-weight: bold
}

.page_products_detail .interested .center .info .no::before {
    content: "RICH NO."
}

@media screen and (max-width: 400px) and (min-width:1px) {
    .page_products_detail .interested .center .info .no::before {
        position:absolute;
        top: 0
    }
}

@media screen and (max-width: 400px) and (min-width:1px) {
    .page_products_detail .interested .center .info .no {
        padding-top:22px;
        position: relative
    }
}

.page_products_detail .interested .center .info .products_name {
    display: block;
    text-align: left;
    font-size: 1em;
    font-weight: 400;
    padding: 0
}

.page_products_detail .interested .center .info .products_name b {
    font-weight: normal
}

.page_banner {
    position: relative;
    overflow: hidden
}

.page_banner .figure {
    display: flex;
    align-items: center;
    justify-content: center
}

.page_banner .figure .img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: calc(100vh - 101px)
}

@media screen and (max-width: 800px) {
    .page_banner .figure .img {
        height:auto;
        max-height: 320px
    }
}

.page_banner .figure .img img {
    width: 100%;
    width: 100vw;
    object-fit: cover;
    height: calc(100vh - 101px)
}

@media screen and (max-width: 700px) and (min-width:1px) {
    .page_banner .figure .img img {
        width:auto;
        height: 300px
    }
}

@media screen and (max-width: 800px) {
    .page_banner .figure .img img {
        max-height:320px
    }
}

.page_banner .figcaption {
    width: 100%;
    z-index: 1
}

.page_banner .figcaption .center {
    padding: 0 32px
}

@media screen and (max-width: 500px) {
    .page_banner .figcaption .center {
        padding:0 16px
    }
}

.page_banner .figcaption h2 {
    font-size: 3em;
    color: #ec8225;
    max-width: 540px
}

@media screen and (max-width: 1288px) and (min-width:1px) {
    .page_banner .figcaption h2 {
        font-size:2em;
        max-width: 350px
    }
}

@media screen and (max-width: 800px) {
    .page_banner .figcaption h2 {
        font-size:1.2em
    }
}

@media screen and (max-width: 500px) {
    .page_banner .figcaption h2 {
        max-width:180px;
        margin-top: -30px
    }
}

.page_title_wrap {
    display: block;
    width: 100%;
    height: 101px;
    height: auto;
}

@media screen and (max-width: 944px) and (min-width:1px) {
    .page_title_wrap {
        height:auto
    }
}

.page_title0.fixed {
    position: relative!important
}

.page_title0,.page_title2,.page_title {
    position: relative;
    width: 100%;
    z-index: 4;
    bottom: 0;
    background-color: white
}

.page_title0.fixed,.page_title2.fixed,.page_title.fixed {
    position: fixed
}

@media screen and (max-width: 800px) {
    .page_title0.fixed,.page_title2.fixed,.page_title.fixed {
        position:relative
    }
}

.page_title0.no_banner,.page_title2.no_banner,.page_title.no_banner {
    padding-top: 160px
}

@media screen and (max-width: 800px) {
    .page_title0.no_banner,.page_title2.no_banner,.page_title.no_banner {
        padding-top:56px
    }
}

@media screen and (max-width: 500px) {
    .page_title0.no_banner,.page_title2.no_banner,.page_title.no_banner {
        padding-top:60px
    }
}

.page_title0 h1,.page_title0 h2,.page_title2 h1,.page_title h1,.page_title p {
    text-transform: uppercase;
    font-size: 2.8em;
    font-weight: 300;
    line-height: 1.2em;
    padding: 24px 0;
    color: #56585a;
    letter-spacing: 2px
}

@media screen and (max-width: 1288px) and (min-width:1px) {
    .page_title0 h2,.page_title2 h1,.page_title h1,.page_title p {
        font-size:2em;
        line-height: 1.2em;
        padding: 24px 0
    }
}

@media screen and (max-width: 500px) {
    .page_title0 h2,.page_title2 h1,.page_title h1,.page_title p {
        font-size:1.6em;
        line-height: 1.2em;
        padding: 18px 0
    }
}

.page_title0 h1.s,.page_title2 h1.s,.page_title h1.s,.page_title p.s {
    padding: 0
}
@media screen and (max-width: 500px) {
    .page_title0 h1.s,.page_title2 h1.s,.page_title h1.s,.page_title p.s {
        font-size:1.6em;
    }
}
.page_title0 .center,.page_title2 .center,.page_title .center {
    padding: 0 32px;
    position: relative;
    text-align: left
}

@media screen and (max-width: 500px) {
    .page_title0 .center,.page_title2 .center,.page_title .center {
        padding:0 16px
    }
}

.page_title0 .slogan,.page_title2 .slogan,.page_title .slogan {
    font-size: 1.125em;
    color: #2d2d2d;
    right: 32px
}

@media screen and (max-width: 800px) {
    .page_title0 .slogan,.page_title2 .slogan,.page_title .slogan {
        font-size:.8em
    }
}

@media screen and (max-width: 500px) and (min-width:1px) {
    .page_title0 .slogan,.page_title2 .slogan,.page_title .slogan {
        position:relative;
        right: auto;
        top: auto;
        margin-top: -8px;
        margin-bottom: 20px
    }
}

.page_title0.only_title,.page_title2.only_title,.page_title.only_title {
    padding-bottom: 0;
    margin-top: -5px
}

.page_title0.only_title h1,.page_title2.only_title h1,.page_title.only_title h1 {
    border-bottom: 0
}

.page_title0 .links,.page_title2 .links,.page_title .links {
    position: absolute;
    top: calc(50% - 20px);
    right: 32px;
    font-size: 1.125em;
    line-height: 40px;
    color: #333;
    font-weight: lighter
}

@media screen and (max-width: 1288px) and (min-width:1px) {
    .page_title0 .links,.page_title2 .links,.page_title .links {
        font-size:1em
    }
}

@media screen and (max-width: 1188px) and (min-width:1px) {
    .page_title0 .links,.page_title2 .links,.page_title .links {
        position:relative;
        top: auto;
        display: inline-block;
        width: 100%;
        right: auto;
        background-color: white;
        margin-top: -16px
    }
}

.page_title0 .links a,.page_title2 .links a,.page_title .links a {
    color: #333
}

.page_title0 .links li.location,.page_title0 .links li.phone,.page_title0 .links li.mail,.page_title2 .links li.location,.page_title2 .links li.phone,.page_title2 .links li.mail,.page_title .links li.location,.page_title .links li.phone,.page_title .links li.mail {
    position: relative;
    float: left;
    margin-left: 24px
}

@media screen and (max-width: 520px) and (min-width:1px) {
    .page_title0 .links li.location,.page_title0 .links li.phone,.page_title0 .links li.mail,.page_title2 .links li.location,.page_title2 .links li.phone,.page_title2 .links li.mail,.page_title .links li.location,.page_title .links li.phone,.page_title .links li.mail {
        margin-left:0;
        display: block;
        float: none
    }
}

.page_title0 .links li.location::before,.page_title0 .links li.phone::before,.page_title0 .links li.mail::before,.page_title2 .links li.location::before,.page_title2 .links li.phone::before,.page_title2 .links li.mail::before,.page_title .links li.location::before,.page_title .links li.phone::before,.page_title .links li.mail::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 4px;
    z-index: 2;
    top: 4px
}

@media screen and (max-width: 1288px) and (min-width:1px) {
    .page_title0 .links li.location::before,.page_title0 .links li.phone::before,.page_title0 .links li.mail::before,.page_title2 .links li.location::before,.page_title2 .links li.phone::before,.page_title2 .links li.mail::before,.page_title .links li.location::before,.page_title .links li.phone::before,.page_title .links li.mail::before {
        width:32px;
        height: 32px;
        top: 4px
    }
}

@media screen and (max-width: 520px) and (min-width:1px) {
    .page_title0 .links li.location::before,.page_title0 .links li.phone::before,.page_title0 .links li.mail::before,.page_title2 .links li.location::before,.page_title2 .links li.phone::before,.page_title2 .links li.mail::before,.page_title .links li.location::before,.page_title .links li.phone::before,.page_title .links li.mail::before {
        width:24px;
        height: 24px;
        top: 8px
    }
}

.page_title0 .links li.location,.page_title2 .links li.location,.page_title .links li.location {
    max-width: 480px;
    line-height: 1.2em;
    padding-left: 40px
}

@media screen and (max-width: 1288px) and (min-width:1px) {
    .page_title0 .links li.location,.page_title2 .links li.location,.page_title .links li.location {
        padding-left:32px;
        margin-left: 32px
    }
}

@media screen and (max-width: 1188px) and (min-width:1px) {
    .page_title0 .links li.location,.page_title2 .links li.location,.page_title .links li.location {
        margin-left:0
    }
}

@media screen and (max-width: 944px) and (min-width:1px) {
    .page_title0 .links li.location,.page_title2 .links li.location,.page_title .links li.location {
        max-width:inherit;
        line-height: 40px;
        min-height: 40px
    }
}

@media screen and (max-width: 722px) and (min-width:1px) {
    .page_title0 .links li.location,.page_title2 .links li.location,.page_title .links li.location {
        max-width:inherit;
        line-height: 1.6em;
        min-height: 40px
    }
}

.page_title0 .links li.location::before,.page_title2 .links li.location::before,.page_title .links li.location::before {
    background-image: url("../images/icon/icon_location.svg")
}

.page_title0 .links li.phone,.page_title2 .links li.phone,.page_title .links li.phone {
    padding-left: 40px
}

@media screen and (max-width: 1288px) and (min-width:1px) {
    .page_title0 .links li.phone,.page_title2 .links li.phone,.page_title .links li.phone {
        padding-left:32px;
        margin-left: 32px
    }
}

@media screen and (max-width: 1188px) and (min-width:1px) {
    .page_title0 .links li.phone,.page_title2 .links li.phone,.page_title .links li.phone {
        margin-left:0
    }
}

.page_title0 .links li.phone::before,.page_title2 .links li.phone::before,.page_title .links li.phone::before {
    background-image: url("../images/icon/icon_phone.svg")
}

.page_title0 .links li.mail,.page_title2 .links li.mail,.page_title .links li.mail {
    padding-left: 42px
}

@media screen and (max-width: 1288px) and (min-width:1px) {
    .page_title0 .links li.mail,.page_title2 .links li.mail,.page_title .links li.mail {
        padding-left:34px;
        margin-left: 32px
    }
}

@media screen and (max-width: 520px) and (min-width:1px) {
    .page_title0 .links li.mail,.page_title2 .links li.mail,.page_title .links li.mail {
        margin-left:0;
        display: block;
        float: none
    }
}

.page_title0 .links li.mail::before,.page_title2 .links li.mail::before,.page_title .links li.mail::before {
    background-image: url("../images/icon/icon_mail.svg")
}

.page_no {
    text-align: right;
    padding: 0 16px;
    clear: both;
    display: block;
    height: 48px;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 630px) and (min-width:1px) {
    .page_no {
        text-align:center
    }
}

@media screen and (max-width: 520px) and (min-width:1px) {
    .page_no {
        padding:0 4px;
        height: 34px
    }
}

@media screen and (max-width: 520px) and (min-width:1px) {
    .page_no.mobile_white ul li a {
        color:white
    }
}

.page_no ul {
    float: right;
    display: block
}

@media screen and (max-width: 630px) and (min-width:1px) {
    .page_no ul {
        float:none;
        display: inline-block;
        margin: 0 auto
    }
}

.page_no ul li {
    width: 48px;
    height: 48px;
    display: block;
    float: left;
    margin-left: -1px
}

@media screen and (max-width: 520px) and (min-width:1px) {
    .page_no ul li {
        width:34px;
        height: 34px
    }
}

.page_no ul li a {
    width: 48px;
    height: 48px;
    display: block;
    min-width: 48px;
    line-height: 48px;
    text-align: center;
    word-break: keep-all;
    color: #2d2d2d;
    border: #979797 solid 1px;
    font-size: 1.125em;
    transition: all .8s ease-out;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff
}

.page_no ul li a:hover,.page_no ul li a:focus {
    background-color: #ec8225;
    color: white;
    font-weight: bold;
    border-color: #ec8225
}

@media screen and (max-width: 520px) and (min-width:1px) {
    .page_no ul li a {
        border:0;
        width: 34px;
        height: 34px;
        min-width: 34px;
        line-height: 34px;
        border-radius: 34px;
        background-color: transparent
    }
}

.page_no ul li.active a {
    background-color: #ec8225;
    color: white;
    font-weight: bold;
    border-color: #ec8225
}

.page_no ul li.next a,.page_no ul li.prev a {
    border-radius: 0 8px 8px 0;
    background-image: url("../images/icon/icon_arrow_pageno_b.svg")
}

@media screen and (max-width: 520px) and (min-width:1px) {
    .page_no ul li.next a,.page_no ul li.prev a {
        border-radius:0
    }
}

.page_no ul li.next a:hover,.page_no ul li.next a:focus,.page_no ul li.prev a:hover,.page_no ul li.prev a:focus {
    background-image: url("../images/icon/icon_arrow_pageno_w.svg")
}

.page_no ul li.prev a {
    transform: rotateY(180deg)
}

.most_read {
    background-color: #f7f6f5;
    padding-top: 96px;
    padding-bottom: 96px
}

@media screen and (max-width: 500px) {
    .most_read {
        padding-top:48px;
        padding-bottom: 48px
    }
}

.most_read .center {
    padding: 0 16px
}

.most_read h2 {
    font-size: 2.375em;
    color: #56585a;
    margin-bottom: 48px;
    padding-left: 16px
}

@media screen and (max-width: 500px) {
    .most_read h2 {
        font-size:1.6em;
        margin-bottom: 32px
    }
}

.most_read ul li {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 0 16px
}

@media screen and (max-width: 800px) {
    .most_read ul li {
        width:50%
    }
}

@media screen and (max-width: 500px) {
    .most_read ul li {
        width:100%;
        padding-bottom: 48px
    }

    .most_read ul li:last-child {
        padding-bottom: 0
    }
}

.most_read ul li a {
    display: inline-block;
    color: #56585a
}

.most_read ul li a:hover img,.most_read ul li a:focus img {
    transform: scale(1.2)
}

.most_read ul li a:hover h3,.most_read ul li a:focus h3 {
    color: #ec8225
}

.most_read ul li .img {
    overflow: hidden;
    max-height: 248px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    overflow: hidden
}

.most_read ul li .img img {
    width: 100%;
    transition: all .8s ease-out
}

.most_read ul li .date {
    letter-spacing: 1px;
    opacity: .5
}

.most_read ul li h3 {
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.4em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 60px;
    overflow: hidden;
    margin: 8px 0
}

@media screen and (max-width: 500px) {
    .most_read ul li h3 {
        height:auto
    }
}

.bread_crumbs {
    clear: both;
    padding: 94px 32px 32px 32px;
    text-transform: uppercase;
    padding-bottom: 32px;
    padding-top: 94px
}

@media screen and (max-width: 500px) and (min-width:1px) {
    .bread_crumbs {
        padding:64px 16px 24px 16px
    }
}

.bread_crumbs ul {
    display: inline-block;
    width: 100%
}

.bread_crumbs ul li {
    position: relative;
    color: #2d2d2d;
    float: left;
    padding-right: 24px;
    padding-left: 4px
}

.bread_crumbs ul li::after {
    display: block;
    right: 0;
    width: 14px;
    height: 14px;
    background-image: url("../images/icon/icon_arrow_o.svg");
    background-size: contain;
    background-repeat: no-repeat
}

.bread_crumbs ul li a {
    color: #2d2d2d;
    position: relative;
    text-transform: uppercase
}

.bread_crumbs ul li:first-child a {
    padding-left: 24px
}

.bread_crumbs ul li:first-child a::before {
    display: block;
    width: 14px;
    height: 14px;
    background-color: #ec8225
}

.bread_crumbs ul li:last-child::after {
    display: none
}

.hot_tag {
    clear: both;
    padding: 0 32px;
    display: block;
    height: 44px;
    display: block;
    position: relative;
    margin-bottom: 10px
}

@media screen and (max-width: 1000px) and (min-width:1px) {
    .hot_tag {
        min-height:32px;
        height: auto;
        display: inline-block
    }
}
@media screen and (max-width: 500px) and (min-width:1px) {
    .hot_tag {
        padding: 0 20px;
    }
}
.hot_tag h2 {
    font-weight: normal;
    color: #abacad;
    font-size: 1.125em;
    padding-left: 24px;
    position: absolute;
    top: 20px
}

@media screen and (max-width: 1000px) and (min-width:1px) {
    .hot_tag h2 {
        top:14px
    }
}

.hot_tag h2::before {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("../images/icon/icon_tag.svg");
    background-size: cover
}

.hot_tag ul {
    margin-left: 72px;
    position: relative
}
@media screen and (max-width: 940px) and (min-width:1px) {
    .hot_tag ul {
        margin-left: 0;
        margin-top: 32px;
    }
}
.hot_tag ul li {
    display: inline-block;
    float: left;
    color: #2d2d2d;
    margin-right: 12px;
    margin-bottom: 12px
}

.hot_tag ul li:first-child a::before {
    display: none
}

.hot_tag ul li a {
    display: block;
    border: #ec8225 solid 1px;
    padding: 8px 24px;
    color: #2d2d2d;
    font-size: 1.125em;
    border-radius: 50px;
    position: relative;
    padding-right: 44px
}

.hot_tag ul li a::before {
    content: "#"
}

.hot_tag ul li a::after {
    display: block;
    right: 20px;
    width: 14px;
    height: 14px;
    background-image: url("../images/icon/icon_arrow_o.svg");
    background-size: contain;
    background-repeat: no-repeat
}

.hot_tag ul li a:hover,.hot_tag ul li a:focus {
    color: white;
    background-color: #ec8225
}

.hot_tag ul li a:hover::after,.hot_tag ul li a:focus::after {
    background-image: url("../images/icon/icon_arrow_ow.svg")
}

@media screen and (max-width: 1000px) and (min-width:1px) {
    .hot_tag ul li a {
        padding:4px 16px;
        font-size: 1em;
        padding-right: 32px
    }

    .hot_tag ul li a::after {
        right: 8px
    }
}

.sitemap_list {
    display: inline-block;
    width: 100%
}

.sitemap_list::after {
    clear: both
}

@media screen and (max-width: 800px) {
    .sitemap_list {
        font-size:.8em
    }
}

.sitemap_list ul {
    width: calc(25% - 32px);
    float: left;
    box-sizing: border-box;
    margin: 0 16px;
    margin-bottom: 24px
}

@media screen and (max-width: 1180px) and (min-width:1px) {
    .sitemap_list ul {
        width:calc(33.333% - 16px);
        margin: 0 8px
    }
}

@media screen and (max-width: 800px) {
    .sitemap_list ul {
        width:calc(50% - 16px);
        margin: 0 8px
    }
}

@media screen and (max-width: 500px) {
    .sitemap_list ul {
        width:calc(100% - 16px);
        margin: 0 8px
    }
}

.sitemap_list ul li {
    padding: 11px 0;
    border-bottom: #979797 dashed 1px
}

.sitemap_list ul li.title {
    border-bottom: 0;
    padding: 0
}

.sitemap_list ul li.title a {
    padding-left: 0
}

.sitemap_list ul li.title a::before {
    display: none
}

.sitemap_list ul li h3 {
    font-size: 1.1em;
    letter-spacing: 1px;
    font-weight: 700;
    position: relative;
    padding-left: 32px
}

.sitemap_list ul li h3::before {
    left: 14px;
    width: 4px;
    height: 32px;
    background-color: #ec8225
}

.sitemap_list ul li h3::after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: #56585a solid 1px
}

.sitemap_list ul li h3 span {
    display: block;
    padding: 16px 0
}

.sitemap_list ul li a {
    width: 100%;
    display: block;
    color: #56585a;
    font-size: 1.5em;
    position: relative;
    padding-left: 32px
}

.sitemap_list ul li a::before {
    left: 14px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #ec8225
}

.sitemap_list ul li a:hover,.sitemap_list ul li a:focus {
    color: #ec8225
}

.sitemap_list ul li a p {
    padding: 0
}

.system_page {
    padding: 0 32px;
    display: inline-block;
    width: 100%;
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1.6em;
    color: #333
}

.system_page h3 {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 6px
}

.system_page p {
    padding-bottom: 24px
}

.system_page::after {
    clear: both
}

.system_page ul {
    list-style-type: disc;
    margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}

.system_page ul li {
    position: relative
}

.system_page ul li::before {
    top: 24px;
    left: -24px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #ec8225
}

/* validationEngine */
/* error */
.formError .formErrorContent {
    background: #e6173a;
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    line-height: 1.5;
    padding: 10px;
    font-size: 100%;
}

.formError .formErrorArrow div {
    background: #e6173a;
    border: none;
}

/* load */
.blackPopup .formErrorContent {
    background: #393939;
}

.blackPopup .formErrorArrow div {
    background: #393939;
}

/* pass */
.greenPopup .formErrorContent {
    background: #159621;
}

.greenPopup .formErrorArrow div {
    background: #159621;
}

/* arrow */
.formError .formErrorArrow .line1 {
    display: none;
}

.formError .formErrorArrow .line2 {
    display: none;
}

.formError .formErrorArrow .line3 {
    border: none;
}