/*CSS修改紀錄最終版 最後更新：2019/04/10*/

/*--------------- 側邊a及c區塊外框架構 ---------------*/
@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;
 }

}


/*--------------- 兩欄式ae區塊外框架構 ---------------*/
.block-ae {
 max-width:100%;
 margin:0 auto;
 padding:1rem 0.1rem;
 background-color:#FFF;
 }


/*--------------- 單欄式全版full區塊外框架構 ---------------*/
.block-full {
 max-width:100%;
 margin:0 auto;
 padding:1rem 0.1rem;
 }



/*--------------- 頁面上方區塊-LOGO與漢堡式選單 ---------------*/
@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%;
 }

}


/*--------------- 頁面上方區塊-頁面標頭、頁面上方、上方廣告與漢堡式搜尋 ---------------*/
/*頁面標頭下方邊距*/
.wg.btnlist-link.header {
 padding:0;
 }

/*登入歡迎詞*/
.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.top .nav-item .nav-link {
 font-size:0.9rem;
 }

@media (min-width:992px) {

/*頁面標頭*/
.wg.btnlist-link.header {
 -ms-flex-align:center !important;
 align-items:center !important;
 }

/*頁面上方*/
.wg.btnlist-link.top .navbar-nav {
 -ms-flex-align:center !important;
 align-items:center !important;
 }

/*關鍵字搜尋*/
.form-inline .form-control {
 width:300px;
 }

.form-inline .text {
}

.form-inline .image {
}

}


/*--------------- 右邊浮動廣告 ---------------*/
.fixed-top {
 top:199px;
 }


/*--------------- 上方館別列 ---------------*/
.block-nav .menu-store .menu-vh {
 max-width:100%;
 margin:0 auto;
 }

.nav.no-gutters.menu-store .navbar-nav.menu-vh .nav-item .nav-link {
 padding:0.01rem;
 }

.nav.no-gutters.menu-store .navbar-nav.menu-vh .nav-item .dropmenudiv .nav-item .nav-link {
 padding:0.5rem;
 }


/*--------------- 版權聲明-自訂(基本資料) ---------------*/
.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:100%;
 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.top .nav-item .form-inline {
 position:relative;
 margin-right:1rem;
 }

/*.wg.btnlist-link.top .nav-item .form-inline .btn-search {
 position:absolute;
 right:0;
 top:0;
 }
*/
.wg.btnlist-link.top .keyword_search input {

    max-width: 259px;

}

/*漢堡式選單*/
.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:100%;
 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;
 }

}


/*--------------- 側邊浮動區塊-標準列表購物車、開合功能購物車、廣告及top鍵 ---------------*/
/*top 鍵*/
.outside_jump .btn-gotop {
 bottom:4rem;
 }

/*--------------- 追蹤商品頁面 ---------------*/
/*追蹤愛心位置*/
.prod-box .track {
 top:3px;
 }

@media (max-width:767px) {

.page-member-trackprod .list-product .info-review .btn-delete {
 position:absolute;
 top:-1.25rem;
 right:0;
 text-align:right;
 }

}


/*--------------- 最新消息-內容頁面 ---------------*/
.page-news.details .btnbar {
 margin-bottom:0.5rem;
 }

@media (min-width:768px) {
 
.page-news.details .btnbar {
 text-align:right;
}

}


