@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
:root {
    --main-color: #5e1f72;
    --second-color: #c07ed6;
}

.d-flex {
    flex-wrap: wrap;
    justify-content: space-around;
}

span.radio-inline + span.radio-inline {
    margin: 0 10px;
    display: inline-block;
}

.editor p {
    margin-bottom: 20px;
}

.editor {
    line-height: 1.8;
}


.h5 .sub-txt {
    color: #333;
}
.ezshare-box .twitter a {
    background: #000000;
}
.ezshare-box .twitter a i {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/x-twitter.svg)   center no-repeat;
    background-size: 70%;
}

.ezshare-box .twitter a i:before,.ezshare-box ul li a:before {
    content: none;
}
/*side*/
.side .wid ul li .collapsed-sub-btn,
.side .filter-title .collapsed-btn, 
.side .filter-sidebar.multiple-collapse .collapsed-btn {
    display: block;
    position: relative;
    padding: 8px 0 8px 20px;
    z-index: 1;
    background: none;
    border: none;
}

.side .wid ul li {
    line-height: 1.5;
    font-size: 16px;
}

.side .wid ul li .collapsed-sub-btn:hover:before,
.side .filter-title .collapsed-btn:hover:before,
.side .filter-sidebar.multiple-collapse .collapsed-btn:hover:before {
    width:100%;
}
.side .filter-title .collapsed-btn, .side .filter-sidebar.multiple-collapse .collapsed-btn {
    background: #eee;
}
.side .wid ul li .collapsed-sub-btn:hover,
.side .wid ul li .collapsed-sub-btn:hover,
.side .filter-title .collapsed-btn:hover{
 /*   color:#fff;*/
}
.side .filter-content > ul {
    padding: 0;
    /* padding-left: 32px; */
    /* background: url(../images/all/list_icon2.png)no-repeat 15px 6px; */
    margin-left: 15px;
}
.side .wid ul li .collapsed-sub-btn {
    padding-left: 23px;
    background: url(../images/list_icon2.png)no-repeat 2px 10px;
}

.side .filter-content, 
.side .filter-sidebar.multiple-collapse .collapse-content {
    border: 0;
}


.side .h3 {
    padding: 6px 10px;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    background: #eee;
}
.side .h3 .txt-tw {
    border: none;
    padding: 0;
}
.main .side .h3 .txt-en {
    display: block;
    border-top: 1px solid rgb(255 255 255 / 36%);
    margin-top: 6px;
    padding-top: 6px;
}
.main .side .h3 .txt-en, .side .h3 {
    color: #333;
}
/*settings*/
/*字主色*/
.btn.btn-bord, body.home .news_box .item .info .title a{
    color: var(--main-color);
}

/*字副色*/
a:hover,
.footer .footer_content .sitemap > ul > li > a:hover {
    color: var(--second-color);
}

/*背景主色*/


.footer{
    background: var(--main-color);
}

/*背景副色*/
.anchor-title.scroll-to-fixed-fixed,
.list-creative .list-terms:before, .bsnav-mobile.full .navbar-nav .nav-item:hover, .btn.cover:before {
    background: var(--second-color);
}
/*背景第五色*/
.toast,
.list-creative > li:nth-child(2n) .list-terms:before {
    background: var(--fifth-color);
}

body.home section .more-btn-area {
    text-align: center;
    margin: 25px 0;
}
.btn.btn-light, .btn.btn-dark:hover,
.gallery-list.cover.hov-cart .btn-box .btn,
.gallery-list.cover.hov-cart .item-detail .cover .btn-box .btn:hover {
    background: #cd3844;
}
/*描邊 currentColor*/

.btn.btn-bord, .page-link {
    border-color: currentColor;
}

.header .navbar-nav .nav-item:hover > .nav-link .caret, .header .navbar-nav .nav-link .caret {
    border-top-color: currentColor;
}


