/*登入歡迎詞*/
.wg.btnlist-link.header .LoginMsg {

    font-size: 0.8rem;

    color: #ff0000;

    padding: 0.5rem 0.5rem;

}

/*上方購物車*/
.wg.btnlist-link.header .wg.buy-info {

    color: #666666;

}

.wg.btnlist-link.header .wg.buy-info a {

    color: #666666;

}

.wg.btnlist-link.header .wg.buy-info a:hover {

    color: #000000;

}

.wg.btnlist-link.header .wg.buy-info span {

    color: #ff0000;

}

/*頁面標頭*/
.wg.btnlist-link.header .nav-link {

    font-size: 1rem;

    padding-left: 1.1rem;

}

/*頁面上方*/
.wg.btnlist-link.top .nav-item .nav-link {

    font-size: 0.9rem;

}

@media (min-width: 768px) {

/*頁面標頭*/
.wg.btnlist-link.header .nav-link {

    font-size: .8rem;

}

/*頁面上方*/
.wg.btnlist-link.top .navbar-nav {

    -ms-flex-align: center !important;

    align-items: center !important;

}

}

.block-ae {

    max-width: 1280px;

    margin: 0 auto;

    padding-top: 1rem;

    padding-bottom: 1rem;

}

.block-full {

    max-width: 1280px;

    margin: 0 auto;

    padding: 1rem 0.1rem;

}
 
.video-container {

    position: relative;

    padding-bottom: 56.25%;

    overflow: hidden;

}

.video-container iframe,.video-container object,.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.prod-box .product_box {

    padding: 0 0.25rem;

    border: 1px solid #efefef;

}

/*預購圖區塊*/
.prod-box .picture .icon-preorder {

    position: absolute;

    top: 0.5rem;

}

/*商品資訊區塊*/
.prod-box .info-box {

    text-align: left;

}

/*已訂購人數區塊*/
.prod-box .info-box .buyquantity {

    -ms-flex-pack: start !important;

    justify-content: flex-start !important;

}

.prod-box .info-box .buyquantity .bg {

    text-indent: 2.5rem;

}

/*追蹤、快速結帳、加入購物車按鈕區塊*/
.prod-box .info-box .btnbar {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important;

    border-top: 1px solid #efefef;

}

.prod-box .info-box .btnbar .btn-img img {

    width: 100%;

}

@media (max-width: 767px) {

.prod-box {

    padding: 0.75rem 1.25rem;

}

.prod-box .info-box {

    padding: 0.25rem 0.5rem !important;

}

}

/*頁面上方*/
.wg.btnlist-link.top .nav-item .form-inline {

    position: relative;

}

/*漢堡式選單*/
.wg.block-ham.search form {

    position: relative;

}

.wg.block-ham.search .form-row {

    width: auto;

}

.wg.block-ham.search .form-row .col-auto {

    position: absolute;

    right: 0;

    top: 0;

}

/*館別下方*/
@media (min-width: 768px) {

.block-nav .wg.form-search.choose {

    max-width: 1280px;

    width: 90%;

    margin-left: auto;

    margin-right: auto;

}
    
}

@media (max-width: 767px) {

/*頁面上方的網站內容模組之關鍵字搜尋*/
.wg.btnlist-link.top .nav-item .form-inline {

    padding: 0 0.5rem 0 0.5rem;

    margin: 0.5rem auto;

    -ms-flex-flow: inherit;

    flex-flow: inherit;

    -ms-flex-flow: initial;

    flex-flow: initial;

}

}

@media (max-width: 767px) {

/*漢堡式選單*/
.block-header .ham-menu {

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important;

    border-bottom: 1px solid #efefef;

}

.block-header .ham-menu .toggle {

    flex: 0 0 13%;

}

}

.copyright-info {

    text-align: center;

    line-height: 1.5rem;

    padding: 1rem 0.5rem;

}

.copyright-info p {

    margin-bottom: 0;

    font-size: 0.9rem;

}

