@charset "utf-8";

body {

    font-size: 14px;

    line-height: 1.8em;

    color: #333333;

}

a {

    color: #337ab7;

}

a:hover {

    color: #23527c;

    text-decoration: none;

}

select.form,

select.select {

    background-color: #ffffff;

    color: #555555;

    border: 1px solid #cccccc;

    padding: 0px;

    font-size: 12px;

}

.bottom-line {

    border-bottom: 1px dashed #aaa;

}

/*----一般圖文列表，左圖+右標題、文///start----*/
.sm-figure-1 {
    margin-bottom: 10px;
}

.sm-figure-1 .thumbnail {
    border: 0;
}

.sm-figure-1 .thumbnail img {
    width: 30%;
    float: left;
    padding-right: 8px;
}

.sm-figure-1 .caption {
    width: 68%;
    float: left;
    padding-top: 0px;
}

.sm-figure-1 .caption h3 {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.8rem;
    min-height: 2.6rem;
}

.sm-figure-1 .caption h4 {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.8rem;
    min-height: 2.6rem;
    margin-top: 0px;
    color: #337ab7;
}

/*----一般圖文列表，左圖+右標題、文///end----*/
/*----------------------------*/

/*----一般圖文列表，由上而下：圖、標題、文///start----*/

.sm-figure-2 {

    margin-bottom: 10px;

}

.sm-figure-2 .thumbnail {

    border: 0;

}

.sm-figure-2 .thumbnail img {

    overflow: hidden;

}

.sm-figure-2 .caption {

    text-align: center;

}



.sm-figure-2 .caption h3 {

    font-size: 1.8rem;

    font-weight: bold;

    line-height: 1.8rem;

    min-height: 2.6rem;

}



.sm-figure-2 .caption h4 {

    font-size: 1.6rem;

    font-weight: bold;

    line-height: 1.8rem;

    min-height: 2.6rem;

    margin-top: 0px;

    color: #337ab7;

}



/*----一般圖文列表，由上而下：圖、標題、文///end----*/

/*----一般文字列表，可能有日期、標題///start----*/

.sm-list {
    border-bottom: 1px solid #CCCCCC;
    padding: 11px 12px 14px 12px;
}

.sm-list .media-heading {
    color: #990000;
    font-weight: bold;
    font-size: 13px;
    line-height: 1;
}

.sm-list .media-body {
    line-height: 1.2;
}

/*----一般文字列表，可能有日期、標題///end----*/

/*----------------------------*/

/*----產品目錄列表///start----*/

.sm-product {

    text-align: center;

}

.sm-product .thumbnail {

    border: 0px;

}

.sm-product .caption {

    padding: 0px;

    line-height: 1.8rem;

}

.sm-product .caption h3 {

    font-size: 1.8rem;

    font-weight: bold;

    line-height: 1.8rem;

    min-height: 2.6rem;

}

.sm-product .caption h5 {

    font-size: 1.6rem;

    font-weight: bold;

    line-height: 1.8rem;

    min-height: 2.6rem;

}

/*次標題*/
.sm-product .caption h5 .subtitle {
    line-height: 1.6;
    margin-top: 8px;
}

.sm-product .caption p {

    text-align: center;

}

.sm-product .caption p .product-list-normal-label {

    color: #222222;

}

.sm-product .caption p .product-list-normal-price {

    color: #222222;

}

.sm-product .caption p .product-list-member-label {

    color: #222222;

}

.sm-product .caption p .product-list-member-price {

    color: #222222;

}

.sm-product .caption a {

    color: #666666;

}

.product_member,

.product_member_price {

    color: #e60449;

}

/*----產品目錄列表///end----*/

/*----------------------------*/

/*----產品排序選項///start----*/

#product_order_by ul {

    float: right;

    list-style-type: none;

    margin-right: 20px;

    padding-left: 0px;

}

#product_order_by ul li {

    float: left;

}

#product_order_by ul a {

    color: #333333;

    display: block;

    padding: 3px;

}

#product_order_by ul a.current_desc,
#product_order_by ul a.current_desc {
    background-color: #EEEEEE;
    border-radius: 4px;
}

/*----產品排序選項///end----*/

/*----------------------------*/

/*----產品詳細頁///start----*/

.sm-product-detail {

    padding-bottom: 10px;

}

.sm-product-detail h4 {

    color: #990000;

    font-weight: bold;

}

/*產品次標*/
.sm-product-detail h4 .subtitle {
    margin-top: 8px;
    font-size: 70%;
    line-height: 1.6;
}

.sm-product-detail .thumbnail {

    margin-top: 10px;

}

.sm-product-detail .thumbnail img {

    float: left;

    margin-right: 5px;

}

.sm-product-detail .memo {

    margin-top: 10px;

    float: left;

    width: 100%;

}

.sm-product-detail .dl-horizontal {

    border-bottom: 1px #666666 dashed;

}

.sm-product-detail .dl-horizontal dt {

    width: 80px;

    text-align: left;

    float: left;

    margin-bottom: 10px;

}

.sm-product-detail .dl-horizontal dd {

    margin-left: 100px;

}

.sm-product-detail .member-price dd {

    color: #990000;

    font-weight: bold;

}

.sm-product-detail .member-price dd .product_detail_price {

    color: #FF0000;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 18px;

    line-height: 21px;

    padding-left: 5px;

    padding-right: 5px;

}

.sm-product-detail .add_product ul {

    list-style-type: none;

    padding: 0;

}

.product_detail_picture img {

    margin: 0 auto;

    display: block;

}

/*----產品詳細頁///end----*/

/*----------------------------*/

/*產品詳細的分頁*/

#product_tab ul {

    list-style-position: inside;

    list-style-image: none;

    list-style-type: none;

    margin-bottom: 10px;

    padding: 0px;

    width: 95%;

    height: 34px;

    background: url('tab_bg.gif') repeat-x bottom left;

}

#product_tab ul li {

    display: block;

}

#product_tab ul li a {

    display: block;

    float: left;

    text-decoration: none;

    background: #eeeeee;

    width: 25%;

    height: 29px;

    font-size: 15px;

    line-height: 29px;

    text-align: center;

    background-repeat: no-repeat;

    margin: 0 2px;

}

#product_tab ul li a:hover,