/*--------------- 訂購結帳頁面 ---------------*/
@media (max-width: 767px) {

/*針對RWD的結帳流程圖-另外製圖*/
.page-order.payment .bn-payment {
 content: url(//fs1.shop123.com.tw/400416/upload/harddisc/%E8%BC%95%E9%AC%86%E8%B3%BC%E7%89%A9-APP_5cac5858a77e0_52912.png);
 }

}


/*--------------- 網站內容模組頁面 ---------------*/
/*網站內容模組-側邊區塊*/
.wg.list.list-web .title,
.wg.list.list-store .title, 
.wg.prod.prod-view .title.title-img.view,
.wg.list.list-directory .title.title-img,
.wg.prod.prod-ranking.product .title_pictitle.title-img {
 padding-left:1rem;
 font-size:1.5rem;
 line-height:60px;
 border-top:solid 1px #ddd;
 border-left:solid 1px #ddd;
 border-right:solid 1px #ddd;
 border-bottom:solid 1px #32beb7;

-webkit-border-radius:10px 10px 0px 0px;

-moz-border-radius:10px 10px 0px 0px;

-ms-border-radius:10px 10px 0px 0px;

-o-border-radius:10px 10px 0px 0px;

border-radius:10px 10px 0px 0px;
 }

@media (max-width:767px) {

.wg.list.list-web .title,
.wg.list.list-store .title, 
.wg.prod.prod-view .title.title-img.view,
.wg.list.list-directory .title.title-img,
.wg.prod.prod-ranking.product .title_pictitle.title-img {
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:1px solid #000000;
 }
    
}


/*--------------- 館別首頁 ---------------*/
.prod.prod-new.category .titlebar.bg {
 padding-top:.2rem;
 }

.wg.prod.prod-new.category .titlebar.bg .titlebar.title-text .col-auto.promotion_title span {
 color:#ffffff;
 }

.wg.prod.prod-new.category .titlebar.bg .titlebar.title-text .col-auto.promotion_title a {
 color:#ffffff;
 }

.wg.prod.prod-new.category .titlebar.bg .titlebar.title-text .col-auto.promotion_title a:hover {
 color:#ffffff;
 }


/*--------------- 列表商品box ---------------*/
.prod-box .product_box {
 padding:0 0.25rem;
 border:1px solid #efefef;
 }

/*商品資訊區塊*/
.prod-box .info-box {
 text-align:left;
 }

/*已訂購人數區塊*/
.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;
 }

}


/*--------------- 商品明細頁面-商品基本資料區塊-右側區塊 ---------------*/
/*商品規格*/
.product-basic .product-info .standard .select2 > div {
 padding-bottom:0.5rem;
 }

/*分享、推薦及追蹤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-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;
 }

/*--------------- 商品明細頁面-商品基本資料區塊-外框架構 ---------------*/
@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%;
 }

}


/*--------------- 商品明細頁面-規格列表區塊 ---------------*/
.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;
 }

}


/*--------------- 商品明細頁面-推薦商品區塊 ---------------*/
@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%;
 }

}


/*--------------- 排版共用 ---------------*/
/*背景圖*/
.title-bg {
 background-repeat:no-repeat;
 border-bottom:1px solid #000000;
 }

/*圖片*/
.title-img {
 border-bottom:1px solid #000000;
 }

/*廣告模組
.wg.bn {
 margin-bottom:1rem;
 }
*/
.wg.bn>div {
 margin-bottom:0 !important;
 }

/*商品模組*/
.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;
 }

}


/*--------------- 影片自動縮放語法 ---------------*/
.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%;
 }


/*--------------- 搜尋商品區塊 ---------------*/
.wg.block-form.form-search .btnbar .btn {
 margin-top:0;
 }


/*--------------- 會員登入區塊 ---------------*/
.wg.block-form.login .btnbar .btn {
 margin-top:0;
 }


/*--------------- 側邊館別分類區塊 ---------------*/
/*分類項目第一層*/
.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;
 }


/*--------------- 促銷模組e1 ---------------*/
.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;
 }
 
}


/*--------------- 促銷模組f8 ---------------*/
@media (min-width:768px) and (max-width:991px) {

.wg.prod.prod-f8 .list-prod .prod-box {
 width:auto !important;
 }

}



/*--------------- 關於文案頁面 ---------------*/
.block-e .content .titlebar .title.title-text {
 font-size:1.5rem;
 font-weight:600;
 color:#32beb7;
 padding-bottom:1rem;
 border-bottom:solid 1px #ddd;
 }


/*--------------- 館別分類頁-商品列表 ---------------*/
@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.prod.prod-view .list-prod div {
 padding:0.5rem;
 }

.wg.prod.prod-view .list-prod div img {
 border:1px solid #eeeeee;
 }


/*--------------- 頁面下方 ---------------*/
.wg.btnlist-link.bottom .nav-item .nav-link {
 color:#ffffff;
 }

.wg.btnlist-link.bottom .nav-item .nav-link:hover {
 color:#666666;
 }

/*第一階層分類*/
.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 #FFBC4B;
 }

.wg.btnlist-link.bottom .level2 {
 padding:0.5rem 0.5rem 1rem 0.5rem;
 border-bottom:0px;
 }
 
}