.copyright-info .social {

    max-width: 1280px;

    margin: 0 auto;

    -ms-flex-pack: center !important;

    justify-content: center !important;

    padding: 1rem 0.5rem;

}

.copyright-info .social > div {

    padding: 0 0.5rem;

}

.wg.btnlist-link.bottom .nav-item .nav-link {

    color: #ffffff;

}

.wg.btnlist-link.bottom .nav-item .nav-link:hover {

    color: #999;

}

/*第一階層分類*/
.wg.btnlist-link.bottom .navbar-nav > .nav-item > .nav-link {

    font-weight: bold;

}

/*第二階層次分類*/
.wg.btnlist-link.bottom .level2 {

    font-size: 0.9rem;

    padding: 1rem 0.5rem 1rem 0.5rem;

}

.wg.btnlist-link.bottom .level2 .nav-item {

    -ms-flex-align: center !important;

    align-items: center !important;

}

.wg.btnlist-link.bottom .level2 .icon img {

    vertical-align: middle;

}

/*訂閱電子報與搜尋關鍵字*/
.wg.form-mailsearch .form-row div span img {

    width: auto;

    height: 38px;

}

@media (min-width: 768px) and (max-width: 991px) {

.wg.btnlist-link.bottom .navbar-nav .nav-item.dividers {

    padding: 2rem 0rem;

}
  
}

@media (max-width: 767px) {

.wg.btnlist-link.bottom .navbar-nav {

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

}
    
.wg.btnlist-link.bottom .navbar-nav > .nav-item {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    padding: 0.5rem;

    border-bottom: 1px solid #666666;

}

.wg.btnlist-link.bottom .level2 {

    padding: 0.5rem 0.5rem 1rem 0.5rem;

    border-bottom: 0px;

}
    
}

.block-nav .menu-store .menu-vh {

    max-width: 1280px;

    margin: 0 auto;

}

.block-nav .menu-store .menu-vh > .nav-item > .nav-link {

    color: #ffffff;

}

/*背景圖*/
.title-bg {

    background-repeat: no-repeat;

    border-bottom: 1px solid #000000;

}

/*圖片*/
.title-img {

    border-bottom: 1px solid #000000;

}

/*廣告模組*/
.wg.bn {

    margin-bottom: 1rem;

}

/*商品模組*/
.wg.prod {

    margin-bottom: 1rem;

}

/*商品模組-title*/
.wg.prod .title {

    line-height: 60px;

}

/*商品模組-商品列表*/
.wg.prod .list-prod {

    margin: 0;

}

/*商品模組-商品列表之形象圖檔*/
.wg.prod .list-prod .bn {

    padding: 0;

}

@media (min-width: 768px) {

/*btn按鈕*/
.block-full .content .btnbar .btn-img img {

    max-width: 200px;

}

/*iframe內的body*/
body#iframe_block {

    padding-top: 1rem;

}

}

@media (max-width: 767px) {

/*page內的左右間距(邊框圖下線時)*/
.page .border-bg.mid .col.content .title~div, .page .border-bg.mid .col.content .title~iframe {

    padding: 0 0.5rem;

}

.page.page-web .border-bg.mid .col.content {

    padding: 0 0.5rem;

}

/*促銷模組-title*/
.wg.prod .title {

    border-bottom: 1px solid #000000;

}

}

@media (min-width: 768px) {

.wg.prod.prod-list.category .titlebar {

    margin-bottom: 60px;

}

.wg.prod.prod-list.category .form-search.choose {

    margin-bottom: -120px;

}

}

@media (max-width: 767px) {

.wg.prod.prod-list.category .titlebar {

    margin-bottom: 120px;

}

.wg.prod.prod-list.category .titlebar .form-search.choose {

    position: absolute;

    bottom: -120px;

}

}


/*分類項目第一層*/
.wg.list-store .nav-0st a {

    color: #666666;

}

.wg.list-store .nav-0st a:hover {

    color: #000000;

}