#product_tab ul li a.on {

    background: #337ab7;

    color: #FFFFFF;

    margin: 0 5px;

}

.cart_block {

    border: 1px solid #ccc;

    padding: 15px;

}

/*2014/10/20增加-產品分類按鈕*/

#product_content_button {

    float: right;

}

#product_content_button div {

    margin: 0 5px;

    float: left;

}

/*2014/10/20增加-產品分類按鈕結束*/

/*2014/10/20增加-會員登入時的畫面*/

.account-wall input {

    margin-bottom: 10px;

}

.account-wall div {

    margin-top: 15px;

}

@media (max-width: 380px) {

    /*會員登入時的fb登入和忘記密碼置中*/

    .account-wall .pull-left,

    .account-wall .pull-right {

        float: none !important;

        margin: 0 auto;

        text-align: center;

    }

}

/*2014/10/20增加-會員登入時的畫面結束*/

/*2014/10/20增加 - 購物車內清單的步驟圖 */

#cart_step {

    overflow: hidden;

    margin: 0 auto;

    max-width: 640px;

    width: auto;

}

#cart_step div {

    text-align: center;

    float: left;

    height: 40px;

    line-height: 40PX;

    font-size: 1.5rem;

    font-weight: bold;

}

#cart_step .cart_step1,

#cart_step .cart_step2,

#cart_step .cart_step3 {

    width: 31%;

    border: 1px solid #999999;

    border-radius: 8px;

}

#cart_step .cart_step1_on,

#cart_step .cart_step2_on,

#cart_step .cart_step3_on {

    width: 31%;

    background-color: #337ab7;

    color: #ffffff;

    border-radius: 8px;

}

@media (max-width: 767px) {

    #cart_step .cart_step1_on,

    #cart_step .cart_step2_on,

    #cart_step .cart_step3_on {

        width: 50%;

    }

}

/*購物有開海外地區的按鈕*/

#abroad_area .btn {

    margin: 2px 0;

}

/*購物歡迎字句*/

#cart_welcome {

    margin: 15px;

}

/*---------------------*/

/*2014/10/20 增加以下是購物流程表格的css*/

/*產品圖片大小*/

.cart_product_pic {

    width: 65px;

    float: left;

    border: 1px solid #CCC;

    margin-right: 5px;

    margin-top: 4px;

    margin-bottom: 4px;

}

/*產品內容資訊*/

.cart_product_data {

    float: left;

    margin-top: 4px;

    margin-bottom: 4px;

    border: 0px solid #333333;

    word-break: normal;

}

/*產品名稱*/

.cart_product {
    margin-top: 2px;
    margin-bottom: 5px;
    text-indent: 0px;
    background-repeat: no-repeat;
    background-position: left top;
}



/*產品名稱*/

.cart_preorder_product {

    margin-top: 2px;

    margin-bottom: 5px;

    text-indent: 38px;

    background-image: url(../images/cart_preorder.gif);

    background-repeat: no-repeat;

    background-position: left top;

}



/*產品折扣活動列*/

.cart_event {

    margin-top: 2px;

    margin-bottom: 5px;

    text-indent: 38px;

    background-image: url(../images/cart_event.gif);

    background-repeat: no-repeat;

    background-position: left top;

}



/*產品全館活動列*/

.cart_now_event {

    margin-top: 2px;

    margin-bottom: 5px;

    text-indent: 38px;

    background-image: url(../images/cart_now_event.gif);

    background-repeat: no-repeat;

    background-position: left top;

}





/*加購商品*/

.cart_add_product {

    text-indent: 38px;

    background-image: url(../images/cart_add_product.gif);

    background-repeat: no-repeat;

    background-position: left top;

}

/*產品價格*/

.cart_price {

    text-indent: 38px;

    background-image: url(../images/cart_price.gif);

    background-repeat: no-repeat;

    background-position: left top;

}



.cart_price .glyphicon {

    text-indent: 20px;

}



/*產品規格*/

/*產品總金額*/

#total_price {

    color: #337ab7;

}

/*住址等欄位的間距*/

.form-control {

    margin-bottom: 5px;

}


#order_product_list {

    width: 99%;

}

/*----------------------------*/

/* 以下為產品型錄、公司簡介分段、問題解答分段 文字式目錄列表的 css 設定 */

.category_list {

    padding: 0;

    margin: 0px 0px 15px 0px;

    list-style-type: none;

    overflow: hidden;

}

.category_list li {

    float: left;

    white-space: nowrap;

}

.category_list a {

    float: left;

    text-decoration: none;

    margin: 1px;

    height: auto;

    border: 1px solid #337ab7;

    background-color: #ffffff;

    color: #337ab7;

    padding: 5px 10px 5px 10px;

    border-radius: 3px;

}

.category_list a:hover,

.category_list a.current {

    border: 1px solid #337ab7;

    background-color: #337ab7;

    color: #ffffff;

    text-decoration: none;

    border-radius: 3px;

}

/* 以上為產品型錄、公司簡介分段、問題解答分段 文字式目錄列表的 css 設定 */

/* 下拉式的目錄切換 */

.product_category_select {

    text-align: right;

}

/*有下拉選單時左邊多空格*/

select.select {

    margin: 0 0 0 5px;

}

/*推薦商品-讓商品並排*/

.picture1 {

    float: left;

    margin: 0 5px;

}

/*-----聯絡我們-----*/

.sm-contact .media {

    background: url(/template/common/v2/images/dot_contact.png) no-repeat 0px 8px;

    padding-left: 10px;

    margin-top: 0px;

    margin-bottom: 15px;

}

.sm-contact .media-heading {

    font-weight: 700;

}

/*-----相簿----*/

.album_nav {

    color: #337ab7;

}

.album {

    text-align: center;

    margin-top: 20px;

    color: #333333;

}

@media (min-width: 1200px) {

    .album .album_photo img {

        height: 150px;

    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .album .album_photo img {

        height: 160px;

    }

}

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

    .album .album_photo img {

        height: 200px;

    }

}

.album_thumb img {

    margin-top: 10px;

    margin-bottom: 20px;

}

@media (min-width: 1200px) {

    .album_thumb img {

        height: 100px;

    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .album_thumb img {

        height: 80px;

    }

}

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

    .album_thumb img {

        height: 65px;

    }

}

