@charset "utf-8";
body{ font-family:微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif;word-wrap:break-word; word-break:break-all;}

:root {
    --pic-red: #ED2525;
    --pic-light-red: #FFF3F3;
    --pic-light-red-5: #FFF3F3;
    --pic-light-red-10: #FDE9E9;
    --pic-light-red-20: #FBD3D3;
    --pic-light-red-40: #F8A8A8;
    --pic-light-red-60: #F47C7C;
    --pic-light-red-80: #F15151;
    --pic-orange: #F37721;
    --pic-light-orange: #F5924D;
    --pic-light-orange-5: #FFF7F2;
    --pic-light-orange-10: #FEF1E9;
    --pic-light-orange-20: #FDE4D3;
    --pic-light-orange-40: #FAC9A6;
    --pic-light-orange-60: #F8AD7A;
    --pic-light-orange-80: #F5924D;
    --pic-brown: #d08f44;
    --pic-light-brown-10: #ebe0d5;
    --pic-green: #00A4A6;
    --pic-light-green-5: #F2FAFB;
    --pic-light-green-10: #E5F6F6;
    --pic-light-green-20: #CCEDED;
    --pic-light-green-40: #99DBDB;
    --pic-light-green-60: #66C8CA;
    --pic-light-green-80: #33B6B8;
    --btn-radius: 10px;
    --pic-color-grey-5: #F8F8F8;
    --pic-color-grey-10: #EAEAEA;
    --pic-color-grey-15: #E0E0E1;
    --pic-color-grey-20: #D5D5D5;
    --pic-color-grey-30: #C1C1C1;
    --pic-color-grey-40: #ACACAC;
    --pic-color-grey-50: #979797;
    --pic-color-grey-60: #828282;
    --pic-color-grey-70: #6D6D6D;
    --pic-color-grey-80: #595959;
    --pic-color-grey-90: #444444;
    --pic-color-grey-100: #2F2F2F;
    --font-text: -apple-system, BlinkMacSystemFont, Roboto, Droid Sans, Arial, sans-serif;
    --shadow: 0 0 6px 2px rgba(49,47,56,.15);
    --border-width: 0 8px 8px 8px;
    --border-dir-t: transparent transparent #fff transparent;
    --radius: 3px;
}