/*分類項目第二層-已選擇*/
.wg.list-store .nav-1-ul .nav-1st-select a {

    color: #000000;

    text-decoration: underline;

    padding-left: 1rem;

}

/*分類項目第三層-已選擇*/
.wg.list-store .nav-2-ul .nav-2st-select a {

    color: #000000;

    text-decoration: underline;

    padding-left: 2rem;

}

.wg.prod.prod-view .list-prod div {

    padding: 0.5rem;

}

.wg.prod.prod-view .list-prod div img {

    border: 1px solid #eeeeee;

}

@media (min-width: 768px) {

.block-a .title-img, .block-c .title-img {

   border-bottom: 1px solid #eeeeee;

}

}

@media (max-width: 767px) {

.block-a, .block-c {

    max-width: 100%;

    padding: 1.5rem 1rem;

}

.block-a .title-img img, .block-c .title-img img {

    width: auto;

}

.wg.list.list-store {

    display: none;

}

}

.page-news.details .btnbar {

    margin-bottom: 0.5rem;

}

@media (min-width: 768px) {

.page-news.details .btnbar {

    text-align: right;

}

}


.wg.block-form.login .btnbar .btn {

    margin-top: 0;

}

.wg.block-form.form-search .btnbar .btn {

    margin-top: 0;

}

.wg.prod.prod-e1 h3 {

    font-size: 1.5rem;

    font-weight: bold;

}

@media (max-width: 767px) {

.wg.prod.prod-e1 .list-prod .prod-box .row {

    -ms-flex-wrap: inherit;

    flex-wrap: inherit;

    -ms-flex-wrap: initial;

    flex-wrap: initial;

}
    
}

@media (max-width: 767px) {

.page-member-trackprod .list-product .info-review .btn-delete {

    position: absolute;

    top: -1.25rem;

    right: 0;

    text-align: right;

}

}


/*網站內容模組-側邊區塊*/
@media (max-width: 767px) {

.wg.list.list-web .title {

    border-bottom: 1px solid #000000;

}
    
}

@media (max-width: 767px) {

/*針對RWD的結帳流程圖-另外製圖*/
.page-order.payment .bn-payment {

    content: url(//fs1.shop123.com.tw/demoa6_open/upload/harddisc/demoa6_open0_file_367231317112018100513.jpg);

}

}

/*top 鍵*/
.outside_jump .btn-gotop {

    bottom: 4rem;

}

@media (min-width:768px) and (max-width: 991px) {

.wg.prod.prod-f8 .list-prod .prod-box {

    width: auto !important;

}

}

@media (min-width: 768px) and (max-width: 991px) {

.product-detail .product-basic .content > .row > div {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}

}

@media (min-width: 768px) and (max-width: 991px) {

.product-recommend .list-prod .prod-box {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

}
  
}

.product-basic .product-pic {

    margin-bottom: 2rem;

}

/*附屬圖片*/
.product-basic .product-pic .product-samll .list-prod {

    max-width: 360px;

    margin: 0 auto;

    padding-top: 0.5rem;

}

/*商品前後一個*/
.product-basic .product-pic .icon-prevnext a {

    margin: 1rem 0.5rem;

}

/*FB社群分享和按讚*/
.product-basic .product-pic .plugin {

    max-width: 280px;

}

.product-basic .product-info> .data-item>.title-text {

    display: none;

}

.product-basic .product-info .product_name.name h1 {

    font-weight: bold;

}

.product-basic .product-info .product_name.name h1 {

    font-weight: bold;

}

.product-basic .product-info .data-item.price3, .product-basic .product-info .data-item.standard {

    background-color: #eee;

    padding: .5rem 1.2rem;

}

.product-basic .product-info .data-item.price3 {

    border-top-left-radius: .5rem;

    border-top-right-radius: .5rem;

}

.product-basic .product-info .data-item.price4 {

    background-color: #eee;

    padding: 0 1.2rem;

}

.product-basic .product-info .data-item.standard {

    border-bottom-left-radius: .5rem;

    border-bottom-right-radius: .5rem;

}

/*商品規格*/
.product-basic .product-info .standard .select2 > div {

    padding-bottom: 0.5rem;

}

.product-basic .product-info .btnbar .btn {

    margin-top: 0;

    width: 49%;

}

.product-basic .product-info .btnbar .btn .btn {

    width: 100%;

}

.product-basic .product-info .btnbar button {

    background-color: #ff4295;

    border: 1px solid #ff147b;

}

/*分享、推薦及追蹤icon*/
.product-basic .product-info .btnbar {

    text-align: left;

}

@media (max-width: 767px) {

/*立即結帳與加入購物車置底*/
.product-basic .product-info .standard .btnbar {

    position: fixed;

    bottom: 0;

    width: 100%;

    left: 0;

    background-color: rgba(255, 255, 255, 0.9);

    text-align: center;

    z-index: 1030;

    box-shadow: 0 -2px 10px 0 rgba(212, 217, 222, 0.5);

    padding-bottom: 0.5rem;

}

}

.product-liststandard {

    padding-top: 2rem;

}

@media (min-width: 768px) and (max-width: 991px) {

.product-liststandard .title-list .standard {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

}

.product-liststandard .title-list .price1, .product-liststandard .list-product .price1 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

}

.product-liststandard .title-list .price3, .product-liststandard .list-product .price3 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

}

}