/*頁面下方背景不重複*/
footer.rwd-inc .wg.btnlist-link.bottom {
 background-repeat:no-repeat;
 background-color:#F39801;
 }

footer.rwd-inc .block-copyright.edit {
 padding:1.5rem 1rem 1rem 1rem;
 }

@media (max-width:1380px) {

footer.rwd-inc .wg.btnlist-link.bottom {
 background-image:none !important;
 }

}


/*商家自行編輯內容*/
.edit table {
 width:auto !important;
 }


/*商品顯示則數*/
@media (min-width:1365px) {

.col-lg-2 {
 -ms-flex:0 0 16.666667%;
 flex:0 0 16.666667%;
 max-width:16.666667%;
 }

}

@media (max-width:1366px) {

.col-lg-2 {
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:25%;
 }

}

@media (max-width:940px) {

.col-lg-2 {
 -ms-flex:0 0 33.333333%;
 flex:0 0 33.333333%;
 max-width:33.333333%;
 }

}

@media (max-width:576px) {

.col-lg-2 {
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%;
 }

}

/*頁面標頭*/
.block-header > .col-12.col-md-9 {

-ms-flex-item-align: start !important;

align-self: flex-start !important;

}

.wg.btnlist-link.header {

padding-bottom: 1rem;

}

.wg.btnlist-link.header .nav-link {

font-size: 0.8rem;

white-space: nowrap;

}

.wg.btnlist-link.header .nav-link a {

color: #fff;

}

.wg.btnlist-link.header .nav-link span {

margin: 0 0.3rem;

}

@media (max-width:767px) {

.block-header > .col-12.col-md-9 > div {

background-color: #999;

padding: 0.5rem 0.8rem;

}

.wg.btnlist-link.header {

padding-bottom: 0;

}

}

/*頁面標頭-上方購物車*/
.wg.btnlist-link.header .wg.buy-info a {

color: #666666;

}

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

color: #000000;

}

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

color: #000;

}

.wg.btnlist-link.top .nav-link:hover {

color: #666;

}

.wg.btnlist-link.top .nav-link span {

margin: 0 0.3rem;

}

@media (max-width:576px) {

.block-header .form-row {

width: 100%;

}

}

/*漢堡式搜尋*/
.wg.block-ham.search {

padding: 0.5rem;

}

/*網頁body架構*/
body {

font-family: "Microsoft JhengHei";

}

/*a 連結*/
a {

color: #666;

}

a:hover {

color: #000;

text-decoration: none;

}

.red-font {

color: #ff0000;

}

.blue-font {

color: #0000ff;

}

/*nav 導覽區*/
.navbar-nav .nav-link {

padding: 0.5rem 0.5rem;

}

.nav-img {

display: block;

}

.nav-text {

display: inline-block;

padding: .5rem 1rem;

}

@media (max-width: 767px) {

.container-fluid {

padding-left: 0;

padding-right: 0;

overflow: hidden;

}

}

.info-box .price3{

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-pack: start !important;

    justify-content: flex-start !important;

    -ms-flex-align: baseline !important;

    align-items: baseline !important;

}

.info-box .price-addcart {

    padding-left: .25rem;

}

.title.title-img img {

    max-width: unset !important;

}

.block-e .content, .block-full .content{

    overflow: hidden;

}

.page-order.payment .payment-login .social-login {

    padding-left: .5rem;

    padding-right: .5rem;

}

.page-order.payment .payment-login .social-login .social {

    margin: 0;

    padding: .3rem .3rem;

    max-width: calc(50% - .1rem);

}

@media (max-width:991px){

.wg.btnlist-link.header {

    padding-bottom:0;

    flex-direction: unset;

    flex-wrap: wrap;

}

.block-header .ham-menu{

    border-bottom:1px solid #ccc;

}

.block-header .wg.btnlist-link {

    background-color: #efefef;

}

.wg.btnlist-link.header .nav-link.nav-img{

    padding:5px;

}

.wg.block-ham.search{

    background-color:#efefef;

}

.block-header .keyword_search .input-group-append{

    background-color:#fff;

}

.block-g .news.scroll-news.top {

    margin: .5rem 0rem;

}

}

/* T00:2020-02-13 17:08:24 */