@charset "UTF-8";
/* RWDfullscreen01 start=> */ 
 .color4, .slice.color4, .bulle.color4, .ctaBox.color4{background-color:#e6e6e6}
 .RWDMenuIcon001{background-color:#ffffff}
 .navbar-nav>li:hover{background-color:rgba(240, 240, 240, 0)}
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color:transparent}
 .navbar-default .navbar-nav > li > a{color:#333333}
 .navbar-default .navbar-nav > li > a:hover{color:#cccccc}
 .navbar .nav li ul li:hover{background-color:transparent}
 .in ul.nav{background:transparent}
 .RWDfullScreenEditor .btn.btn-rj{background-color:rgba(255, 255, 255, 0.75)}
 .RWDfullScreenEditor .btn.btn-rj{color:#3B3B3B}
 .RWDfullScreenEditor .btn.btn-rj:hover, .btn.btn-rj:focus{background-color:rgba(255, 255, 255, 0.69)}
 .RWDfullScreenEditor .btn.btn-rj:hover, .btn.btn-rj:focus{color:#474747}
 /* <= RWDfullscreen01 end */ 
 /* miracle customization start=> */ 
body {    font-family: 'Noto Sans TC', sans-serif;    font-size: 16px;    letter-spacing: 1px;    font-weight: 400;    color: #333;    line-height: 1.6;}.page_wrapper_bg .pagecontent {    padding: 0 !important;}/*選單*/ .RWDmenu_plus04 .header {    padding: 0 60px;}.RWDmenu_plus04 .logo img {    width: 180px;}.RWDmenu_plus04 .logo:after {    content: "標準版型目錄";    font-size: 26px;    color: #111;    font-weight: 600;    vertical-align: middle;    border-left: 1px solid #ddd;    display: inline-block;    padding: 0px 0px 0px 26px;    margin-left: 26px;    position: relative;    top: 2px;}.RWDmenu_plus04 .logo {    width: 100%;    margin: 20px 0;}.RWDmenu_plus04 .site-nav .container {    width: 100%;    max-width: 100%;    padding: 0;}.RWDmenu_plus04 .site-nav .menu>li>a {    padding: 20px 30px;}.RWDmenu_plus04 .site-nav .menu ul li>a {    font-size: 15px;    font-family: '微軟正黑體';    color: #333;    font-weight: 400;    text-align: center;}.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: 400;    color: #d8447e;}.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: #d7437d;}.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: #111;}.RWDmenu_plus04 .site-nav .menu>li>a {    font-size: 17px;    font-family: 'Noto Sans TC', sans-serif;    color: #fff;    transition: .5s ease;}.RWDmenu_plus04 .site-nav .menu>li.is-active>a {    color: #d8447e;}.RWDmenu_plus04 .header {    padding: 0;}.RWDmenu_plus04 .header-in {    display: block;}.RWDmenu_plus04 .logo {    float: none;    width: 100%;    display: flex;    align-items: center;    margin: 20px 0;    padding-left: 20px;}.RWDmenu_plus04 .site-nav {    display: flex;    width: 100%;    align-items: center;    justify-content: center;}.RWDmenu_plus04 .site-nav .container {    width: 100%;    max-width: 100%;    padding: 0;    border-top: 1px solid #eee;}.RWDmenu_plus04 .site-nav .menu {    background: #333;}.RWDmenu_plus04 .features .search-btn {    position: absolute;    right: 30px;    top: -6px;}/*內容*/ .page_wrapper_bg .container {    width: 85%;    padding: 0;}.page_wrapper_bg .hgroup .container {    width: 100%;    max-width: 100%;    padding: 0;}.page_wrapper_bg .article-text.rwd .container {    width: 100%;    max-width: 100%;    padding: 0;}.page_wrapper_bg .call_to_action {    background: #e9e5de;    min-height: 750px;    padding: 60px 0 120px;}.page_wrapper_bg .layoutlist_2 {    width: calc(100% + 40px);    margin: 0px -20px;}.RWDproduct002_v3 {    position: relative;    padding: 0;}.customer-block {    padding: 140px 0 100px;}/*標題&文字*/ .page_subject {    padding: 0;}.hgroup .container {    border: 0;    margin: 60px 0 20px;}h1.pageTitle {    font-size: 50px;    margin: 0px;    color: #111;    font-weight: 600;    line-height: 1.2;    position: relative;    padding: 0;    text-align: center;}h1.main-title,.RWDproduct002_v3 .main-title {    font-size: clamp(2.25rem, 2.1152rem + 0.553vw, 3rem);    margin: 0px 0 12px;    color: #111;    font-weight: 600;    line-height: 1.2;    position: relative;    padding: 0;    text-align: center;    font-family: 'Noto Sans TC', sans-serif;}.RWDproduct002_v3 .section-line,.page_wrapper_bg .section-line {    display: none;}/*進階搜尋*/ ._option_label {    display: none;}.search_option_area {    background-color: #fffdf9;    padding: 40px 60px;}.advanced_search {    margin: 30px auto 80px;    max-width: 1200px;}.advanced_search_title {    margin: 0;    font-size: 24px;}.advanced_search_btns {    margin: 30px 0 0;}.advanced_search_btns {    justify-content: flex-end;}._option_label {    text-align: left;}.advanced_search_btn_clear,.advanced_search_btn_send {    font-weight: 300;    letter-spacing: 1px;}/*客戶*/ .RWDproduct002_v3 .main-title {    margin: 0 0 20px;}.RWDproduct002_v3 .popup-portfolio .portfolio-item {    width: 25%;    padding: 0px 20px;    margin: 0 0 6vh;}.RWDproduct002_v3 .portfolio-item.grow>.inner-content:hover>img {    -webkit-transform: scale(1);    transform: scale(1);}.RWDproduct002_v3 .showbottom:hover .inner-content>img {    -webkit-transform: scale(1);    transform: scale(1);}.RWDproduct002_v3 .portfolio-item>.inner-content>img {    border: 1px solid #eee;}.RWDproduct002_v3 .popup-portfolio {    margin: 0 auto;}/*小標題*/ .item .subject,.portfolio-bottom__h4 {    font-size: 20px;    height: auto !important;    margin: 24px 0 12px;    line-height: 1;    text-align: left;    color: #111;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;}.RWDproduct002_v3 .showbottom:hover .portfolio-bottom__h4 {    transition: all .3s ease-in-out;    color: #d8447e;}.item .subject a {    color: #111;    font-family: 'Noto Sans TC', sans-serif;    font-weight: 500;    letter-spacing: 0;    transition: .5s ease;}.layoutlist_2 .item .subject:hover a {    color: #d8447e;    transition: .5s ease;}.item .subject span {    position: absolute;    top: 0;    left: 0;    padding: 18px 32px;    font-size: 18px;    color: #fff;    font-weight: 600;    z-index: 2;    width: 120px;    letter-spacing: 1px;    line-height: 1.2;}.item .subject span::before {    content: "";    width: 0;    height: 0;    border-style: solid;    border-width: 0px 8px 8px 0px;    border-color: transparent #858585 transparent transparent;    left: -8px;    top: 80px;    position: absolute;}.item .subject span::after {    content: "";    clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);    display: block;    position: absolute;    left: -8px;    top: 0;    background: #d8457f;    width: 120px;    height: 80px;    z-index: -1;}.summary a:hover,.portfolio-bottom-summary .portfolio-bottom__p a:hover {    color: #d7467f;    transition: .5s ease;}.summary a,.portfolio-bottom-summary .portfolio-bottom__p a {    display: inline-block;    margin-right: 12px;    font-size: 15px;    font-weight: 400;    color: #333;    transition: .5s ease;}.summary a:nth-child(1),.portfolio-bottom-summary .portfolio-bottom__p a:nth-child(1) {    display: none !important;}.summary a::before,.portfolio-bottom-summary .portfolio-bottom__p a::before {    content: "#";    display: inline-block;    margin-right: 1px;    font-size: 17px;}.layoutlist_2 .item,.layoutlist_4 .item {    border-bottom: 0;    margin: 0;    overflow: visible !important;}.layoutlist_2 .col-xs-12.col-sm-6.col-md-3 {    padding: 0px 20px;    margin: 0px 0px 6vh;}/*錨點*/ .RWDnav001 {    right: 0px;}.RWDnav001 .check_box.dot_style .sub_box {    display: flex;    justify-content: center;    align-items: center;    height: auto;    margin: 0 0 15px;}.RWDnav001 .check_box.dot_style .sub_box .text {    writing-mode: vertical-rl;    font-weight: 400;    letter-spacing: 3px;    background: #f1ece5;    width: auto;    padding: 15px 5px;    transform: translateX(0);    top: auto;    position: relative;    border-radius: 20px;    text-align: center;    line-height: 1.5;    opacity: 1 !important;    font-family: 'Noto Sans TC', sans-serif;    margin: 0;    right: auto;    left: auto;    font-size: 16px;}.RWDnav001 .check_box.dot_style .sub_box.active .text {    background: #9d7f51;    color: #f3e7d7;}.RWDnav001 .check_box.dot_style .sub_box::after {    display: none;}.RWDnav001 .check_box.dot_style .sub_box.active .text,.RWDnav001 .check_box.dot_style .sub_box:hover .text {    background: #9d7f51;    color: #f3e7d7;}/*搜尋*/ .RWDsearch_page .search-list {    border-top: 1px solid #dbd7d0;    padding: 40px 0 0;}.RWDsearch_page .list-tab {    margin: 0 0 30px;}.RWDsearch_page .list-title {    font-size: 24px;    color: #111;    font-weight: 600;    display: flex;    align-items: center;}.RWDsearch_page .list-img>ul {    margin: 0px -20px;}.RWDsearch_page .list-img>ul>li {    padding: 0px 20px;}.RWDsearch_page .list-img .name {    font-size: 18px;    font-weight: 500;    color: #111;    text-align: left;    letter-spacing: 1px;}.RWDsearch_page .list-title .qty {    position: relative;    top: 1px;}/*假按鈕*/ .add-btn {    width: 100%;    position: absolute;    top: 403px;}.add-btn .RWDedictor {    width: 1200px;    position: relative;    margin: 0 auto;    display: flex;    align-items: center;    justify-content: flex-end;    padding: 0px 60px;}.add-btn a {    display: block;    max-width: 160px;    width: 160px;    padding: 10px 15px;    outline: 0;    color: #fff;    border: 0;    border-radius: 4px;    background: #999;    text-align: center;    z-index: 99;    font-weight: 300;}
/*內頁版型 start*/ 

.product3 .page_wrapper_bg .call_to_action {    min-height: auto;}.product3 .collapsing_header .main , .article2 .collapsing_header .main {    background: #e9e5de;    padding: 10vh 0 0;}.page_wrapper_bg .collapsing_header .main {    overflow: visible;}.product3 .section-block , .article2 .section-block {    padding: 5vw 0 0;}.product3 .footer-block , .article2 .footer-block {    margin: 6vw 0 0;}/*標題*/ .section-subject {    margin: 0 0 1.5vw;}h2.main-title {    background: #fffdf9;    padding: 12px 20px;    font-size: 26px;    font-weight: 700;    color: #333;    letter-spacing: 2px;    margin: 0 0 16px;}h3.sub-title {    font-size: 16px;    color: #333;    letter-spacing: 1px;    line-height: 1.6;    margin: 0;}h3.sub-title.im-title {    color: #d8447e;}.area-title {    display: block;    font-size: 18px;    border: 1px solid #876f45;    width: 140px;    text-align: center;    padding: 4px 0;    color: #111;    font-weight: 500;    margin: 1vw 1vw 0px;}.item-title {    font-size: 17px;    height: auto !important;    margin: 0 0 20px;    line-height: 1.4;    text-align: center;    color: #111;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;}.item-outter {    display: flex;    flex-wrap: wrap;}.item-child {    width: calc(20% - 2vw);    margin: 1.5vw 1vw 2.5vw;}/*跟隨*/ .RWDbtn01 {    position: fixed;    top: 125px;    width: 100%;    background: #e9e5de;    z-index: 2;    padding: 30px 0 20px;}.RWDbtn01 .btn-box {    margin: 0;}.RWDbtn01 .btn-box li {    width: auto;    padding: 0;}.RWDbtn01 .btn {    background: transparent;    font-size: 17px;    color: #111;    padding: 0px 30px;    transition: .3s ease;}.RWDbtn01 .btn::after {    content: "";    width: 1px;    height: 60%;    display: block;    position: absolute;    right: 0;    background: #c1bdb5;    top: 55%;    transform: translateY(-50%);}.RWDbtn01 .btn-box li:last-child a::after {    display: none;}.RWDbtn01 .btn:hover,.RWDbtn01 .btn:active {    color: #d8447e;    background: transparent;    transition: .3s ease;}

/*內頁版型 end*/ 
/*footer start*/ 

.footer-block {    background: #434343;    padding: 20px 0;    text-align: center;    color: #bbb;    font-size: 15px;}.footer-block a {color: #bbb;}.scrollTop002 {    bottom: 90px;    right: 16px;    z-index: 101;}.scrollTop002 img {    filter: contrast(0.1);}.footer-block span {    color: #777;    margin: 0px 10px;}

/*footer end*/ 
/*小螢幕 start*/ 

@media (max-width: 2200px) {.item-child {    width: calc(25% - 2vw);}.item-title {    letter-spacing: 0;    font-size: 16px;}}@media (max-width: 1600px) {.layoutlist_2 .col-xs-12.col-sm-6.col-md-3 , .RWDproduct002_v3 .popup-portfolio .portfolio-item {    width: calc(100% / 3);    padding: 0px 15px;}.item .subject, .portfolio-bottom__h4 {    font-size: 20px;    margin: 24px 0 8px;}.item-title {    font-size: 16px;    letter-spacing: 1px;}/*內頁版型*/ .product3 .section-subject {    margin: 0 0 4vw;}.item-child {    width: calc(100% /3 - 2vw);    margin: 0 1vw 6vw;}.area-title {    margin: 0px 1vw 3vw;}}@media (max-width: 1400px) {.page_wrapper_bg .container {    width: 90%;}.add-btn .RWDedictor {    width: 90%;}}

/*小螢幕 end*/ 
/*動態 start*/ 

/* 動態效果fadeIn&hover*/ .RWDproduct002_v2 .bounceIn,.RWDproduct002_v3 .bounceIn,.RWDproduct002_v4 .bounceIn {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}.RWDService002 .flipInY {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}.RWDmenu_plus02 .cart-block:hover:after, .RWDmenu_plus02 .member-block:hover:after, .RWDmenu_plus02 .querycar-block:hover:after{display:none}.RWDleft_cont002 .item-second:hover .pic img,.RWDright_cont002 .item-first:hover .pic img{transform:scale(1)}

/*動態 end*/ 
/* <= miracle customization end */ 
/* user customization start=> */ 

/* <= user customization end */ 
/* last build time:2024-05-31 11:01:13 */ 
/* last build by :米洛-林姵妏 */