@media (max-width: 767px) {

.product-liststandard .list-product .row {

    padding: 0.5rem 0.25rem;

}
    
.product-liststandard .list-product .pic+.col > .row .data-grid:before {

    width: 40%;

}

.product-liststandard .list-product .data-grid.name:before {

    content: unset;

}

}

/*品牌推薦*/
.wg.brand-recommend .list-group-item {

    padding: 0.5rem 0;

}

.wg.brand-recommend .list-group-item img {

    width: 100%;

}

.wg.prod.prod-new.category .titlebar {

    background-repeat: repeat-x;

}

.wg.prod.prod-new.category .titlebar .btnbar div {

    padding: 0rem 0.5rem;

}

@media (min-width: 768px) {

.wg.prod.prod-new.category .titlebar.bg {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: space-between;

    justify-content: space-between;

    -ms-flex-align: center;

    align-items: center;

}

}

.titlebar.store h5 {

     padding: 0.5rem;

 }

.warning165 {
 width:100%;
 }

.warning165 h4 {
 margin:0;
 padding:.5rem 1rem;
 width:100%;
 background:#000;
 font-size:1.5rem;
 color:#FFF;
 }

.warning165 ul {
 margin:0;
 padding:1rem 2.5rem;
 width:100%;
 background:#EEE;
 font-size:1rem;
 line-height:1.8rem;
 color:#000;
 }

.container-full .mod-form-wrapper{

    flex-direction: column;

    background-color: #fff;

}


