/* now =>2025-09-14 00:28:37*/ 
 /* Last Midoify Time By 2023-04-20 15:47:06 */ 
 /* Last Midoify Time By 1681976826 */ 
 /* Last Midoify Time By Thu, 20 Apr 2023 07:47:06 +0000 */ 
/* HTTP_IF_MODIFIED_SINCE=>*/ 
/* RWDPAGE_BASE_PAT02 start=> */ 
 /* <= RWDPAGE_BASE_PAT02 end */ 
 /* miracle customization start=> */ 
a:hover, a:focus{text-decoration:none}body, html {    font-size: 16px;    font-family: 'Noto Sans TC', sans-serif;    font-weight: 400;    color: #555;    letter-spacing: 1px;    line-height: 1.5;}.fl img{width:300px;}.scrollTop002 {    bottom: 100px;    right:25px;}.scrollTop002 .ii {    letter-spacing: 0;}.RWDmenu_plus04 #search-box.full .search-in {    transform: scale(.8);}/*cookie*/ 
.RWDalert_fancybox.bottom { left: auto !important;width: 400px;padding: 30px 60px 20px !important;box-shadow: 1px 0px 2px rgba(20%,20%,40%,0.2) !important;background: rgba(255, 255, 255, 90%) !important;color: #000 !important;line-height: 1.5 !important;}.RWDalert_fancybox.bottom .editor {font-size: 14px !important;letter-spacing: 2px !important;}.RWDalert_fancybox .btn.active {border-radius: 0px;margin-top: 20px;background: #d34b55 !important;border: 1px solid #d34b55  !important;display: block;padding: 5px 50px;color: #fff !important;font-size: 14px !important;}.RWDalert_fancybox .btn:hover {background: #000 !important;color: #fff !important;}.RWDalert_fancybox.bottom .editor a {    color: #a73b00;}@media (max-width: 600px) {.RWDalert_fancybox.bottom .editor, .RWDalert_fancybox.bottom .btn-box {display: block !important;}.RWDalert_fancybox.bottom {padding: 30px 30px 20px !important;width: 100%;}.RWDalert_fancybox .btn.active {display: block !important;margin: 20px 0 0 !important;width: 100% !important;}}/*menu*/ 
.RWDmenu_plus04 .logo {    width: 180px;    margin-top: 9px;}.RWDmenu_plus04 .site-nav .menu>li>a {    font-size: 16px;    transition: all .5s ease;}.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: rgb(149 120 211);    color: #fff;    transition: all .5s ease;}.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: 300;background: #eee;transition: all .3s ease;}.RWDmenu_plus04 .site-nav .menu ul li a {transition: all .3s ease;    padding-right: 10px;}.RWDmenu_plus04 .site-nav .menu>li>ul {padding: 0;}/*banner*/ 
.index .banner_block {margin-top: 74px;}.RWDbanner_plus01.style-dotnav.control-center .control-box {bottom: 50px;}.products_banner .RWDbanner_plus01.style-dotnav.control-center .control-box {bottom: 5px;}.RWDbanner_plus01.style-dotnav.dot .slick-dots button {width: 10px;height: 10px;}.index .section-subject {margin-bottom: 50px;}.index .section-line {display: none;}.index .sub-title {font-size: 18px;letter-spacing: 1.5px;margin-top: 0;font-weight: 500;color: #333;}.index .main-title {font-size: 40px;margin: 0 0 10px;color: #333;font-weight: 700;line-height: 1.5;letter-spacing: 2px;}/*系列*/ 
.products_series {position: relative;padding: 100px 0;background: #ecebf1;}.products_series .container {width: 100%;padding: 0 50px;}.RWDproduct004 .callout-dark {padding: 0;background-color: transparent;border-bottom:0px;}.RWDproduct004 .heading-title.heading-arrow-bottom::after{display:none}.RWDproduct004 #portfolio.portfolio-nogutter .row > div { width: 50%;    padding: 0 25px !important;margin-bottom: 50px !important;}.RWDproduct004 #portfolio.portfolio-nogutter .item-box-desc {     position: absolute;    left: 50px;    top: 0;    width: 200px;    background: #fff;    padding: 30px 20px;    height: 260px;    box-shadow: 5px 2px 10px 0px rgb(0 0 0 / 5%), 5px 2px 30px 0px rgb(0 0 0 / 8%);}.RWDproduct004 #portfolio.portfolio-nogutter .item-box-desc h3 {    color: #333;    letter-spacing: 1px;    line-height: 1.5;    font-size: 20px;    font-weight: 400;    margin-bottom: 16px;    position: relative;    border-bottom: 1px solid #ecebf1;    padding-bottom: 5px;}.RWDproduct004 #portfolio.portfolio-nogutter .item-box-desc .list-inline{color: #555;font-size: 15px;letter-spacing: 1px;line-height: 1.5;}.program_block .RWDproduct004 .col-md-3 .item-box h3:after {content: "";position: absolute;width: 0;height: 1px;bottom: -4px;left: 0;background: #fff;transition: 0.3s;}.RWDproduct004 .col-md-3 .item-box:hover h3:after {width:100%;transition: 0.3s;}.RWDproduct004 .nopadding { border-bottom: 0px;}.RWDproduct004 .item-box img.img-responsive {transition:0.3s;mix-blend-mode: darken;}.RWDproduct004, .RWDproduct004 #portfolio {overflow: visible;}.RWDproduct004 .item-box figure {position: initial;}.RWDproduct004 .item-box .item-hover a {width: 100%;height: 100%;display: block;}.RWDproduct004 .item-box .item-hover .inner .ico-rounded>span {display: none;}.RWDproduct004 .item-box .item-hover .inner {height: 100%;top: 0;margin-top: 0;}.RWDproduct004 .overlay, .RWDproduct004 .item-box .item-hover {background-color: transparent;}.RWDproduct004 a.ico-rounded.lightbox {display: none !important;}.RWDproduct004 .row.mix-grid {margin: 0;}/*技術*/ 
.tech_block {position: relative;padding: 100px 0;border-bottom: 1px solid #eee;}.tech_block:before {    content: "";    position: absolute;    width: 80%;    height: 100%;    background: url(archive/image/customization/ab_tech_bg.jpg)no-repeat;    right: 0;    top: 0;    background-size: cover;    opacity: .3;}.tech_block .container {width: 100%;padding: 0;position: relative;}.RWDleft_cont002 .container {width: 100%;padding: 0;}.RWDleft_cont002 .item-second {display: flex;flex-direction: row-reverse;background-color: transparent;align-items: flex-start;}.RWDleft_cont002 .item-second .text-box {    width: 50%;    height: 100%;    left: 0;    color: #333;    background: transparent;    padding: 5% 80px 0 10%;}.RWDleft_cont002 .item-second .pic img {width: 100%;}.RWDleft_cont002 .item-second .text-box .title {    margin-bottom: 10px;    font-size: 40px;    color: #333;    font-weight: 700;    line-height: 1.5;    letter-spacing: 2px;}.RWDleft_cont002 .item-second .text-box .subtitle,.newvideo_block  .subtitle{    font-size: 22px;    letter-spacing: 1.5px;    margin-top: 0;    font-weight: 500;}.RWDleft_cont002 .item-second .text-box .text {    line-height: 1.5;    color: #555;    font-size: 16px;    letter-spacing: 1px;    margin-top: 50px;    text-align: justify;    width: 85%;}.RWDleft_cont002 .item-second>a {    width: 50%;    position: relative;}.RWDleft_cont002 .item-second .pic {    width: 100%;    float: none;    z-index: 1;}.RWDleft_cont002 .item-second:hover .pic img {    transform: scale(1);}.RWDleft_cont002 .item-second .text-box .text p {    display: -webkit-box;    text-overflow: ellipsis;    overflow: hidden;    -webkit-line-clamp: 8;    -webkit-box-orient: vertical;}.RWDleft_cont002 .item-second .text-box a {    margin:30px 0 0;    border-radius: 0;    width: auto;    min-width: 250px;    display: inline-block;    letter-spacing: 1.5px;    padding: 10px;    line-height: 1.3;    color: #555;    background: transparent;    font-size: 16px;    border: 1px solid #c3b4a4;    font-weight: 300;}.RWDleft_cont002 .item-second .text-box .underline {    display: none;}.RWDbanner008 img {padding: 0 10px;}.RWDbanner008 {    width: 45%;    background: #ecebf1;    padding: 15px 10px;    position: absolute;    left: 0;    bottom: 0px;    z-index: 2;}.news_block {padding: 100px 0; overflow: hidden;}.news_block .container {width: 80%;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item {padding: 0 15px;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div {color: #121212;background: transparent;border: 0;}.RWDnews005 .owl-carousel {overflow: initial;}.RWDnews005 .owl-carousel .owl-wrapper-outer {overflow: hidden;}.RWDnews005 .controlls-over .owl-controls .owl-prev {left: -80px;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div {    color: #121212;    background: #fff;    border: #fff 1px solid;    opacity: 1;    filter: Alpha(Opacity=100);    -webkit-border-radius: 0px;    -moz-border-radius: 0px;    border-radius: 0px;}.RWDnews005 .controlls-over .owl-controls .owl-next {right: -80px;}/**/ 
.RWDsocial002 .iconRounded:hover, .color1 .iconRounded:hover {    background-color: rgb(255 255 255 / 80%);    color: #fff;}/*0530*/ 
.RWDmobile_bottom_v2 .text {display: none;}.RWDmobile_bottom_v2 {display: block;bottom:150px;position: fixed !important;right:20px;z-index:111}ul.mobile_bottom__ul {list-style: none;padding: 0}li.mobile_bottom__li:nth-child(1) {background: #80c315;}li.mobile_bottom__li a {width: 100%;padding: 10px;color: #fff;display: flex;align-items: center;justify-content: center;height: 100%}li.mobile_bottom__li {width: 50px;height: 50px;background: #aaa;display: flex;align-items: center;}li.mobile_bottom__li:nth-child(2) {background: #1578fb}/*20220714*//*產品瀏覽紀錄*/ 
.RWDhistory002 .history-btn {font-size: 12px; letter-spacing: 1px; top: 180px; left: auto !important; right: 0px; background: #000; padding: 6px;width: 40px;}.RWDhistory002 .history-block .inside { top: 290px;}.RWDhistory002 .history-list { max-height: 175px;}.RWDhistory002 .history-list {margin: 0;}.RWDhistory002 .history-block .inside .item {padding-bottom: 5px;}.RWDhistory002 .history-block .pic { background-color: transparent;}.RWDhistory002 .history-block.right .ctrl-box .btn {left: auto;right: 7px;top: -30px;}/*20230313*/ 
.newvideo_block {    padding: 100px 0;}.newvideo_block>.container{    display: flex;    align-items: center;    width: 70%;}.video-inner{    width: 50%;}.video-txt {    width: 50%;    padding-right:7%;}.RWDvideo002 .videoitem {    margin: 0;    overflow: hidden;    width: 100%;}.RWDvideo002 .section-inner>.container {    width: 100%;    padding: 0;}.RWDvideo002 figure figcaption, .RWDvideo002 figure a{display:none}.vtxtbox {    border-top: 1px solid #e2e2e2;    padding: 50px 0 0;    line-height: 1.8;    font-size: 17px;}.RWDvideo002  .section-inner .row {    margin: 0;}.RWDvideo002 figure.effect-sarah:hover img, .RWDvideo002 figure.effect-sarah:hover .iframe, .RWDvideo002 figure.effect-sarah img, .RWDvideo002 figure.effect-sarah .iframe {    opacity: 1;    -webkit-transform: translate(0,0);    transform: translate(0,0);}.RWDvideo002.istouch figure.effect-sarah img, .RWDvideo002.istouch figure.effect-sarah .iframe {    opacity: 1;}@keyframes f-scale {    0% {        transform: translate(-50%, -50%)scale(0.1);        opacity: 1;    }    100% {        transform: translate(-50%, -50%)scale(1);        opacity: 0;    }}.RWDvideo002 figure.effect-sarah:after {    content: "";    position: absolute;    width: 90px;    height: 90px;    background: url(archive/image/customization/play_i.png)no-repeat;    background-size: contain;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    z-index: 2;    transition: all .5s ease;    filter: drop-shadow(2px 2px 2px #777);}.RWDvideo002 figure.effect-sarah:before {    content: "";    position: absolute;    width: 150px;    height: 150px;    background: rgb(255 255 255 / 80%);    top: 50%;    left: 50%;    transform: translate(-50%, -50%)scale(0.1);    z-index: 1;    border-radius: 50%;    animation: 2500ms ease normal forwards infinite f-scale;    transform-origin: center;}.RWDvideo002 .videoitem {padding: 0;}/*取消訂單 表單*/#refund_container .form-box .form-group{width:100%;}#refund_container .form-box .form-group .control-label{width:185px;}#refund_container .form-box .form-group .control-box{width:calc(100% - 190px);}#refund_container .form-box .btn-group{display:flex;justify-content:center;}#refund_container .form-box button.btn{display:block;}@media (max-width: 767px){    #refund_container .form-box .form-group .control-label{width:100%;}    #refund_container .form-box .form-group .control-box{width:100%;}}@media (max-width: 420px){    #refund_container .form-box .form-group .control-label{display:block !important;}    #refund_container .form-box .form-group .control-box{width:100%;}}
/*footer start*/ 


.footer_block {    padding: 80px 0 50px;    background: #8975b4;    color: #fff;}.footer_block .ft_info a, .footer_block .ft_info a:hover, .footer_block .ft_info a:focus {    color: #fff;}.footer_block .container {    width: 80%;    display: grid;    grid-template-columns: 1fr 2fr;}.footer_block h3 {    font-size: 22px;    line-height: 1.5;    margin: 0 0 15px;    letter-spacing: 1px;}.ft_right {    display: grid;    grid-template-columns: 1fr 1fr;}.ft_left {    grid-column: 1;}.ft_right dd {    margin-bottom: 10px;}.RWDsocial002 .pull-right {    float: none !important;}.RWDsocial002 ul.socialNetwork li {    float: none;    display: inline-block;}i.i.ii-ig2.iconRounded {    background: rgb(255 255 255 / 80%);    color: #992cad;    transition: all .3s ease;}.RWDsocial002 .iconRounded {    font-size: 18px;    border: 1px solid #ddd;    color: #333;    background-color: rgb(255 255 255 / 80%);    margin-right: 15px;}i.i.ii-youtube1.iconRounded {    color: #f44336;}i.i.ii-fb1.iconRounded {    color: #1578fb;    transition: all .3s ease;}.ft_other {    padding-left: 80px;    font-size: 13px;    border-left: 1px solid #b2a9c5;}/*電子報*/ 
.RWDedm001 {margin-bottom: 15px;}form.newsletter-form {display: flex;align-items: center;border: 1px solid #fff;background: #fff;}.RWDedm001 .form-group {margin-bottom: 0;width:100%}.RWDedm001 .form-control {background: transparent;border: 0px;box-shadow: none;}.RWDedm001 .btn.btn-rj {background: #555;border: 0px;font-size: 14px;letter-spacing: 1px;border-radius: 0;padding: 7px 14px;}#btn_order_email {border-right: 1px solid #eee;}.RWDedm001 .btn.btn-rj:hover, .RWDedm001 .btn.btn-rj:focus {background-color: #111;outline: none;}#btn_reject_email {background: #999;color: #ccc;}

/*footer end*/ 

/*小螢幕 start*/ 


@media screen and (max-width: 1750px) {.RWDleft_cont002 .item-second .text-box {    padding: 50px 80px 0 10%;}.RWDleft_cont002 .item-second .text-box .text {    width: 100%;}}@media screen and (max-width: 1630px) {.RWDleft_cont002 .item-second .text-box {    padding: 0px 80px 0 10%;}.RWDbanner008 {    bottom: -30px;}.RWDleft_cont002 .item-second .text-box {    padding: 0px 80px 0 7.5%;}.news_block .container {    width: 85%;}.footer_block .container { width: 85%;}.newvideo_block>.container {width: 80%;}.vtxtbox {font-size: 15px;}}@media screen and (max-width: 1500px) {.RWDproduct004 #portfolio.portfolio-nogutter .item-box-desc {    max-height: 85%;left: 30px;width: 180px;}.RWDleft_cont002 .item-second .text-box {    padding: 0px 50px 0 5%;}.RWDbanner008 {    bottom: -70px;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div {    padding: 0 15px !important;margin-bottom: 30px !important;}.footer_block .container {    width: 90%;}li.mobile_bottom__li a .icon {font-size: 13px;}li.mobile_bottom__li {width: 45px;height: 45px}li.mobile_bottom__li a {width: 100%;padding: 0;}}@media screen and (max-width: 1400px) {.RWDbanner008 {bottom: -100px;}body, html {    font-size: 15px;}.RWDleft_cont002 .item-second .text-box .text {font-size: 15px;}.RWDnews005 .controlls-over .owl-controls .owl-prev {    left: -50px;}.RWDnews005 .controlls-over .owl-controls .owl-next {    right: -50px;}.ft_other {padding-left: 50px;}.RWDleft_cont002 .item-second .text-box a {font-size: 15px;}.newvideo_block>.container {    width: 90%;}}@media screen and (max-width: 1366px) {.RWDhistory002 .history-btn {  left: -40px !important; right: auto;}}

/*小螢幕 end*/ 

/*內頁 start*/ 


.page_wrapper_bg .RWDmenu_plus04 .header {box-shadow: -1px 2px 10px 0px #ededed;}.page_wrapper_bg section.call_to_action {padding: 70px 0;min-height: 700px;}.page_wrapper_bg .article-text {font-size: 15px;font-weight:normal;color:#555;letter-spacing: 1.5px;line-height:2;}.page_wrapper_bg .article-text p{font-size: 15px;font-weight:normal;color:#555;letter-spacing: 1.5px;line-height:2;}.page_wrapper_bg .article-text h5{font-size: 18px;font-weight:normal;color:#555;letter-spacing: 1.5px;line-height:2;}/*側選單*/#sidebar .products-nav>ul> li.active>ul { display: block;}.xrow {width: 100%;height: 100%; position: relative;display: inline-block;}#sidebar .products-nav{background: #fdfeff;box-shadow: none;border-radius:0px;}.m2018 .products-nav .nav-title {    background: #d6cfe7;    font-size: 16px;    padding: 7px 10px;    text-align: center;    margin-bottom: 0;    color: #000;    letter-spacing: 5px;    border-radius: 0px;}.page_wrapper_bg .products-nav>ul>li {border-bottom: 1px solid #ddd;padding: 10px; margin-bottom: 0px;text-align: center;transition: 0.4s;}.page_wrapper_bg .products-nav>ul> li.active{background: #fff; border-bottom: 1px solid #ddd;}.page_wrapper_bg .products-nav>ul> li.active > a{color:#8665cf;font-weight: 600;}.page_wrapper_bg .products-nav>ul>li:hover > a{color:#8665cf}.m2018 .products-nav>ul>li>a {padding-right: 0;color: #555;}.m2018 .products-nav ul li>ul>li.active>a, .m2018 .products-nav ul li>ul>li:hover>a, .m2018 .products-nav ul li>ul>li.is-open>a {color: #494949;font-weight: 600;}.m2018 .products-nav ul>li>.toggle-submenu { top: 10px;}.m2018 .products-nav>ul>li>a {font-size: 15px;padding: 5px 0px;}#sidebar > div > div > ul > li > ul > li:last-child {border-bottom: none;}#sidebar > div > div > ul > li > ul > li { border-top: 1px solid #ddd; padding: 5px 0;}.m2018 .products-nav ul li {padding: 8px 0px;}/*確定送出*/ 
.page_wrapper_bg .new-form .new-width .currectsend_btn {background: transparent;}.page_wrapper_bg .currectsend_btn a {background: #409fca;padding: 7px 30px !important;border-radius:0px;color: #fff;font-size: 14px;font-weight: 600;transition: 0.5s ease;}.page_wrapper_bg .ebtn a {color:#fff;font-size: 14px;font-weight: normal;background:  rgb(22 22 22);padding: 10px 30px;border-radius: 0px;transition: all 0.5s ease 0s;}.page_wrapper_bg .currectsend:hover a {background: #409fca;}.page_wrapper_bg .ebtn {background: transparent;margin-top: 30px;float: right;border-radius: 0px;padding: 0px;}.form-group label.must:after {color: #a184e1;}/*回上頁按鈕*/ 
.btn.btn_back {background: transparent;padding: 0;float: right;box-shadow: none;border-radius: 0px;margin-top: 30px;}.btn.btn_back a:hover {background: #333;transition: .5s ease;border: 1px solid #333;color: #fff;padding: 3px 20px;border-radius: 0px;font-size: 14px;}.btn.btn_back a {border: 1px solid #555;background: #fff; color: #333;padding: 3px 20px;border-radius: 0px;font-size: 14px;}#article .btn.btn_back a {padding: 9px 13px;}.btn.btn_back {background: transparent !important;}.album1 .btn.btn_back a {padding: 10px 20px;}.album1 .btn.btn_back a:hover {padding: 10px 20px;}/*麵包屑(置中)*/ul.breadcrumb.pull-right a {color: #666;transition: all 0.2s ease;letter-spacing: 1px;}ul.breadcrumb.pull-right a:hover{color: #333;}.hgroup .breadcrumb {font-size: 12px;background-color: transparent;border: none;position: relative;float: none !important;text-align: center;bottom: 0;padding: 0;margin: 10px 0 30px;}.hgroup .container {margin: 0;border-bottom: none;padding:0}.hgroup .pageTitle {    text-align: center;    letter-spacing: 3px;    font-size: 32px;    font-weight: 600;    line-height: 1.5;    margin: 0;    padding: 0;    color: #333;}/**/ 
.pagecontent .article_model[data-seq="0"] {margin-top: 0 !important;}.layoutlist_7 .litem {text-align: center;}.layoutlist_7 .subject a:hover {color: #8dc21f; transition: .3s ease;}.layoutlist_7 .subject, .layoutlist_7 .subject a {color: #333;font-size: 18px;font-weight: bold;transition: .3s ease;}.layoutlist_8 .item:last-child { border-bottom: none;}.layoutlist_8 .item {padding: 35px 0;border-bottom: 1px solid #d7d7d7;}.layoutlist_8 .article_subject:hover { color: #000;transition: .3s ease;}.layoutlist_8 .article_subject {color: #333;font-size: 20px;transition: .3s ease;}.layoutlist_8 .listdate .yearmonth {text-align: right;color: #555;font-size: 12px;letter-spacing: 0px;padding-bottom: 5px;}.layoutlist_8 .listdate .day {text-align: right;color: #555;font-size: 30px;}.layoutlist_8 .list_subject .summary {margin: 5px 0;}.layoutlist_8 .list_subject .summary a {font-size: 15px;font-weight: normal;color: #747474;}/*會員*/#btn_member_login:hover {background-color: #009fe8;}#btn_member_login {border-radius: 0px;background-color: #27adeb;}.member_join_strong { color: #7bae12; font-weight: bold;}#join_form .btn-primary:hover {background: #000;}#join_form .btn-primary {background: #333; border-radius: 0px;}.join_form-title {padding-bottom: 20px;font-size: 20px; color: #333;}.btn-primary { color: #fff;background-color: #0aa3e9;border-color: #0aa3e9;border-radius: 0px;}.btn-primary a {color: #fff;}.btn-primary:hover { background:#0aa3e9;border-color:#0aa3e9;color: #fff;}/*產品頁*/ 
.layoutlist_5 .product_list_item .payprice{color: #db130f;}.layoutlist_5 .product_list_item .buybtn {background: #000;}.layoutlist_5 .item .subject {text-align: center;}.RWDproduct_page .products-info .price-box li.active{color: #db130f;}#RWDPAGE_BASE_PAT02 .cart-menu .text-box .price{color: #db130f;}.RWDproduct_page .products-info .name {font-size: 20px;color: #333;font-weight: bold;}.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: #333; color: #fff;transition: .3s ease;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add, #mobile-fixed .btn-shop .btn.add {background: #fff;border-radius:0px;color: #333;border: 1px solid #555;transition: .3s ease;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop, #mobile-fixed .btn-shop .btn.shop {background: #333;border-radius: 0px;}.layoutlist_2 .subject {text-align: center;}.RWDproduct_page .btn, .RWDproduct_page .ibtn { font-size: 15px;}/*購物清單*/@keyframes num-bg {0% {background: rgb(98, 14, 15, 0);-webkit-transform: scale(.5);transform: scale(.5)}100% {background: #8975b4;-webkit-transform: scale(1);transform: scale(1)}}.login-box a {background: transparent;}.login-box a b{color: #000;}.total b{color: #a94442;}.shopping-item .td.qty .pd-price, .shopping-item .td.total .pd-price{color:#a94442;}.RWDshopping .btn.normal {border-radius: 0px;}.RWDshopping .btn {display: inline-block;color: #333;border-color: #555;}.RWDshopping .btn.bg1:hover, .RWDshopping .btn.bg3:hover {border-color: #333;color: #333;}.RWDshopping .btn.bg2 {background: #333;color: #fff; border-color: #333;}.RWDshopping .btn.bg2:hover, .bonus-box .btn:hover, .voucher-box .btn:hover {background: #333;color: #fff;}.form-box .required:after { color: #000;}/*-------*/ 
.form-horizontal .control-label { font-weight: normal;}.customized_columns ._input, .customized_columns select {border: none;background-color: #f1f1f1;font-size: 15px;}.form-control {border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}#mobile-fixed_append {display:none !important}

/*內頁 end*/ 

/*1199px start*/ 

@media (max-width: 1199px) {
.RWDmenu_plus04 .site-nav {display:none !important;}.RWDmenu_plus04 #mobile-menu .menu>li.active>a {    background-color: transparent;}.RWDmenu_plus04 .features:after {    content: "";    position: absolute;    right: 0;    top: 20%;    height: 60%;    width: 1px;    background-color: #999;}.RWDmenu_plus04 .features {    position: relative;    float: right;    margin-right: 10px;    padding-right: 10px;}.RWDmenu_plus04 #mobile-menu, .RWDmenu_plus04 .ml-stack-nav-toggle, .RWDmenu_plus04 .toggle-menu, .RWDmenu_plus04 .toggle-mmenu-cover {    display: block;}.products_series {    padding: 80px 0;}.RWDleft_cont002 .item-second .text-box .title, .index .main-title {    font-size: 35px;    margin-bottom: 0;}.RWDleft_cont002 .item-second .text-box {    padding: 0px 40px 0 50px;}.RWDleft_cont002 .item-second .text-box .text {    margin-top: 30px;}.products_series .container {    padding: 0 30px;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div {    padding: 0 10px !important;margin-bottom: 20px !important;}.ft_other {    font-size: 12px;    letter-spacing: 0;}
}
/*1199px end*/ 

/*1100 start*/ 


@media (max-width: 1100px) {.RWDproduct004 #portfolio.portfolio-nogutter .item-box-desc {    width: 100%;    position: relative;    transform: translate(0%, 0px);    height: auto;    top: 0;       margin: 15px 0;    left: 0;    padding: 0 20px;    background: transparent;    max-height: initial;    box-shadow: none;}.RWDproduct004 #portfolio.portfolio-nogutter .item-box-desc h3 {    font-size: 18px;    border-bottom: 1px solid #ccc;}.tech_block {    padding: 100px 0 150px;}.RWDbanner008 {    bottom: -150px;}.RWDleft_cont002 .item-second .text-box .text p {    display: block;    overflow: initial;    -webkit-line-clamp: inherit;}}

/*1100 end*/ 

/*1024px start*/ 

@media (max-width: 1024px) {
.RWDbanner008 {bottom: 0;position: relative;margin-top: 50px;width: 100%;}.tech_block {    padding: 100px 0 0px;}
}
/*1024px end*/ 

/*991px start*/ 

@media (max-width: 991px) {
.RWDleft_cont002 .item-second .text-box .subtitle {    font-size: 18px;}.RWDleft_cont002 .item-second .text-box .title, .index .main-title {    font-size: 33px;}.RWDnews005 .controlls-over .owl-controls .owl-next {    right: -30px;}.RWDnews005 .controlls-over .owl-controls .owl-prev {    left: -30px;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div {    background: transparent;    border: 0;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div {    float: left;}.products_series {    padding: 80px 0;}.news_block {    padding: 80px 0;}.footer_block .container {    grid-template-columns: auto;}.ft_left {    margin-bottom: 30px;}.footer_block {    padding: 50px 0 30px;}#sidebar input, #sidebar select, #sidebar select.form-control:not([size]):not([multiple]) {margin-bottom: 30px;}.newvideo_block>.container {    width: 90%;    flex-direction: column;}.video-txt {    width: 100%;    padding-right: 0;}.video-inner {    width: 100%;    margin-top: 30px;}.vtxtbox {    border: none;    padding: 0;}.video-txt .section-subject {    text-align: center;    margin: 0 0 30px;}
}
/*991px end*/ 

/*900 start*/ 


@media (max-width: 900px) {.RWDleft_cont002 .container {width: 70%;padding: 0;}.RWDleft_cont002 .item-second .text-box {padding: 0;}.RWDleft_cont002 .item-second>a, .RWDleft_cont002 .item-second .text-box {width: 100%;}.RWDleft_cont002 .item-second {flex-direction: column;}.tech_block {    padding:50px 0 0;}.products_series {    padding: 50px 0;}.newvideo_block {    padding: 50px 0;}.RWDleft_cont002 .item-second .text-box {    padding: 0;    margin-top: 30px;}.news_block {    padding: 50px 0;}.news_block .container {    width: 90%;}.tech_block:before{display:none;}.footer_block .container {    width: 100%;    padding: 0 30px;}.ft_other {    padding-left: 30px;}.scrollTop002 {bottom:30px}.video-txt .section-subject {margin: 0 0 15px !important;}}

/*900 end*/ 

/*800px start*/ 

@media (max-width: 800px) {
.page_wrapper_bg  .ebtn a {width:180px;}.page_wrapper_bg  .ebtn {width: auto;}.RWDproduct_page .btn_back {width: auto;}.RWDedm001 .form-group { width: 100%;}
}
/*800px end*/ 

/*767px start*/ 

@media (max-width: 767px) {
.RWDleft_cont002 .container {    width: 80%;}.RWDvideo002 figure.effect-sarah figcaption, .RWDvideo002 {    height:55vw;    max-height: 55vw;}.scrollTop002 {    bottom: 80px;    right: 10px;}.mobile_bottom__li {    flex: 1 1 25%;    border-left: 0px solid #484848;    border-right: 0px solid #2d2d2d;}.RWDmobile_bottom_v2 {    display: block;    bottom: 0px;    position: fixed !important;    right: 0px;    z-index: 111;    background-color: transparent !important;}li.mobile_bottom__li {    width: 50%;    height: 45px;}li.mobile_bottom__li a .icon {    font-size: 16px;    margin: 0 auto 0px;}.layoutlist_2 .col-xs-12 {width: 50%;float: left;}.layoutlist_8.rwd .item {padding: 30px 0;width: 50%;float: left;}.layoutlist_8.rwd .row {margin-left: 0;margin-right: 0;}.RWDslider01 .pic-list {float: none;width: 100%;padding-left: 0;padding-right: 0;}.RWDslider01.pic-right .pic-list { float:none; padding-left: 0px; padding-right: 0;}.RWDslider01 .text { float: none;width: 100%;}.RWDslider01 .control-box { left: 0;}#mobile-fixed {padding: 15px 0;}.footer_block {    padding: 50px 0 80px;}
}
/*767px end*/ 

/*600px start*/ 

@media (max-width: 600px) {
.fl img{width:260px;}.RWDmenu_plus04 #search-box.full .search-in {    transform: scale(.95);}.RWDmenu_plus04 .logo {    width: 130px;    margin-top: 14px;}.RWDmenu_plus04 .header {    padding: 0 15px;}.RWDbanner_plus01.style-dotnav>.banner-slider .slick-arrow {    display: none !important;}.RWDbanner_plus01.style-dotnav.control-center .control-box {    bottom: 15px;}.index .section-subject {    margin-bottom: 30px;}.RWDvideo002 figure.effect-sarah figcaption::after {    margin: 15px 0 0;}.RWDvideo002 .videoitem {    height: auto !important;}.RWDvideo002 figure.effect-sarah figcaption, .RWDvideo002 {    height: auto;    max-height: initial;}.RWDvideo002 figure.effect-sarah figcaption {    width: 100%;    padding: 15px 30px;    background: linear-gradient(to top, black, rgb(0 0 0 / 0%));}.RWDproduct004 #portfolio.portfolio-nogutter .row > div {    float: none;    width: 100%;    padding: 0 !important;}.RWDproduct004 #portfolio.portfolio-nogutter .item-box-desc {    padding: 0;}.tech_block {    padding: 30px 0 0;}.RWDleft_cont002 .item-second .text-box .title, .index .main-title {    font-size: 28px;    letter-spacing: 1px;}.RWDleft_cont002 .container {    width: 100%;    padding: 0 30px;}.RWDleft_cont002 .item-second .text-box .subtitle {    font-size: 16px;}.RWDleft_cont002 .item-second .text-box a {    width: 100%;    font-size: 14px;}.ft_right {    grid-template-columns: auto;}.ft_other {    padding-left: 0;    border-left: 0;    border-top: 1px solid #b2a9c5;    padding-top: 30px;}.RWDproduct_page .btn_back {width: 100%;}.page_wrapper_bg  .ebtn a {width: 100%;}.page_wrapper_bg  .ebtn {width: 100%;}.page_wrapper_bg .main .container {padding-left: 10px;padding-right: 10px;}.layoutlist_8.rwd .item { width:100%;float:none;}.layoutlist_2 .col-xs-12 { width:100%;float:none;}.btn.btn_back {width: 100%;}#article .btn.btn_back a {display: block;}.layoutlist_5.layoutlist .col-sm-6 {padding: 0;margin:0 0 20px}
}
/*600px end*/ 

/*480px start*/ 

@media (max-width: 480px) {
.footer_block h3 {    font-size: 20px;}.RWDvideo002 figure.effect-sarah figcaption::after {    max-width: 100%;}.RWDvideo002 figure.effect-sarah p {    font-size: 14px;}.RWDedm001 .form-group {width: 200px;}.RWDedm001 form.newsletter-form {flex-direction: column;}.RWDedm001 {width:100%}.RWDedm001 .form-group {width: 100%;}.RWDedm001 .btn.btn-rj {width: 100%;margin: 0;border: 0 !important;}
}
/*480px end*/ 

/*380px start*/ 

@media (max-width: 380px){
.RWDmenu_plus04 .logo {    width: 110px;    margin-top: 18px;}.RWDmenu_plus04 .features .share-group a, .RWDmenu_plus04 .features i {    font-size: 15px;}.RWDmenu_plus04 .features .member-btn {    padding: 25px 6px;}.RWDleft_cont002 .item-second .text-box .title, .index .main-title {    font-size: 26px;}.RWDleft_cont002 .item-second .text-box .text, body, html {    font-size: 14px;}
}
/*380px end*/ 

/*350 start*/ 


@media (max-width: 350px){.RWDleft_cont002 .item-second .text-box .title, .index .main-title {font-size: 24px;}}

/*350 end*/ 
/* <= miracle customization end */ 
/* user customization start=> */ 

/* <= user customization end */ 