/*下拉購物車*/

#small_cart_list {

    width: 230px;

    background-color: #FFFFFF;

    border: 1px solid #AAAAAA;

    filter: alpa(opacity=95);

    /* old IE */

    -moz-opacity: 0.95;

    /* Moz + FF */

    opacity: 0.95;

    /* 支持新版瀏覽器 */

    padding: 2px 2px 30px 2px;

    height: auto !important;

    min-height: 100px;

    /*background: url(../images/small_cart_list_bg.jpg) no-repeat bottom #ffffff;*/

    z-index: 999;

}

#small_cart_list ul {

    list-style-type: none;

    margin: 0;

    padding-left: 0px;

    width: 100%;

    /*下拉購物車 -  每一筆資料*/

}

#small_cart_list ul li {

    margin: 0;

    width: 100%;

    display: block;

    height: 25px;

    border-bottom: 1px dashed;

    padding-top: 3px;

    /*下拉購物車 -  每一筆資料的小圖區塊*/

    /*下拉購物車 -  每一筆資料的加購產品小圖區塊*/

    /*下拉購物車 -  每一筆資料的產品標題*/

    /*下拉購物車 -  每一筆資料的產品數量*/

}

#small_cart_list ul li .scl_pic {

    height: 20px;

    display: block;

    float: left;

    width: 35px;

    /*下拉購物車 -  每一筆資料的產品小圖*/

}

#small_cart_list ul li .scl_pic img {

    height: 20px;

    float: left;

}

#small_cart_list ul li.scl_addpic {

    height: 20px;

    display: block;

    float: left;

    width: 35px;

    /*下拉購物車 -  每一筆資料的加購產品小圖*/

}

#small_cart_list ul li.scl_addpic img {

    float: left;

    height: 17px;

    width: 33px;

}

#small_cart_list ul li .scl_title {

    font-size: 11px;

    height: 20px;

    line-height: 20px;

    width: 160px;

    overflow: hidden;

    float: left;

}

#small_cart_list ul li .scl_number {

    font-size: 11px;

    height: 20px;

    line-height: 20px;

    float: right;

    color: red;

    margin-right: 8px;

}

/* 退貨系統 - 會員專區的退貨狀態 */

/*退貨狀態*/

ul.return_status {

    list-style: none;

    margin-right: auto;

    margin-left: auto;

    padding: 0;

}

ul.return_status li {

    width: 110px;

    height: 80px;

    display: inline-block;

    border: 1px solid #ccc;

    margin-top: 5px;

    margin-right: 10px;

    text-align: center;

    font-size: 14px;

    line-height: 80px;

}

ul.return_status li.current {

    background-color: #FFC;

    font-weight: bold;

}

/*第一次購買頁面*/

.member_select li {

    list-style-type: none;

    display: inline-block;

    margin: 0 20px;

}

/*------------新版雙規格產品內容頁-----------*/

/*包住產品和資訊的大框*/

.do_sm-product-detail {

    padding-bottom: 10px;

}

/*產品大圖*/

.do_product_detail_picture {

    border: 0px solid #CCCCCC;

    padding: 0px;

}

.do_product_detail_picture img {

    margin: 0 auto;

    display: block;

}

/*產品小圖*/

.do_product_spec_picture {

    margin-top: 13px;

    margin-left: -3px;

    margin-right: -3px;

}

.do_product_spec_picture ul {

    list-style: none;

    padding: 0px;

    margin: 0px;

}

.do_product_spec_picture ul li {

    display: block;

    float: left;

    padding: 3px;

    margin: 0px;

    width: 16.6%;

}

.do_product_spec_picture ul li img {

    border: 1px solid #cccccc;

    display: block;

    max-width: 100%;

}

/*包住標題與說明*/

.product_detail_content {

    border-bottom: 1px solid #cccccc;

    padding-left: 0px;

    padding-right: 0px;

}

/*產品大標*/

.do_sm-product-detail h4 {

    color: #000000;

    font-weight: bold;

    font-size: 16px;

    margin-top: 0px;

    margin-bottom: 7px;

    line-height: 1.4;

}


/*商品編號*/

.product_detail_item_number {

    color: #999999;

}

/*自行編輯的內容區塊*/

.product_detail_main {

    margin-top: 10px;

    margin-bottom: 10px;

}

/*產品資訊*/

.product_detail_info {

    background: #fff;

    padding: 1px 0px 20px 0px;

}

/*產品資訊欄位*/

.do_sm-product-detail .dl-horizontal {

    padding: 12px 0px;

    margin: 0;

    border-bottom: 0px #666666 dashed;

}

.do_sm-product-detail .dl-horizontal dt {

    width: 65px;

    text-align: left;

    float: left;

    margin-bottom: 0px;

}

.do_sm-product-detail .dl-horizontal dd {

    margin-left: 65px;

}

/*會員價*/

.do_sm-product-detail .member-price dt {

    line-height: 20px;

}

/*紅色特價*/

.do_sm-product-detail .product_detail_price {

    color: #990000;

    font-size: 18px;

    line-height: 20px;

    margin: 0 3px;

}

/*商品全館活動*/

.all_product_activity {

    border-bottom: 0px #666666 dashed;

    padding: 0px 0px;

    margin: 0 0 10px 0;

}

.all_product_activity dd {

    width: 100%;

    background: url(../images/all_product_activity_icon.png) no-repeat left center;

    padding-left: 20px;

    line-height: 24px;

    color: #990000;

}



/*商品特別活動*/

.product_activity {

    border-bottom: 0px #666666 dashed;

    padding: 0px 0px;

    margin: 0 0 10px 0;

}

.product_activity dd {

    width: 100%;

    background: url(../images/product_activity_icon.png) no-repeat left center;

    padding-left: 20px;

    line-height: 24px;

}

.product_activity dd a {

    color: #990000;

}

.product_activity dd a:hover {

    color: #e75d9a;

}

/*顏色*/

.product_color ul {

    margin: 0px;

    padding: 0px;

}

.product_color ul li {

    display: inline-block;

    margin: 3px;

    line-height: initial;

    list-style-type: none;

}

.product_color ul li a {

    display: inline-block;

    padding: 2px;

}

.product_color li a:hover,

