/* all */
body {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    transition: all 0.5s ease-out;
}

p {
    letter-spacing: 0;
    color: #555;
    line-height: 1.5em;
    font-weight: 400;
    font-size: 16px;
}

.main {
    overflow: hidden;
}


/* 動態效果改成fadeIn*/
.bounceIn {
    animation-name: fadeInUp;
    animation-duration: 1s
}

.flipInY {
    animation-name: initial;
}

/*loading*/
.fl img {
    width: 250px;
}


/*行動呼籲*/
.mobile-link {
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #FFF;
    text-align: center;
    z-index: 800;
    transition: all 0.5s ease-out;
}

.mobile-link .RWDedictor {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-content: center;
    animation-delay: initial !important;
    animation-duration: initial !important;
    background-color: #382091;
}

.mobile-link .RWDedictor a {
    width: 100%;
    color: #fff;
    padding: 15px 0;
}

.mobile-link .RWDedictor a img {
    width: 17px;
    height: 17px;
    margin-right: 10px;
    filter: brightness(0) invert(1);
}

/*搜尋*/
.RWDmenu_plus04 .features .search-btn {
    padding: 25px 12px;
}

.RWDmenu_plus04 #search-box.full .form-control {
    font-size: 20px;
}

.RWDmenu_plus04 #search-box.full .ibtn {
    font-size: 20px;
}

.RWDmenu_plus04 #search-box.full .search-in {
    max-width: 900px
}


/*寬度間距*/
.about-block .container,
.material-block .container,
.product-block .container {
    width: 80%;
    position: relative;
    z-index: 1;
}

.application-block .container {
    width: 70%;
}

/*板塊間距*/
.about-block {
    padding: 70px 0;
}

.material-block {
    padding: 70px 0;
    background: #fcfcfc;
}

.product-block,
.application-block .container {
    padding: 70px 0;
}

/*拿掉動態*/
.block_bg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.block_bg02 {
    position: absolute;
    left: 10%;
    bottom: 0;
    z-index: 0;
}

.block_bg img,
.block_bg02 img {
    width: 100%;
}


/*主標題*/
.about-block .RWDService001 h1.main-title,
.material-block .RWDproduct004 h1.main-title,
.product-block .RWDService002 h1.main-title,
.application-block .RWDService001 h1.main-title {
    color: #2d2a28;
    font-size: 25px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.about-block .RWDService001 h1.main-title::before,
.material-block .RWDproduct004 h1.main-title::before,
.product-block .RWDService002 h1.main-title::before,
.application-block .RWDService001 h1.main-title::before {
    color: transparent;
    background-image: linear-gradient(35deg, #29176f, #1b58de 100%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2.5em;
    font-weight: 900;
    display: inline-block;
    margin-right: 15px;
}

.about-block .RWDService001 h2.sub-title,
.material-block .RWDproduct004 h2.sub-title,
.product-block .RWDService002 h2.sub-title,
.application-block .RWDService001 h2.sub-title {
    color: #2d2a28;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 400;
}

.about-block .RWDService001 h1.main-title::before {
    content: 'ABOUT US';
}

.material-block .RWDproduct004 h1.main-title::before {
    content: 'SOLUTIONS';
}

.product-block .RWDService002 h1.main-title::before {
    content: 'PRODUCTS';
    display: block;
}

.application-block .RWDService001 h1.main-title::before {
    content: 'APPLICATION';
}


/*按鈕*/
.RWDbtn01 .btn {
    background: #fff;
    margin: 10px auto 28px;
    width: 280px;
    height: 53px;
    line-height: 41px;
    font-weight: 400;
    color: #3269f5;
    display: block;
    position: relative;
    z-index: 99;
    border-radius: 99em;
    overflow: hidden;
    border: 1px solid #dfdfdf;
}

.RWDbtn01 .btn::before {
    content: '';
    background: url(archive/image/customization/icon-bntarrow.webp) no-repeat;
    background-size: 100% auto;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 20px;
    top: 17px;
}

.RWDbtn01 .btn::after {
    content: "";
    background: #fff;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: .5s;
    z-index: -1;
    border-radius: 99em;
}

/*hover*/
.RWDbtn01 .btn:hover {
    color: #fff;
    background: transparent;
    border: 1px solid #dfdfdf;
}

.RWDbtn01 .btn:hover::after {
    width: 100%;
    transition: .4s;
    right: auto;
    left: 0;
    background-image: linear-gradient(to right, #1c46c0, #0fc9ff);
}

.RWDbtn01 .btn:hover::before {
    filter: brightness(0) invert(1);
}

/*header*/
.RWDmenu_plus04 .header {
    padding: 5px 4% 10px 4%;
    background: transparent;
    transition: all 0.5s ease-out;
}

.RWDmenu_plus04 .container {
    margin-right: 0;
}

.RWDmenu_plus04 .logo {
    z-index: 30;
    width: 265px;
    margin-top: 2px;
    transition: all 0.5s ease-out;
}

.RWDmenu_plus04 .site-nav .menu {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.RWDmenu_plus04 .site-nav .menu::after {
    content: '';
    width: 1px;
    height: 38px;
    background: #dfdfdf;
    display: inline-block;
    margin: 0 20px;
}

.RWDmenu_plus04 .site-nav .menu>li>a {
    font-size: 16px;
    color: #2d2a28;
    font-weight: 400;
}

/*header hover*/
.RWDmenu_plus04 .lang-select:hover .lang-select-label,
.RWDmenu_plus04 .site-nav .menu>li.active>a,
.RWDmenu_plus04 .site-nav .menu>li>a:hover {
    background: transparent;
    color: #3269f5;
}

.RWDmenu_plus04 .site-nav .menu>li>a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: #3269f5;
    bottom: 0;
    right: 0;
    transition: all .5s ease;
}

.RWDmenu_plus04 .site-nav .menu>li>a:hover:before {
    width: 100%;
    transition: all .5s ease;
    right: auto;
    left: 0;
}

/*header下拉選單*/
.RWDmenu_plus04 .site-nav .menu li {
    text-align: center;
}

.RWDmenu_plus04 .lang-select-label:after,
.RWDmenu_plus04 .site-nav .menu>li.dropdown>a:after,
.RWDmenu_plus04 .site-nav .menu>li.has-child>a:after {
    position: absolute;
    right: 5px;
    border-color: #555;
}

.RWDmenu_plus04 .site-nav .manu-item:hover>a,
.RWDmenu_plus04 .site-nav .menu ul li a:hover,
.RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a,
.RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a {
    font-weight: 400;
    text-decoration: none;
}

.RWDmenu_plus04 .site-nav .menu ul li>a {
    padding-right: 0px;
    padding-left: 0;
}

.RWDmenu_plus04 .lang-select-label:hover:after,
.RWDmenu_plus04 .site-nav .menu>li.active>a:after,
.RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after,
.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after,
.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after {
    border-color: #3269f5;
}

/*header icon*/
.RWDmenu_plus04 .features {
    width: 570px;
}

.RWDmenu_plus04 .features .search-btn img,
.RWDmenu_plus04 .features .member-btn img,
.RWDmenu_plus04 .features .cart-btn img {
    width: 17px;
    height: 17px;
}

.RWDmenu_plus04 .features .language-block a:first-child:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    background: #ccc;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
}

.RWDmenu_plus04 .features .language-block a {
    position: relative;
}

/*語系*/
.lang-select-label {
    padding: 28px 15px 25px;
}

.RWDmenu_plus04 .features .lang-select:hover .lang-select-label i,
.RWDmenu_plus04 .lang-select:hover .lang-select-label {
    color: #3269f5;
}

/*header編輯器 */
.RWDmenu_plus04 .features .edit {
    margin: 19px 0px 0 0;
}

.RWDmenu_plus04 .features .edit a {
    border: #2863e3 solid 1px;
    font-weight: 400;
    border-radius: 99em;
    padding: 8px 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    transition: all 0.5s ease-out;
    color: #1c46c0;
}

.RWDmenu_plus04 .features .edit a img {
    width: 17px;
    height: 17px;
    margin-right: 10px;
    margin-top: 3px;
    transition: all 0.5s ease-out;
}

.RWDmenu_plus04 .features .edit a:hover {
    color: #fff;
    background: linear-gradient(to right, #1c46c0, #0fc9ff);
    -webkit-text-fill-color: inherit;
    transition: all 0.5s ease-out;
}

.RWDmenu_plus04 .features .edit a:hover img {
    filter: brightness(0) invert(1);
    transition: all 0.5s ease-out;
}

/*header is-up*/
.RWDmenu_plus04 .header.is-up {
    transition: all 0.5s ease-out;
    background: #fff;
}

.RWDmenu_plus04 .header.is-up .logo {
    transition: all 0.5s ease-out;
    opacity: 1
}

.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle,
.RWDmenu_plus04 .header.is-up .features .cart-btn {
    color: #fff;
}

.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line {
    background: #fff;
}

.RWDmenu_plus04 .header.is-up .site-nav .menu>li>a {
    font-weight: 400;
}

/*header search*/
.RWDmenu_plus04 #search-box {
    opacity: 1;
    visibility: initial;
    top: 20px;
    margin-right: 0;
    right: 115px;
    width: 280px;
}

.RWDmenu_plus04 #search-box .search {
    color: #fff;
    background-image: linear-gradient(to right, #4481eb 0%, #04befe 100%);
}

.RWDmenu_plus04 .language-block {
    font-size: 15px;
}



/*漢堡選單基本設定*/
.RWDmenu_plus04 #mobile-menu .menu>li.active>a {
    background-color: transparent;
}

.RWDmenu_plus04 #mobile-menu .menu>li .m_title_block {
    color: #2863e3;
}

.RWDmenu_plus04 #mobile-menu .menu>li .m_stitle_block {
    color: #555;
}

.RWDmenu_plus04 #mobile-menu .menu>li.active {
    background-color: #2863e3;
}

.RWDmenu_plus04 #mobile-menu .menu>li.active .m_title_block,
.RWDmenu_plus04 #mobile-menu .menu>li.active .m_stitle_block {
    color: #fff;
}

.RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a {
    color: #555;
    font-weight: 400;
}


/*banner*/
.banner-block {
    position: relative;
}

.banner-block .RWDbanner_plus01 .slick-caption {
    top: 35%;
}

.banner-block .container {
    width: 70%;
}

.banner-block .RWDbanner_plus01 .logo {
    position: absolute;
    bottom: -50%;
    left: 16%;
}

