/* 基本設定_start */



.container1280 {

    max-width: 1280px;

}



.container1400 {

    max-width: 1400px;

}



.requirement {

    color: #f00 !important;

}



.before-none::before {

    display: none !important;

}



.after-none::after {

    display: none !important;

}





.row-high>.col-padding {

    flex-flow: column;

    display: flex;

}



.row-high>.col-padding>* {

    flex: 1 1 auto;

}



.col-padding {

    padding: 1rem;

}



.round-2 {

    border-radius: 0.5rem;

    overflow: hidden;

}



.round-100 {

    border-radius: 50%;

    overflow: hidden;

}





/* 基本設定_end */





/* top-container_start */



.n3-top-container {

    background-color: var(--black-color-100);

    padding: 0 4rem;

}



.n3-top-container a {

    color: var(--white-color-100);

}





/* top-container_end */





/* header-container_start */



.n3-header-container {

    width: 100%;

    max-width: 100%;

    position: fixed;

    top: 0;

    z-index: 99;

}





/* header-container_end */





/* main-nav_start */



.n3-main-nav {

    padding: .5rem 1rem;

    border-radius: 5rem;

    border: 1px solid var(--primary-color-100);

    background-color: #ffffff90;

    backdrop-filter: blur(30px);

}



.n3-main-nav>li {

    position: relative;

}



.n3-main-nav>li>a {

    position: relative;

    display: block;

    font-size: 1rem;

    padding: 0.5rem 1rem;

    text-align: center;

    color: var(--black-color-100);

}



.n3-main-nav>li.active>a {

    color: var(--primary-color-100);

}



.n3-main-nav>li.dropdown:hover .dropdownMenu {

    visibility: visible;

    opacity: 1;

}





/* main-nav_end */





/* footer_start  */



footer {

    background-color: var(--black-color-100);

    color: var(--white-color-100);

}



footer a {

    color: var(--gray-color-100);

    letter-spacing: 1px;

}



footer nav a {

    display: block;

    position: relative;

    padding-left: 1rem;

}



footer nav a::after {

    content: '';

    display: block;

    width: 0.25rem;

    height: 0.25rem;

    border-radius: 1rem;

    background-color: var(--white-color-75);

    position: absolute;

    left: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    top: 50%;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



footer nav a:hover::after {

    background-color: var(--primary-color-100);

}



footer .row-margin {

    margin-left: -0.25rem;

    margin-right: -0.25rem;

}



footer .col-padding {

    padding: 0.25rem;

}



footer a:hover {

    color: var(--primary-color-100);

}



footer ul li {

    margin-bottom: .5rem;

}



footer ul li:last-child {

    margin-bottom: 0;

}





/* footer_end */





/* copyright_start */



.copyright {

    text-align: center;

    padding: 1rem 0;

    background-color: var(--white-color-100);

    color: var(--black-color-100);

}



.copyright p,

.copyright a {

    letter-spacing: 1px;

    font-size: 0.75rem;

}





/* copyright_end */





/* text-container_start */



.n3-text-container {

    padding: 2rem;

    margin-bottom: 2rem;

}



.n3-text-container ul {

    margin-bottom: 1rem;

    padding-left: 2rem;

}



.n3-text-container li {

    list-style: initial !important;

    margin-bottom: 0.75rem;

}



.n3-text-container img {

    max-width: 100%;

}





/* text-container_end */





/* paginatio_start */



.pagination li {

    margin-right: 10px;

}



.pagination li:last-child {

    margin-right: 0;

}



.pagination li a {

    display: block;

    padding: 5px 10px;

    text-align: center;

    min-width: 30px;

    color: var(--black-color-100);

    font-size: 0.75rem;

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);

    background-color: var(--white-color-100);

}



.pagination li a:hover {

    background-color: var(--black-color-100);

    color: var(--white-color-100);

}



.pagination li a.active {

    background-color: var(--black-color-100);

    color: var(--white-color-100);

}





/* paginatio_end */





/* inqury-container_start */



.inqury-container {

    padding: 1rem 0;

}



.inqury-container .n3-button {

    display: block;

    width: 100%;

    text-align: center;

    background-color: #d8d8d8;

    color: var(--white-color-100)

}





/* inqury-container_end */





/* related-product_start */



.related-container {

    padding: 2rem 0;

}





/* related-product_end */





/* download_start */



.download-container a {

    display: block;

    position: relative;

    padding: 1rem 3.5rem 1rem 1rem;

    font-size: 1rem;

    color: var(--black-color-50);

    letter-spacing: 1px;

    background-color: var(--gray-color-50);

}



.download-container a::after {

    position: absolute;

    font-family: 'Material Symbols Outlined';

    display: block;

    content: 'description';

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    top: 50%;

    right: 1rem;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    color: var(--primary-color-100);

    font-size: 1.5rem;

}



.download-container.pdf a {

    content: 'picture_as_pdf';

}



.download-container a:hover {

    background-color: var(--black-color-100);

    color: var(--white-color-100);

}



.download-container a:hover::after {

    color: var(--white-color-100);

}





/* download_end */



@media only screen and (max-width: 1499px) {}



@media only screen and (max-width: 1399px) {

    .container1400 {

        max-width: 100%;

    }

}



@media only screen and (max-width: 1279px) {

    .container1280 {

        max-width: 100%;

    }

}



@media only screen and (min-width: 1200px) {}



@media only screen and (max-width: 1199px) {}



@media only screen and (min-width: 992px) {}



@media only screen and (max-width: 991px) {}



@media only screen and (min-width: 768px) {}



@media only screen and (max-width: 767px) {

    .n3-header-container {

        overflow: hidden;

    }



    footer {

        padding-bottom: 3.5rem;

    }

}



@media only screen and (max-width: 568px) {}



@media only screen and (max-width: 440px) {}



@media only screen and (max-width: 420px) {}