.product_color li a:active,

.product_color li a.current {

    padding: 0px;

    border: 2px solid #990000;

}

/*尺寸*/

.product_size ul {

    margin: 0px;

    padding: 0px;

}

.product_size ul li {

    display: inline-block;

    margin: 2px;

    list-style-type: none;

}

.product_size ul li a {

    display: inline-block;

    line-height: 20px;

    color: #000;

    background: #cccccc;

    border: 2px solid #fff;

    padding: 2px 6px;

}

.product_size li a:hover,

.product_size li a.current {

    padding: 2px 6px;

    border: 2px solid #FFFFFF;

    box-shadow: 0 0 0 1px #990000;

}

/*沒有尺寸時*/

.product_size_no {

    color: #999999;

    line-height: 20px;

    background: #cccccc;

    border: 2px solid #f5f5f5;

    padding: 2px 6px;

}

/*數量*/

.product_quantity {

    overflow: hidden;

}

.product_quantity_left {

    float: left;

}

/*數量可以增減的欄位*/

.product_quantity_left .input-group.bootstrap-touchspin {

    width: 110px;

    font-weight: bold;

    margin-right: 5px;

}

.product_quantity_left .btn {

    /*加減的按鈕大小*/

    padding: 1px 10px;

    background-color: #eee;

}

.product_quantity_left .form-control {

    /*數量欄的高度*/

    height: 28px;

}

/*試穿報告等欄位*/

.product_try {

    float: left;

}

.product_try ul {

    margin: 0px;

    padding: 0px;

}

.product_try li {

    display: inline-block;

    margin: 2px;

    list-style-type: none;

    border-right: 1px solid #333;

    padding: 0 3px;

    line-height: 15px;

}

.product_try li a {

    color: #000000;

    background: #fff;

}

.product_try li a:hover {

    color: #990000;

    background: #fff;

}

.product_try li:first-child {

    border-left: 1px solid #333;

}

/*加購商品*/

.do_sm-product-detail .add_product ul {

    margin: 0px;

    padding: 0;

}

.do_sm-product-detail .add_product li {

    list-style-type: none;

    padding: 0;

}

.do_sm-product-detail .add_product .price {

    color: #990000;

}

.do_sm-product-detail .add_product .product_detail_price_unit {

    color: #000000;

    margin-right: 6px;

}

/*購物車按鈕*/

.product_detail_cart_icon {

    padding-top: 15px;

    text-align: left;

}

/*商品限時特價*/

.product_list_discount {

    background-image: url("../images/product_list_discount_icon.gif");

    background-position: left center;

    background-repeat: no-repeat;

    text-indent: 30px;

    display: inline-block;

    color: #990000;

}



/*產品詳細頁折扣商品特價*/

.product_detail_discount {

    background-image: url("product_list_discount_icon.gif");

    background-position: left center;

    background-repeat: no-repeat;

    text-indent: 30px;

    display: inline-block;

    margin-left: 10px;

}



/*商品組合優惠*/

.product_list_event {

    background-image: url("../images/product_list_event_icon.gif");

    background-position: left center;

    background-repeat: no-repeat;

    width: 60px;

    height: 20px;

    display: inline-block;

}

/*start 熱銷商品輪播*/

.clearout {

    height: 20px;

    clear: both;

}



#flexiselDemo3 {

    display: none;

}



.nbs-flexisel-container {

    position: relative;

    max-width: 100%;

    border: 1px solid #ccc;

    overflow: hidden;

    padding: 0 25px;

}

.nbs-flexisel-ul {

    position: relative;

    width: 9999px;

    margin: 0px;

    padding: 0px;

    list-style-type: none;

    text-align: center;

}



.nbs-flexisel-inner {

    overflow: hidden;

    float: left;

    width: 100%;

}



.nbs-flexisel-item {

    float: left;

    margin: 0px;

    padding: 0px;

    cursor: pointer;

    position: relative;

}

.nbs-flexisel-item img {

    width: 100%;

    cursor: pointer;

    position: relative;

    margin-top: 10px;

    margin-bottom: 0px;

    max-width: 205px;

    max-height: 205px;

}

/*每個產品的css*/

.ad_product {

    overflow: hidden;

}

.ad_product_title {

    text-align: center;

}

.ad_product_price {

    color: #333333;

    text-decoration: line-through;

}

.ad_product_price_sale {

    color: #FF0004;

}

/*** Navigation ***/



.nbs-flexisel-nav-left,

.nbs-flexisel-nav-right {

    width: 22px;

    height: 22px;

    position: absolute;

    cursor: pointer;

    z-index: 100;

    opacity: 0.5;

}



.nbs-flexisel-nav-left {

    left: 10px;

    background: url(../images/button-previous.png) no-repeat;

}



.nbs-flexisel-nav-right {

    right: 5px;

    background: url(../images/button-next.png) no-repeat;

}



@media (max-width: 769px) {

    .nbs-flexisel-item img {

        width: 100%;

        cursor: pointer;

        position: relative;

        margin-top: 10px;

        margin-bottom: 10px;

        max-width: 180px;

        max-height: 180px;

    }



}

.product_category_hot_title {

    width: 100%;

    float: left;

    margin-top: 10px;

    margin-bottom: 5px;

    background: url(../images/product_hot_title.jpg) no-repeat 10px;

}

/*end 熱銷商品輪播*/







/*內頁的限時特價圖示*/

.product_detail_discount {

    background-image: url("../images/product_list_discount_icon.gif");

    background-position: left center;

    background-repeat: no-repeat;

    text-indent: 30px;

    display: inline-block;

    margin-left: 0px;

}

.ad_cart {

    margin-top: 10px;

    margin-bottom: 10px;

}



.ad_cart img {

    display: block;

    max-width: 100%;

    height: auto;

}



.form-control-inline {

    min-width: 0;

    width: auto;

    display: inline;

}

/*產品列表商品紅利*/

.product_list_bonus {

    background-image: url("cart_bonus.gif");

    background-position: left center;

    background-repeat: no-repeat;

    text-indent: 30px;

    display: inline-block;

    color: red;

}



/*產品詳細頁商品紅利*/