.header .navbar .nav-item.dropdown.dropdown-left .navbar-nav .nav-item:hover .nav-link.trigger:before {
    border-left: solid 5px #ffffff;
}

/*背景主色，白字*/
.header .navbar .nav-item.dropdown > .navbar-nav .nav-item:hover > a,
body.show .page-item .page-link:hover, body.home .home_about .btn-more:hover,
.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-link:hover,
.btn.btn-primary, .gotop a,
.btn-info, .tab-area .tab-title a.active,
.nav-tabs .nav-link.active,
.btn.btn-primary:hover,
body.show .page-item:first-child .page-link, body.show .page-item:last-child .page-link {
    background: var(--main-color);
    color: #fff;
}
    /*.gallery-list.cover.hov-cart .item-detail .cover .btn-box .btn:hover,
body.show .page-item .page-link:hover, body.home .home_about .btn-more:hover,
.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-link:hover {
    background: var(--main-color);
    color: #000;
}*/

    /*背景副色，白字*/
    .iso-kind li.active a, .iso-kind li a:hover,
    .header .bsnav-mobile.full .navbar-nav .nav-item:hover > .nav-link,
    .article-grid .item .info .kind a, .btn-info:hover, body.article .page-content .tag_group li .tag:hover {
        background: var(--second-color);
        color: #fff;
    }

/*背景第三色，白字*/
/*.btn.btn-primary:hover, .side .h3 .txt-tw {
    background: var(--third-color);
    color: #fff;
}*/

/*背景第五色，白字*/
/*.nav-item.dropdown > .navbar-nav .nav-item:hover > a,
.member-function-box .item > a:hover,.btn.more {
    background: var(--fifth-color);
    color: #fff;
}*/

/*footer*/
.footer ul li a,
.footer ul li,
.footer .footer-info .desc,
.footer .footer_content.fc_seperate_bottom .right-area a,
.footer .footer_content.fc_seperate_bottom .social-box svg,
.footer .footer-seo .h4, .footer .footer-seo .desc,
.footer .editor, .footer .editor ul li a,
.footer .footer_content .sitemap > ul > li > a,
.footer .footer_content .sitemap > ul > li > a:hover,
.footer .footer-info ul li .icon, .footer .social-box a,
.footer .copyrights-info a, .footer .copyrights,
.footer .powered a, .footer .footer_content.fc_seperate_bottom .footer_left, .ezshare-box a:hover {
    color: #fff;
}

.footer {
    padding: 30px 0;
}
.footer .footer_logo {
    margin-bottom:30px;
    width: 100%;
}
.footer .footer-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.footer .footer_mid.pb-5 .container-fluid{
    padding:0;
}
.footer .footer-info .sitemap {
    order: 1;
    background: #ddd;
    margin-bottom: 24px;
}
.footer .footer-info .container.inner .tat_x,
.footer .copyrights{
    margin-bottom:10px;
}
.footer .footer-info .container.inner .tat_x {
    
}
.footer .footer-info .container.inner .tat_x li label {
    display: block;
    text-align: left;
    margin: 0 0 4px 0;
}
.footer .footer-info .container.inner .tat_x li {
    padding: 0 10px;
    width: calc(100% / 3);
    text-align: left;
    margin-bottom: 22px;
    position: relative;
    padding-left: 58px;
}

.footer .footer-info .powered, .footer .copyrights {
    font-size: 14px;
}
/*.footer .footer-info .container.inner .tat_x li label:after {
    content: "：";
}*/

.footer .footer-info ul li:before {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px solid #fff;
    background: url(../images/contacticon-01.svg) center top -5px no-repeat
}

.footer .footer-info ul li.bstime:before {
    background-position: center top -291px
}

.footer .footer-info ul li.add:before {
    background-position: center top -472px
}

.footer .footer-info ul li.taxid:before {
    background-position: center top -665px
}

.footer .footer-info ul li.mail:before {
    background-position: center top -850px
}