.mod-form-wrapper .form-wrapper-banner {

background-color: #0bc0b2;

background-image: url(//fs1.shop123.com.tw/012127/upload/harddisc/012127_file_6049c9618e39d_18070.jpg);

    background-size: cover;

    background-position: center;

    height: 278px;

}



#crud-form .form-content-card .form-content-bg
{

    background-color: #0bc0b2;

    color: #000000;

    height: 8px;

}

.block-data .title-text, .block-data .data-grid {

    padding: .5rem;

}

.block-data>.data-grid {

    /*border-top: 1px solid #eee;
*/
}

    #middle_wrapper.questionnaire-parent-body{

                    margin-top: 40px;

                    margin-bottom: 40px;

                    width: calc(100% - 32px);

                    margin: 0 auto;

                    background-color: #fff;

                    border-radius: 2px;

                    box-shadow: 0 3px 20px rgb(0 0 0 / 20%);
  
                    padding-bottom: 24px;

                }

               
                /* .header#header-bar{

                   display: none;

                }

              */
              #middle_wrapper.questionnaire-parent-body #ajax_api_topic{

                    width: 100%;

                    margin-top: 60px;

                    padding-left: 16px;

                    padding-right: 16px;

                }


                #middle_wrapper.questionnaire-parent-body .single-quesionnaire-options-layout{

                    font-size: 16px;

                    margin-top: 8px;

                    margin-left: 0px;

                    color: #991f24;

                }


               

                /* 問卷 */
                #middle_wrapper.questionnaire-parent-body .question_frame{

                    padding-top: 60px;

                }

                /* 標題 */
                #middle_wrapper.questionnaire-parent-body .question_frame_shoppic{

                    width: 100%;

                    text-align: center;

                }


                /* 詳細內容 */
                #middle_wrapper.questionnaire-parent-body .question_frame_topic{

                    text-align: center;

                }

                #middle_wrapper.questionnaire-parent-body .question_frame_topic .question_frame_topic_caption{

                    margin-top: 24px;

                }


                /* 問卷題目 */

                /* 題目字體 */
                #middle_wrapper.questionnaire-parent-body .single-quesionnaire{

                    margin-bottom: 8px;

                    display: inline-block;

                    vertical-align: middle;

                    color: #666;

                    font-size: 18px;

                }



                /* 按鈕 */
                #middle_wrapper.questionnaire-parent-body .bottom-btn-prev, .bottom-btn-next{

                    background: linear-gradient(to bottom, rgba(83,219,155,1) 0%, rgba(83,219,155,1) 7%, rgba(83,219,155,1) 47%, rgba(89,200,96,1) 94%, rgba(89,200,96,1) 100%);

                    border-radius: 4px;

                    width: 180px;

                }


                @media(max-width: 576px){

                    #middle_wrapper.questionnaire-parent-body .bottom-btn-prev, .bottom-btn-next{

                        width: 120px;

                        font-size: 22px;

                    }

                }

                #middle_wrapper.questionnaire-parent-body .ajax_api_topic > div:nth-child(2n+1){

                    display: none;

                }

                /* 表格 */
                #middle_wrapper.questionnaire-parent-body .ques-member-confirm-info input{

                    padding: 8px 16px;

                    margin-bottom: 8px;

                    display: inline-block;

                    border: 1px solid #ccc;

                    border-radius: 4px;

                    vertical-align: middle;

                    box-sizing: border-box;

                    width: 100%;

                }

                #middle_wrapper.questionnaire-parent-body .ques-member-confirm-info-submit,#middle_wrapper.questionnaire-parent-body .ques-member-confirm-info-submit-go{

                   font-family: inherit;

                   padding: 4px 8px;

                    text-align: center;

                    font-size: 20px;

                    background-color: #53db9b;

                    color: #fff;

                    border-radius: 4px;

                  
                }

                #middle_wrapper.questionnaire-parent-body .ques-member-confirm-info-submit-go{

                    width: 100%;

                    text-align: center;

                    background-color: #53db9b;

                    font-size: 20px;

                    border-radius: 4px;

                     padding: 4px 8px;

                }

                #middle_wrapper.questionnaire-parent-body .ques-member-confirm-info-submit-re{

                    width: 100%;

                    text-align: center;

                    background-color:  #003647;

                    font-size: 20px;

                    border-radius: 4px;

                     padding: 4px 8px;

            
                }



                #middle_wrapper.questionnaire-parent-body .ques-member-confirm-info-text{

                    margin: 3% 0%;

                    padding-top: 48px;

                    font-size: 24px;

                }



                /* 填寫完成頁面 */
                .ques-member-confirm-answers{

                    margin-top: 60px;

                }

/*任意pay 現金支付*/
.page-order.paymentfinish #order_shoppingcar_log_ajax:empty ~ .btnbar .goprint:nth-of-type(2) {

  display: none;

}

/*任意pay 刷卡支付*/
.payment_order_product_table_space:empty ~ .btnbar .image-link.print {

    display: none;

}

/* T00:2025-12-17 16:54:37 */