.product_detail_bonus {

    background-image: url("cart_bonus.gif");

    background-position: left center;

    background-repeat: no-repeat;

    text-indent: 30px;

    display: inline-block;

    margin-left: 10px;

}

/*產品折扣活動列*/

.cart_bonus {

    margin-top: 2px;

    margin-bottom: 5px;

    text-indent: 38px;

    background-image: url("cart_bonus.gif");

    background-repeat: no-repeat;

    background-position: left top;

}

/*會員購物金列表-紅利的標示*/

.tr_bonus,
.tr_bonus .attribute {
    background-color: #FFFFBB;
}

/*內頁的限時特價數字*/

.product_detail_price_other {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 18px;

    line-height: 21px;

    font-weight: bold;

    color: #990000;

    padding-left: 5px;

    padding-right: 5px;

}

/*售出件數的設定*/

.sold_number_block {

    padding: 0px 0px;

    margin: 0;

}

.sold_mumber {

    font-size: 16px;

    font-size: 1.6rem;

}

.stock_number {

    color: #990000;

    font-size: 16px;

    font-size: 1.6rem;

}

/*倒數計時*/

#product_countdown,

.product_countdown {

    width: 270px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    background-color: #990000 !important;

    color: #FFF;

    margin-bottom: 10px;

    font-size: 15px;

}

/*產品目錄折扣的標示*/

.product_discount_show {
    max-width: 55px;
    height: 23px;
    line-height: 23px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #990000;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

/*會員序號*/

.site_location {
    margin-bottom: 12px;
}

.site_location nav ol {
    list-style: none outside none;
    padding: 0px;
}

.site_location nav ol li {
    display: inline-block;
    padding-left: 5px;
}

.member_level_show {
    background-color: #BDBDBD;
    padding: 3px 5px;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
   margin-top: 10px;

}

.member_code_show {
   background-color: #F39BC0;
    padding: 3px 5px;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 10px;

}

.cart_title {

    margin-top: 20px;

}

/*店家列表*/

.thumbnail_form {
    /*店家圖文框*/

    overflow: hidden;

    margin-top: 20px;

}

.thumbnail_form .btn-default {
    /*店家圖文按鈕*/

    background: #fff;

    color: #333;

    float: right;

}

.thumbnail_form .btn-default:hover {

    background: #eaeaea;

    color: #333;

}

/*店家表格列表*/

.store_table_list {
    /*店家列表*/

    margin-top: 20px;

    font-size: 15px;

}

.store_table_list th {
    /*店家列表頭部*/

    font-weight: 500;

    background: #5b3e81;

    color: #fff;



}



.shop_name {
    /*珠寶店家名稱*/

    font-size: 18px;

    color: #333;

    line-height: 50px;

}

#shop_intro {
    /*珠寶店家簡述*/

    color: #333;

    font-size: 15px;

}

#shop_body {
    /*珠寶內容名稱*/

    border-top: 1px solid #ccc;

    padding-top: 20px;

    margin-top: 20px;

}

#shop_map {
    /*珠寶店家地圖*/

    padding: 20px 0;

    margin: 0 auto;

}



.search_input input {}



.share_table {}

.share_table td {

    padding: 5px;

    vertical-align: middle;

    line-height: 1px;

}

.stuck {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    margin-top: 0px !important;

    z-index: 999;

}





/*會員登入新增*/

#login-bt {

    margin-top: 25px;

}

#login-fb {

    margin-top: 10px;

}

#login-fb .btn-primary {

    border: 0px;

    background: #3A5897;

}

#login-fb .btn-primary:hover {

    border: 0px;

    background: #2a4680;

}



#login-line .btn-primary {

    border: 0px;

    background: #00b900;

}





@media (max-width: 767px) {

    form.form-horizontal .col-sm-10 p {

        display: inline !important;

    }

}



/*購物優惠券css結束*/

.member_money_all {

    width: 80%;

    margin: 0 auto;

    border-radius: 5px;

    border: 1px solid #ccc;

    background: #eee;

    padding: 0px;

}



.cart_block_member_money {

    border-bottom: 1px dashed #ccc;

    overflow: hidden;

    padding: 5px 5px;

}

.cart_block_member_money:nth-last-child(1) {

    border-bottom: 0px dashed #ccc;

}



.member_money_title {

    position: relative;

    display: table;

    float: left;

    padding: 1px 5px;

    font-size: 1.5rem;

    line-height: 28px;

    border-radius: 5px;

    margin-right: 15px;

    background: #EC7294;

    color: #fff;

    min-width: 86px;

    text-align: center;

}

.member_money_subtitle {

    font-weight: bold;

}





/*箭頭右*/

.member_money_title .arrow_r_int {

    width: 0px;

    height: 0px;

    border-width: 8px;

    border-style: solid;

    border-color: transparent transparent transparent #EC7294;

    position: absolute;

    top: 20%;

    right: -16px;

}



.member_money {

    color: #e60449;

}

.member_money_title_bold {

    font-weight: bold;

}

.member_money_main {

    float: left;

    min-width: 150px;

    line-height: 1.2;

    width: 80%;

}

.member_money_main input[type="checkbox"] {

    margin-top: 0px;

}



.member_money_main .input {

    margin: 0 5px 5px 5px;

}



@media (max-width: 767px) {

    .member_money_all {

        width: 100%;

    }

    .member_money_main .input {

        display: block;

    }

    .member_money_main {

        width: 100%;

    }



}



/*購物優惠券css結束*/



form.form-horizontal .form-control-static p {

    display: inline !important;

}



.well {

    padding: 15px !important;

}

/*放入購物車時跳出的畫面*/

#msgbox {

    position: fixed;

    top: -250px;

    width: 100%;

    z-index: 999999;

    text-align: center;

    font-size: 1.5rem;

    padding: 15px 15px;

    color: #fff;

    background: rgba(0, 0, 0, 0.8);

    border: 1px solid #999;

    box-shadow: 0 0 10px #999;

}



#modalShade {

    display: none;

    background: #3B3013;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 200;

}



/* 尺寸補圖片*/

.cart_size {

    background-image: url(../images/cart_size.gif);

    background-repeat: no-repeat;

    background-position: left top;

    text-indent: 38px;



}



/*購物列表的表格*/

#cart_list .table {

    margin-bottom: 0px;

}



/*運費等資訊*/