.footer .footer-info ul li.fax:before {
    background-position: -3px -1121px
}



.footer .footer-info .container.inner, .footer .footer-info .powered, .footer .copyrights {
    order: 2;
}
.footer .footer-info .sitemap ul li a {
    display: inline-block;
    padding: 16px 12px;
    color: #333;
}
.footer .footer-info ul li {
    margin-bottom: 0;
}
.footer .footer_mid.pb-5 {
    padding-bottom: 0 !important;
}
.footer .footer-info .container.inner .tat_x li label {
    margin-right: 4px;
}
.footer .footer-info .container.inner .tat_x li label,
.footer .footer-info .powered,
.footer .copyrights {
    opacity: 0.7;
}

.footer .footer-seo {
    margin-bottom: 0 !important;
}

.footer .footer-info > div {
    flex-wrap: wrap;
}

.footer .foot-info-box,.footer .f-item.foot-info-copy {
    width: 100%;
}
.footer .foot-info-box .foot-info-share {
    width: 25%;
}

.footer .foot-info-box  .foot-info-det {
    width: 70%;
}


.modal-body .spec-box .btn-box.st {
    height: 100%;
}
.modal-body .spec-box .btn-box.st .btn {
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}
.bsnav-mobile {
    z-index: 50;
}
.bsnav-mobile.full.in .navbar {
    background: var(--main-color);
}
.bsnav-mobile .navbar-nav .nav-item .navbar-nav {
    margin-left: 0;
    margin-right: 0;
}
.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav {
    background: rgb(155 155 155 / 80%);
}
.header .navbar {
    padding: 10px;
}
.navbar .navbar-brand {
        width: 360px;
        height: auto;
 }
.navbar .navbar-brand img {
       
        width: 100%;
        height: auto !important;
}

body.home .ab_box, body.home  .news_box, body.home .product_box {
    padding: 50px 0 !important;
}

body.home .ab_box h1.h3,body.home .ab_box .wid-page_unit h2 .txt-tw {
    display: none;
}
body.home  .ab_box {
    background: url(../images/abbg.jpg) right top no-repeat;
}
body.home .ab_box .page-box {
    background-color: rgb(255 255 255 / 50%);
    padding: 22px;
}
body.home .ab_box .wid-page_unit .h2{
    border-bottom:none;
}
body.home  .ab_box .wid-page_unit{
    letter-spacing: 2px;
}

body.home .ab_box  h1.h3.bigtitle{
    display:none;

}

body.home .ab_box .wid-page_unit .h2, body.home .page-content .bigtitle.h3 {
    background: url(../images/h2.png) no-repeat left 0;
    font-size: 40px;
    position: relative;
    color: #254079;
    padding-left: 62px;
    padding-bottom: 10px;
    text-align: center;
    margin: 0 auto 40px;
    display: table;
    font-family: 'Abril Fatface', sans-serif;
    font-weight: normal;
}
.page-content .btn-more,
.page-content .btn.more {
    margin: 30px auto;
    display: flex;
    width: 178px;
    height: 47px;
    justify-content: center;
    align-items: center;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 30px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #fff;
    font-family: 'Abril Fatface', sans-serif;
}

.page-content .btn-more:hover,
.page-content .btn.more:hover {
    background-color: var(--second-color);
    border: 1px solid var(--second-color);
}
.page-content .btn.more {
    overflow:hidden;
}

body.home .news_box {
    background: url(../images/mainbg-02.png) left -29px bottom no-repeat;
    /* background-size: 22%; */
}

body.home  .news_box .list_item,
body.home  .news_box .item {
    text-align: center;
    cursor: default;
    overflow: hidden;
}
body.home .news_box .item {
    padding: 0;
    margin: 0 10px;
}