.banner-block .RWDbanner_plus01 .slick-caption .txt1 {
    font-size: 5.5em;
    text-transform: uppercase;
    letter-spacing: 10px;
    font-weight: 900;
    line-height: 1.1;
    color: transparent;
    background-image: linear-gradient(35deg, #29176f, #1b58de 35%);
    -webkit-background-clip: text;
    background-clip: text;
}

.banner-block .RWDbanner_plus01 .slick-caption .txt2 {
    font-size: 1.3em;
    color: #2d2a28;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 30px;
    font-weight: 500;
    margin-left: 10px;
}

.banner-block .RWDbanner_plus01 .slick-caption .txt2 span span {
    border-left: 1px solid #2d2a28;
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 15px;
}

.banner-block .RWDbanner_plus01 .page-scroll {
    width: auto;
    left: 0px;
    margin-left: 15px;
    bottom: 0;
    transform: translate(-50%, 51%);
}

.banner-block .RWDbanner_plus01 .page-scroll a {
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #000;
    letter-spacing: .1em;
    text-decoration: none;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.banner-block .RWDbanner_plus01 .page-scroll.style-custom span {
    writing-mode: tb-rl;
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 2px;
    color: #2863e3;
    font-weight: 300;
    padding-bottom: 40px;
}

.banner-block .RWDbanner_plus01 .page-scroll.style-custom span::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 30px;
    left: 30px;
    top: 0;
    background: #2863e3;
    animation: scd 5s ease 0s infinite alternate;
    transition: all 0.5s ease 0s;
}

.banner-block .RWDbanner_plus01 .page-scroll.style-custom span::after {
    content: '';
    width: 1px;
    height: 100%;
    background: rgba(130, 149, 127, 0.3);
    position: absolute;
    left: 30px;
    bottom: 0;
}

.banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {
    background: #2863e3;
    border: 0;
    height: 35px;
    border-radius: 99em;
    transition: all 0.5s ease-out;
}

.banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots button {
    background: transparent;
    border: 1px solid #2d2a28;
    transition: all 0.5s ease-out;
}



/*關於我們*/
.about-block {
    background: #f6f9fb;
    position: relative;
    overflow: hidden;
}

.about-block::before {
    content: '';
    width: 700px;
    border-left: 1px solid rgba(197, 221, 242, 0.25);
    border-right: 1px solid rgba(197, 221, 242, 0.25);
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.about-block .container {
    position: relative;
    z-index: 1;
    width: 90%;
    margin: 0 0 0 auto;
    padding: 0;
}

.about-block .RWDService001 .section-subject {
    text-align: left;
    margin-bottom: 80px;
}

.about-block .RWDService001 .section-line {
    display: none;
}

.about-block .RWDService001 .row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-right: 50px;
}

.about-block .col-md-3 {
    width: calc(100%/3);
}

.about-block .boxFeature-2 {
    position: relative;
    padding-bottom: 2vw;
}

.about-block .boxFeature-2 h2 {
    color: #fff;
    position: relative;
    z-index: 1;
    padding: 0 0 0 4vw;
    font-size: 35px;
    font-weight: 600;
    text-align: left;
    letter-spacing: 3px;
    margin-top: 0;
}

.about-block .boxFeature-2 p {
    color: #ddd;
    position: relative;
    z-index: 1;
    font-size: 18px;
    padding: 0 0 0 4vw;
    text-align: left;
    min-height: 55px;
}

.about-block .RWDService001 i {
    margin-bottom: 0;
    padding-left: 4vw;
}

.about-block .col-md-3:nth-child(2) {
    transform: translateY(50px);
}

.about-block .col-md-3:nth-child(3) {
    transform: translateY(95px);
}

.about-block .col-md-3 .boxFeature-2::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.about-block .col-md-3 .boxFeature-2::after {
    content: '';
    font-size: 15px;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    color: rgb(255 255 255 / 60%);
    border-right: 1px solid rgba(255, 255, 255, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 45px;
    height: 100%;
    line-height: 50px;
    padding: 10px 0 0;
    font-weight: 300;
}

.about-block .col-md-3:nth-child(1) .boxFeature-2::after {
    content: 'Specialty';
}

.about-block .col-md-3:nth-child(2) .boxFeature-2::after {
    content: 'Quality';
}

.about-block .col-md-3:nth-child(3) .boxFeature-2::after {
    content: 'Integrity';
}

.about-block .RWDService001 i img {
    max-width: 65px;
    margin: 0 0 20px;
    filter: brightness(10) opacity(0.8);
}

.about-block .RWDService001 .row:nth-child(2) {
    background: linear-gradient(339deg, #29176f, #2853b2 75%, #1b58de 100%);
    padding: 50px 30px;
}

.about-block .RWDService001 {
    display: grid;
    grid-template-columns: 38% auto;
}

/*原料*/
.material-block {
    position: relative;
}

.material-block::before {
    content: '';
    width: 700px;
    border-left: 1px solid rgba(197, 221, 242, 0.25);
    border-right: 1px solid rgba(197, 221, 242, 0.25);
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.material-block .container {
    position: relative;
    z-index: 1;
}

.material-block .RWDproduct004 section {
    border: 0;
}

.material-block .RWDproduct004 .heading-title.heading-arrow-bottom::after,
.RWDproduct004 .item-box .item-hover a.ico-rounded {
    display: none;
}

.material-block .RWDproduct004 .row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
}

.material-block .RWDproduct004 .section-subject {
    text-align: left;
    display: block !important;
}

.material-block .RWDproduct004 .section-subject .col-md-12 {
    padding: 0;
}

.material-block .RWDproduct004 .callout-dark {
    background-color: transparent;
    padding-top: 0;
}

.material-block .RWDproduct004 .item-box-desc {
    padding: 15px 0px 15px;
}

.material-block .RWDproduct004 #portfolio div.col-md-3 h2,
.material-block .RWDproduct004 #portfolio div.col-md-3 h3 {
    font-weight: 500;
    color: #29166F;
}

.material-block .RWDproduct004 #portfolio div.col-md-3 {
    width: calc(100%/4);
    padding: 3px !important;
}

.material-block .RWDproduct004 .item-box-desc {
    width: 100%;
    margin-bottom: 0px;
    height: 100%;
}

.material-block .RWDproduct004 .item-box:hover .item-box-desc {
    transition: all .5s ease;
    height: 30%;
    backdrop-filter: blur(0px);
}

/*hover*/
.material-block .RWDproduct004 img.img-responsive,
.material-block .RWDproduct004 .overlay {
    transition: all 0.5s ease-out;
}

.material-block .RWDproduct004 .item-box:hover img.img-responsive {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.5s ease-out;
}

.material-block .RWDproduct004 .item-box:hover h3 {
    color: #190563 !important
}


/*產品*/
.product-block {
    background: #f6f9fb;
    position: relative;
    overflow: hidden;
}

/*標題*/
.product-block .RWDService002 .section-subject.row {
    border: 0;
    background: transparent;
    text-align: left;
}

.product-block .RWDService002 h1.main-title {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.product-block .funny-boxes.not-right-column::before {
    margin-bottom: 10px;
}

.product-block .RWDService002 .container {
    width: 100%;
    padding: 0;
}

.product-block .RWDService002 .funny-boxes.not-right-column::before,
.product-block .RWDService002 .section-line,
.product-block .RWDService002 .funny-boxes>.funny-boxes-text>h4::after {
    display: none;
}

.product-block .RWDService002 .row {
    border: 1px solid #dfdfdf;
    background: #fff;
}

.product-block .RWDService002 .row:nth-child(3) {
    border-top: 0;
}

.product-block .RWDService002 .col-md-4 {
    border-right: #dcdcdc solid 1px;
    min-height: 220px;
    padding: 0 2vw;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
    transition: all 0.5s ease-out;
    position: relative;
    z-index: 0;
}

.product-block .RWDService002 .funny-boxes {
    width: 100%;
}

.product-block .RWDService002 .funny-boxes-text {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: flex-start;
}

.product-block .RWDService002 .funny-boxes>.funny-boxes-text>h4 {
    font-size: 30px;
    letter-spacing: 1px;
    width: 65%;
    text-align: right;
    font-weight: 600;
    padding: 0;
    margin: 0;
}

.product-block .RWDService002 .funny-boxes>.funny-boxes-text>h4 a {
    color: #2d2a28;
}

.product-block .RWDService002 .funny-boxes>.funny-boxes-text>p {
    width: 45%;
    font-size: 13px;
    color: #898989;
    text-align: left;
}

.product-block .RWDService002 .funny-boxes>.funny-boxes-text>p span {
    display: block;
    font-size: 5em;
    color: #efefef;
    font-weight: 300;
    position: relative;
    left: 0;
    bottom: -86px;
}

.product-block .RWDService002 .row:nth-child(2) .col-md-4:nth-child(odd),
.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(even) {
    background-color: #fbfbfb;
}

.product-block .RWDService002 .row .col-md-4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(35deg, #29176f, #2853b2 75%, #1b58de 100%);
    transition: all 0.5s ease-out;
    z-index: -1;
}

.product-block .RWDService002 .row .col-md-4:hover::before {
    width: 100%;
    transition: all 0.5s ease-out;
}

.product-block .RWDService002 .row .col-md-4:hover .funny-boxes>.funny-boxes-text>h4,
.product-block .RWDService002 .row .col-md-4:hover .funny-boxes>.funny-boxes-text>p,
.product-block .RWDService002 .row .col-md-4:hover .funny-boxes>.funny-boxes-text>h4 a,
.product-block .RWDService002 .row .col-md-4:hover .funny-boxes>.funny-boxes-text>p span {
    color: #fff !important;
}

.product-block .animated .RWDService002 .row:nth-child(2) .col-md-4:nth-child(3),
.product-block .animated .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3) {
    border-right: 0;
}

.RWDService002 {
    padding: 0;
}

/*應用領域*/
.application-block {
    position: relative;
}

.application-block::after {
    content: '';
    width: 70%;
    border-left: 1px solid rgba(197, 221, 242, 0.25);
    border-right: 1px solid rgba(197, 221, 242, 0.25);
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

/*.application-block::before{content: '';width: 650px;border-left: 1px solid rgba(197, 221, 242, 0.25);border-right: 1px solid rgba(197, 221, 242, 0.25);height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 0;}*/
.application-block .container {
    position: relative;
    z-index: 1;
}

.application-block .RWDService001 .section-subject {
    margin-bottom: 80px;
}

.application-block .RWDService001 h2.sub-title {
    text-align: left;
}

.application-block .RWDService001 .section-line {
    display: none;
}

.application-block .RWDService001 i {
    border: #dcdcdc solid 1px;
    overflow: hidden;
}

.application-block .RWDService001 h2 {
    font-size: 18px;
    color: #2d2a28;
    text-align: center;
}

.application-block .RWDService001 .col-md-3 {
    margin-bottom: 35px;
    width: calc(100%/5);
}

.application-block .RWDService001 .col-md-3 img {
    transition: all 0.5s ease-out;
}

.application-block .RWDService001 .col-md-3:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.5s ease-out;
}

.application-block .RWDService001 .row:before,
.application-block .RWDService001 .row:after {
    display: none;
}

.application-block .RWDService001 .section-subject.row:before,
.application-block .RWDService001 .section-subject.row:after {
    display: block;
}



/*合作*/
.cooperation-block {
    background: linear-gradient(35deg, #29176f, #1b58de 100%);
    padding: 0;
    position: relative;
}

.cooperation-block::after {
    content: '';
    width: 70%;
    border-left: 1px solid rgba(197, 221, 242, 0.25);
    border-right: 1px solid rgba(197, 221, 242, 0.25);
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.cooperation-block::before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(archive/image/customization/footer-cooperation_bg.webp) no-repeat;
    background-size: cover;
    opacity: 0.4;
    position: absolute;
    right: 0;
    top: 0;
    background-position: right top;
}

.cooperation-block .container {
    position: relative;
    background-color: #2e5c97;
    bottom: -3vw;
    left: 0;
    width: 80%;
    border: #87a0bf solid 1px;
    padding: 3vw 0 1vw;
    border-radius: 0px;
    z-index: 1;
}

.cooperation-block .container::before {
    content: '';
    background: url(archive/image/customization/footer-cooperation_bg_1104.webp) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: right center;
    display: block;
}

.cooperation-box h2 {
    color: #fff;
    font-size: 27px;
    font-weight: 600;
    margin: 0px 0 40px;
    text-align: center;
}

.cooperation-box h2::before {
    content: 'CONTACT US';
    color: #fff;
    font-size: 2em;
    display: block
}

.cooperation-box p {
    color: #e8ebef;
    font-size: 19px;
    margin-bottom: 45px;
    text-align: center;
}

/*按鈕*/
.cooperation-box a.btn-style {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
    margin: 30px auto 28px;
    width: 580px;
    height: 74px;
    line-height: 68px;
    font-weight: 500;
    display: block;
    position: relative;
    z-index: 99;
    border-radius: 99em;
    font-size: 20px;
    text-align: center;
}

.cooperation-box a.btn-style::before {
    content: '';
    background: url(archive/image/customization/icon-mail.webp) no-repeat;
    width: 34px;
    height: 34px;
    position: absolute;
    left: 32px;
    top: 18px;
    background-size: 100% auto;
    filter: brightness(0) invert(0);
}

.cooperation-box a.btn-style::after {
    content: "";
    background: url(archive/image/customization/icon-arrow.webp) no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 44px;
    top: 24px;
    filter: brightness(0) invert(0);
    opacity: 1;
    transition: all 0.5s ease-out;
}

/*hover*/
.cooperation-box a.btn-style:hover::after {
    opacity: 1;
    right: 20px;
    filter: brightness(0) invert(0);
    transition: all 0.5s ease-out;
}

/*手機橫式設定*/
.alert {
    padding: 0;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}






@keyframes scd {
    0% {
        height: 0px;
    }

    100% {
        height: 100%;
    }
}

@-webkit-keyframes scd {
    0% {
        height: 0px;
    }

    100% {
        height: 100%;
    }
}
/*cookie start*/

.RWDalert_fancybox.bottom {
    width: 500px;
    padding: 30px 60px 20px !important;
    box-shadow: 1px 0px 2px rgb(51 51 102 / 20%) !important;
    z-index: 9999 !important;
}

.RWDalert_fancybox.bottom {
    z-index: 999;
    box-shadow: 0px -3px 3px rgb(51 51 102 / 20%);
    padding: 15px 30px;
    text-align: center;
    letter-spacing: 1px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
}

.RWDalert_fancybox.bottom .editor,
.RWDalert_fancybox.bottom .btn-box {
    display: inline-block;
}

.RWDalert_fancybox.bottom .editor {
    font-size: 15px;
    margin-bottom: 8px;
}

.RWDalert_fancybox .btn.active {
    border-radius: 0px;
    margin-top: 20px;
    background: #EE7600 !important;
    border: 0px !important;
    display: block;
    padding: 5px 50px;
    color: #fff !important;
    font-size: 15px;
}

.RWDalert_fancybox .btn.active:hover {
    background: #c96708 !important;
    color: #fff !important;
}

.RWDalert_fancybox .editor a {
    border-bottom: #a9a9a9 dotted 1px;
}

.RWDalert_fancybox .editor a:hover {
    color: #EE7600;
}


/*--600--*/
@media (max-width:600px) {
    .RWDalert_fancybox.bottom {
        width: 100%;
    }
}

/*cookie end*/
/*footer start*/

/*頁尾*/
.footer-block{background: #2d2a28;}
.footer-block .container{padding:6vw 0 1vw;width:80%;}
.footer-block .footer-inner{display: flex;justify-content: flex-start;align-items: stretch;}
.footer-block .ft-block-info{width: 100%;}


/*公司資訊*/
.ft-information{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.ft-logo{width:100%;}
.ft-logo h1{margin-top: 0;font-size:23px;margin-bottom: 35px;color:#fff;}
.footer-info{font-size: 18px;color: #fff;margin-bottom: 45px;width:60%;}
.footer-info .sub-title{margin-bottom:25px;}
.footer-info .sub-title,.footer-social .RWDedictor{font-size: 17px;color: #747474;text-transform:uppercase;}
.footer-social .RWDedictor{margin-right:15px;margin-bottom:25px;}
.footer-info ul{list-style: none;margin: 0;padding: 0;font-size: 15px;color: #fff;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.footer-info ul li{width: calc(100%/2 - 1px);margin-bottom: 5px;}
.footer-info ul,.footer-info ul a{color: #d9d7d7;}
.footer-info i{margin-right: 20px;}


/*合作洽詢*/
.footer-social{display: flex;align-items: flex-end;justify-content: flex-start;flex-direction: column;width: 40%;}



/*社群*/
.RWDsocial002 .pull-right {float: none !important;}
.RWDsocial002 .iconRounded {border: 0;color: #fff;background-color: transparent;}
.RWDsocial002 .iconRounded img{width: 30px;height: 30px;margin-top: 5px;}
.RWDsocial002 .iconRounded:hover, .color1 .iconRounded:hover {background-color: transparent;color: #fff;}


/*copyright*/
.ft-bottom{display: flex;align-items: center;flex-wrap: wrap;font-size: 12px;color: #747474;border-top: 1px solid #464646;padding-top:10px;margin-top: 35px;}
.copyright_desc a, .copyright_desc{color: #747474;}

/*footer end*/
/*動畫 start*/

@keyframes move01{

    0% {
        opacity: 0;
        -webkit-transform:translateY(-30px);
        -moz-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        -o-transform:translateY(-30px);
        transform:translateY(-30px);
    }
    100% {
        opacity: 1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px);

    }
}
.about-block .col-md-3,.product-block .RWDService002 .col-md-4,.material-block .RWDproduct004 #portfolio div.col-md-3{opacity:0}


.about-block .animated  .RWDService001 .col-md-3:nth-child(1){animation: 1000ms ease normal forwards 1 move01;animation-delay: 0.5s;opacity: 0}
.about-block .animated .RWDService001 .col-md-3:nth-child(2){animation: 1000ms ease normal forwards 1 move01;animation-delay: 0.7s;opacity: 0}
.about-block .animated .RWDService001 .col-md-3:nth-child(3){animation: 1000ms ease normal forwards 1 move01;animation-delay: 0.9s;opacity: 0}

.product-block .animated .RWDService002 .row:nth-child(2) .col-md-4:nth-child(1),
.material-block .animated .RWDproduct004 #portfolio div.col-md-3:nth-child(1) {animation: 1000ms ease normal forwards 1 move01;animation-delay: 0.5s;opacity: 0}

.product-block .animated .RWDService002 .row:nth-child(2) .col-md-4:nth-child(2),
.material-block .animated .RWDproduct004 #portfolio div.col-md-3:nth-child(2){animation: 1000ms ease normal forwards 1 move01;animation-delay: 0.7s;opacity: 0}

.product-block .animated .RWDService002 .row:nth-child(2) .col-md-4:nth-child(3),
.material-block .animated .RWDproduct004 #portfolio div.col-md-3:nth-child(3){animation: 1000ms ease normal forwards 1 move01;animation-delay: 0.9s;opacity: 0}

.product-block .animated .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1),
.material-block .animated .RWDproduct004 #portfolio div.col-md-3:nth-child(4){animation: 1000ms ease normal forwards 1 move01;animation-delay: 1s;opacity: 0}

.product-block .animated .RWDService002 .row:nth-child(3) .col-md-4:nth-child(2),
.material-block .animated .RWDproduct004 #portfolio div.col-md-3:nth-child(5){animation: 1000ms ease normal forwards 1 move01;animation-delay: 1.3s;opacity: 0}

.product-block .animated .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3),
.material-block .animated .RWDproduct004 #portfolio div.col-md-3:nth-child(6){animation: 1000ms ease normal forwards 1 move01;animation-delay: 1.5s;opacity: 0}

.about-block .animated .RWDService001 .col-md-3,.product-block .RWDService002 .row .col-md-4,.material-block .RWDproduct004 #portfolio div.col-md-3{animation: 1200ms ease normal forwards 1 fadeInUP;opacity: 0;animation-delay: 5s;}






/*動畫 end*/
/*en start*/

body.lang_en {
    letter-spacing: 0 !important;
}
.lang_en .RWDmenu_plus04 .features {
    width: fit-content;
}
.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
    font-size: 5.8em;
    letter-spacing: 0;
}
.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt2 {
    letter-spacing: 0;
    padding-left: 20px;
    border-left: 1px solid;
}
.lang_en .product-block .RWDService002 .funny-boxes-text {
    display: block;
}
.lang_en .product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4 {
    width: 100%;
    text-align: left;
    letter-spacing: 0;
}
.lang_en .RWDbtn01 .btn {
    padding-right: 30px;
}
.lang_en .about-block .RWDService001 h1.main-title {
    display: grid;
    grid-template-columns: 390px auto;
}
.lang_en .about-block .boxFeature-2 h2 {
    letter-spacing: 0;
}
.lang_en .cooperation-box h2 {
    content: 'CONTACT US';
    color: #fff;
    font-size: 2em;
    display: block;
}
.lang_en .cooperation-box h2:before {display:none;}

/*en end*/
/*內頁 start*/

/* 匯入內頁版面寬度80%*/
/*a連結*/
a{text-decoration: none;}
.page_wrapper_bg section.call_to_action a, .page_wrapper_bg section.call_to_action a:hover, .page_wrapper_bg section.call_to_action a:focus {color: #000;text-decoration: none;}
.row{margin-right:0px;margin-left:0px;}


/*main*/
.page_wrapper_bg section.call_to_action { padding: 80px 0; min-height: 35vw;position: relative;}
.page_wrapper_bg section.call_to_action>.container {padding: 0 15px;width: 70%; max-width:1700px}
.page_wrapper_bg .article-text .container {width: 100%;padding: 0;}
.page_wrapper_bg .pagecontent {padding:0 !important}
.hgroup .container {width: 100%; margin: 0 0 50px;border-bottom:0;padding:0}

.pagecontent .article_model[data-seq="0"] {margin-top:0 !important}

.page_wrapper_bg section.call_to_action::before {
    content: '';
    width: 80%;
    border-left: 1px solid rgba(197, 221, 242, 0.25);
    border-right: 1px solid rgba(197, 221, 242, 0.25);
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -4;
}

.page_wrapper_bg section.call_to_action::after {
    content: "";
    background: #fcfcfc;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -5;
}



/*麵包屑*/
.hgroup .breadcrumb {
    border: 0;
    background: transparent;
    padding: 0 5px;
    bottom: 0;
    position: relative;
    right: auto;
    left: 0;
    width: 100%;
}

/*文字統一設定*/
.page_subject {padding:0}
.page_wrapper_bg .hgroup h1 {line-height: 1.5;background: -webkit-linear-gradient(top,#1B58DE 0,#29176F 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 900;font-size:40px}
.page_wrapper_bg .article-text h2 {font-size:24px;line-height: 1.2;letter-spacing:2px;margin-top:15px}
.page_wrapper_bg .article-text h3 {letter-spacing: 2px;line-height: 1.5;margin-bottom: 10px; font-weight: bold; font-size: 20px !important;margin-top:0}
.page_wrapper_bg .article-text h4 {font-size: 18px;line-height: 1.5;letter-spacing: 2px;margin: 15px 0 15px;font-weight: bold;}
.page_wrapper_bg .article-text, .page_wrapper_bg .article-text p,.RWDslider01 .editor,.RWDtimeline01 li.event .point .editor,#sidebar .products-nav {font-size:16px;line-height: 1.8;letter-spacing: 1px;color: #2d2a28; font-weight: 400;}

._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td{font-size:15px;line-height: 2; font-weight: 400;}
._bd_row li{margin-bottom: 10px;}
._bd_row ol{padding-left: 22px;}
._bd_row ul{padding-left: 18px;}

.RWDeditor01 .model-title {
    margin-bottom: 10px !important;
    color: #2d2a28;
    font-size: 25px;
    font-weight: 600;
}

.webdesc {font-size: 18px;margin-bottom: 20px;background: #f6f9fb;padding: 30px;}

/*-------按鈕--------*/
#panelCms .btn.btn-primary { float: none;border-radius: 5px !important;}

/*重新填寫*/
.refill_btn {display: none;}

/*回上一頁按鈕*/
#article .btn.btn_back a, #album .btn.btn_back a {padding: 10px 15px;display:block;}
.btn.btn_back {margin-right: 0;float: right;background: transparent !important;padding: 0;box-shadow: none;margin-top:30px;}
.btn.btn_back a { min-width:180px;padding: 0 15px;background: transparent;color: #3269f5; transition: all 0.2s ease;border: 1px solid #dfdfdf;border-radius: 30px;    position: relative;}
.btn.btn_back a:hover {border: 1px solid #dfdfdf;color: #fff !important;background: transparent;}

.btn.btn_back a::before {
    content: '';
    background: url(archive/image/customization/icon-bntarrow.webp)no-repeat;
    background-size: 100% auto;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 20px;
    top: 10px;
}

.btn.btn_back a::after {
    content: "";
    background: #fff;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: .5s;
    z-index: -1;
    border-radius: 99em;
}

.btn.btn_back a:hover::after {
    width: 100%;
    transition: .4s;
    right: auto;
    left: 0;
    background-image: linear-gradient(to right, #1c46c0, #0fc9ff);
}

.btn.btn_back a:hover::before {
    filter: brightness(0) invert(1);
}

/*確定送出*/
.ebtn {padding: 0;background: transparent;-webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;float: right;margin-right: 0;}
.ebtn a { display: block;text-align: center;min-width:180px;line-height: 1.5;padding: 6px 30px;margin-top: 20px;color: #fff;background: #444; border: 1px solid #444;transition: all .2s ease;}
.ebtn a:hover {background: #000; color: #fff !important; border-color: #000; transition: all .2s ease;}
.new-form .new-width .currectsend_btn a {color: #fff !important;}


/*購物車按鈕*/
.RWDshopping .btn.bg1{background: transparent ;color: #444;border: 1px solid #444;border-radius: 0 ;}
.RWDshopping .btn.bg1:hover{border-radius: 0 ;transition: all 0.3s ease;border: 1px solid #000 ;color: #fff !important;background: #000 ;}
.layoutlist_4 .showY br {display: none;}

.RWDshopping .btn.bg2{border-radius: 0 !important;transition: all 0.3s ease;border: 1px solid #444 !important;color: #fff !important;background: #444 !important;}
.RWDshopping .btn.bg2:hover{background:#000 !important;color: #fff !important;border: 1px solid #000 !important;}
.RWDshopping .btn.bg2 i {transition: none;}

.RWDshopping .btn.bg3{background: transparent; color: #444; border: 1px solid #444;border-radius: 0;}
.RWDshopping .btn.bg3:hover{border-radius: 0;transition: all 0.3s ease;border: 1px solid #000;color: #fff !important; background: #000;}

/*購物訂單畫面按鈕*/
.RWDshopping .btn.normal {max-width: initial;}

/*會員按鈕*/
#join_form .btn{padding: 6px 12px;border-radius: 0;}
#join_form .btn-link:hover { text-decoration: none;}

#btn_member_login { float: none;background: #444;color: #fff;border: 1px solid #444;padding: 6px 12px;}
#btn_member_login:hover {background: #000;color:#fff !important;border: 1px solid #000;}

#join_form .btn-primary {min-width:180px;float: none; background: #444;color: #fff;border: 1px solid #444;}
#join_form .btn-primary:hover{background: #000;color:#fff !important;border: 1px solid #000;}

.btn-primary { background-color:#444;border: 1px solid #444; border-radius: 0 !important; float: right; margin-right: 0px;font-size: 14px;box-shadow:none;}
.btn-primary a {color: #fff;font-size: 14px;}

.btn.btn-primary:focus a, .btn.btn-primary:hover a, .btn.btn-primary:active a{color:#fff !important;}
.btn-primary:hover{transition: all 0.3s ease; color:#fff; background-color: #000;border-color: #000;} 
.btn-primary:active:hover, .btn-primary:active:focus{background-color: #000;border: 1px solid #000;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{color: #fff !important;background-color:  #000;border-color: #000;outline: none;}

/*忘記密碼 ＆重發認證信*/
#div_forget_area *{border-radius: 0 !important;}

/*註冊*/
.join_form_btns{ text-align: right;}

/*文章列表-2*/
#article .layoutlist_2 .list_subject a {font-size: 16px !important;font-weight: bold;margin: 0px 0px 20px !important; display: block;line-height:2 !important;}
.subsubject {font-size: 14px;font-weight: 400;line-height: 2;}
.layoutlist_2 .listdate .yearmonth, .layoutlist_4 .listdate .yearmonth{ padding-bottom: 0;}
.layoutlist_2 .item {width: 100%;}

/*文章列表-3*/
.layoutlist_3.fn_article3 .list_subject a{font-size: 16px !important;font-weight: bold;margin: 0px 0px 20px !important; display: block;line-height:2 !important;}
.layoutlist_3.fn_article3 .list_subject .summary a{font-size: 14px !important;font-weight: 400;line-height: 2 !important;}

/*文章列表-4*/
#article .layoutlist_4 .item {display: flex;align-items: stretch;border-bottom: 1px solid #eee;}
#article .layoutlist_4 .list_subject a{font-size:17px!important;font-weight:700;margin:0 0 10px!important;display:block;line-height:1.5!important}
#article .layoutlist_4 .list_subject .summary a{font-size:16px!important;font-weight:400;line-height:1.5!important}
#article .layoutlist_4 .listdate{padding:0 10px;width:90px;border-left:1px solid #eee}
#article .layoutlist_4 .listdate .day{font-size:25px}
#article .layoutlist_4 .listdate .yearmonth{letter-spacing:1px;padding:0}
#article .layoutlist_4 .item .list_img{padding-left:0}
#article .layoutlist_4 .list_subject{width:calc(100% - 25% - 90px)}
#article .layoutlist_4 .xrow.list {height: auto;}

/*文章列表-7*/
#article .layoutlist_7 .cdate, .article7 .layoutlist_7 .cdate a{font-size: 12px;}
#article .layoutlist_7 .summary, .article7 .layoutlist_7 .summary a{font-size: 14px !important;font-weight: 400;line-height: 2 !important;}

.article5 .layoutlist_7 .subject {margin: 0}
.article5 .layoutlist_7 .subject, .layoutlist_7 .subject a {font-size:18px !important;margin:0}
.article5 .layoutlist_7 .subject a {font-size: 26px !important;font-weight: bold;background: #f6f9fb;min-height: 80px;display: flex;align-items: center;justify-content: center;margin: 0 !important;border-bottom: 1px solid rgb(60 147 211 / 20%);border-top: 1px solid rgb(60 147 211 / 20%);}
.article5 .layoutlist_7 .litem {margin: 0 0 20px;}


/*文章列表-8*/
.layoutlist_8 .article_subject{font-weight:500;font-size:17px;line-height:1.5;display:block}
.layoutlist_8 .list_subject .summary{margin:10px 0}
.layoutlist_8 .list_subject .summary a{font-size:16px;font-weight:400;line-height:1.5;color:#000}


/*文章列表頁籤修正*/
#article .tabs {margin: 50px 0;}
#article .tabs .content {padding: 30px !important;}


/*相簿列表*/
.layoutlist_2 .album_item {height: auto !important;}

/*相簿上下方說明*/
#album .page_desc {margin: 50px 0;}
#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 {margin: 50px 0 0;}

/*修正相簿a連結顏色*/
.photo_view .flex-direction-nav a {color: transparent !important;}

/*相簿-1*/
#album .layoutlist_1 .album_item_subject {padding: 20px 0px;font-size: 18px;}

/*相簿-2*/
#album .layoutlist_2 .album_item_subject{padding: 20px 0px;font-size: 18px;}

/*Q&A*/
.rwd .faq_question{font-size: 16px;letter-spacing: 2px;}
.rwd .faq_answer{font-size: 15px;letter-spacing: 2px;line-height: 1.8;}

/*影片*/
.video_item_subject{font-size: 16px;letter-spacing:1px;}

/*檔案下載*/
.download .search_input {background: transparent;}
.no-touch .layoutlist_5 .dbtn_v2:hover {background: #333;border-color: #333;color: #fff;}
.layoutlist_5 .dbtn_v2 { display: inline-block;margin: 15px 0 0;padding: 6px 0.8em;font-size: 14px; line-height: 1.2;color: #333;border: 1px solid #b7b7b7; border-radius: 2px;background: #fff; text-decoration: none; cursor: pointer;}
.layoutlist_5 .download_subject {line-height: 1.4;}
.layoutlist_5 .summary {margin: 8px 0 0;font-size: 13px;line-height: 1.4;color: #818181;}
.dd-selected {font-size: 16px;}
.file_area label.dd-option-text {margin: 0;font-weight: 400;display: block;}

.download_container .btn {
    font-size: 16px;
    border: 1px solid #2d2a28;
    border-radius: 0;
    line-height: 1.3;
    background: #2d2a28;
    color: #fff;
}


/*產品_1*/
.page_content1 #productbx_bg{background: #efefef;-moz-opacity:1;opacity: 1;}
.page_content1 .dd-selected {letter-spacing: 1px;}
#btn_shopping{border-radius: 0;font-size: 14px;background:#444}
#btn_shopping:hover{background:#000}
.fbtn{border-radius: 0;font-size: 14px;background:#444}
.fbtn:hover{background:#000}
#btn_querycar{border-radius: 0;font-size: 14px;background:#444}
#btn_querycar:hover{background:#000}
.product_desc_content {color: #333;letter-spacing: 1px;line-height: 30px;}
.page_content1 #prod_price {margin-top: 17px;}
.page_content3_mainphoto .swiper-slide img {width: 100%;}


/*產品_2*/
#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add, #mobile-fixed .btn-shop .btn.add {background: #999;}
#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop, #mobile-fixed .btn-shop .btn.shop {background:#444;}
.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover, .no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover {background-color: #111;}
#mobile-fixed .style-radio .form-radio, .RWDproduct_page .style-radio .form-radio {border: 1px solid rgb(214, 214, 214);}
#mobile-fixed .style-radio .form-radio.checked, .RWDproduct_page .style-radio .form-radio.checked {border-color: #000;}
.RWDproduct_page .products-info .nu, .RWDproduct_page .products-info .stock, .RWDproduct_page .products-info .subname, .RWDproduct_page .products-info .txt .editor {color: #555;font-size: 15px;letter-spacing: 1px;}

/*產品列表樣式*/
.layoutlist_4 .product_list_item,.layoutlist_2 .product_list_item{margin-top:0;}
.layoutlist_4 .pricearea{text-align:left;display:flex;align-items:center;letter-spacing:0}
.layoutlist_4 .fixprice{ font-size: 16px;text-decoration: line-through;}
.layoutlist_4 .sellprice{color:#f10404;font-weight:bold;}

/*修正產品、文章預設列表排版*/
.productlist .layoutlist_2, .productlist .layoutlist_4, .productlist .layoutlist_5, .albumlist .layoutlist_2, .albumlist .layoutlist_4, .articlelist .layoutlist_2, .articlelist .layoutlist_4 {display: flex; flex-wrap: wrap;align-items: flex-start;}
.sortbar {float: none !important;margin-bottom: 20px !important;text-align: left !important; width: 100%;}

/*產品售價顏色*/
li#O_sellPrice {color: #fe0000 !important;font-weight: bold;}

/*購物清單*/
.RWDshopping .btn.normal{border-radius: 0;}

/*會員註冊*/
#join_form .btn-primary{border-radius: 0;}
#join_form {background: white;}

/*電子表單*/
.eformsDesc {margin: 50px 0;border: 0;}
.eformscontent .layoutlist_1 {width: 100%;max-width: 1170px; margin: 0 auto;}
.form-horizontal .form-group {margin-left: 0; margin-right: 0;}
.form-horizontal .control-label {width: 15%;font-weight: 500;}
.form-horizontal .form-group .col-sm-12.col-md-11 {width: 85%;}
textarea.form-control {min-height: 130px;}


/*左側*/
#sidebar {padding-right:40px;font-weight: normal;}
.m2018 .products-nav .nav-title {background: linear-gradient(339deg, #29176f, #2853b2 75%,#1b58de 100%);color: #fff !important;padding:10px;margin-bottom:0;border-radius: 0px;font-size: 20px;font-weight: bold;}
.m2018 .products-nav>ul>li {margin:0px;padding: 12px 10px;border-bottom:1px solid #eee;}
.m2018 .products-nav>ul>li>a {padding:0;position: relative;font-size: 16px;letter-spacing: 0.5px;}

#sidebar .products-nav > ul {border: 1px solid #eee;}

.m2018 .products-nav a {color:#666;padding: 12px 0 0;transition: 0.4s}
.m2018 .products-nav>ul>li.active>a, .m2018 .products-nav>ul>li>a:hover {color: #3269f5;transition: 0.4s;}

.m2018 .products-nav ul li>ul>li:hover>a, .m2018 .search-box .ibtn:hover {color: #3269f5;transition: 0.4s;}
.m2018 .products-nav ul li>ul>li.active>a, .m2018 .products-nav ul li>ul>li.is-open>a {color: #3269f5;}
.m2018 .products-nav ul li>ul>li.active>a {padding-top: 12px;}
.m2018 .products-nav ul>li>.toggle-submenu {height:46px;right:10px}

.m2018 .products-nav ul li ul li {padding: 0 20px 0 0;}

/*公司*/
.about_item .about_txt h2 {
    font-size: 30px !important;
    margin: 20px 0 0;
    font-weight: 600;
    color: #fff;
}
.about_item img {
    width: 80px;
    filter: invert(1);
}
.page_about {
    display: flex;
    align-items: center;
}
.about_item {
    width: 250px;
    height: 250px;
    text-align: center;
    background: linear-gradient(339deg, #29176f, #2853b2 75%,#1b58de 100%);
    margin-right: 50px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
}

.page_about02 b {
    font-size: 20px;
    margin-top: 15px;
    display: inline-block;
    border-bottom: 1px dashed #222;
}

.page_about02 b a {transition: 0.4s;}
.page_about02 b a:hover {color:#293995 !important;transition: 0.4s;}

.article3 .article-text {
    position: relative;
}

.article3 .article-text::before {
    content: "";
    width: 1200px;
    height: 1000px;
    background: url(archive/image/customization/aobut_bg.webp) no-repeat;
    position: absolute;
    right: -350px;
    bottom: -55%;
    background-size: contain;
    z-index: -1;
}

/*產品資訊*/
.pro_box h2 {
    font-size: 60px !important;
    font-weight: 900;
    color: #2d2a28;
    line-height:1.5
}

.pro_box h3 {
    font-size: 32px !important;
    font-weight: 400;
    line-height: 1.5;
color: #2d2a28;
}

.right_txt ul {
    margin-bottom: 0;
    font-size: 17px;
    line-height: 1.6;
    list-style: none;
    padding-left: 0;
}

.right_txt ul li {
    position: relative;
    padding-left: 30px;
}

.right_txt ul li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #28328d;
    position: absolute;
    top: 11px;
    left: 0;
    border-radius: 10px;
}

.pro_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #f6f9fb;
    padding: 30px 60px;
    border: 1px solid #eee;
    border-left: 0;
    border-right: 0;
}

.left_txt, .right_txt {
    width: calc(100% / 2);
}

li.notice_list {
    color: #2454be;font-weight: bold;
}


/*技術服務*/

.txt_row {
    display: flex;
    flex-wrap: wrap;margin-bottom: 5px;
    padding: 40px;position: relative;
    overflow: hidden;
}

.txt_row::before {
    content: "";
    width: 100%;
    height: 300px;
    position: absolute;
    background: url(archive/image/customization/page_bgimg.webp) no-repeat;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-size: cover;
    background-attachment: fixed;
}

.txt_row h3 {
    width: 200px;
    border-right: 1px solid #fff;
    margin-right: 80px;padding:10px 0
}

.txt_row p {
    width: calc(100% - 280px);
    padding: 6px 0;text-align: justify;
}

.txt_row p span {
    display: block;
    margin-top: 20px;
    border-bottom: 1px dashed #888;
    width: fit-content;
    padding-bottom: 2px;
    font-weight: 500;
}

.txt_row p span i {margin-right:10px}

.article2 .article_model:nth-child(4) {
    position: relative;
    padding: 15% 30px 0;
}

.article2 .article_model:nth-child(4)::before {
    content: "";
    width: 100%;
    height: 500px;
    position: absolute;
    top: -50px;
    left: 0;
    background: url(archive/image/customization/img_bg03.webp) no-repeat;
    background-size: cover;
    z-index: -1;
    background-position: center;
}

.article2 .article_model:nth-child(4) .model-title {
    color: #fff;
    text-align: center;
    font-size: 34px;
    margin-top: -50px;
    margin-bottom: 50px !important;
}

/*表格*/
.phone-info {color: #EE7600;font-weight: bold;margin-bottom: 5px;font-size: 18px;display:none}
.phone-info i {padding: 0 5px;}
.table_block table th {border: 1px solid #ccc;background: #6c7fdc;color: #fff;padding: 5px 10px;font-weight: 500;}
.table_block table td {border: 0px solid #ccc;padding:5px 10px;background:transparent}
.table_block tr:nth-child(odd) {background: #eee !important;}

.table_block table {width: 100%;}

.table_block table th:nth-child(1) {width: 25% !important;}
.table_block table th:nth-child(2) {width: 25% !important;}
.table_block table th:nth-child(3), .table_block table th:nth-child(4), .table_block table th:nth-child(5) {width:calc(50% / 3) !important}

/*應用*/
.pagepro_block {
    display: flex;
    grid-column-gap: 50px;flex-flow: wrap;
}

.pro_item {width:calc(100% / 3 - 35px);margin-bottom: 10px;}

.pro_img b {
    font-size: 18px;
    font-weight: bold;
    background: #222222c7;
    padding: 5px 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    display: block;
    width: 100%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
}

.pro_img {
    position: relative;
    border: 1px solid #dcdcdc;
}

.pro_txt {padding: 15px}
.pro_txt b {font-size: 18px;line-height: 1.5;}

.link_block a {
    display: inline-block;
    font-size: 16px;
    padding-left: 25px;
    position: relative;
    margin-right: 15px;
}

.link_block a::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #000;
    position: absolute;
    top: 11px;
    left: 5px;
    border-radius: 30px;transition: 0.4s;
}

.link_block a:hover {
    color: #3269f5 !important;
    transition: 0.4s;
}

.link_block a:hover::before {background:#3269f5;transition: 0.4s;}


/*客製*/
.icon_block .icon_box h3 {
    font-size: 18px !important;margin: 15px 0 0;min-height: 55px;display: flex;
    align-items: center;
    justify-content: center;
}

.icon_block .icon_box img {
        width: 100px;
    filter: invert(1) opacity(0.8);
}
.icon_block .icon_box {
    text-align: center;
    min-width: 250px;
    background: linear-gradient(339deg, #29176f, #2853b2 75%,#1b58de 100%);
    padding: 20px;
    margin-right: 60px;
    position: relative;
    color: #fff;
}
.icon_block {
    display: flex;
    align-items: center;
    margin-top: 55px;width:calc(100% - 350px);padding-left:50px
}

.icon_block .icon_box::before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 30px;
    position: absolute;
    right: -36px;
    top: 50%;
    transform: translateY(-50%);
    color: #2554bc;
}

.icon_block .icon_box:last-child::before {display:none}
.icon_block .icon_box:last-child {
    margin-right: 0;
}

.connect_block .btn_01 a, .connect_block .btn_02 a {
font-weight: bold;
    color: #2853b2 !important;
    letter-spacing: 0;
}
.connect_block .btn_01 i, .connect_block .btn_02 i {
    margin-right: 10px;
}
.connect_block .btn_01 b, .connect_block .btn_02 b {
    margin-right: 10px;
}
.connect_block h3 {
    width: 100%;margin-bottom: 45px !important;font-weight: bold !important;
}
.connect_block {
    font-size: 18px;width:350px;line-height: 1.5;
}

.connect_block .btn_02 {text-align: center;}
.connect_block .btn_01 {margin-bottom:20px}
.connect_block .btn_01, .connect_block .btn_02 {
width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;padding:10px 15px;justify-content: center;border: 1px solid #ddd;
}

.process_block {
    display: flex;
    flex-flow: wrap;
}

.technology_page .table_block table td {
    border: 1px solid #ccc;
    padding: 5px 10px;
    background: #fff;
}



/*footer*/
#RWDPAGE_BASE_PAT02 .footer-block .container {padding: 80px 0 40px}



/*隱私權*/
.privacy_block, .privacy_block p {line-height: 2;letter-spacing: 1px;color: #000}
.privacy_block a {color: #000;transition: 0.4s}
.privacy_block a:hover {color: #000;transition: 0.4s;text-decoration: none}
.privacy_block h5 {font-size: 18px;font-weight: bold;margin: 30px 0 10px;color: #000;}
.privacy_block h6 {font-size: 16px;}
.privacy_block ul {padding-left: 24px;}


/* 230926 */
.article5 .lang_en .layoutlist_7 .litem {
    width: calc(100%/2);
    float: left;
}
.article5 .lang_en .layoutlist_7 .subject a {
    font-size: 24px !important;
}
.layoutlist_7 .row:before, .layoutlist_7 .row:after {
    display: none;
}

/*內頁 end*/
/*en內頁 start*/

.lang_en.page_wrapper_bg .article-text,.lang_en.page_wrapper_bg .article-text p, .lang_en .RWDslider01 .editor, .lang_en .RWDtimeline01 li.event .point .editor,.lang_en #sidebar .products-nav,.lang_en.page_wrapper_bg .article-text h2,.lang_en.page_wrapper_bg .article-text h3,.lang_en.page_wrapper_bg .article-text h4,.lang_en.page_wrapper_bg .article-text h5,.lang_en.page_wrapper_bg .article-text h6,.lang_en.page_wrapper_bg .article-text h1 {
    letter-spacing: 0;
}
.lang_en.page_wrapper_bg .hgroup h1 {
    line-height: 1.2;
}
.lang_en .about_item .about_txt h2 {
    font-size: 25px !important;
}
.lang_en .article3 .article-text::before {
    right: -600px;
}
.lang_en .page_about02 h2 {
    padding-right: 8vw;
}
.lang_en .left_txt {
    width: 40%;
}
.lang_en .right_txt {
    width: 60%;
}
.lang_en .pro_img b {
    font-size: 17px;
    position: relative;
}
.lang_en .pro_txt b {
    font-size: 16px;
}
.lang_en .RWDmenu_plus04 .site-nav .menu ul li a {
    line-height: 1.2;
}
.lang_en .icon_block .icon_box h3 {
    line-height: 1.2;
}
.article1 .page_wrapper_bg.lang_en .article-text {
    text-align: left;
}
.article1 .lang_en .connect_block {
    justify-content: flex-start;
}
.article1 .lang_en .icon_block {
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.lang_en .icon_block .icon_box {
    min-width: auto;
    width: calc(100%/4);
}
.lang_en .txt_row::before {
    bottom: auto;
    top: 0;
    height: 100%;
}
.lang_en .txt_row h3 {
    width: 150px;
}
.lang_en .txt_row p {
    width: calc(100% - 230px);
    text-align: left;
}
.lang_en .btn.btn_back a {
    min-width: fit-content;
    width: 100%;
    max-width: 100%;
    padding-right: 60px !important;
}
.lang_en .connect_block .btn_01 i, .lang_en .connect_block .btn_02 i {
    margin: 0;
}

/*en內頁 end*/
/*小螢幕 start*/

@media (max-width: 2400px) {
/*en*/
.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
    font-size: 3.8em;
}
.lang_en .product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4 {
    font-size: 25px;
}
.lang_en .about-block .RWDService001 h1.main-title {
    grid-template-columns: 310px auto;
}
.lang_en .about-block .RWDService001 .row .col-md-12 {
    padding: 0;
}
.lang_en .about-block .RWDService001 {
    grid-template-columns: 41% auto;
}
.lang_en .cooperation-box h2 {
    font-size: 45px;
}

}


@media (min-width: 2000px) {
  .banner-block .RWDbanner_plus01 .slick-caption .txt1{font-size: 6.8em;}
  
}


@media (max-width: 2100px) {
.about-block .boxFeature-2 p{font-size: 17px;}
.about-block .RWDService001 h1.main-title::before, .material-block .RWDproduct004 h1.main-title::before, .product-block .RWDService002 h1.main-title::before, .application-block .RWDService001 h1.main-title::before {
    font-size: 2.1em;}
  .banner-block .RWDbanner_plus01 .logo{bottom: -67%;}
  /*footer*/
  .cooperation-box h2::before{font-size: 45px;}
}


@media (max-width: 1920px) {

/*內頁*/

.article1 .page_wrapper_bg .article-text {text-align: center;}
.article1 .connect_block {display: flex;align-items: center;justify-content: center;flex-flow: wrap;}
.article1 .process_block {flex-flow: wrap;justify-content: center;}
.article1 .icon_block {justify-content: center;}
  
}

@media (max-width: 1900px) {
/*en*/
.lang_en .about-block .RWDService001 {
    grid-template-columns: 45% auto;
}
.lang_en .about-block .RWDService001 h1.main-title {
    grid-template-columns: 300px auto;
}
}


@media (max-width: 1800px) {
.about-block .boxFeature-2 p {
    font-size: 16px;
}
.about-block .boxFeature-2 h2 {
    font-size: 28px;}
.about-block .RWDService001 h1.main-title::before, .material-block .RWDproduct004 h1.main-title::before, .product-block .RWDService002 h1.main-title::before, .application-block .RWDService001 h1.main-title::before {
    font-size: 2em;letter-spacing: 0;}
  .footer-block .block-left, .footer-block .block-right{padding-left:4vw;padding-right:4vw;}
  .footer-block .block-left::before{opacity:0.4}
}


@media (max-width: 1700px) {
.product-block .block_bg{width: 80%;right: -30%;top: -10%;}
.material-block .container, .product-block .container {
    width: 87%;}
.about-block .container {
    width: 93.5%;}
.application-block .container {
    width: 80%;
}
.about-block .RWDService001 .row {
    padding-right: 30px;
}


.icon_block .icon_box {min-width: unset;width: calc(100% / 2 - 25px);margin: 0;}
.article1 .icon_block {justify-content: center;grid-column-gap: 30px;grid-row-gap: 30px;}
.icon_block .icon_box::before {right:-23px}

/* en */
.article5 .lang_en .layoutlist_7 .subject a {
    font-size: 20px !important;
}

}


@media (max-width: 1600px) {
  .RWDmenu_plus04 .site-nav .menu>li>a{padding: 25px 13px;}
  /*banner*/
  .banner-block .RWDbanner_plus01 .slick-caption .txt1{font-size: 4.2em;}
  .banner-block .RWDbanner_plus01 .logo {bottom: -76%;}
  /*合作*/
  .cooperation-block .container{padding: 3vw 0 2vw;}
  .cooperation-box h2{font-size:25px;}
  .cooperation-box h2::before{margin-bottom:5px;font-size: 40px;}
  .cooperation-box p{font-size: 17px;}
  .cooperation-box a.btn-style{font-size: 17px;padding-left: 63px;}
  
.about-block .boxFeature-2 p {
    min-height: 72px;
}
.about-block .RWDService001 h1.main-title, .material-block .RWDproduct004 h1.main-title, .product-block .RWDService002 h1.main-title, .application-block .RWDService001 h1.main-title {
    font-size: 23px;}
.about-block .RWDService001 i img {
    max-width: 55px;}


/*en*/
.RWDmenu_plus04 #mobile-menu .menu li a {
    letter-spacing: 0 !important;
}
.lang_en .about-block .RWDService001 {
    display: block;
}
.lang_en .about-block .RWDService001 .row:nth-child(2) {
    margin: 40px 0 0;
}
}


@media (max-width: 1500px) {
.about-block .RWDService001 h1.main-title::before, .material-block .RWDproduct004 h1.main-title::before, .product-block .RWDService002 h1.main-title::before, .application-block .RWDService001 h1.main-title::before {
    font-size: 1.8em;}
/*行動呼籲*/
.mobile_link {display: block;}
/*漢堡選單開啟*/
.RWDmenu_plus04 .site-nav,.RWDmenu_plus04 #mobile-menu .menu li .m_stitle,.RWDmenu_plus04 #mobile-menu .menu li.active .m_title {display: none;}
.RWDmenu_plus04 #mobile-menu,.RWDmenu_plus04 .ml-stack-nav-toggle,.RWDmenu_plus04 .toggle-menu {display: block;}
.RWDmenu_plus04 #mobile-menu .menu li.active .m_stitle {display: inline;}

/*漢堡選單樣式調整*/
.RWDmenu_plus04 #mobile-menu {background-color: #fff;padding-bottom: 0;}
.RWDmenu_plus04 #mobile-menu .menu>li {border-bottom: 1px solid #dfdfdf;}
.RWDmenu_plus04 #mobile-menu .menu a {color: #363030;}
.RWDmenu_plus04 #mobile-menu .menu>li.active>a {background-color: transparent;}
.RWDmenu_plus04 #mobile-menu .menu>li.active {background-image: linear-gradient(to right, #4481eb 0%, #04befe 100%);}
.RWDmenu_plus04 #mobile-menu .menu li.active .m_stitle {font-size: 16px;}
.RWDmenu_plus04 #mobile-menu .menu>li>ul {background-color: #fff;}
.RWDmenu_plus04 .menu li a {color: #434343;}
.RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a {font-weight: normal;font-size: 16px;}
.RWDmenu_plus04 .menu li a .m_stitle_block{color: #adadad;}
/*漢堡本人調整*/
.ml-stack-nav-toggle{color: #434343;}
.ml-stack-nav-toggle__line{background: #434343;}
/*header menu hover*/
.RWDmenu_plus04 .lang-select-label:hover:after,
.RWDmenu_plus04 .site-nav .menu>li.active>a:after,
.RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after,
.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after,
.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after {
    border-color: #888;
}
.RWDmenu_plus04 .site-nav .manu-item:hover>a,
.RWDmenu_plus04 .site-nav .menu ul li a:hover,
.RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a,
.RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a {
    text-decoration: none;
    font-weight: normal;
    color: #000000;
}
.RWDmenu_plus04 .features .language-block a {
    padding: 18px 8px;
}
.RWDmenu_plus04 .logo {
    width: 245px;}
/*格線*/
.RWDmenu_plus04 .features:after {display: none;}
/*header呼籲*/
.RWDmenu_plus04 .features {position: relative;padding-right: 0;float: right;margin: 10px 5px 0 0;width:auto;}
.RWDmenu_plus04 .features .edit {display: block;}
.RWDmenu_plus04 .features .edit .headerbooking {margin: 15px 0 0;}
.RWDmenu_plus04 .header:before{display: none;}
/*header下滑*/
.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle{color: #434343;}
.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line{background: #434343;}
.RWDmenu_plus04 .features .edit{margin-top:10px;}
/*search*/
.RWDmenu_plus04 #search-box{opacity: 0;visibility: hidden;top: 100%; margin-right: 90px;right: 0;}
.RWDmenu_plus04 .features .search-btn {padding: 15px 12px;}
.lang-select-label {padding: 18px 15px;}
/*寬度*/

/*footer*/
.footer-info{margin-bottom:15px;}
.cooperation-box p{font-size: 16px;}
.footer-block .block-left{width:45%;}
.footer-block .block-right{width:55%;}
.footer-block .block-right {padding-left: 5vw;padding-right: 5vw;}
.cooperation-box h2{font-size: 22px;}
.cooperation-box a.btn-style{margin-top:70px;}

.pro_item {width: calc(100% / 2 - 15px);}
.pagepro_block {grid-column-gap: 30px;}


/*eninner*/
.lang_en .about_item .about_txt h2 {
    font-size: 20px !important;
}
.lang_en .pro_box {
    display: block;
    padding: 20px;
}
.lang_en .left_txt, .lang_en .right_txt {
    width: 100%;
}
.lang_en .pro_box h2 {
    margin: 0 0 20px;
}
#sidebar input, #sidebar select, #sidebar select.form-control:not([size]):not([multiple]) {
    letter-spacing: 0;
}

}



@media (max-width: 1400px) {
  .banner-block .RWDbanner_plus01 .slick-caption {top: 32%;}
  .banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 3.5em;}
  .banner-block .RWDbanner_plus01 .logo{bottom: -58%;width: 75px;height: 75px;}
  /*關於*/
  .block_bg{width:80%;}
  .about-block .block_bg{right: -20%;}
  .about-block .col-md-3 .boxFeature-2::after{font-size: 13px;width: 30px;line-height: 35px;}
.about-block .boxFeature-2 p {
    min-height: 70px;
    font-size: 15px;
}
.about-block .RWDService001 h1.main-title {
    flex-wrap: wrap;line-height: 1.3;
}
.about-block .RWDService001 h2.sub-title, .material-block .RWDproduct004 h2.sub-title, .product-block .RWDService002 h2.sub-title, .application-block .RWDService001 h2.sub-title {
    font-size: 17px;}
.about-block .col-md-3 {padding: 0 10px;}
}




@media (max-width: 1300px) {
  /*背景線*/
  .about-block::before,.material-block::before,.application-block::after,.cooperation-block::after{width:500px;}
  /*關於*/
  .about-block .boxFeature-2 h2{font-size: 28px;font-weight: 500;}
.about-block .RWDService001 {
    grid-template-columns: 35% auto;
}
  /*原料*/
.product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4 {
    font-size: 25px;}
  .material-block .RWDproduct004 .row{flex-wrap: wrap;display: flex;}
  .material-block .RWDproduct004 #portfolio div.col-md-3{width: calc(100%/3 - 0px);}
  /*footer*/
  .footer-info{width:70%;}
  .footer-social{width:30%;}
  .cooperation-box h2::before{font-size: 35px;}
  .cooperation-box a.btn-style::before{left:18px;}
  .cooperation-box a.btn-style::after{display:none;}
  .cooperation-box a.btn-style{font-size: 16px;}
  .cooperation-box a.btn-style{padding-left:45px;}

/*en*/
.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
    font-size: 2.8em;
}
}


/* 匯入內頁版面寬度80%*/

@media (max-width: 2300px) {

.connect_block {width: 100%;}
.connect_block .btn_01, .connect_block .btn_02 {
    max-width: 500px;
    float: left;
    margin: 0 20px 0 0;
}

.icon_block {width: 100%;padding: 0;flex-flow: wrap;}

}

@media (max-width: 1920px) {
.page_wrapper_bg section.call_to_action {min-height: 700px;}
.icon_block {grid-row-gap: 30px;}
}



@media (max-width: 1700px) {
.table_block {overflow: overlay;}
.table_block table {width: 1000px;}
.phone-info {display: block;}
}


@media (max-width: 1600px) {
/*內頁*/
.article3 .article-text::before {right:-60%;opacity: 0.3;}
.about_item {width: 200px;height: 200px;}
.about_item .about_txt h2 {font-size: 24px !important;}

.connect_block .btn_01, .connect_block .btn_02 {max-width: 430px;}
.article2 .article_model:nth-child(4) .model-title {margin-top: 0;}
}


@media (max-width: 1500px) {
.layoutlist_4 .pricearea span{margin:0}
.layoutlist_4 .pricearea{flex-direction:column-reverse;align-items:flex-start}

.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {margin-top: 40px !important;}

}

@media (max-width: 1440px) {

.icon_block .icon_box {min-width: 220px;}

}

@media (max-width: 1300px) {
.page_wrapper_bg section.call_to_action>.container {width:75%}
.about_item img {width: 65px;}

#RWDPAGE_BASE_PAT02 .footer-block .container {
    padding: 80px 0 40px;
}

.connect_block h3 {margin-bottom: 20px !important;}

}

@media (max-width: 1250px) {
.connect_block .btn_01, .connect_block .btn_02 {flex-direction: column;max-width: unset;width: calc(100% / 2 - 20px);}


}



/*小螢幕 end*/
/*1199px start*/
@media (max-width: 1199px) {
/*行動呼籲*/
.RWDmenu_plus04 .features .edit{display:none;}
.mobile-link{display:block;}


/*banner*/
.banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 2.8em;}
.banner-block .RWDbanner_plus01 .slick-caption .txt2{margin-top: 15px;}
.banner-block .RWDbanner_plus01 .logo{bottom: -65%;}


/*按鈕*/
.RWDbtn01 .btn-box .col-sm-3{width:100%;}

/*區塊高度*/
.about-block{padding:70px 0;}
.material-block,.product-block, .application-block .container{padding:70px 0;}
.about-block .container, .material-block .container, .product-block .container{width: 90%;}
.RWDbtn01 .btn {margin: 10px auto 0;}

/*關於*/
.about-block .container {
    margin: 0 auto;
}
.about-block .RWDService001 .row {
    padding-right: 0;
    margin-bottom: 50px;
}
.about-block .boxFeature-2 h2, .about-block .boxFeature-2 p, .about-block .RWDService001 i {
    padding: 0 0 0 50px;
}
.about-block .RWDService001 .row:nth-child(2) {
    padding: 50px 10px; margin-bottom: 0px;
}
.about-block .RWDService001 i img {
    max-width: 45px;
}

/*標題*/
.about-block .RWDService001 h1.main-title, 
.material-block .RWDproduct004 h1.main-title, 
.product-block .RWDService002 h1.main-title, 
.application-block .RWDService001 h1.main-title{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.about-block .RWDService001 h1.main-title::before,
.material-block .RWDproduct004 h1.main-title::before,
.product-block .RWDService002 h1.main-title::before,
.application-block .RWDService001 h1.main-title::before{
  margin-right:0;
  margin-bottom:10px;
  font-size: 35px;
}
.about-block .RWDService001 h2.sub-title,
.material-block .RWDproduct004 h2.sub-title,
.product-block .RWDService002 h2.sub-title,
.application-block .RWDService001 h2.sub-title {
    text-align: center;
}

.about-block .RWDService001 {
    grid-template-columns: auto;
}


/*產品*/
.product-block .RWDService002{padding:0;}
.product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4{font-size: 25px;}

/*原料*/
.material-block .RWDproduct004 .callout-dark{padding-bottom:50px;}


/*應用項目*/
.application-block .RWDService001 .section-subject{margin-bottom:40px;margin-left:0;margin-right:0;}
.application-block .RWDService001 .row{width:100%;}
.application-block .RWDService001 .row:nth-child(2),
.application-block .RWDService001 .row:nth-child(3),
.application-block .RWDService001 .row:nth-child(4) {
  float: none;display: inherit;width: 100% !important;margin: 0px;
}
.application-block .RWDService001 .row:nth-child(2)::before,
.application-block .RWDService001 .row:nth-child(2)::after,
.application-block .RWDService001 .row:nth-child(3)::before,
.application-block .RWDService001 .row:nth-child(3)::after,
.application-block .RWDService001 .row:nth-child(4)::before,
.application-block .RWDService001 .row:nth-child(4)::after{
   display:none;
}
.application-block .RWDService001 .row .col-md-3{width: calc(100%/3 - 1px) !important;float: left !important;margin: 15px 0;}
.application-block .RWDService001 i{margin-bottom:0;}

/*關於*/
.about-block .RWDService001 .section-subject{text-align: center;}

/*合作*/
.cooperation-block .container {padding: 5vw 0 3vw;bottom: -5vw;}
.cooperation-box h2{font-size: 25px;margin-bottom:40px;}
.cooperation-box h2,.cooperation-box p{text-align: center;}
.cooperation-box h2::before{display:block;}
.cooperation-box a.btn-style{margin-top: 50px;font-size: 18px;text-align: center;}
.cooperation-box a.btn-style::before{width: 34px;height: 34px;top:20px;left:38px;}


/*footer*/
.footer-block .container{padding-top:12vw;padding-bottom:10vw;}
.ft-logo h1{border-bottom:1px solid #464646;padding-bottom:35px;}
.ft-information {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.footer-info,.footer-social{width:100%;}
.footer-social{display: flex;align-items: flex-start}
.footer-social .RWDedictor{margin-bottom: 10px;}


/*en*/
.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt2 {
    font-size: 16px;
}
.lang_en .cooperation-box h2 {
    font-size: 35px;
}
.article5 .lang_en .layoutlist_7 .subject a {
    font-size: 16px !important;
}


/* 匯入內頁版面寬度80%*/
/*main*/
.page_wrapper_bg section.call_to_action>.container {width: 82%;}
.page_wrapper_bg section.call_to_action::before {width:90%}

.pagepro_block {grid-column-gap: 30px;}
.pro_item {width: calc(100% / 2 - 35px);}

#RWDPAGE_BASE_PAT02 .footer-block .container {padding: 80px 0 100px;}
.pro_item {width: calc(100% / 2 - 15px);}


.icon_block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.icon_block .icon_box {
    min-width: unset;
    width: calc(100% / 2 - 25px);
    margin: 0;
}

.icon_block .icon_box::before {right:-22px}


}
/*1199px end*/
/*1024px start*/
@media (max-width: 1024px) {
.RWDmenu_plus04 .features{margin-top:0;width:auto;}
.RWDmenu_plus04 .features .lang-select{display:none;}
.RWDmenu_plus04 .features .search-btn{padding: 25px 12px;}


/*關於*/
.about-block .col-md-3{padding:0 5px;}
.about-block .boxFeature-2 h2 {font-size: 23px;}
.about-block .boxFeature-2 p{font-size: 16px;}
/* 匯入內頁版面寬度80%*/
/*產品內頁-01*/
.page_content1 #prod_price {margin-top: 18px;}

/*相簿內容樣式-03*/
.photo .content_box {width: calc(100% / 4) !important;}

/*文章列表-04*/
#article .layoutlist_4 .item{flex-direction:column}
#article .layoutlist_4 .item .list_img,#article .layoutlist_4 .list_subject,#article .layoutlist_4 .listdate{width:100%}
#article .layoutlist_4 .item .list_img{padding:0;margin:0 0 10px}
#article .layoutlist_4 .list_subject{padding:0;margin:0 0 10px}
#article .layoutlist_4 .listdate{border:0;display:flex;align-items:center;padding: 0;}
#article .layoutlist_4 .listdate .day:before{content:"/";margin-right:5px}
#article .layoutlist_4 .listdate .day{font-size:12px;color:#afafaf;position:relative;margin-left:5px}

}
/*1024px end*/
/*1010px start*/

@media (max-width:1010px) {
.RWDmenu_plus04 .features .search-btn {
    padding: 24px 12px;
}
}

/*1010px end*/
/*991px start*/
@media (max-width: 991px) {
/*header*/
.RWDmenu_plus04 .logo {
    width: 210px;
    margin-top: 10px;
}
.RWDmenu_plus04 .features{width:auto;}


/*banner*/
.banner-block .container{text-align: center;}
.banner-block .RWDbanner_plus01 .slick-caption .txt1{font-size: 4.5em;background-image: linear-gradient(35deg, #29176f, #1b58de 80%);}
.banner-block .RWDbanner_plus01 .slick-caption .txt2{margin-left:0;}
.banner-block .RWDbanner_plus01 .logo{width: 95px;height: 95px;left: 45%;bottom: -77%;}


/*關於*/
.about-block .RWDService001 h2.sub-title br{display:none;}
.about-block .RWDService001 .section-subject{margin-bottom: 50px;}


/*產品*/
.product-block .RWDService002 .funny-boxes-text{display: flex;flex-direction: column-reverse;justify-content: center;}
.product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4{text-align:left;width:100%;}
.product-block .RWDService002 .funny-boxes > .funny-boxes-text > p{margin-bottom:0;width:85%;line-height: 12px;}
.product-block .RWDService002 .funny-boxes > .funny-boxes-text > p span{bottom: -95px;}

.material-block .RWDproduct004 #portfolio div.col-md-3 h2,.material-block .RWDproduct004 #portfolio div.col-md-3 h3,.application-block .RWDService001 h2{font-size: 17px;}

.material-block .RWDproduct004 #portfolio div.col-md-3 {
    width: calc(100%/2);
}

/*footer*/
.footer-block .block-right{padding-bottom: 13vw;}


/*en*/
.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
    font-size: 45px;
    text-align: left;
}
.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt2 {
    text-align: left;
    margin: 20px 0 0;
    font-size: 20px;
}
.lang_en .product-block .RWDService002 .row:nth-child(2),.lang_en .product-block .RWDService002 .row:nth-child(3){float: none;display: inherit;width: 100% !important;margin: 0px;border:0;}
.lang_en .product-block .RWDService002 .row::after,.lang_en .product-block .RWDService002 .row::before{display:none}
.lang_en .product-block .RWDService002 .col-md-4{width: calc(100%/2 - 1px) !important;float: left !important;border: 1px solid #dfdfdf;background-color: #fff;}
.lang_en .product-block .RWDService002 .row:nth-child(2) .col-md-4:nth-child(2),.lang_en .product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1),.lang_en .product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3){border-left:0;}
.lang_en .product-block .RWDService002 .row:nth-child(2) .col-md-4,.lang_en .product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1){border-bottom:0;}
.lang_en .product-block .RWDService002 .row:nth-child(2) .col-md-4:nth-child(3){background-color: #fff;}
.lang_en .product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1){background-color: #fbfbfb;}
.lang_en .product-block .RWDService002 .funny-boxes.not-right-column{padding-bottom:0;}
.lang_en .product-block .RWDService002 .row .col-md-4::before,.lang_en .product-block .RWDService002 .row .col-md-4:hover::before{display:none;}

.lang_en .product-block .RWDService002 .funny-boxes{position: relative;}
.lang_en .product-block .RWDService002 .funny-boxes::before, .lang_en .product-block .RWDService002 .funny-boxes.not-right-column::before {
    content: "";
    background: url(archive/image/customization/icon-arrow.webp)no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    filter: brightness(0) invert(0);
    opacity: 0.5;
    transition: all 0.5s ease-out;
    display: block;
    transform: translateY(-50%);
}
.lang_en .product-block .animated .RWDService002 .row:nth-child(2) .col-md-4:nth-child(3), .product-block .animated .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3) {border-right: 1px solid #dfdfdf;}
.lang_en .product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4 {
    font-size: 20px;
    padding-right: 35px;
}
.lang_en .product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > h4,.lang_en  .product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > p,.lang_en  .product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > h4 a,.lang_en  .product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > p span {
    color: #333!important;
}
.lang_en .RWDbtn01 .btn-box .col-sm-3 {
    width: 100%;
}
.lang_en .about-block .RWDService001 h1.main-title {
    display: flex;
}
.lang_en .cooperation-box p {
    padding: 0 30px;
}
.lang_en .footer-info ul li {
    width: 100%;
}


/* 匯入內頁版面寬度80%*/
/*麵包屑*/
section.hgroup {margin: 0 0 20px 0;padding:0 !important}
.hgroup .container{margin-top: 0;}

.page_wrapper_bg .hgroup h1{margin:0;}
.hgroup .breadcrumb{text-align: left;float: none !important;position: static;padding: 0;border:0;}

/*編輯器 圖文*/
.RWDeditor01 .col-md-6{padding-left:0px;padding-right:0px;margin-bottom:20px;}
.RWDeditor01 .col-md-6 img{width:100%;}

/*文章列表樣式-04*/
#article .layoutlist_4 .listdate {padding-right: 0;}

/*文章列表樣式-07*/
#article .layoutlist_7 .litem { width: calc(100% / 3 - 1px);margin: 15px 0px;}

/*文章列表樣式-08*/
.rwdlayoutlist_9 .litem {width: calc(100% / 2 - 1px);}
.litem__text {width: 85%;}

/*產品列表樣式 A*/
#product .layoutlist_2 .col-sm-6 {width: calc(100% / 3 - 1px);}

/*產品列表樣式 B*/
#product .layoutlist_3.row {display: flex;flex-wrap: wrap;}
#product .layoutlist_3.row > .col-md-12 {width: calc(100% / 3 - 1px);}
#product .item .subject {margin-top: 15px;margin-bottom: 10px;}

/*產品列表樣式 C*/
#product .layoutlist_4 .col-xs-6 {width: calc(100% / 3 - 1px);}

/*產品列表樣式 E*/
#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {width: calc(100%/3 - 1px);}

/*相簿列表樣式-02*/
.layoutlist_2 .album_item {width: calc(100% / 3 - 1px);}

/*相簿內容樣式-03*/
.photo .content_box {width: calc(100% / 3) !important;}

/*相簿內容樣式-04*/
.album-list {display: flex;flex-wrap: wrap;}
.album-list .item {width: calc(100% / 3);}

/*檔案下載樣式-02*/
.download .list_table .container::after { clear: none;}
.download .list_table .container .row::after { clear: none;}
.download .list_table .container .row div:last-child {clear: none !important;}
.download .oneline {border-bottom: none;clear: none;}

/*電子表單*/
.eformscontent .layoutlist_1 {width: 100%;}
.eformscontent .form-horizontal .control-label{padding:0!important;width:100%}
.eformscontent .form-horizontal .form-group .col-sm-12.col-md-11{width:100%;padding:0!important}
.eformscontent .form-horizontal .col-sm-12.col-md-5 {padding: 0 !important;}
.eformsDesc {margin: 50px 0 0;}


/*產品內頁-02*/
#sidebar { padding: 0 !important; margin: 0 0 30px;}

/*購物車按鈕pad*/
#mobile-fixed .btn-box .normal {background: transparent ;color:  #444;border: 1px solid  #444;border-radius: 0 ;}
#mobile-fixed .btn-box .bg2{border-radius: 0 ;transition: all 0.3s ease;border: 1px solid #000 ;color: #fff ;background: #000 ;}
.RWDshopping #mobile-fixed .btn.normal {color: #444;}

/*檔案下載*/
.download .search-container { margin-left: 20px;margin-top: 0;}

.about_item {
    width: 160px !important;
    height: 160px !important;
    margin-right: 0px;
}

.page_about {grid-column-gap: 30px;flex-flow: wrap;    grid-row-gap: 30px;}
.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {margin-top: 60px;}

.about_item .about_txt h2 {
    font-size: 20px !important;
    margin: 10px 0 0;
}

.page_about02 b {letter-spacing: 0;}

#article .layoutlist_7 .litem {width: calc(100% / 2 - 1px);}

.pro_item {width: calc(100% / 2 - 15px);}
.article2 .article_model:nth-child(4)::before {background-position-y: -50px;}

.txt_row {flex-direction: column;}
.txt_row::before {
    background-attachment: unset;
    height: 100%;
}

.txt_row h3 {width:100%;margin: 0;padding: 0;}
.txt_row p {width:100%}

.txt_row h3 br {display:none}
.page_wrapper_bg .hgroup h1 {margin: 0 0 10px;}


/*eninner*/
.lang_en .about_item .about_txt h2 {
    font-size: 17px !important;
}
.article1 .lang_en .icon_block {
    flex-wrap: wrap;
}
.lang_en .icon_block .icon_box {
    width: calc(100%/2 - 25px);
}
.lang_en .txt_row h3, .lang_en .txt_row p {
    width: 100%;
}
}
/*991px end*/
/*850px start*/
@media (max-width: 850px) {
.banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 3.5em;}
.banner-block .RWDbanner_plus01 .slick-caption .txt2{font-size: 20px;}

/*應用項目*/
.application-block .RWDService001 h2{margin-top:15px;}

/*背景線*/
.about-block::before,.material-block::before,.application-block::after,.cooperation-block::after{width:300px;}
/* 匯入內頁版面寬度80%*/
/*文章列表樣式-04*/
#article .layoutlist_4 .fixrow {padding-left: 0;padding-right: 0;}

/*圖文輪播*/
.RWDslider01 .products-list .box {display: flex;flex-direction: column;}

.RWDslider01 .pic-list,
.article1 .RWDslider01 .text,
.article1 .RWDslider01 .pic img {width: 100%;}

.RWDslider01 .pic-list {padding-right: 0;}
.RWDslider01.pic-right .pic-list { padding-left: 0;}

.pagecontent .RWDslider01, .article1 .pagecontent .RWDeditor01 {margin-top: 30px;}

.RWDslider01.pic-right .control-box {right: 0;left: auto;}


.article3 .article-text::before {display:none}

.connect_block .btn_01, .connect_block .btn_02 {
    width: 100%;
    margin-bottom: 20px;
    flex-direction: inherit;margin-right:0
}

.icon_block .icon_box {
    min-width: unset;
    width: calc(100% / 2 - 60px);
}



}
/*850px end*/
/*800px start*/
@media (max-width: 800px) {
/*合作*/
.cooperation-box a.btn-style{width:450px;}
.cooperation-box a.btn-style{font-size: 17px;}
.cooperation-box a.btn-style::before{ top: 17px;left: 26px;}

/*footer*/
.footer-info ul{display: flex;flex-direction: column;}
/* 匯入內頁版面寬度80%*/
/*麵包屑*/
.hgroup .container {margin-left: 0;margin-right: 0;}
.hgroup .page_subject {padding-bottom: 0px;}

/*按鈕*/
.btn.btn_back ,.ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn{  width: auto !important;}

/*文章列表樣式-03*/
#article .layoutlist_3 .listdate .yearmonth {padding-bottom: 0px;}

/*文章列表樣式-04*/
#article .layoutlist_4 .listdate {padding-right: 0;}
#article .layoutlist_4 .listdate .yearmonth {letter-spacing: 1px;}
#article .layoutlist_4 .listdate .yearmonth { padding-bottom: 15px;}
#article .layoutlist_4 .list_subject .summary {margin: 10px 0px 0;}
#article .layoutlist_4 .list_subject a { margin: 0px !important;}

/*相簿列表樣式-01*/
#album .layoutlist_1 .row .album_item {width: calc(100% / 3 - 1px) !important;}

/*檔案下載樣式-02*/
.layoutlist_3 .dbtn_v2 {width: 100%;text-align: center;}

/*電子表單*/
.form-horizontal .control-label {width: 100%;}
.form-horizontal .form-group .col-sm-12.col-md-11 {width: 100%;}


.pro_box {
    flex-direction: column;
}

.left_txt, .right_txt {
    width: 100%;
}

.pro_box h3 {
    margin-bottom: 0 !important;
}
.pro_box h2 {
    line-height: 1 !important;
    margin: 10px 0 50px;
}

.icon_block .icon_box {
    min-width: unset;
    width: calc(100% / 2 - 15px);
}
}
/*800px end*/
/*767px start*/
@media (max-width: 767px) {
.about-block .RWDService001 .section-subject{margin-bottom:50px;}
.about-block .RWDService001 .row{display: flex;flex-wrap: wrap;}
.about-block .col-md-3 {width: calc(100%/1);}

.about-block .boxFeature-2 h2{font-size: 25px;}

.about-block .boxFeature-2 {
    position: relative;
    padding-top: 45px;
    padding-bottom: 0;

}
.about-block .boxFeature-2 h2, .about-block .boxFeature-2 p, .about-block .RWDService001 i {
    padding: 0;
}
.about-block .RWDService001 .row:nth-child(2) {
    padding: 30px;justify-content: flex-start;
}
.about-block .col-md-3 {
    width: calc(100%/2);
    padding: 0 20px;margin-bottom: 30px;
}
.about-block .col-md-3 .boxFeature-2::after {
    font-size: 13px;
    width: 100%;
    line-height: 35px;
    border-bottom: 1px solid rgba(255,255,255,0.45);
    border-right: 0;
    height: 35px;
    top: 0;    writing-mode: initial;
    padding-top: 0;
}

.about-block .col-md-3:nth-child(2) {
    transform: translateY(30px);
}
.about-block .col-md-3:nth-child(3) {
    transform: translateY(65px);
}
@keyframes move02{

0% {
    opacity: 0;
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
}
100% {
    opacity: 1;
    -webkit-transform:translateY(30px);
    -moz-transform:translateY(30px);
    -ms-transform:translateY(30px);
    -o-transform:translateY(30px);
    transform:translateY(30px);

}
}
@keyframes move03{

0% {
    opacity: 0;
    -webkit-transform:translateY(90px);
    -moz-transform:translateY(90px);
    -ms-transform:translateY(90px);
    -o-transform:translateY(90px);
    transform:translateY(90px);
}
100% {
    opacity: 1;
    -webkit-transform:translateY(65px);
    -moz-transform:translateY(65px);
    -ms-transform:translateY(65px);
    -o-transform:translateY(65px);
    transform:translateY(65px);

}
}


.product-block .block_bg,.about-block .block_bg{width:100%;}
/*產品*/
.product-block .RWDService002 .row:nth-child(2),.product-block .RWDService002 .row:nth-child(3){float: none;display: inherit;width: 100% !important;margin: 0px;border:0;}
.product-block .RWDService002 .row::after,.product-block .RWDService002 .row::before{display:none}
.product-block .RWDService002 .col-md-4{width: calc(100%/2 - 1px) !important;float: left !important;border: 1px solid #dfdfdf;background-color: #fff;}
.product-block .RWDService002 .row:nth-child(2) .col-md-4:nth-child(2),.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1),.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3){border-left:0;}
.product-block .RWDService002 .row:nth-child(2) .col-md-4,.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1){border-bottom:0;}
.product-block .RWDService002 .row:nth-child(2) .col-md-4:nth-child(3){background-color: #fff;}
.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1){background-color: #fbfbfb;}
.product-block .RWDService002 .funny-boxes.not-right-column{padding-bottom:0;}
.product-block .RWDService002 .row .col-md-4::before,.product-block .RWDService002 .row .col-md-4:hover::before{display:none;}
.product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > h4, .product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > p, .product-block .RWDService002 .row .col-md-4:hover .product-block .funny-boxes > .funny-boxes-text > h4 a, .product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > p span {
    color: #313131 !important;
}

.product-block .RWDService002 .funny-boxes{position: relative;}
.product-block .RWDService002 .funny-boxes::before,.product-block .RWDService002 .funny-boxes.not-right-column::before{    content: "";background: url(archive/image/customization/icon-arrow.webp)no-repeat;background-size: 24px 24px;width: 24px;height: 24px;position: absolute;right:20px; top: 15px;filter: brightness(0) invert(0);opacity: 0.5;transition: all 0.5s ease-out;display:block;}
.product-block .animated .RWDService002 .row:nth-child(2) .col-md-4:nth-child(3), .product-block .animated .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3) {border-right: 1px solid #dfdfdf;}

/*en*/
.lang_en .banner-block .container {
    padding: 0 15vw;
}
.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
    font-size: 35px;
}
.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt2 {
    font-size: 18px;
}
.lang_en .RWDproduct004 #portfolio div.col-md-3 h3 {
    line-height: 1.2;
}
.lang_en .product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4 {
    font-size: 17px;
}
.lang_en .about-block .RWDService001 h2.sub-title {
    text-align: left;
}
#article .layoutlist_7 .litem {
    width: calc(100% / 1 - 1px);
    margin: 10px 0;
}
.article5 .lang_en .layoutlist_7 .subject a {
    font-size: 20px !important;
}




/* 匯入內頁版面寬度80%*/
/*文章列表樣式-02*/
#article .layoutlist_2 {display: flex; flex-wrap: wrap;}
#article .layoutlist_2 .item {width: calc(100% / 2 - 21px);margin: 0 10px;}
#article .layoutlist_2 .list_subject,#article .layoutlist_2 .listdate{padding-left:0px;padding-right:0;}
#article .layoutlist_2 .listdate .yearmonth {color: #afafaf  !important;font-size: 12px  !important;letter-spacing: 2px  !important;}
#article .layoutlist_2 .listdate .yearmonth::after {content: "/";position: relative;display: inline-block;}
#article .layoutlist_2 .listdate .yearmonth, .layoutlist_2 .listdate .day {display: inline-block;}
#article .layoutlist_2 .listdate .day {color: #afafaf !important;font-size: 12px !important;letter-spacing: 2px !important;margin-left: -3px;}

/*文章列表樣式-03*/
#article .layoutlist_3 { display: flex;flex-wrap: wrap;}
#article .layoutlist_3 .item { width: calc(100% / 2 - 21px);margin: 0 10px;}
#article .layoutlist_3 .listdate .day {color: #afafaf; font-size: 12px;letter-spacing: 2px;}
#article .layoutlist_3 .listdate .day::before {content: " / ";}

/*文章列表樣式-04*/
#article .layoutlist_4 > .fixrow > .xrow {display: flex; flex-wrap: wrap;}
#article .layoutlist_4 > .fixrow > .xrow > .col-sm-6.col-md-6 {width: calc(100% / 2 - 21px);margin: 0 10px;}

/*文章列表樣式-06*/
.rwdlayoutlist_6 .subject_title{display: flex;align-items: center;}
.rwdlayoutlist_6 .list_no{width: 16.66666667%;}
.rwdlayoutlist_6 .list_subject{width: 66.66666667%;}
.rwdlayoutlist_6 .list_date{width: 16.66666667%;}

.rwdlayoutlist_6 .list_item{display: flex; justify-content: flex-start;align-items: center;}
.rwdlayoutlist_6 .list_item .column.no {width: 16.66666667%;}
.rwdlayoutlist_6 .list_item .column.subject{width: 66.66666667%;}
.rwdlayoutlist_6 .list_item .column.date{width: 16.66666667%;}

/*文章列表樣式-07*/
#article .layoutlist_7 .litem {width: calc(100% / 2 - 1px);}
.layoutlist_7 .row:before, .layoutlist_7 .row:after {display: none;}

/*文章列表樣式-08*/
.layoutlist_8.rwd{display:flex;    flex-wrap: wrap;}
.layoutlist_8.rwd .item{border-bottom:0;width: calc(100% / 2);}

/*文章列表樣式-09*/
.rwdlayoutlist_9 .litem {width: calc(100% / 2 - 1px);}


/*左右圖文輪播PAD*/
@media screen and (min-width: 415px) and (max-width: 767px){
.RWDslider01 .products-list .box,.RWDslider01.pic-right .products-list .box{flex-direction:column}
.RWDslider01 .text{width:100%}
.RWDslider01.pic-right .pic-list {padding: 0;}
.RWDslider01 .products-list .box,.RWDslider01.pic-right .products-list .box{flex-direction:column;width:80%;margin:auto;padding:0!important}
.RWDslider01 .pic-list{width:80%;padding:0;margin:auto;float:none!important}
.RWDslider01.pic-right .control-box{left:50%;transform:translateX(-50%);text-align:center;right:auto}
.RWDslider01 .control-box{right:auto;left:50%;transform:translateX(-50%)}
}


/*文章列表頁籤*/
.tab_content {margin-top: 20px}

/*文章頁籤修正*/
.tab {padding: 20px 0;}
.tab.open .tab_title {margin: 0 0 20px;}


/*產品列表樣式 A*/
#product .layoutlist_2 .col-sm-6 {width: calc(100% / 2 - 1px);}

/*產品列表樣式 B*/
#product .layoutlist_3.row > .col-md-12 {width: calc(100% / 2 - 1px);}

/*產品列表樣式 C*/
#product .layoutlist_4 .col-xs-6 {width: calc(100% / 2 - 1px);}

/*產品列表樣式 D*/
#product .layoutlist_5.layoutlist {display: flex;flex-wrap: wrap;}
#product .layoutlist_5.layoutlist .col-sm-4 {width: calc(100% / 2 - 1px);}

/*產品列表樣式 E*/
#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {width: calc(100%/2 - 1px);}

/*產品我的最愛按鈕調整*/
.RWDproduct_page .btn-other{margin:10px 0}
.RWDproduct_page .btn-other li{width:100%;display:block;text-align:left;padding:0}
.RWDproduct_page .btn-other li .ii{display:inline-block}
.RWDproduct_page .btn-other li button{text-align:left}

/*相簿列表樣式-01*/
#album .layoutlist_1 .row.masonry {display: flex;flex-wrap: wrap;}
#album .layoutlist_1 .row.masonry .album_item {width: calc(100% / 2 - 1px) !important;}

/*相簿列表樣式-02*/
#album .layoutlist_2 {display: flex; flex-wrap: wrap;}
#album .layoutlist_2 .album_item { width: calc(100% / 2 - 1px);}

/*相簿內容樣式-01*/
.albumcontent section.call_to_action .container .article-text .container .row { display: flex;flex-wrap: wrap;}
.row .album_d_item {width: calc(100% / 2 - 1px);}

/*相簿內容樣式-03*/
.photo .content_box {width: calc(100% / 2) !important;}

/*相簿內容樣式-04*/
#article .layoutlist_4 .item{display: initial;}
.album-list .item {width: calc(100% / 2);}
#article .layoutlist_4 .listdate .yearmonth {color: #afafaf  !important;font-size: 12px  !important;letter-spacing: 2px  !important;}
#article .layoutlist_4 .listdate .yearmonth, .layoutlist_4 .listdate .day {display: inline-block;}
#article .layoutlist_4 .listdate .day {color: #afafaf !important;font-size: 12px !important;letter-spacing: 2px !important;}
#article .layoutlist_4 .listdate .day::before {content: " / ";}
/*相簿內容箭頭*/
.photo_view .flex-direction-nav .flex-disabled{ opacity: 10!important;}
/*檔案下載樣式-01*/
.download .list_table td.list_subject {text-align: center;}

/*檔案下載樣式-02*/
.download .item table tr { display: flex;flex-direction: column;}
.download .oneline {display: flex; flex-wrap: wrap;}
.download .list_table td { width: 100%;padding-top: 0;}
.download .list_table td:nth-child(2) {  display: none;}
.download .oneline .col-md-4.col-sm-6 {   width: calc(100% / 3);}

.layoutlist_5 .downlaod_item { width: calc(100%/2);}

/*影片列表*/
#video .layoutlist_2 {display: flex;flex-wrap: wrap;}
#video .layoutlist_2 .video_item { width: calc(100% / 2 - 1px);}

/*購物車呼籲置底*/
#mobile-fixed .fixed-bottom .price-box{text-align: center;}


.page_about {grid-column-gap: 15px;}


/*eninner*/
.lang_en .pro_box h2 {
    font-size: 35px !important;
}

.product-block .RWDService002 .funny-boxes > .funny-boxes-text > p{width:80%;}

}
/*767px end*/
/*680px start*/

@media (max-width: 680px) {
  /*footer*/
  .footer-block .block-right{padding:8vw 5vw 13vw;}
  .footer-block .block-left{padding: 9vw 10vw 5vw;}
  .footer-info ul{flex-direction: column;display: flex;}
  .footer-info ul li{width:100%;}

.cooperation-block .container {padding: 5vw 0 3vw;bottom: -10vw;}
.footer-block .container {padding-top: 18vw;}

.page_about {grid-column-gap: 5px;}

}

/*680px end*/
/*650px start*/

@media (max-width: 650px) {
  .banner-block .RWDbanner_plus01 .logo{left: 0;width:100%;}
  .banner-block .RWDbanner_plus01 .logo img{margin:0 auto;width:auto;}
  .banner-block .container{width:100%;}

   /*應用項目*/
   .application-block .RWDService001 .row .col-md-3{width: calc(100%/2) !important;}
   
  /*原料*/
  .material-block .RWDproduct004 #portfolio div.col-md-3 {width: calc(100%/2 - 1px);}
}

/*650px end*/
/*600px start*/
@media (max-width: 600px) {
.fl img{width:180px;}
/*banner*/
.banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 3em;}
/*寬度*/
.application-block .container, .about-block .container, .material-block .container, .product-block .container {width: 90%;}
/*背景線*/
.about-block::before, .material-block::before, .application-block::after, .cooperation-block::after {width:200px;}
/*按鈕*/
.RWDbtn01 .btn{width:100%;margin-top:0;}
/*關於我們*/
.about-block .boxFeature-2 p {min-height: auto;}
.about-block .col-md-3 {width: calc(100%);padding: 0;}
.about-block .container {width: 100%;}
.about-block {padding: 80px 0 0;}
.about-block .RWDService001 .section-subject {padding: 0 15px;}
.about-block .RWDService001 i img {max-width: 40px;margin: 0 0 10px;}
/*原料*/
.material-block .RWDproduct004 #portfolio div.col-md-3 h2, .material-block .RWDproduct004 #portfolio div.col-md-3 h3{font-size: 16px;}
/*應用項目*/
.application-block .RWDService001 .row .col-md-3{margin:0 0 15px;padding:0 10px;}
.application-block .RWDService001 i{margin-bottom:15px;}
/*產品*/
.product-block .block_bg{width:100%;}
/*合作*/
.cooperation-block .container{padding-left:20px;padding-right:20px;width:90%;}
.cooperation-box h2::before {font-size: 30px;}
.cooperation-box h2 {font-size: 22px;margin-bottom: 20px;}
.cooperation-box a.btn-style{height: auto;width:100%;line-height: 1.3;padding: 10px 0;font-size: 16px;margin-top:0;}
.cooperation-box a.btn-style::before{top: auto;left: auto;position: static;display:block;width:27px;height:27px;margin:0 auto 5px;}
.cooperation-box p{margin-bottom: 25px;}
.cooperation-box p br{display:none;}
/*footer*/
.footer-block .container {padding-top: 18vw;padding-bottom: 15vw;}
.ft-logo h1{text-align: center;}
/*en*/
.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 25px;}
.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt2 {padding-left: 0;border: 0;font-size: 15px;}
.lang_en .product-block .RWDService002 .col-md-4 {width: 100% !important;padding: 30px;min-height: auto;}
.lang_en .application-block .RWDService001 .row .col-md-3 {padding: 0 3px;}
.lang_en .ft-logo h1 {text-align: left;line-height: 1.2;}
.article5 .lang_en .layoutlist_7 .subject a {font-size: 17px !important;}
/*標題*/
.hgroup {padding-left:15px; padding-right:15px;}
.hgroup h1{margin-bottom: 50px;line-height:1.8;}
/*按鈕*/
.btn.btn_back, .ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn ,.btn-primary{ width: 100%!important;}
/*container*/
.page_wrapper_bg .pagecontent {padding: 0px !important;}
/*fixrow*/
.fixrow{padding-left:0px !important;padding-right:0px !important;}
/*文章列表最上層樣式調整*/
#article .cate_list.row .col-sm-6.col-md-4 { margin: 0 0 30px;}
/*文章列表樣式-02*/
#article .layoutlist_2 .item { width: 100%; margin: 10px 0;}
/*文章列表樣式-03*/
#article .layoutlist_3 .item {width: 100%; margin: 10px 0;}
/*文章列表樣式-04*/
#article .layoutlist_4 > .fixrow > .xrow > .col-sm-6.col-md-6 {width: 100%; margin: 10px 0;}
/*文章列表樣式-06*/
.rwdlayoutlist_6 ul { margin: 0;}
.rwdlayoutlist_6 li { margin: 0;border-bottom: #dfdfdf solid 1px;padding: 10px 0 10px;}
.rwdlayoutlist_6 .subject_title{display:none;}
.rwdlayoutlist_6 .list_item{text-align: center;flex-direction: column}
.rwdlayoutlist_6 .list_item .column.no,.rwdlayoutlist_6 .list_item .column.subject,.rwdlayoutlist_6 .list_item .column.date{width:100%;}
/*文章列表樣式-07*/
#article .layoutlist_7 .litem {width: 100%;padding: 0 0 40px;margin: 0 0 40px;border-bottom: 1px solid #eee;}
/*文章列表樣式-08*/
.layoutlist_8.rwd .item{    border-bottom: 1px solid #ccc;    width: 100%;}
/*文章列表樣式-09*/
.rwdlayoutlist_9 .litem {width: 100%;}
/*左右圖文輪播PH*/
.RWDslider01 .pic-list{width:100%;}
/*時間軸樣式*/
.RWDtimeline01 .line_dot, .RWDtimeline01 .line_dot2 {left: 0;}
.RWDtimeline01 li.event:before {left: 27px;}
.RWDtimeline01 li.event .point {width: calc(100% - 90px);left: 90px;}
.RWDtimeline01 li.event .point .date{font-size:14px;letter-spacing:1px}
/*文章檔案下載*/
.file_area {margin: 0 0 10px;}
#file_dlist, .page_wrapper_bg .dd-select, .file_area {width: 100% !important;}
.download_container .btn {width: 100%;}
/*電子表單*/
.new-form {margin-top: 0;}
/*相簿上下方說明*/
#album .page_desc {margin: 30px 0;}
#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 {margin: 30px 0 0;}
.photo_discription .text{font-size:16px!important;line-height:1.5!important;margin:30px 0;color:#333!important;letter-spacing:2px;font-weight:400}
/*相簿列表樣式-01*/
.layoutlist_1 .album_item {width: 100% !important;}
/*相簿列表樣式-02*/
.layoutlist_2 .album_item {margin: 10px 0px 20px !important;width: 100%;}
/*產品列表樣式 A*/
#product .layoutlist_2 .col-sm-6 {width: 100%;}
/*產品列表樣式 B*/
#product .layoutlist_3.row > .col-md-12 {width: 100%;}
/*產品列表樣式 C*/
#product .layoutlist_4 .col-xs-6 {width: 100%;}
/*產品列表樣式 D*/
#product .layoutlist_5.layoutlist .col-sm-4 {width: 100%;}
/*產品列表樣式 E*/
#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {width: 100%;}
/*相簿內容樣式-01*/
.row .album_d_item { width: 100%;}
/*相簿內容樣式-03*/
.photo .content_box {width: 100% !important;}
/*相簿內容樣式-04*/
.album-list .item {width:100%;}
/*檔案下載樣式-02*/
.download .oneline .col-md-4.col-sm-6 {width: 100%;margin-bottom: 20px;}
.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {margin:40px 0 !important}
.page_wrapper_bg .hgroup h1 {font-size: 32px;}
#article .layoutlist_7 .litem {border: 0;margin-bottom: 10px;padding-bottom: 10px;}
.article5 .layoutlist_7 .subject a {font-size: 22px !important;}
.pro_img b {font-size: 16px;}
.pro_txt b {font-size: 15px;}
.link_block a {font-size:15px}
.icon_block {flex-direction: column;grid-row-gap: 50px;}
.icon_block .icon_box {min-width: unset;width: 100%;margin: 0;}
.icon_block .icon_box::before {content: "\f0d7";right: 50%;top: auto;bottom: -50px;transform: translate(50%, 0);}
.article2 .article_model:nth-child(4) .model-title {line-height:1.5}
/*eninner*/
.lang_en.page_wrapper_bg .hgroup h1 {font-size: 24px;}
.lang_en .phone-info {font-size: 12px;}
.lang_en .icon_block .icon_box {width: 100%;}
.lang_en .btn.btn_back a {min-width: auto;width: 100% !important;}
.page_about {flex-direction: column;}

.product-block .RWDService002 .col-md-4{width:100% !important;padding:0 10vw;min-height: 120px;}
.product-block .RWDService002 .row:nth-child(2) .col-md-4:nth-child(2), 
.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1), 
.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3){
  border-left: 1px solid #dfdfdf;
}
.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(2){border-bottom:0;}
.product-block .RWDService002 .funny-boxes > .funny-boxes-text > p span{bottom: -50px;font-size: 3.5em;left: auto;right: 0;text-align: right;}
}
/*600px end*/
/*480px start*/
@media (max-width: 480px) {
.RWDmenu_plus04 .features .search-btn {padding: 22px 18px 15px;}
/*banner*/
.banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 2.5em;line-height: 1.3;}
/*標題*/
.about-block .RWDService001 h1.main-title, .material-block .RWDproduct004 h1.main-title, .product-block .RWDService002 h1.main-title, .application-block .RWDService001 h1.main-title{font-size:20px;text-align: center;}
.about-block .RWDService001 h2.sub-title, .material-block .RWDproduct004 h2.sub-title, .product-block .RWDService002 h2.sub-title, .application-block .RWDService001 h2.sub-title{font-size: 15px;line-height: 1.5;margin-top:10px;}
.about-block .RWDService001 h2.sub-title{text-align: justify;}
/*產品*/
.product-block .RWDService002 .col-md-4{    min-height: 170px;}
.product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4 {font-size: 20px;}
.product-block .RWDService002 .funny-boxes > .funny-boxes-text > p span{bottom: -75px;font-size: 3.5em;}
.material-block .RWDproduct004 #portfolio div.col-md-3 {width: calc(100%);}
/*合作*/
.cooperation-block .container::before{background-position: -180px center;}
.cooperation-box a.btn-style span{display:block;}
/*文章高度調整*/
.pagecontent .article_model[data-seq="0"] {margin-top: 0 !important;}
/*檔案下載*/
.layoutlist_5 .downlaod_item {width: calc(100%);}
/*圖文輪播*/
.RWDslider01 .text {padding-bottom: 40px;}
.about_item img {width: 50px;}
.page_about {justify-content: center;}
.pro_item {width: 100%;}
.article2 .page_wrapper_bg section.call_to_action>.container {width: 95%;}
.webdesc {font-size: 16px;}
@media (max-width: 414px) {
    /*文章左右圖文輪播PH*/
    .RWDslider01 .pic-list, .RWDslider01.pic-right .pic-list {
        margin: 0;
    }
}
}
/*480px end*/
/*414px start*/

@media (max-width: 414px) {
  .banner-block .container,
  .banner-block .RWDbanner_plus01 .slick-caption {
    width: 100%;
  }
  .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
    font-size: 2.6em;
    letter-spacing: 5px;
  }
  .banner-block .RWDbanner_plus01 .slick-caption .txt2 {
    font-size: 18px;
  }
  .banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {
    width: 30px;
    height: 12px;
  }
  .banner-block .RWDbanner_plus01 .logo img {
    width: 72px;
  }
  .banner-block .RWDbanner_plus01 .slick-caption {
    top: 26%;
  }
  .cooperation-box a.btn-style::before {
    width: 17px;
    height: 17px;
  }
  .cooperation-box a.btn-style {
    font-size: 15px;
  }
  /*應用項目*/
  .application-block .RWDService001 h2 {
    font-size: 16px;
  }
  /*關於*/
  .product-block .RWDService002 .funny-boxes::before,
  .product-block .RWDService002 .funny-boxes.not-right-column::before {
    background-size: 17px 17px;
    width: 17px;
    height: 17px;
  }

  .product-block .RWDService002 .funny-boxes>.funny-boxes-text>h4 {
    font-size: 17px;
  }
  .page_about02 b {
    font-size: 16px;
  }
  .article2 .article_model:nth-child(4) .model-title {
    padding: 0 30px
  }
  .connect_block .btn_01 a,
  .connect_block .btn_02 a {
    font-size: 15px;
  }
  .product-block .RWDService002 .col-md-4 {
    padding: 0 5vw;
  }
}

/*414px end*/
/*380px start*/
@media (max-width: 380px){
.banner-block .RWDbanner_plus01 .slick-caption {
    top: 23%;
}

.about-block .RWDService001 h1.main-title::before,
.material-block .RWDproduct004 h1.main-title::before,
.product-block .RWDService002 h1.main-title::before,
.application-block .RWDService001 h1.main-title::before,
.cooperation-box h2::before {
    font-size: 26px;
}



.cooperation-box a.btn-style {
    font-size: 15px;
    border-radius: 3px;
}

.cooperation-box a.btn-style span {
    font-size: 13px;
}

/*en*/
.lang_en .cooperation-box h2 {
    font-size: 26px;
}

.article5 .lang_en .layoutlist_7 .subject a {
    font-size: 15px !important;
}

@media (max-width: 360px) {
    .lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
        font-size: 20px;
    }

    /*eninner*/
    .lang_en #article .btn.btn_back a,
    .lang_en #album .btn.btn_back a {
        text-align: left;
    }
}
}
/*380px end*/