.cart_col_amount_all {

    min-width: 500px;

    float: right;

    margin-bottom: 25px;

    background: #FFF;

}

.cart_col_amount_all td {

    padding: 8px;

    line-height: 1.42857143;

    vertical-align: top;

}

.total_price {

    border-top: 1px #d5d5d5 dotted;

}

.total_price_text {

    color: #990000;

    font-size: 22px;

    font-size: 2.2rem;

    line-height: 24px;

}



.total_bonus {
    background: #eee;
    border-radius: 5px;
    padding: 3px;

}

.total_bonus_text {
    color: #990000;
    font-size: 16px;
    font-size: 1.6rem;
}

/*強調點數數字class*/
.cart_remind{
    color: #990000;
    margin-right: 4px;
  }
 /*點數有多種類拆行列*/
 .total_bonus_row{
  border-right: 1px solid #666666;
  padding-right:6px;
  display: inline-block
}
.total_bonus_row:last-child{
  padding-right:0px;
  border-right:0;
}
.total_bonus_row .cart_remind{
  margin: 0  4px;
}

@media (max-width: 767px){
  .cart_col_amount_all {
    min-width: 100px;
    margin-right: 0px;
}
  .total_bonus_row{
    display: block;
    margin: 4px 0;
    padding-right:0px;
  border-right:0;
  } 
 }



/*加購商品列表*/

.plus_list {

    background: #FDEFEF;

}

.plus_list_icon {
    background: #cc3366;
    color: #fff;
    padding: 2px 3px;
    border-radius: 5px;
    word-break: keep-all;
    display: inline-block;
    font-size: 90%;
    text-indent: 0px;
}

/*---加購商品區塊---*/

/*加購商品標題*/

.plus_product_title {

    padding: 3px 5px 3px 35px;

    margin-top: 30px;

    margin-bottom: 15px;

    display: block;

    border-bottom: 1px solid #ccc;

    font-size: 22px;

    font-size: 2.2rem;

    background: url(../images/plus_icon.gif) no-repeat;

}

/*加購商品*/

.plus_products {

    width: 16.666666%;

    float: left;

    position: relative;

    padding-right: 10px;

    padding-left: 10px;

    margin-bottom: 25px;

}

.plus_products .photo {}

.plus_products .title {

    font-weight: bold;

    height: 43px;

    text-align: center;

    overflow: hidden;

}

.plus_products .price_title {

    margin-top: 5px;

    text-align: center;

}

.plus_products .normal_price_number {

    text-decoration: line-through;

    color: #999;

}



.plus_size {

    display: block;

    width: 100%;

    margin-bottom: 3px;

    overflow: hidden;

}

.plus_amount {

    float: left;

}

.plus-button {

    float: right;

    padding: 2px 4px !important;

}



@media (max-width: 1200px) {

    .plus_products {

        width: 16.6%;

    }

}

@media (max-width: 991px) {

    .plus_products {

        width: 25%;

    }

}

@media (max-width: 767px) {

    .plus_products {

        width: 25%;

    }



    .cart_col_amount_all {

        min-width: 100px;

        margin-right: 0px;

    }



    .plus_products .normal_price_number::after {

        display: block;

        content: "";

    }

}

@media (max-width: 480px) {

    .plus_products {

        width: 50%;

    }

}





.loader,

.loader:after {

    border-radius: 50%;

    width: 10em;

    height: 10em;

}

.loader {

    margin: 60px auto;

    font-size: 10px;

    position: relative;

    text-indent: -9999em;

    border-top: 1.1em solid rgba(0, 0, 0, 0.2);

    border-right: 1.1em solid rgba(0, 0, 0, 0.2);

    border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);

    border-left: 1.1em solid #000000;

    -webkit-transform: translateZ(0);

    -ms-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-animation: load8 1.1s infinite linear;

    animation: load8 1.1s infinite linear;

}

@-webkit-keyframes load8 {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@keyframes load8 {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

.event_products .normal_price_number {

    text-decoration: line-through;

}



@media (max-width: 767px) {

    .normal_price_number::after {

        display: block;

        content: "";

    }

}

/*贈品類說明*/
.cart-remind {
    font-size: 14px;
}
.cart-remind ul {
    padding: 0 0 0 16px;
    margin: 0;
}
.cart-remind li {
    margin-bottom: 4px;
}
.cart-remind-number {
    color: #a00;
}


/*付款方式置左*/

.payment_block .control-label,
.deliver_block .control-label {

    text-align: left !important;

    padding-top: 0px !important;

}

.payment_block hr {

    margin-top: 15px !important;

    margin-bottom: 15px !important;

}





/*外框*/

ul.molpay_channel_icon {

    padding: 0;

    margin: 0;

    overflow: hidden;

}

.molpay_channel_icon li {

    float: left;

    padding: 2px;

    margin: 8px 10px;

    width: 200px;

    height: 80px;

    text-align: center;

    list-style-type: none;

    border: 1px solid #eee;

    position: relative;

}

.molpay_channel_icon li:hover {

    border: 1px solid #da2560;

}

.molpay_channel_icon li img {

    max-height: 100%;

    max-width: 100%;

}



/*已選擇*/

.molpay_channel_icon li.molpay_channel_icon_active {

    border: 1px solid #da2560;

}

.molpay_channel_icon_active::after {

    content: "";

    background: url(../images/ok.png);

    width: 30px;

    height: 30px;

    position: absolute;

    right: 2px;

    top: 2px;

}

@media (max-width: 767px) {}



@media (max-width: 426px) {

    .molpay_channel_icon li {

        margin: 8px 8px;

        width: 45%;

    }

    .molpay_channel_icon_active::after {

        width: 20px;

        height: 20px;

        background-size: cover;

    }

}

@media (max-width: 325px) {

    .molpay_channel_icon li {

        margin: 8px 4px;

        height: 55px;

    }

}



.deliver_no_portage {

    color: #A00;

}

.ui-dialog-titlebar-close {

    padding: 0 !important;

}



.ui-dialog-titlebar-close:after {

    content: '';

    width: 19px;

    height: 19px;

    display: inline-block;

    /* Change path to image*/

    background-image: url(/assets/javascript/vendor/jquery-ui/themes/base/images/ui-icons_777777_256x240.png);

    background-position: -96px -128px;

    background-repeat: no-repeat;

}



/*---前台有開啟關鍵字設定跳出畫面---*/

#seoModal .modal-content {

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

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);

}

