/*登入歡迎詞*/
.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: 768px) {

/*頁面標頭*/
.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;

}

}

.block-ae {

    max-width: 1280px;

    margin: 0 auto;

    padding: 1rem 0.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 .product_box:hover {

    -webkit-box-shadow: 3px 3px 5px #efefef;

    -moz-box-shadow: 3px 3px 5px #efefef;

    -ms-box-shadow: 3px 3px 5px #efefef;

    -o-box-shadow: 3px 3px 5px #efefef;

    box-shadow: 3px 3px 5px #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%;

}

.prod-box .picture>a>img {

    width: 100%;

}

@media (max-width: 767px) {

.prod-box {

    padding: 0.75rem 1.25rem;

}

.prod-box .info-box {

    padding: 0.25rem 0.5rem !important;

}

}

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

.block-header {

    padding: .5rem 2.5rem;

}

}

/*館別下方*/
@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: #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 #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;

}

.wg.news.scroll-news .end{

    background-color:#000;

}

/*.block-nav .menu-store .menu-vh .nav-link {

    color: #000;

}
*/
.block-header {

    display: block;

    text-align: center;

}

.block-nav .nav-link {

    color: #000;

    font-size: 1.2rem;

}

.block-nav .nav-link:hover {

    color: #c00;

}

.dropmenudiv .nav-link {

    color: #fff;

    font-size: 0.9rem;

    background-color: #cc0000;

    padding: 0.5rem;

}

.menu-store .menu-main .nav-link:hover, .menu-store .menu-main .nav-link:focus {

    color: #cc0000;

    background-color: #fff;

    border: none;

    border-top: 1px solid #cc0000;

}

@media (min-width: 768px) {

.menu-store .navbar-nav.menu-vh {

    justify-content: center !important;

}

.block-header>div:last-of-type {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 999;

    width: 38vw;

}

.block-nav .nav-link {

    padding: 0 1rem 0.5rem;

}

}

/*背景圖*/
.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: #000;

}

.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;

}

.wg.prod.prod-view .list-prod a {

    border: 1px solid #ccc;

    display: block;

    padding: 0.2rem;

    height: 100%;

}

@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;

}

}

.wg.list.list-store .nav-0st .nav-link {

    padding-left: 0.4rem;

}

.wg.list.list-store .nav-1-ul {

    padding-left: 2.2rem;

}

.wg.list.list-store .nav-link {

    font-size: 0.9rem;

    padding-top: 0.2rem;

    padding-bottom: 0.2rem;

    padding-left: 0;

}

.wg.list.list-store .nav-link:hover {

    padding-left: 1rem;

    font-size: 14px;

    text-decoration: none;

    transition: 0.5s;

}

a:hover {

    color: #cc0000;

}

.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;

}

}


/*網站內容模組-側邊區塊*/
.wg.list.list-web .title {

    line-height: 60px;

}

@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%;

}

}

.product-detail .product-info .name {

    border-bottom: 1px solid #000;

}

@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 .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-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;

}

}

@media (min-width: 768px) {

.block-nav .menu-vh>.nav-item>.nav-link:hover:after {

    margin: 0 auto;

}

}

.block-nav .menu-vh>.nav-item>.nav-link:hover:after {

    width: 60%;

    margin: 0 auto;

}

.block-nav .menu-vh>.nav-item>.nav-link:after {

    content: "";

    display: block;

    margin: 0 auto;

    width: 0;

    height: 2px;

    background-color: #000;

    transition: width 1s;

    -webkit-transition: width 1s;

    -moz-transition: width 1s;

    -ms-transition: width 1s;

    -o-transition: width 1s;

}

.breadcrumb {

    background-color: #fff;

    margin-bottom: 0;

    font-size: 0.9rem;

}

@media (min-width: 768px) {

.block-full .title.title-img, .block-e .title.title-img {

    border-bottom: 1px solid #000;

}

}

.product-tagexplain .explain-edit {

    border: 0px solid #ccc;

    border-top: 1px solid #ccc;

}

@media (min-width:992px){

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

    padding: .5rem;

}

}

@media (max-width:991px){

.block-header .input-group-append{

    background-color:#fff;

}

.block-header .wg.block-ham.search{

    background-color:#efefef;

}

.block-header .ham-menu{

    border-bottom:1px solid #ccc;

}

.block-header .wg.btnlist-link{

    background-color:#efefef;

}

}

/* T00:2019-11-28 18:38:57 */