body.home .news_box .list_item .info .title, body.home .news_box .item .info .title {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 0.5em 0;
    background-color: transparent;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.5;
}
body.home  .news_box .list_item .info .title:after,
body.home  .news_box .item .info .title:after{
    text-transform: uppercase;
    content: "";
    display: block;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    width: 100%;
    background-color: #000;
    height: 1px;
    -webkit-transform: translate3d(-700px,0,0);
    transform: translate3d(-700px,0,0);
    color: #fff;
    position: relative;
    overflow: hidden;
}
body.home  .news_box .list_item:hover .info .title:after,
body.home  .news_box .item:hover .info .title:after{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);

}

body.home .news_box .list_item .info, 
body.home .news_box .item .info {
    padding-top:10px;
}

body.home .news_box .list_item .info .date, 
body.home .news_box .item .info .date {
    text-align:center;
    color:#333;
}






body.home .news_box .list_item .pic img,
body.home .news_box .item .pic  img {
    display: block;
    position: relative;
    max-width: none;
    width: calc(100% + 20px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
body.home .news_box .list_item:hover .pic  img,
body.home .news_box .item:hover .pic img {
    opacity: 0.8;
}

.article-grid.ar-img .item .info .desc,
.article-grid.ar-img .item .info .title,
.article-grid.ar-img .item .info .desc a,
.article-grid.ar-img .item .info .title a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* margin-top: 8px; */
}

body.home .product_box .item .item-detail .pic,
body.home .product_box .list_item .pic {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
body.home .product_box {
    background: url(../images/footerbg.jpg) repeat;
    background-position: center;
}
body.home .product_box .item .item-detail .pic a{
    display:block;
}
body.home .product_box .item .item-detail {
    border: none;
    background: none;
}
body.home .product_box .item .item-detail .info {
    text-align: center;
    padding: 0;
}
/*body.home .product_box .item:hover .item-detail .pic,
body.home .product_box .list_item:hover .pic{
    transform: scale(0.9);
}*/

/*body.home .product_box .home-pagelist-area .item {
    width: 33%;
}
*/
body.home .product_box .home-pagelist-area .list_item .info:before {
    content:none;
}

body.home .product_box .home-pagelist-area .list_item a:hover .info, .home-pagelist-area .list_item a:hover .info .desc {
    color: #333;
}
body.home .product_box .slickfixedInitPosition .slick {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
body.home .product_box .slick .list_item {
    width: 30%;
    margin: 0;
    margin-bottom: 44px;
}
body.home .product_box .item .item-detail .info .title,
body.home .product_box .list_item .info .title {
    font-size: 20px;
    font-weight: bold;
}
body.home .product_box .item {
    width: calc(100% / 2);
}

body.home .product_box .item .item-detail .pic a{
    position:relative;
    overflow:hidden;
}

body.home .product_box .item .item-detail .pic .cover {
    display: none;
}
/*body.home .product_box .item .item-detail .pic a:after {
    display: block;
    content: "";
    position: absolute;*/
    /* width: 100%; */
    /* height: 100%; */
    /*top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(../images/before.svg) center center no-repeat;
    background-size: 100%;
    pointer-events: none;
}*/
/*內頁*/

.kind-info .h2 {
    font-weight: normal;
    color: #333;
    background: url(../images/h2.png) no-repeat center left;
    padding: 7px 0 15px 67px;
}
.kind-info .h2 .txt-en, body.contact .content h3 .txt-en {
    font-weight: normal;
    margin-left: 10px;
    font-size: 24px;
    color: #a7a7a7;
}
.txt-en {
    font-family: 'Abril Fatface', sans-serif;
}
.kind-info .h2 .txt-tw, body.contact .content h3 .txt-tw {
    color: #333;
    font-weight: normal;
}
body.about .kind-info .h2, body.contact .content h3 {
    font-size: 32px;
    color: var(--main-color);
    /* color: #8c48a2; */
    font-size: 28px;
    border-bottom: 1px solid #ddd;
    background: url(../images/h2.png) no-repeat top 4px left -1px;
    padding: 7px 0 15px 60px;
    margin-bottom: 20px;
    text-align: left !important;
}
body.album .main-content, body.news .main-content, body.faq .main-content {
    margin-top: 60px;
}

body.product .gallery-list .item .item-detail {
    border: none;
}
body.product .gallery-list .item .item-detail p.price {
    margin: 0 0;
}
body.product .gallery-list .item .item-detail .title {
    margin: 0 0 10px 0 !important;
    font-size: 20px;
}
body.product .gallery-list .item .item-detail .desc {
    font-size: 16px;
}
body.product.show .mt-5 {
    margin-top: 0 !important;
}
body.product .gallery-list .item .info{
    margin: 0 !important;
}
body.news .sort-area {
    text-align: right;
    margin-bottom: 25px;
}
body.news.show .subject-sec .h1 {
    font-size: 30px;
    font-weight: normal;
    padding: 12px;
    background: #ece1ff;
    border-radius: 8px;
}
body.news .article-grid.ar-img .item .info {
    background: #fff;
    border-color: #eee;
    padding: 15px;
}
.wid-float-section ul {
    background: var(--second-color);
}
.wid-float-section ul li a {
    color: #ffffff;
}

body:not(.home) .main {
    background: url(../images/mainbg-01.png) right top no-repeat, url(../images/mainbg-02.png) left -23px bottom -20px no-repeat;
    padding: 60px 0;
    background-size: 30%;
}
.breadcrumb-section {
    margin-bottom: 0 !important;
}
body.contact .section.pt-5 {
    padding-top: 0 !important;
}


body.about.kind_3 .side1,
body.about.kind_53 .side,
body.about.kind_51 .side1,
body.about.kind_60 .side{
    display: none;
}


body.about.kind_3 .main > .container,
body.about.kind_3 .txt > .contentbuilder-box,
body.about.kind_51 .main > .container,
body.about.kind_51 .txt > .contentbuilder-box {
    max-width: 100%;
}

body.about.kind_3 .main,
body.about.kind_51 .main {
    background: none;
    padding: 0;
}
body.about.kind_3 .content,
body.about.kind_3 .main > .container,
body.about.kind_51 .content,
body.about.kind_51 .main > .container,
body.about.kind_53 .content,
body.about.kind_53 .main > .container,
body.about.kind_60 .content,
body.about.kind_60 .main > .container{
    width: 100%;

}
body.about.kind_3 .content,
body.about.kind_3 .main > .container,
body.about.kind_51 .content,
body.about.kind_51 .main > .container{
 padding: 0;
}
body.about.kind_3 .kind-info,
body.about.kind_3 .ezshare-box,
body.about.kind_51 .kind-info,
body.about.kind_51 .ezshare-box {
    display: none;
}

body.about.kind_3 .storybox, body.about.kind_51 .storybox {
    background: url(../images/abbg2.jpg) right top no-repeat;
}
body.about .txt h3 {
    background: url(../images/h3.svg) left -4px top -2px no-repeat;
    padding: 4px 0;
    padding-left: 44px;
    font-weight: bold;
    color: #005499;
    margin-bottom: 20px;
    font-size: 30px;
}

body.about .txt h3[style*=text-align]  {
    display: block;
    /* color: #dc3545; */
    text-align: center;
    background-position: center top;
    padding: 50px 0 0 0;
}
body.about .txt ul {
    padding-left: 0;
}
body.about .txt ul li {
    background: url(../images/list_icon.png) left 1px top 3px no-repeat;
    padding-left: 24px;
    list-style-type: none;
    line-height: 1.6;
}
body.about.kind_3 .storybox img, body.about.kind_51 .storybox img {
    margin-bottom: 0;
}
body.about .strenghth .preimg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #eee;
    background: url(../images/strength-01.svg) right -54px bottom -137px no-repeat #568ed9;
    /* margin-right: calc(-0.5 * var(--bs-gutter-x)); */
    /* margin-left: calc(-0.5 * var(--bs-gutter-x)); */
    padding: 0;
}
body.about .strenghth .preimg .pic img {
    width: 100%;
    margin-bottom: 0;
    height: 100%;
    object-fit: cover;
}

body.about .strenghth .preimg > div {
 
    width:50%;
}
body.about .strenghth .preimg .info {
    color: #fff;
    padding: 15px;
}
body.about .strenghth .preimg .info h5 {
    font-weight: bold;
}

body.about .strenghth .preimg .info ul li{
    background: url(../images/list_icon2.png) left -4px top 2px no-repeat;
    list-style-type: none;
    padding-left: 16px;
    line-height: 1.6;
}
body.about .strenghth .preimg .info ul {
    padding-left: 0;
    margin-bottom: 0;
}
body.about .strenghth .preimg .info ul li + li,body.about .txt ul li + li {
    margin-top: 6px;
}


body.about .txt .bottombox > .row {
    max-width: 1320px;
    margin: 0 auto;
}
body.about .txt .bottombox {
    background: url(../images/bottombg.jpg) center no-repeat;
    padding: 80px 38px;
    background-size: cover;
    color: #fff;
}

body.about .txt .bottombox ul li{
    background: url(../images/list_icon2.png) left -4px top 2px no-repeat;
    list-style-type: none;
    padding-left: 16px;
    line-height: 1.6;
}
body.about .txt .bottombox ul {
    padding-left: 0;
    margin-bottom: 0;
    text-align: left;
    display: table;
    margin: 0 auto;
}
body.about .txt .bottombox ul li + li {
    margin-top: 6px;
}

body.about .txt .bottombox h4 {
    margin-top: 10px !important;
    color: #e67e22;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    background: none;
    padding: 0;
}

body.about .txt .bottombox i {
    font-size: 26px !important;
}

body.about .txt .bottombox .row > div  > div {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
}
body.about.kind_3 .txt,
body.about.kind_51 .txt {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
body.about.kind_3 .side2,
body.about.kind_51 .txt {
    margin-bottom: 0;
}
body.about .txt .bottombox > .row > div {
    text-align: center;
}


body.about.kind_53 .d-flex .list_item,
body.about.kind_60 .d-flex .list_item {
    width: calc(100% /3 - 10px);
    margin-bottom: 26px;
}
body.about.kind_53 .d-flex .list_item .pic,
body.about.kind_60 .d-flex .list_item .pic {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
body.about.kind_53 .d-flex .list_item img,
body.about.kind_60 .d-flex .list_item img,
body.about .txt .instrument > div img{
    width: 100%;
    margin-bottom: 0;
}
body.about.kind_53 .d-flex .list_item .info,
body.about.kind_60 .d-flex .list_item .info{
    padding: 5px;
   
}
body.about.kind_53 .d-flex .list_item .info p,
body.about.kind_60 .d-flex .list_item .info p{
    margin-bottom:0; text-align: center;
    color: #4a4a4a;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: bold;
}
body.about.kind_60 .d-flex .list_item .info p {
    font-size: 18px;
    letter-spacing: 0;
    width: 50%;
    margin: 0 auto;
    line-height: 1.5;
}
body.about.kind_53 .d-flex .list_item:nth-child(3n+2),
body.about.kind_60 .d-flex .list_item:nth-child(3n+2){
    top: 0;
    /* margin-top: 61px; */
    margin: 120px -88px -30px -88px;
}
body.about .txt .instrument > div p {
    margin-bottom: 0;
    padding: 10px;
    background: url(../images/footerbg.jpg) center repeat;
    font-size: 20px;
}
body.about .txt .instrument {
    margin-bottom: 76px;
}
body.about .middlebox ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 25px 0;
}
body.about .middlebox ul li {
    background: url(../images/aboutlist.png) left 1px top 8px no-repeat;
    padding: 5px 0 5px 24px;
    background-size: 20px;
}
body.about .txt .introbox .row:nth-child(even) {
    flex-direction: row-reverse;
    margin: 20px 0;
}
body.about .txt .introbox .column.c40 img {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
body.about .txt ul li li {
    background: url(../images/icon_list.png) left 1px top 0px no-repeat;
    padding-left: 18px;
}
body.about .txt ul ul {
    margin-top: 6px;
}
body.about .txt ul.slick li, body.about .txt ul.slick{
    padding: 0;
}
body.about .middlebox ul li + li,body.about .txt ul.slick li, body.about .txt ul.slick {
    margin-top: 0;
}
/*product*/
body.product .product-info-area .item.desc .cont {
    color: #424242;
    font-size: 16px;
}
.product-info-area .info-box {
    padding: 20px;
    border: none;
    background: #dbebf9;
}
.product-info-area .info-box h2 {
    color: #154cbf;
    font-weight: bold;
    font-size: 26px;
    padding-bottom: 8px;
    border-bottom: 1px solid #9ab7d1;
}
body.product   .product-info-area .item {
        margin-bottom: 0;
    }
body.product .product-info-area .item.desc .cont h3 {
    background: url(../images/aboutlist.png) left 1px top 5px no-repeat;
    padding: 5px 0 5px 30px;
    font-size: 22px;
}
body.product .product-info-area .item.desc .cont p {
    font-size: 16px;
}
.product-info-area .info-box strong {
    color: #ff6707;
}
.product-info-area .info-box .is-btn.is-btn-ghost1.is-upper {
    border-radius: 30px;
    border: 1px solid #ce750b;
    background: #fc971f;
    color: #fff;
    margin: 0;
}
body.product .product-info-area .item.desc .cont p {
    font-size: 16px;

}

body.product .product-info-area .info-box ul {
    list-style-type: none;
    padding-left: 0;
}
body.product .product-info-area .info-box ul li {
    padding-bottom: 11px;
    border-bottom: 1px dashed #b4cbde;
}
body.product .product-info-area .item.desc .cont ul li + li {
    margin-top: 10px;
}
body.product  .tab-accordion-body.editor ul {
    padding-left: 0;
}

.tab-accordion-body .contentbuilder-box h5, body.about .txt h4 {
    background: url(../images/h5.svg) left 1px top 4px no-repeat;
    padding: 6px 0 6px 34px;
    color: #e18d00;
    font-weight: bold;
}
.tab-accordion-body .contentbuilder-box ul li{
    background: url(../images/icon_list.png) left 1px top 0px no-repeat;
    padding-left: 18px;
    line-height: 1.6;
    list-style-type: none;
}
.tab-accordion-body .contentbuilder-box ul li + li {
    margin-top: 6px;
}
.tab-accordion-body .contentbuilder-box .notice,.product-info-area .info-box ul li  {
    background: url(../images/list_icon.png) left 1px top 3px no-repeat;
    padding-left: 24px;
}
.tab-accordion-body .contentbuilder-box .notice  {
    color: var(--main-color);
}



body.product .tab-accordion-body .contentbuilder-box .sec02 {
    height: 100%;
    background: #f1f1f1;
    padding: 20px;
    border-radius: 14px;
    position: relative;
    background: url(../images/footerbg.jpg) center repeat;
}
.tab-accordion-body .contentbuilder-box .sec_list > div {
    margin-bottom: 20px;
}

.tab-accordion-body .contentbuilder-box .sec_list {
    counter-reset: num;
}
body.product .tab-accordion-body .contentbuilder-box .sec02:after {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    counter-increment: num;
    content: "0" counter(num);
    z-index: 1;
    font-size: 100px;
    color: rgb(0 0 0 / 5%);
    right: 13px;
    bottom: -12px;
    line-height: 1;
    /* font-weight: bold; */
    font-family: 'Abril Fatface', sans-serif;
}
body.product .tab-content > .tab-pane {
    padding: 0 !important;
}