#seoModal .form-group input {

    margin-bottom: 5px;

    border-radius: 5px;

    border: 1px solid #ccc;

}

#seoModal .modal-title {

    font-weight: bold;

}

#seoModal #meta_title {

    box-shadow: none;

}



.table-condensed tr:last-child {

    border-bottom: 1px solid #ddd;

}





/*20180928新增加的社群按鈕*/

.default-social-login {

    display: flex;

    justify-content: center;

}

.default-social-login button {

    margin-right: 8px;

}

.default-social-login #facebook_login {

    background-color: #3b5998;

    border-color: #3b5998;

}

.default-social-login #line_login {

    background-color: #00c300;

    border-color: #00c300;

}



/*新增外框*/

.member_form_content {

    border: 1px solid #ddd;

    border-radius: 3px;

    padding: 0 15px;

    max-width: 840px;

    margin: 0 auto;

}

.member_form_content .member-title {

    font-size: 16px;

    border-bottom: 1px solid #ddd;

    padding: 8px 15px;

    background: url(../images/sidebar-icon.png) no-repeat 10px center #eee;

    color: #666;

}



.member_form_content .member-title label {

    margin-bottom: 0px;

}



.member_form .form-group {

    margin-bottom: 20px;

    padding-right: 25px;

}



/*社群連結取消的css*/

.social-link .form-control-static {

    border-bottom: 1px dotted #ccc;

}



.social-link .control-label {

    padding-top: 0px;

}



@media (max-width: 991px) {

    .table tr th {

        white-space: nowrap;

    }

}

/*------------捐款系統頁面-開始-----------*/

#donation-main-all {

    margin: 0 auto 0 auto;

}

.don-title {



    margin: 10px 0 10px 0;

    overflow: hidden;

}

.don-title-01 .don-title-img {

    background: url('../images/donation_title01.png') no-repeat;

}

.don-title-02 .don-title-img {

    background: url('../images/donation_title02.png') no-repeat;

}

.don-title-03 .don-title-img {

    background: url('../images/donation_title03.png') no-repeat;

}

.don-title-04 .don-title-img {

    background: url('../images/donation_title04.png') no-repeat;

}

.don-title-05 .don-title-img {

    background: url('../images/donation_title05.png') no-repeat;

}

.don-title-img {

    float: left;

    height: 30px;

    width: 130px;

}

.don-main {

    min-height: 30px;

    height: auto;

    border: #ccc 1px solid;

    border-radius: 5px;

    padding: 10px;

    margin-bottom: 20px;

}

.imp-bold {

    font-weight: bold;

    width: 20%;

    text-align: right;

}



.bottom-dash {

    font-weight: bold;

    border-bottom: 1px dashed #ccc;

    margin-bottom: 15px;

}

.imp-red {

    color: #C41075;

}



.sp-small {

    float: left;

    /*font-size:12px;*/

    color: #666666;

    line-height: 27px;

}



#receipt_county,
#receipt_town,
#receipt_title {

    margin-bottom: 15px;

}

.don-intro {

    margin: 10px 0;

}

@media (max-width: 767px) {

    #donation_main_all .form-horizontal .control-label {

        text-align: left;

    }

    .don-title {

        height: auto;

    }

    #copy_data {

        position: absolute;

        right: 0;

        top: -35px;

    }



}

/*------------捐款系統頁面-結束-----------*/

/*有加span.text-div-wrap在手機上時會降行*/
@media (max-width: 767px){
    .text-div-wrap{
    display: block;
    }
    }

/*----在.table-responsive 增加可滑動提示///start----*/

@media (max-width: 767px) {

    .table-responsive {

        position: relative;

    }

    .table-responsive:before {

        content: "→";

        position: absolute;

        right: 10px;

        top: -1rem;

        z-index: 1;

        display: block;

        font-size: 1.5rem;

        color: #eee;

        text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);

        font-weight: bold;

        animation-duration: 12s;

        animation-name: table-slidein;

        animation-iteration-count: 1;

        animation-direction: normal;

        animation-fill-mode: forwards;

        -webkit-animation-duration: 12s;

        -webkit-animation-name: table-slidein;

        -webkit-animation-iteration-count: 1;

        -webkit-animation-direction: normal;

        -moz-animation-duration: 12s;

        -moz-animation-name: table-slidein;

        -moz-animation-iteration-count: 1;

        -moz-animation-direction: normal;

    }

    @-webkit-keyframes table-slidein {

        0% {

            margin-right: 15px;

        }

        10% {

            margin-right: 0px;

        }

        20% {

            margin-right: 15px;

        }

        30% {

            margin-right: 0px;

        }

        40% {

            margin-right: 15px;

        }

        50% {

            margin-right: 0px;

        }

        60% {

            margin-right: 15px;

        }

        70% {

            margin-right: 0px;

        }

        80% {

            margin-right: 15px;

        }

        90% {

            margin-right: 0px;

            opacity: 1;

        }

        100% {

            margin-right: 15px;

            opacity: 0;

            display: none;

        }

    }

    @-moz-keyframes table-slidein {

        0% {

            margin-right: 15px;

        }

        10% {

            margin-right: 0px;

        }

        20% {

            margin-right: 15px;

        }

        30% {

            margin-right: 0px;

        }

        40% {

            margin-right: 15px;

        }

        50% {

            margin-right: 0px;

        }

        60% {

            margin-right: 15px;

        }

        70% {

            margin-right: 0px;

        }

        80% {

            margin-right: 15px;

        }

        90% {

            margin-right: 0px;

            opacity: 1;

        }

        100% {

            margin-right: 15px;

            opacity: 0;

            display: none;

        }

    }

    @keyframes table-slidein {

        0% {

            margin-right: 15px;

        }

        10% {

            margin-right: 0px;

        }

        20% {

            margin-right: 15px;

        }

        30% {

            margin-right: 0px;

        }

        40% {

            margin-right: 15px;

        }

        50% {

            margin-right: 0px;

        }

        60% {

            margin-right: 15px;

        }

        70% {

            margin-right: 0px;

        }

        80% {

            margin-right: 15px;

        }

        90% {

            margin-right: 0px;

            opacity: 1;

        }

        100% {

            margin-right: 15px;

            opacity: 0;

            display: none;

        }

    }

}