/* icon font */
/* Web-Font(Line) CSS */
@font-face {
    font-family: "icons-line";
    src: url("../css/images/fonts/icons-line.eot?wdevm4");
    src: url("../css/images/fonts/icons-line.eot?wdevm4#iefix") format("embedded-opentype"), url("../css/images/fonts/icons-line.ttf?wdevm4") format("truetype"), url("../css/images/fonts/icons-line.woff?wdevm4") format("woff"), url("../css/images/fonts/icons-line.svg?wdevm4#icons-line") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i.icons-line {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons-line" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-line-ai-cloud:before {
    content: "\e9f9";
}
.icon-line-smart-description:before {
    content: "\e9f8";
}
.icon-line-smart-product:before {
    content: "\e9f7";
}
.icon-line-date-analyze:before {
    content: "\e9d2";
}
.icon-line-star:before {
    content: "\e9b6";
}
.icon-line-ai:before {
    content: "\e9b4";
}
.icon-line-paid:before {
    content: "\e9b5";
}
.icon-line-calendar2:before {
    content: "\e9b2";
}
.icon-line-filter2:before {
    content: "\e9b3";
}
.icon-line-social-media-Login:before {
    content: "\e9b1";
}
.icon-line-promotion-report:before {
    content: "\e9b0";
}
.icon-line-Interface:before {
    content: "\e9af";
}
.icon-line-invoice:before {
    content: "\e9ae";
}
.icon-line-paidService:before {
    content: "\e9ac";
}
.icon-line-cart02:before {
    content: "\e9ad";
}
.icon-line-Tag:before {
    content: "\e9ab";
}
.icon-line-BankStatement:before {
    content: "\e9a4";
}
.icon-line-GroupLeader:before {
    content: "\e9a3";
}
.icon-line-funnel:before {
    content: "\e99c";
}
.icon-line-notify:before {
    content: "\e9aa";
}
.icon-line-SendOut:before {
    content: "\e965";
}
.icon-line-dot-three-01:before {
    content: "\e968";
}
.icon-line-Query:before {
    content: "\e969";
}
.icon-line-Reduce02:before {
    content: "\e96b";
}
.icon-line-Refresh:before {
    content: "\e96c";
}
.icon-line-Save:before {
    content: "\e96d";
}
.icon-line-Search:before {
    content: "\e96e";
}
.icon-line-Seller:before {
    content: "\e96f";
}
.icon-line-Setting:before {
    content: "\e970";
}
.icon-line-Shop:before {
    content: "\e971";
}
.icon-line-Shop02:before {
    content: "\e972";
}
.icon-line-Shopping-bag:before {
    content: "\e973";
}
.icon-line-Sure:before {
    content: "\e974";
}
.icon-line-UnLook:before {
    content: "\e975";
}
.icon-line-Version:before {
    content: "\e976";
}
.icon-line-Wantlist:before {
    content: "\e977";
}
.icon-ine-Serialnumber:before {
    content: "\e978";
}
.icon-line-Add02:before {
    content: "\e979";
}
.icon-line-Administrator:before {
    content: "\e97a";
}
.icon-line-Arrow-Down:before {
    content: "\e97b";
}
.icon-line-Arrow-Downward1:before {
    content: "\e97c";
}
.icon-line-Arrow-Left02:before {
    content: "\e97d";
}
.icon-line-Arrow-Right02:before {
    content: "\e97e";
}
.icon-line-arrow-top:before {
    content: "\e97f";
}
.icon-line-Arrow-UP:before {
    content: "\e980";
}
.icon-line-Badge:before {
    content: "\e981";
}
.icon-line-Bank:before {
    content: "\e982";
}
.icon-line-Barcode:before {
    content: "\e983";
}
.icon-line-Barcode02:before {
    content: "\e984";
}
.icon-line-Blockade:before {
    content: "\e985";
}
.icon-line-Block-Member:before {
    content: "\e986";
}
.icon-line-Buyer:before {
    content: "\e987";
}
.icon-line-Calendar:before {
    content: "\e988";
}
.icon-line-Camera:before {
    content: "\e989";
}
.icon-line-Category:before {
    content: "\e98a";
}
.icon-line-Comment:before {
    content: "\e98b";
}
.icon-line-Copy:before {
    content: "\e98c";
}
.icon-line-Credit-Card:before {
    content: "\e98d";
}
.icon-line-Customer-Service:before {
    content: "\e98e";
}
.icon-line-Delete:before {
    content: "\e98f";
}
.icon-line-Document:before {
    content: "\e990";
}
.icon-line-Doubt:before {
    content: "\e991";
}
.icon-line-Download:before {
    content: "\e992";
}
.icon-line-Event:before {
    content: "\e993";
}
.icon-line-Filter:before {
    content: "\e994";
}
.icon-line-Freezing:before {
    content: "\e995";
}
.icon-line-Fridge:before {
    content: "\e996";
}
.icon-line-Function:before {
    content: "\e997";
}
.icon-line-General:before {
    content: "\e998";
}
.icon-line-Help:before {
    content: "\e99a";
}
.icon-line-Index:before {
    content: "\e99b";
}
.icon-line-Links:before {
    content: "\e99d";
}
.icon-line-Live:before {
    content: "\e99e";
}
.icon-line-Look:before {
    content: "\e99f";
}
.icon-line-MamberID-None:before {
    content: "\e9a0";
}
.icon-line-No-Product:before {
    content: "\e9a1";
}
.icon-line-Ordercancel:before {
    content: "\e9a2";
}
.icon-line-Page-01:before {
    content: "\e967";
}
.icon-line-Password:before {
    content: "\e9a5";
}
.icon-line-Permission:before {
    content: "\e9a6";
}
.icon-line-Preview:before {
    content: "\e9a8";
}
.icon-line-Print:before {
    content: "\e9a9";
}
.icon-line-Arrow-FarRight:before {
    content: "\e962";
}
.icon-line-Arrow-left:before {
    content: "\e963";
}
.icon-line-Arrow-Right:before {
    content: "\e964";
}
.icon-line-Arrow-FarLeft:before {
    content: "\e966";
}
.icon-line-Arrow-Downward:before {
    content: "\e9a7";
}
.icon-line-Group:before {
    content: "\e999";
}
.icon-share-01:before {
    content: "\e960";
}
.icon-line-box-ArrowBack:before {
    content: "\e95b";
}
.icon-line-box-ArrowDown:before {
    content: "\e95c";
}
.icon-line-box-ArrowUp:before {
    content: "\e95d";
}
.icon-line-member:before {
    content: "\e95e";
}
.icon-line-QRcode:before {
    content: "\e95f";
}
.icon-line-ArrowParper:before {
    content: "\e953";
}
.icon-line-Reduce:before {
    content: "\e96a";
}
.icon-line-add:before {
    content: "\e952";
}
.icon-line-X:before {
    content: "\e955";
}
.icon-line-tick:before {
    content: "\e961";
}
.icon-line-ashbin:before {
    content: "\e956";
}
.icon-line-edit:before {
    content: "\e957";
}
.icon-line-truck:before {
    content: "\e958";
}
.icon-line-percent:before {
    content: "\e959";
}
.icon-line-dot:before {
    content: "\e95a";
}
.icon-mem-pdfaq:before {
    content: "\e948";
}
.icon-mem-trace:before {
    content: "\e949";
}
.icon-mem-coupon:before {
    content: "\e94a";
}
.icon-mem-points:before {
    content: "\e94b";
}
.icon-mem-tracelist:before {
    content: "\e94c";
}
.icon-line-hamburger:before {
    content: "\e940";
}
.icon-line-fire-2:before {
    content: "\e954";
}
.icon-mem-truck:before {
    content: "\e94d";
}
.icon-mem-editinfo:before {
    content: "\e94e";
}
.icon-mem-grouplist:before {
    content: "\e94f";
}
.icon-mem-address:before {
    content: "\e950";
}
.icon-mem-link-social:before {
    content: "\e951";
}
.icon-line-emoney-bold-02:before {
    content: "\e944";
}
.icon-line-info-edit-bold-02:before {
    content: "\e945";
}
.icon-line-round-bold-02:before {
    content: "\e946";
}
.icon-line-shop-bold-02:before {
    content: "\e947";
}
.icon-data-bold-02:before {
    content: "\e943";
}
.icon-line-box-product:before {
    content: "\e941";
}
.icon-line-home-bag:before {
    content: "\e942";
}
.icon-line-earphone:before {
    content: "\e93b";
}
.icon-line-arrow-UpDown:before {
    content: "\e93c";
}
.icon-line-bell:before {
    content: "\e93d";
}
.icon-line-lattice:before {
    content: "\e93e";
}
.icon-line-paper-text:before {
    content: "\e93f";
}
.icon-line-announce:before {
    content: "\e93a";
}
.icon-list-01:before {
    content: "\e922";
}
.icon-data-01:before {
    content: "\e92f";
}
.icon-table-01:before {
    content: "\e930";
}
.icon-social-01:before {
    content: "\e928";
}
.icon-duplicate-01:before {
    content: "\e92c";
}
.icon-preview-01:before {
    content: "\e92d";
}
.icon-like-01:before {
    content: "\e92e";
}
.icon-arrow-left-01:before {
    content: "\e90e";
}
.icon-arrow-right-01:before {
    content: "\e90f";
}
.icon-arrow-top-01:before {
    content: "\e910";
}
.icon-arrow-down-01:before {
    content: "\e911";
}
.icon-close-02:before {
    content: "\e92a";
}
.icon-arrow-left-02:before {
    content: "\e912";
}
.icon-arrow-right-02:before {
    content: "\e913";
}
.icon-arrow-top-02:before {
    content: "\e914";
}
.icon-arrow-down-02:before {
    content: "\e915";
}
.icon-arrow-left-03:before {
    content: "\e924";
}
.icon-arrow-right-03:before {
    content: "\e925";
}
.icon-arrow-top-03:before {
    content: "\e926";
}
.icon-arrow-down-03:before {
    content: "\e923";
}
.icon-arrow-left-04:before {
    content: "\e91b";
}
.icon-arrow-right-04:before {
    content: "\e91c";
}
.icon-arrow-top-04:before {
    content: "\e91d";
}
.icon-arrow-down-04:before {
    content: "\e91a";
}
.icon-close-circle-01:before {
    content: "\e917";
}
.icon-login-01:before {
    content: "\e90c";
}
.icon-logout-01:before {
    content: "\e90d";
}
.icon-add-01:before {
    content: "\e906";
}
.icon-remove-01:before {
    content: "\e907";
}
.icon-user-circle-01:before {
    content: "\e90b";
}
.icon-heart-01:before {
    content: "\e909";
}
.icon-cart-01:before {
    content: "\e908";
}
.icon-search-01:before {
    content: "\e90a";
}
.icon-info-edit-01:before {
    content: "\e900";
}
.icon-password-01:before {
    content: "\e905";
}
.icon-orderlist-01:before {
    content: "\e904";
}
.icon-emoney-01:before {
    content: "\e902";
}
.icon-bonus-01:before {
    content: "\e903";
}
.icon-ticket-01:before {
    content: "\e901";
}
.icon-address-01:before {
    content: "\e918";
}
.icon-shipping-01:before {
    content: "\e91e";
}
.icon-exchange-01:before {
    content: "\e938";
}
.icon-question-circle-01:before {
    content: "\e919";
}
.icon-alert-circle-01:before {
    content: "\e91f";
}
.icon-refresh-01:before {
    content: "\e916";
}
.icon-barcode-01:before {
    content: "\e9ba";
}
.icon-trash-01:before {
    content: "\e920";
}
.icon-shop-01:before {
    content: "\e921";
}
.icon-social-whatsapp-01:before {
    content: "\e9be";
}
.icon-social-messenger-01:before {
    content: "\e9c0";
}
.icon-social-facebook-01:before {
    content: "\e9c2";
}
.icon-social-email-01:before {
    content: "\e9c4";
}
.icon-social-line-01:before {
    content: "\e9c6";
}
.icon-social-instagram-01:before {
    content: "\e9c8";
}
.icon-social-twitter-01:before {
    content: "\e9ca";
}
.icon-social-google-01:before {
    content: "\e9d0";
}
.icon-social-plurk-01:before {
    content: "\e9ce";
}
.icon-social-sina-01:before {
    content: "\e9cc";
}




/* 實心 */
@font-face {
    font-family: "icons-solid";
    src: url("../css/images/fonts/icons-solid.eot?8s9t4p");
    src: url("../css/images/fonts/icons-solid.eot?8s9t4p#iefix") format("embedded-opentype"), url("../css/images/fonts/icons-solid.ttf?8s9t4p") format("truetype"), url("../css/images/fonts/icons-solid.woff?8s9t4p") format("woff"), url("../css/images/fonts/icons-solid.svg?8s9t4p#icons-solid") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i.icons-solid ,
.icomoon-liga {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons-solid" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-solid-date-analyze:before {
    content: "\e9f6";
    color: #00a4a6;
}
.icon-solid-star2:before {
    content: "\e931";
}
.icon-solid-half-star:before {
    content: "\e932";
}
.icon-solid-star:before {
    content: "\e933";
}
.icon-solid-shoppingmode:before {
    content: "\e927";
}
.icon-solid-groups:before {
    content: "\e929";
}
.icon-solid-visibility:before {
    content: "\e92b";
}
.icon-solid-touch-app:before {
    content: "\e934";
}
.icon-solid-location:before {
    content: "\e935";
}
.icon-solid-journey-collection:before {
    content: "\e936";
}
.icon-solid-mypoints:before {
    content: "\e937";
}
.icon-solid-points-card:before {
    content: "\e939";
}
.icon-solid-reservation:before {
    content: "\e9b7";
}
.icon-solid-map:before {
    content: "\e9b8";
}
.icon-solid-account:before {
    content: "\e9b9";
}
.icon-solid-note:before {
    content: "\e9bb";
}
.icon-solid-mycollection:before {
    content: "\e9bc";
}
.icon-solid-social-media-setting:before {
    content: "\e9bd";
    color: #00a4a6;
}
.icon-solid-link-management:before {
    content: "\e9bf";
    color: #00a4a6;
}
.icon-solid-addup:before {
    content: "\e9c1";
    color: #00a4a6;
}
.icon-solid-Cash-flow:before {
    content: "\e9c3";
    color: #00a4a6;
}
.icon-solid-expansion:before {
    content: "\e9c5";
    color: #00a4a6;
}
.icon-solid-customized-store:before {
    content: "\e9c7";
    color: #00a4a6;
}
.icon-solid-paid-service:before {
    content: "\e9c9";
}
.icon-solid-service:before {
    content: "\e9cb";
}
.icon-solid-service-order:before {
    content: "\e9cd";
}
.icon-soild-onlinetalk:before {
    content: "\e9cf";
}
.icon-solid-drag:before {
    content: "\e9d1";
}
.icon-solid-export-update:before {
    content: "\e9d3";
}
.icon-solid-ab-commodity-event:before {
    content: "\e9d4";
}
.icon-solid-special-store:before {
    content: "\e9d5";
}
.icon-solid-product-gallery-pic:before {
    content: "\e9d6";
}
.icon-line-store-customer-service:before {
    content: "\e9d7";
}
.icon-solid-collect-money:before {
    content: "\e9d8";
}
.icon-solid-team-buying:before {
    content: "\e9d9";
}
.icon-line-view-analysis:before {
    content: "\e9da";
}
.icon-line-choice:before {
    content: "\e9db";
    color: #008062;
}
.icon-line-Conversion-Rate:before {
    content: "\e9dc";
    color: #008062;
}
.icon-line-customer-service01:before {
    content: "\e9dd";
    color: #008062;
}
.icon-line-flow-analysis:before {
    content: "\e9de";
    color: #008062;
}
.icon-line-goods-analysis:before {
    content: "\e9df";
    color: #008062;
}
.icon-line-invisible-shop:before {
    content: "\e9e0";
    color: #008062;
}
.icon-line-Member-Blacklist:before {
    content: "\e9e1";
    color: #008062;
}
.icon-line-membership:before {
    content: "\e9e2";
    color: #008062;
}
.icon-line-merchandise:before {
    content: "\e9e3";
    color: #008062;
}
.icon-line-move-myship:before {
    content: "\e9e4";
    color: #008062;
}
.icon-line-move-shopee:before {
    content: "\e9e5";
    color: #008062;
}
.icon-line-Myshop-classification:before {
    content: "\e9e6";
    color: #008062;
}
.icon-line-non-groupbuy:before {
    content: "\e9e7";
    color: #008062;
}
.icon-line-notice:before {
    content: "\e9e8";
    color: #008062;
}
.icon-line-object-model:before {
    content: "\e9e9";
    color: #008062;
}
.icon-line-operate-analysis:before {
    content: "\e9ea";
    color: #008062;
}
.icon-line-payment-flow:before {
    content: "\e9eb";
    color: #008062;
}
.icon-line-seller-bank:before {
    content: "\e9ec";
    color: #008062;
}
.icon-line-shipping-analysis:before {
    content: "\e9ed";
    color: #008062;
}
.icon-line-special-offer:before {
    content: "\e9ee";
    color: #008062;
}
.icon-line-Bank-statement:before {
    content: "\e9ef";
    color: #008062;
}
.icon-line-basic-page:before {
    content: "\e9f0";
    color: #008062;
}
.icon-line-basic-shop:before {
    content: "\e9f1";
    color: #008062;
}
.icon-line-batch-job:before {
    content: "\e9f2";
    color: #008062;
}
.icon-line-BBC-bulkupload:before {
    content: "\e9f3";
    color: #008062;
}
.icon-line-Bonus:before {
    content: "\e9f4";
    color: #008062;
}
.icon-line-bulkupload:before {
    content: "\e9f5";
    color: #008062;
}
.icon-solid-paper-hook-2:before {
    content: "\e800";
}
.icon-solid-pen-dialogue:before {
    content: "\e801";
}
.icon-solid-truck:before {
    content: "\e802";
}
.icon-solid-box-arrow:before {
    content: "\e803";
}
.icon-solid-free-box:before {
    content: "\e804";
}
.icon-solid-free-hang:before {
    content: "\e805";
}
.icon-solid-layout:before {
    content: "\e806";
}
.icon-solid-paper-hook:before {
    content: "\e807";
}
.icon-solid-add-cart:before {
    content: "\e808";
}
.icon-solid-two-talk:before {
    content: "\e809";
}
.icon-solid-two-ticket:before {
    content: "\e80a";
}
.icon-solid-branch:before {
    content: "\e80b";
}
.icon-solid-four-box:before {
    content: "\e80c";
}
.icon-solid-money-hand:before {
    content: "\e80d";
}
.icon-solid-money-updown:before {
    content: "\e80e";
}
.icon-solid-qrcode:before {
    content: "\e80f";
}
.icon-solid-ticket:before {
    content: "\e810";
}
.icon-solid-box-add:before {
    content: "\e811";
}
.icon-solid-arrow-down-01:before {
    content: "\e812";
}
.icon-solid-arrow-left-01:before {
    content: "\e813";
}
.icon-solid-arrow-right-01:before {
    content: "\e814";
}
.icon-solid-arrow-top-01:before {
    content: "\e815";
}
.icon-solid-phone-circle-01:before {
    content: "\e816";
}
.icon-solid-cart-01:before {
    content: "\e817";
}
.icon-solid-filter-01:before {
    content: "\e818";
}
.icon-solid-social-messenger-01:before {
    content: "\e819";
}
.icon-solid-phone-01:before {
    content: "\e81a";
}
.icon-solid-arrow-down-02:before {
    content: "\e81b";
}
.icon-solid-arrow-left-02:before {
    content: "\e81c";
}
.icon-solid-arrow-right-02:before {
    content: "\e81d";
}
.icon-solid-arrow-top-02:before {
    content: "\e81e";
}
.icon-solid-login-01:before {
    content: "\e81f";
}
.icon-solid-logout-01:before {
    content: "\e820";
}
.icon-solid-heart-02:before {
    content: "\e821";
}
.icon-solid-user-circle-01:before {
    content: "\e822";
}
.icon-solid-social-whatsapp-01:before {
    content: "\e823";
}
.icon-solid-list-01:before {
    content: "\e824";
}
.icon-solid-data-01:before {
    content: "\e825";
}
.icon-solid-table-01:before {
    content: "\e826";
}
.icon-solid-duplicate-01:before {
    content: "\e827";
}
.icon-solid-social-01:before {
    content: "\e828";
}
.icon-solid-preview-01:before {
    content: "\e829";
}
.icon-solid-social-email-01:before {
    content: "\e82a";
}
.icon-solid-social-facebook-01:before {
    content: "\e82b";
}
.icon-solid-social-google-01:before {
    content: "\e82c";
}
.icon-solid-social-instagram-01:before {
    content: "\e82d";
}
.icon-solid-social-line-01:before {
    content: "\e82e";
}
.icon-solid-social-plurk-01:before {
    content: "\e82f";
}
.icon-solid-social-sina-01:before {
    content: "\e830";
}
.icon-solid-social-twitter-01:before {
    content: "\e831";
}
.icon-solid-two-column-01:before {
    content: "\e832";
}
.icon-solid-one-column-01:before {
    content: "\e833";
}
.icon-solid-like-01:before {
    content: "\e834";
}
.icon-solid-add-01:before {
    content: "\e835";
}
.icon-solid-remove-01:before {
    content: "\e836";
}
.icon-solid-search-01:before {
    content: "\e837";
}
.icon-solid-heart-01:before {
    content: "\e838";
}




/* globel */
a:hover, a:focus {
	text-decoration: none;
}
button {
    border: none;
    background: rgba(0,0,0,0);
    cursor: pointer;
}
.pic-margin-lr5 {
    margin: 0 5px;
}
.pic-margin-r5 {
    margin-right: 5px;
}
.pic-default .pic-BgText-color-green, .pic-BgText-color-green {
    background: var(--pic-green);
    color: #fff;
    border: var(--pic-green) solid 1px;
}
.pic-default .pic-BgText-color-white-green, .pic-BgText-color-white-green {
    background: #fff;
    color: var(--pic-green);
    border: var(--pic-green) solid 1px;
}
.pic-default .pic-text-green, .pic-text-green {
    color: var(--pic-green);
}
.pic-default .pic-bg-green-5, .pic-bg-green-5 {
    background: var(--pic-light-green-5);
}
.pic-default .pic-bg-green-5, .pic-bg-green-5 {
    background: var(--pic-light-green-5);
}
.pic-default .pic-text-gray-100, .pic-text-gray-100 {
    color: var(--pic-color-grey-100);
}
.pic-default .pic-text-gray, .pic-text-gray, .pic-default .pic-text-gray-60, .pic-text-gray-60 {
    color: var(--pic-color-grey-60);
}
.pic-default .pic-text-gray-50, .pic-text-gray-50 {
    color: var(--pic-color-grey-50);
}
.pic-justify-content-flex-end {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.pic-text-lnput[type=text], .pic-text-lnput {
    display: block;
    width: 100%;
    height: 40px;
    padding: 14px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--pic-color-grey-10);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
select.pic-text-lnput {
    padding: 0 12px;
}
.pic-window-cause-feedback-detail .pic-text-lnput-style, .pic-OrderCancel-window-detail .pic-text-lnput-style, .pic-text-lnput-style {
    background-image: url(images/pic/Icon_Arrows_BlackUp-bold.svg);
    background-position: 98% 9px;
    border-radius: 8px;
    background-repeat: no-repeat;
}

a.HeaderFastMenu:link{ color:#fff;}
a.HeaderFastMenu:visited{ color:#fff;}
a.HeaderFastMenu:hover{ color:#fff;}
a.HeaderFastMenu:active{ color:#fff;}

.HeaderText, .numTitle1 {
	font-size: 13px;
}

.HeaderText, .ApTitle1, .numTitle1 {
	font-weight: bold;
}

.meatTxt, .numTitle1 {
	color: #000000;
}

.HeaderText, .HeaderFastMenu, .ContentTitle1 {
	color: #FFFFFF;
}

.SubMenuBar {
	color: #B6865A;
}

.descTitle {
	color: #478fca;
}

.descMake {
	color: #ff892a;
}

.FormTxt100 , .FormTxt {
	background-color: #fff;
}

.FormTxt100, .FormTxtMark100{
	width: 100%!important;
}

.FormTxtMark, .FormTxtMark100 {
	background-color: #fff;
}
#sample-table-1 select.FormTxt{max-width: 120px;}
.form_star {
	color: #ff892a;
	font-size: 13px;
	font-weight: bold;
}

.ContentTitle1{background:#a0a0a0; font-size:16px;}
.ContentTitle2{background:#e7e7e7;}
.ContentTitle3{background:#f0f0f0;}
.for_allcolor01{ background:#d0d0d0;}
.for_allcolor01 td{ padding:5px;}
.hover_over:hover{ background:#eeeeee;}
.for_allcolor01 td.title{ color:#333;background:#f4f4f4; font-size:13px; padding:0 5px;}
.for_allcolor02{ background:#d0d0d0;}
.for_allcolor02 td{ background:#fff; padding:0 5px;}
.for_allcolor02 td.title{ color:#333;background:#f4f4f4; font-size:13px; padding:0 5px;}
.sub_content{background:#f4f4f4;}
.sub_content td{background:#f4f4f4;}

/*150717後台商品附加檔圖片爆版用*/
#All_admweb_only{ width:100%; height:auto;}
.product_editbox{ position:relative; height:35px; border-bottom:1px solid #CCC; margin-bottom:20px;}
.product_editbox ul{ position:absolute; left:0; height:35px; top:0; z-index:2;}
.product_editbox ul li{ float:left; margin-right:2px; text-align:center;}
.product_editbox ul li a{ display:block; width:100px; height:35px; background-color:#fff;border:1px solid #CCC; line-height:35px;}
.product_editbox ul li a:hover{ background-color:#f9f9f9;}
.product_editbox ul li.active a{ border-top:2px solid #4c8fbd;border-bottom:1px solid #fff;}
.product_editbox ul li.active a:hover{ background-color:#fff;}

/* 新版 */
.admweb_header_fix{ position:fixed; left:0; top:0; width:100%; height:60px; background:#fff; border-bottom:1px solid #d5d5d5;box-shadow:0 0 5px rgba(0,0,0,.1); z-index:999;}
.admweb_header{ position:relative; }
.admweb_header .logo{ width:120px; height:50px; position:absolute; left:0; top:5px;}
.admweb_header .logo img{ width:120px; height:50px;}
.admweb_header .store_name{position:absolute; left:125px; top:5px; height:50px; font:16px/50px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#333;}
.admweb_header .admweb_list{ position:absolute; right:10px; top:0; height:30px;}
.admweb_header .admweb_list li{ float:left; padding:0 10px; font-size:13px; color:#666; line-height:30px;}
.admweb_header .admweb_list li a{ color:#666; text-decoration:none; padding-left:5px;}
.admweb_header .admweb_list li a:hover{ text-decoration:underline;}
.admweb_header .lang_list{ position:absolute; height:20px; right:20px; top:30px; line-height:20px; font-size:12px;}
.admweb_header .lang_list span{ background:#000; color:#fff; padding:2 3px;}
.admweb_header .lang_list a{border:1px solid #d5d5d5;padding:2 3px; color:#9b9b9b; text-decoration:none;}
.admweb_header .lang_list a:hover{color:#9b9b9b; text-decoration:none;}
.admweb_header .alert_list{ position:absolute; height:30px; right:400px; top:0; line-height:30px; font-size:12px; text-align:right;}
.admweb_nav { 
	width:80px; background:#333; position: absolute; left:0; 
	top:60px;     
	height: calc(100% - 60px);
	box-shadow:2px 0 0 rgba(0,0,0,.1); z-index:998;
}
.admweb_nav .aside_list{ width:100%; margin-top:20px;}
.admweb_nav .aside_list > li{ position:relative; width:100%; height:55px; margin-bottom:15px; text-align:center;color:#a4a4a4; font-size:14px; cursor:pointer;}
.admweb_nav .aside_list > li .icon_box{ text-align:center; font-size:28px; margin-top:8px;}
.admweb_nav .aside_list > li:hover{ color:#fff;}
.admweb_nav .aside_list > li > ul.sub_aside_list{ position:absolute; left:62px; top:0; width:200px; background:#fff;border-bottom:1px solid #d5d5d5;box-shadow:5px 5px 5px rgba(0,0,0,.1); display:none;}
.admweb_nav .aside_list > li > ul.sub_aside_list01{ top:inherit; bottom:0;}
.admweb_nav .aside_list > li > ul.sub_aside_list > li > a{ display:block; width:100%; height:40px; border-top:1px solid #d5d5d5; line-height:40px; color:#666; text-decoration:none; text-align:left; padding-left:8px; font-size:14px;}
.admweb_nav .aside_list > li > ul.sub_aside_list > li > a:hover{line-height:40px; color:#666; text-decoration:none; background:#f5f5f5;font-size:14px;}
.body_padding{ padding-left:80px; padding-top:60px;}
.admweb_footer{border-top:1px solid #d5d5d5; text-align:right; font-size:12px; color:#989898; line-height:40px; clear:both; padding-right:10px;}
.admweb_footer a{color:#989898; text-decoration:underline;}
.index_logo{ width:200px; margin:0 auto; padding-top:40px;}
.index_store_name{ width:500px;margin:0 auto;font:16px/50px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#333; text-align:center;}
.index_loginbox{ width:500px; margin:0 auto; background:#fff;border:1px solid #d5d5d5;box-shadow:5px 5px 5px rgba(0,0,0,.1); padding:20px;}
.index_loginbox td{ padding:5px;}
.index_body{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}
.table-header{background:#333;}
.ij_calendar_s_meatTxt{ background:#fff; border:1px solid #d5d5d5;}
/*151225分頁css*/
li.pre,li.dis,li.next,li.countlist{ list-style:none; display:inline-block; margin:0 10px; line-height:50px;}
li.dis{ font-size:15px;}
.changed_column{color:#dd5a43!important;}

/* 報表 */
.create_reportbtn{ width:100%; height:40px; font-size:15px; color:#333; border:1px solid #d9d9d9; background:#F4F4F4; padding:0 10px; line-height:40px; cursor:pointer;}
.create_reportbtn i{ float:right; margin-top:12px; color:#999;}
.create_reportbtn:hover i{ color:#000;}
#report_list .listbox{ width:20%; float:left; margin-bottom:10px;}
#report_list .listbox .del_btn{ float:left; display:inline-block; background: url(images/fa-minus-circle.png) no-repeat 50% 50%; border:0; width:30px; height:30px; cursor:pointer;}
#report_list .listbox .list_btn{  display:inline-block;background:#ff6600; padding:0 10px; line-height:30px; color:#fff; border:0; cursor:pointer; font-size:14px; height:30px;}
#report_list .listbox .txtbox{ font-size:13px; color:#999; padding-left:30px;}
.p_10box{ padding:10px;}

/* 160805新版後台商品建檔-商品列表 */
.p_alllist li{ float:left; padding:3px;}
.p_alllist li:nth-child(1){ width:15%;}
.p_alllist li:nth-child(1) img{ max-width:100%; height:auto;}
.p_alllist li:nth-child(2){ width:85%;}
.pbox_w01,.pbox_w04{ width:13%;}
.pbox_w02{ width:40%;}
.pbox_w03,.pbox_w05{ width:8%;}
.pbox_w06{ width:3%;}
.pbox_w07{ width:8%;}
.use_block{ display:inline;}
@media screen and (max-width:1680px) {
.pbox_w01{ width:15%;}
.p_alllist li:nth-child(1){ display:block; width: 80px;}
.p_alllist li{ float:none;}
.use_block{ display:block; margin-top: 10px;}	
}

@media screen and (max-width:1366px) {
.pbox_w01{ width:20%;}
.pbox_w02{ width:30%;}
.p_alllist li:nth-child(2){ width:100%;}
.pbox_w03{ width:9%;}
.pbox_w04{ width:14%;}
.pbox_w05{ width:9%;}
.pbox_w06{ width:3%;}
}
@media screen and (max-width:1360px) {
.p_alllist li:nth-child(2){ width:100%;}
.pbox_w03{ width:9%;}
.pbox_w04{ width:14%;}
.pbox_w06{ width:4%;}
}
@media screen and (max-width:1280px) {
.pbox_w01{ width:20%;}
.pbox_w03{ width:9%;}
.pbox_w04{ width:15%;}
.pbox_w06{ width:5%;}
}
@media screen and (max-width:1024px) {
.pbox_w01{ width:16%;}
.pbox_w02{ width:33%;}
.pbox_w03{ width:6%;}
.pbox_w04{ width:19%;}

}
/* 會員輪廓 */
.man_box{ width:100%; height:150px; position:relative; margin-bottom:20px;}
.man_box .man_icon{ position:absolute; left:0; top:0; width:75px; height:150px; background: url(images/man_icon.svg) no-repeat 50% 50%; background-size:100%;}
.man_box .man_num{ position:absolute; left:85px; top:0; width:100px; height:100px; font-size:26px; line-height:100px;border-radius:100%; color:#fff; background:#6FB3E0; text-align:center;}
.man_box .arrow_icon{position:absolute; left:81px; top:42px; width:10px; height:10px;background:#6FB3E0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.man_box .woman_icon{ position:absolute; left:0; top:0; width:75px; height:150px; background: url(images/woman_icon.svg) no-repeat 50% 50%; background-size:100%;}
.man_box .woman_num{ position:absolute; left:85px; top:0; width:100px; height:100px; font-size:26px; line-height:100px;border-radius:100%; color:#fff; background:#EF6A70; text-align:center;}
.man_box .arrow_icon01{position:absolute; left:81px; top:42px; width:10px; height:10px;background:#EF6A70;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.num_allbox{font-size:26px;}


/*product-庫存lightbox*/
#showMallsStocks{ height:100%; border: 1px solid #DDD;}
#showMallsStocks_prod_name{ display:block; width: 100%; background: #f5f5f5; padding: 5px; color:#478fca; border-bottom: 2px solid #eee; }
#showMallsStocks_table{ width:100%; font-size: 13px;}
#showMallsStocks_table th,#showMallsStocks_table td{ padding:3px 5px;}
#showMallsStocks_table tr:nth-child(1) th{ font-weight:bold; border-bottom: 1px solid #eee; }

/*商品原始貨號*/
#prod_no_old { width:260px;}
#sample-table-1 #prod_color_name, #sample-table-1 #prod_size, #sample-table-1 input[name="prod_color_pantone"] { width:130px;}

/*售價紅綠燈*/
.gyr_light{ display: block; margin-top: 5px;}

.table.table-bordered .nowrapTH { white-space:nowrap;}

/*清單匯出申請*/
.ExportBox { display:block; padding-left:63px; margin-top:5px;}
.ExportText { color:#478fca;}

/*技術摘要*/
.ts_input input[type="text"]{ width: 100%;}
.s_w100p{ width: 100%;}
.mb10{ margin-bottom:10px;}

/*右下客服icon*/
.float_Ricon{ position: fixed; right: 20px; bottom: 20px; transition: all .5s;} 
.float_Ricon:hover{ bottom: 25px;}
.float_Ricon a{ display: block; width:60px; height: 60px; text-indent: -9999px; background: url(images/Ricon_line.svg) center no-repeat;}
.float_Ricon .show_word{ transition: all .5s; opacity: 0; background: #f5f5f5; position: absolute; min-width: 180px; padding: 0 10px; height: 25px; border-radius: 3px; top: 17px; right:80px;}
.float_Ricon .show_word:after{ position: absolute; right: -11px; top: 5px; content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 18px; border-color: transparent transparent transparent #f5f5f5;}
.float_Ricon .show_word span{ display: block; line-height: 25px; text-align: center; font-size: 13px; color: #147abc; line-height: 25px;}
.float_Ricon:hover .show_word{ opacity: 1;}
.float_Rshow{ box-shadow: 0px 0px 4px 1px #D9D9D9; -webkit-box-shadow: 0px 0px 4px 1px #D9D9D9; -moz-box-shadow: 0px 0px 4px 1px #D9D9D9; -o-box-shadow: 0px 0px 4px 1px #D9D9D9; padding-bottom: 25px; text-align: center; color: #555; overflow: hidden; width: 250px; height: auto; border-radius: 5px; position: fixed; right: 20px; bottom: 100px; background:#f5f5f5;}
.float_Rshow .float_Rshow_title{ background: url(images/Rshow_title.svg) 20px no-repeat; background-size: 20px; margin-bottom: 18px; width: 100%;height: 40px; display: flex; align-items: center; background-color:#00c500; padding: 0 10px;}
.float_Rshow .float_Rshow_title h3{ display: block; width: 90%; line-height: 40px; font-size: 15px; color: #fff; padding-left: 30px;}
.float_Rshow .float_Rshow_title span{ display: block; width: 10%; height: 40px; text-indent: -9999px; background: url(images/close_X.svg) center no-repeat; background-size: 12px; cursor: pointer;}
.float_Rshow > h5{ color:#555; font-size: 16px; line-height: 25px; margin-bottom: 12px;}
.float_Rshow > span{ font-size: 12px; color:#888; line-height: 18px;}
.float_Rshow > img{ display: block; width: 85%; margin: 0 auto; margin-bottom: 15px;}

/* 後臺首頁儀表板 */
.admweb_memberbox_top .admweb_memberbox_title{float:left;font-size: 25px; font-weight: bold;}
.admweb_memberbox_top a.admweb_memberbox_btn{float:right;font: 16px/40px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color: #444; padding-right:15px;position: relative;}
.admweb_memberbox_top a.admweb_memberbox_btn:after{content:"+";position: absolute;width:18px;height:18px;font-size: 14px;border: 1px solid #444; top:50%; transform: translateY(-50%); left: -22px; line-height: 15px; text-align: center; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.admweb_memberbox .grid-sizer { width: 100%; flex:100%;}
.admweb_memberbox{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.admweb_memberbox .admweb_memberboxL,.admweb_memberbox .admweb_memberboxR{float: left;width:49%;flex:1;}
.admweb_memberbox .admweb_memberboxL.active .admweb_item{float: left;width:49%;flex:1;}
.admweb_memberbox .admweb_item{float: left;width:100%;border: 1px solid #ddd; text-align: center;margin-bottom: 10px;}
.admweb_memberbox .admweb_item .admweb_title{padding-left:10px;text-align: left;border-bottom: 2px solid #ddd;color: #707070; line-height: 34px; font-weight: normal; background: #f2f2f2; background-image: -webkit-gradient(linear, left 0, left 100%, from(#f8f8f8), to(#ececec)); background-image: -webkit-linear-gradient(top, #f8f8f8, 0%, #ececec, 100%); background-image: -moz-linear-gradient(top, #f8f8f8 0, #ececec 100%); background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%); background-repeat: repeat-x;}
.admweb_memberbox .admweb_item .admweb_chartbox{min-height:300px;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; align-items: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.admweb_memberbox .admweb_item span{padding: 10px 0; font-size: 42px; font-weight: bold;display: block;color:#d15b47;}
.admweb_memberbox .admweb_item .admweb_chartbox img{max-width:100%; width:auto; height:auto;}
.admweb_showahidebox{}
.admweb_showahidebox{font-size: 20px;font-weight: bold;line-height: 46px;text-align: center;}
ul.addchart_box{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;max-width: 90%;padding:20px 0 15px 0;margin:0 auto;}
ul.addchart_box li{float:left;}
ul.addchart_box li .addchart_btn{display: block; background-color: transparent; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #798398; border: solid 2px #798398; height: 42px; margin-right: 6px; padding: 0 15px; line-height: 40px; font-size: 16px; font-weight: normal; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;margin-bottom: 10px;}
ul.addchart_box li .addchart_btn.addactive{background-color: #444; color: #fff;border-color:transparent;}

/* 元件小圖 */
.item_img_td {width: 120px; height:auto;margin:5px 0;}
.item_img_td img{width:100%; height:auto;}

/* 新元件樣式小圖 */
.item_temp_review{margin-top:10px;}
.item_temp_review img{max-width:100%; width:100%; height:100%;}

/* 會員群組卡片圖片 */
.radio_group{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.radio_group .radio_set{flex:0 33.333%;margin: 5px 0 !important;}
.radio_group .radio_set img{width:350px !important;height:220px !important;}
.radio_group .radio_set:last-of-type img{width:220px !important;}

.dec_icon, .dec_icon_freeze, .dec_icon_fridge{width: auto;font-size: 13px; border: 1px solid; display: inline-block; padding: 1px 2px 1px 18px;}
.dec_icon{ background: url(images/thermosphere_room.svg) no-repeat 5% center; color: #ef901a;}
.dec_icon_freeze{ color: #0cb4f0; background: url(images/thermosphere_freezing.svg) no-repeat 5% center;}
.dec_icon_fridge{color:#02B347;background:url(images/thermosphere_fridge.svg) no-repeat 5% center;}

/* 付費服務中心 */
.pic-default {
	padding: 60px 0 0 80px;
	min-height: calc(100vh - 45px);
	background: #eaeaea;
}
.admweb-v2-orderlist-header {
	display: none;
}
.admweb-v2-adjustment {
	background: #eaeaea;
}
.pic-common-navbarbox .pic-nav-list {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    height: 100%;
    align-items: center;
}
.pic-common-navbarbox .pic-navbar,
.admweb-v2-store_delivery__nav-list {
    position: relative;
    background-color: #fff;
}
.pic-common-navbarbox .pic-nav-a, 
.admweb-v2-store_delivery__nav-item {
    color: #828282;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
	border-bottom: 2px solid #eaeaea;
    cursor: pointer;
	padding: 12px;
}
.pic-common-navbarbox.pic-common-navbarbox-tow-width-50 .pic-nav-a.selected,
.admweb-v2-store_delivery__nav-item.active {
	border-color: var(--pic-green);
    color: var(--pic-green);
}
.admweb-v2-NoData {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 210px 0 187px 0;
}
.admweb-v2-img-BlacklistNoData {
    background: url(images/admweb_pic/blacklist-NoData.svg) no-repeat center;
    width: 160px;
    height: 160px;
}
.admweb-v2-NoData span {
    color: #c1c1c1;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
}
.admweb-v2-settings-frame {
    background: #fff;
    padding: 10px;
    margin: 10px;
}
.admweb-v2-NewProduct-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px 16px 4px;
}
.admweb-v2-order_detail__card {
    background: #fff;
    padding: 10px 15px;
}
.admweb-v2-order_detail__card--title {
	padding: 5px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
}
.admweb-v2-order_detail__card--title h3 {
    font-weight: 400;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.admweb-v2-order_detail__card--title i, .admweb-v2-order_detail__line_card--title i {
    font-size: 22px;
    vertical-align: bottom;
}
ul.admweb-v2-service_box {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
ul.admweb-v2-service_box>li {
    width: 250px;
    background: var(--pic-color-grey-5);
    padding: 10px;
    border: 1px solid var(--pic-color-grey-5);
}
ul.admweb-v2-service_box>li .admweb-v2-service_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    height: 20px;
}
ul.admweb-v2-service_box>li .admweb-v2-service_title p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.admweb-v2-service_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    border-top: 1px dashed var(--pic-color-grey-30);
    padding-top: 8px;
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
}
.admweb-v2-service_info .admweb-v2-service_imgbox {
    width: 70px;
    height: 70px;
    display: block;
    background-image: url(images/admweb_pic/img_default.svg);
    background-position: center center;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.admweb-v2-service_info .admweb-v2-service_detail {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.admweb-v2-service_info .admweb-v2-service_detail a {
    display: block;
    width: 100%;
    height: 32px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
}
.admweb-v2-service_info .admweb-v2-service_detail a i {
    font-size: 16px;
    vertical-align: text-bottom;
    margin-right: 2px;
}
.admweb-v2-settings-frame .admweb-v2-SettingsTitle {
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2F2F2F;
    white-space: nowrap;
    margin-bottom: 0;
}
.admweb-v2-settings-frame .admweb-v2-SettingsTitle i.icons-line {
    font-size: 24px;
    margin-right: 7.5px;
    padding: 2px;
}
.admweb-v2-store_delivery__nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.admweb-v2-store_delivery__card {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 10px;
}
.admweb-v2-orderlist__form-item {
    display: grid;
    grid-template-columns: 60px 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}
.admweb-v2-orderlist__list {
    background: var(--pic-color-grey-10);
    list-style: none;
    padding: 0 10px;
}
.admweb-v2-orderlist__card {
    background: #fff;
    padding: 8px 15px;
    overflow-x: auto;
}
.admweb-v2-orderlist__table {
    font-size: 14px;
    text-align: center;
    width: 100%;
    display: table;
}
.admweb-v2-orderlist__table--head {
    color: var(--pic-color-grey-60);
    background: var(--pic-color-grey-5);
}
.admweb-v2-orderlist__table--head th {
    padding: 6px;
    font-weight: normal;
    white-space: nowrap;
}
.admweb-v2-orderlist__card-top_status-link {
	border-radius: 6px;
    padding: 5px;
    margin-top: 2px;
    cursor: pointer;
    white-space: nowrap;
}
.admweb-v2-orderlist__progress-container {
	border-radius: 8px;
    overflow: hidden;
}
.admweb-v2-orderlist__progress-btn {
    width: 100%;
    display: block;
    border: none;
    padding: 8px;
    cursor: pointer;
    font-size: 14px;
    margin: 0;
}
.admweb-v2-orderlist__progress-outer {
    overflow-x: auto;
    -webkit-transition: height .2s ease-in;
    -moz-transition: height .2s ease-in;
    transition: height .2s ease-in;
    background: var(--pic-light-green-5);
}
.admweb-v2-orderlist__progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	justify-content: center;
    padding: 10px 0;
    background: var(--pic-light-green-5);
}
.admweb-v2-orderlist__progress-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 100px;
    color: var(--pic-color-grey-60);
    padding: 0 15px;
}
.admweb-v2-orderlist__progress-item--success {
    color: var(--pic-green);
}
.admweb-v2-orderlist__progress-circle {
    width: 8px;
    height: 8px;
    background-color: var(--pic-color-grey-20);
    border-radius: 50%;
}
.admweb-v2-orderlist__progress-item--success .admweb-v2-orderlist__progress-circle, .admweb-v2-orderlist__progress-item--success .admweb-v2-orderlist__progress-circle:before, .admweb-v2-orderlist__progress-item--success .admweb-v2-orderlist__progress-circle:after {
    background-color: var(--pic-green);
}
.admweb-v2-orderlist__progress-circle:before, .admweb-v2-orderlist__progress-circle:after {
    width: 50%;
    height: 1px;
    background-color: var(--pic-color-grey-20);
    position: absolute;
    display: inline-block;
    content: "";
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
}
.admweb-v2-orderlist__progress-circle:before {
    right: 50%;
}
.admweb-v2-orderlist__progress-circle:after {
    left: 50%;
}
.admweb-v2-orderlist__progress-item:first-child .admweb-v2-orderlist__progress-circle:before {
	display: none;
}
.admweb-v2-orderlist__progress-item:last-child .admweb-v2-orderlist__progress-circle:after {
	display: none;
}
.admweb-v2-orderlist__inner {
    overflow-x: auto;
    flex-grow: 1;
    position: relative;
    min-height: calc(100vh - 158px);
	font-size: 14px;
    background: var(--pic-color-grey-10);
}
.admweb-v2-order_detail__content {
    list-style: none;
    padding: 10px;
    margin-bottom: 20px;
}
.admweb-v2-order_detail__content>* {
    margin-bottom: 10px;
}
[data-folded] {
    height: 0;
}
[data-folder-target] {
    -webkit-transition: height .2s ease-in 0s;
    -moz-transition: height .2s ease-in 0s;
    transition: height .2s ease-in 0s;
    overflow-y: hidden;
}
.admweb-v2-order_detail__order-info {
    margin-top: 4px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    border: 1px solid var(--pic-color-grey-5);
}
.admweb-v2-order_detail__info-desc {
    display: grid;
    grid-template-columns: var(--custom-grid-width) 1fr;
    border-bottom: 1px solid var(--pic-color-grey-5);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.admweb-v2-order_detail__info-desc-dt {
    background: var(--pic-color-grey-5);
    padding: 6px;
    color: var(--pic-color-grey-60);
    text-align: center;
    height: 100%;
}
.admweb-v2-order_detail__info-desc-dd {
    margin: 0 5px;
}
.pic-flex-center-between {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.admweb-v2-order_detail__card-folder-btn i {
    font-size: 24px;
    font-weight: bold;
    color: var(--pic-color-grey-100);
}
.admweb-v2-order_detail__folder-inner_content {
    display: grid;
    grid-template-columns: var(--custom-grid-width) 1fr;
    font-size: 12px;
    color: var(--pic-color-grey-80);
    padding: 3px;
}
.admweb-v2-order_detail__content .admweb-v2-order_detail__folder-inner_content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.admweb-v2-order_detail__folder-inner_content dt {
    text-align: center;
}
.admweb-v2-order_detail__folder-inner {
    grid-area: 2/1/3/4;
    border-top: 1px solid var(--pic-color-grey-5);
}
.admweb-v2-order_detail__product-table {
    width: 100%;
    color: var(--pic-color-grey-100);
    font-size: 14px;
}
.admweb-v2-order_detail__product-table tr {
    border-top: 1px solid var(--pic-color-grey-5);
}
.admweb-v2-order_detail__product-info th {
    background: var(--pic-color-grey-5);
    padding: 12px;
    color: var(--pic-color-grey-60);
    white-space: nowrap;
}
.admweb-v2-order_detail__product-item {
    text-align: center;
}
.admweb-v2-order_detail__product-img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 70px;
    height: 70px;
    border-radius: 8px;
    overflow: hidden;
}
.admweb-v2-order_detail__product-name {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
}
.admweb-v2-order_detail__product-no, .admweb-v2-order_detail__product-spec {
    color: var(--pic-color-grey-40);
    font-size: 12px;
}
.admweb-v2-order_detail__product-spec {
    text-align: left;
}
.admweb-v2-order_detail__product-sum {
    min-width: 91px;
}
.admweb-v2-order_detail__product-table .admweb-v2-order_detail__product-cost {
    white-space: nowrap;
}
.admweb-v2-order_detail__product-item+.admweb-v2-order_detail__product-unify {
    border-top: 1px solid var(--pic-color-grey-5);
}
.admweb-v2-order_detail__product-unify td {
    padding: 6px 10px;
}
.admweb-v2-order_detail__product-unify td[colspan="2"] {
    text-align: right;
}
.admweb-v2-order_detail__total_price {
    font-size: 17px;
    color: var(--pic-green);
}
.admweb-v2-order_detail__action {
	display: flex;
    width: -webkit-calc(100% - var(--side-menu-width));
    width: -moz-calc(100% - var(--side-menu-width));
    width: calc(100% - var(--side-menu-width));
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
	align-items: stretch;
	background-color: #fff;
    border-top: 1px solid var(--Neutral-Grey-10, #EAEAEA);
    gap: 5px;
    padding: 5px;
	position: sticky;
    bottom: 0;
    right: 0;
}
.admweb-v2-orderlist__action-row_btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 16px;
}
.admweb-v2-order_detail__action-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px 5px;
    background: var(--pic-green) !important;
    color: #fff;
    padding: 3px 5px;
    border: none;
    border-radius: 6px;
	flex-grow: 0;
	flex-direction: row;
	font-size: 16px;
}