/*----在.table-responsive 增加可滑動提示///end----*/

/*跳出視窗-560px*/
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 560px;
    }
}

/*跳出視窗建議手機以內280px*/
@media (max-width: 575px) {
    .modal-dialog {
        max-width: 280px;
        margin: 12px auto !important;
    }
}

/*----CSS grid 表格///start----*/
.cssgrid-table {
    display: grid;
    margin-top: 8px;
}

.cssgrid-table tbody,
.cssgrid-table thead,
.cssgrid-table caption {
    display: block;
}

/*標題*/
.item-header {
    color: #fff;
    font-weight: 600;
}

/*每一列*/
.item-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}

/*每一格*/
.item-container>* {
    padding: 8px;
    border: 1px solid #eee;
}

.item-container:nth-child(2n) {
    background-color: #fafafa;
}

/*備註*/
.attribute-note {
    font-size: 0.85rem;
    padding-left: 5px;
}

@media (max-width: 767px) {
    .item-container {
        grid-template-columns: 1fr;
        margin-bottom: 24px;
    }

    .item-container .attribute {
        display: grid;
        grid-template-columns: minmax(7em, 30%) 1fr;
        /*每一列手機上增加一個左側的區塊*/
    }

    .item-container .attribute::before {
        content: attr(data-name) " ";
        display: block;
        background-color: #999999;
        margin: -8px 8px -8px -8px;
        padding: 8px;
        color: #fff;
    }

    /*標題隱藏*/
    .item-header {
        display: none;
    }
}

@media (max-width: 425px){
.item-container .attribute {
grid-template-columns: minmax(8em,35%) 1fr;
}
}

/*----CSS grid 表格//end----*/

/*faq、產品詳細頁、最新消息的回上一頁按鈕距離*/
.faq_content_button,
#product_content_button,
.news_content_button {
    margin-top: 8px;
}

/*----閱讀更多的css//start ----*/
/*預設文章高度*/
.story-detail {
    max-height: 100vh;
    overflow: hidden;
    position: relative;
    /*  margin-bottom: 24px;*/
}

/*阻擋文章按鈕*/
.story-detail-btn {
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 8px;
}

.story-detail-btn .read-more-btn {
    min-width: 160px;
    position: relative;
    text-align: center;
    z-index: 2;
    display: table;
    margin: 0 auto;
    cursor: pointer;
    background-color: #d81b60;
    color: #ffffff;
    border: 1px solid #a00037;
    white-space: nowrap;
    padding: 4px 12px 6px 12px;
    line-height: 1.6;
    border-radius: 4px;
    box-shadow: 0px 0px 12px #fff, 0px 0px 12px #fff, 0px 0px 20px #fff;
    transition: all 0.2s;
}

.story-detail-btn .read-more-btn:hover {
    background-color: #a00037;
}

.story-detail-btn .read-more-btn:hover .read-more-icon {
    margin-top: 1px;
    border-width: 8px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
}

.story-detail-btn::after {
    background: #ffffff;
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: -10px;
}

/*閱讀更多裡面的icon*/
.read-more-icon {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-left: 4px;
}

.story-detail-bg {
    position: relative;
}

/*按鈕底下的線條*/
.story-detail-bg::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #d81b60;
    position: absolute;
    top: 15px;
    z-index: 1;
}

/*遮住內容白底*/
.story-detail-bg::after {
    content: "";
    display: block;
    width: 100%;
    height: 50vh;
    background: linear-gradient(0deg, white 15%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    bottom: -8px;
}

/*按鈕下方廣告區塊*/
.read-more-ad {
    background: #ffffff;
    padding: 32px 0;
    min-height: 90px;
    position: relative;
    z-index: 1;
}

/*----閱讀更多的css//end ----*/

.subtitle {
    display: block;
    opacity: 0.7;
    font-size: 85%;
}



/*----單頁faq列表//start ----*/

/*標題列*/
.sm_collapse_title {
    display: flex;
    opacity: 0.8;
    padding: 12px 0;
    border-bottom: 1px solid #eaeaea;
    transition: 0.2s;
}

/*標題後面三角形*/
.sm_collapse_title::after {
    content: " ";
    display: block;
    margin-top: 12px;
    margin-left: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #999999 transparent transparent transparent;
}

/*標題Q1*/
.faq-title-prefix {
    font-size: 1.8rem;
    font-weight: 700;
}

/*標題文字*/
.faq-one-page-title {
    font-size: 1.8rem;
    margin-right: 8px
}

/*標題被選取和展開*/
.sm_collapse_title:hover,
.sm_collapse_title.opened {
    opacity: 1;
}

.sm_collapse_title.opened {
    border-bottom: 1px solid #ffffff;
}

.sm_collapse_title.opened::after {
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #999999 transparent;
}

.faq-one-page-content {
    padding-top: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eaeaea;
}


/*----單頁faq列表//end ----*/

/*表格下方的按鈕列 */
.table-bottom-button {
    margin-top: 8px;
    text-align: right;
}

.table-bottom-button .btn {
    margin-right: 8px;
    margin: 0 4px;
}

/*跳出影片加上.videoBox 改變外觀*/
#colorbox.videoBox {
    background: transparent;
}

#colorbox.videoBox #cboxTopCenter {
    height: 48px;
    border-bottom: 0px;
    margin-bottom: 0px;
}

#colorbox.videoBox #cboxWrapper {
    background: transparent;
    border-radius: 0px;
}

#colorbox.videoBox #cboxContent {
    background: transparent;
}

/*關閉的x變圓形*/
#colorbox.videoBox #cboxClose {
    top: -40px;
    right: 0;
    background-position: -100px -25px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

.ecoupon_number {
    color: #AA0000;
    margin-left: 4px;
}

/*---- 20200507紅利點數已使用 ----*/
.tr-bonus-used {
    opacity: 0.4;
    background-color: #ccc;
}

.tr-bonus-used .attribute {
    background-color: #ccc;
}

input:focus, button:focus {
    outline: none;
}

html * { -webkit-text-size-adjust: 100%; }