@charset "UTF-8";
/* @import 'reset'; */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
@import url('main.css');
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit;font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
*,:after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}
html,body{min-height:100%;font-family:Arial,"文泉驛正黑","WenQuanYi Zen Hei","STHeitiTC-Light","Heiti TC","微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,sans-serif;color:#666;background-color:#fff;font-size:16px;position:relative;overflow-x:hidden}
button,input,optgroup,select,textarea{font-family:Arial,"文泉驛正黑","WenQuanYi Zen Hei","STHeitiTC-Light","Heiti TC","微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,sans-serif}
html{height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button:focus{outline:none}
/* margin-top 10~100 */
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt40 img{max-width:100%}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
/* margin-bottom 10~100 */
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}
.mg-0{margin:0}
.pd-0{padding:0}
/* Background Color */
.bg-darkgrey{background-color:#666}
.bg-grey{background-color:#999}
.bg-tomato{background-color:#e94141}
.bg-ocean-blue{background-color:#0067b5}
.bg-orange{background-color:#fd8e54}
.bg-dark-sky-blue{background-color:#3d90e3}
.bg-tealish{background-color:#2db3bd}
.bg-white{background-color:#f8f8f8}
/* Text Color */
.text-orange{color:#fd8e54}
.text-red{color:#e84242}
.text-blue{color:#4b9ce4}
.text-gray{color:rgba(102,102,102,0.6)}
.text-small{font-size:13px}
.text-normal{font-size:16px}
/* Hide the HTML5 number input’s spin box */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
/* hover style just for information */
label:hover:before{border:1px solid #4778d9!important}
.header-lg{font-size:1.2em;font-weight:700;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:18px 0}
@media screen and (max-width: 767px) {
.header-lg{padding:9px 0 18px 0}
}
.header-lg__no-bottom{border-bottom:0}
.header-lg > a{text-decoration:none;color:#666}
.header-lg__in-row{margin-left:15px;margin-right:15px}
.form-small{width:80px}
.form-base{width:140px}
.form-middel{width:200px}
.form-long{width:280px}
.form-xlong{width:470px}
.form-fullphone{width:354px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.form-fullphone__short{width:70px}
@media screen and (max-width: 767px) {
.form-base{width:100%}
.form-middel{width:100%}
iframe[src *= facebook]{max-width:360px;height:197px}
.form-long{width:100%}
.form-fullphone{width:100%}
}
@media screen and (max-width: 991px) {
.form-xlong{width:100%}
}
@media screen and (max-width: 767px) {
.form-fullphone__short{width:20.33898%}
}
.form-fullphone__long{width:140px}
@media screen and (max-width: 767px) {
.form-fullphone__long{width:49.83051%}
}
.form-fulladdr{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.form-fulladdr select{padding:6px}

/*.form-fulladdr > :first-child{margin-right:10px}*/
.form-frequency{width:480px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.form-frequency select{width:100px;padding:6px;margin:0 10px;text-align:right;}
@media screen and (max-width: 991px) {
/*.form-fulladdr > :first-child{margin-bottom:10px}*/
.form-frequency select{width:30%}
}
@media screen and (max-width: 479px) {
.form-fulladdr{width:100%;}
.form-frequency{width:100%;}
.form-fulladdr select{width:100%;display:block;margin-right:0 !important;margin-bottom:10px !important;}
.form-frequency select{width:100%;display:block;margin-right:0 !important;margin-bottom:10px !important;margin-left:0 !important;}
}
@media screen and (max-width: 767px) {
.form-fulladdr > :first-child{margin-right:6%}
}
.form-fulladdr > :nth-child(1){margin-right:10px}
.form-fulladdr > :nth-child(2){margin-right:10px}
@media screen and (max-width: 991px) {
/*.form-fulladdr > :nth-child(2){margin-right:0;margin-bottom:10px}*/
}
.form-fulladdr > :last-child{margin-right:0}
@media screen and (max-width: 991px) {
.form-fulladdr > :last-child{margin-bottom:0}
}
@media screen and (max-width: 991px) {
/*.form-fulladdr{width:100%}*/
}
.form-fulladdr__short{width:90px}
.form-fulladdr__short.zone2 {width: 110px;}
@media screen and (max-width: 767px) {
.form-fulladdr__short{width:calc(50% - 5px)}
.form-fulladdr > :nth-child(2){margin-right:0px}
.form-fulladdr__short.zone2 {width:calc(50% - 5px)}
}
.form-fulladdr__long{width:280px}
.required::before{content:"*";color:#f00;margin:0 3px;}
.form-required{font-size:.82em;position:relative}
.form-required::after{content:'*必填';color:#e84242;position:absolute;right:-35px;top:0}
.required::before{content:"*";color:#f00;}
.required:hover::before{border:none !important;}
.input_field[data-required="true"]::before{content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 8px 7.5px 0;
border-color: transparent #d63232 transparent transparent;
position:absolute;top:-19px;right:29px;
}
.input_field[data-required="true"]::after{content:"必填";background:#d63232;color:#fff;padding:0 3px;position:absolute;right:0;top:-20px;display:inline-block;font-size:10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.cform__wrapper--no-margin{margin-top:0}
.cform-row{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-bottom:1px solid #e5e5e5}
.cform-label{font-size:.82em;line-height:20px;padding:10px;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;background-color:#f8f8f8;width:16.66667%}
@media screen and (max-width: 767px) {
.form-fulladdr__long{width:100%}
.form-required::after{right:0;top:-20px}
.cform__wrapper{padding-left:15px;padding-right:15px}
.cform-row{border-bottom:0}
.cform-label{display:none}
}
.cform{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 20px;-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3;-ms-flex-negative:3;flex-shrink:3}
.cform label{font-size:.82em;font-weight:900}
@media screen and (max-width: 767px) {
  .cform label {display: -webkit-box;display: -ms-flexbox;}
}
.cform label.for-input{margin-bottom:0;font-weight:400;}
.cform-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.cform-group > :not(:first-child){margin-left:10px}
@media screen and (max-width: 991px) {
.cform{padding:10px;/*max-width:425px*/}
}
.cform-row:hover{background:#b1b2000f;}
.cform-row:hover .cform-label{background:#f4f4e3;}
@media screen and (max-width: 767px) {
.cform{padding:10px 5px;display:block;max-width:100%}
.cform-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.cform-group > :not(:first-child){margin-left:0;margin-top:10px}
}
.cform > .radio-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.cform > .radio-group > *{margin:5px}
.cform > .radio-group label{font-weight:400}
.cform > .text-small{line-height:20px}
.btn{position:relative;overflow:hidden;}
.btn:hover,.btn:focus{outline:none !important;}

.btn-white,.btn-orange,.btn-strawberry,.btn-lightblue,.btn-blue
{
-webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.btn-white.btn:hover,.btn-white.btn:focus,
.btn-orange.btn:hover,.btn-orange.btn:focus,
.btn-strawberry.btn:hover,.btn-strawberry.btn:focus,
.btn-lightblue.btn:hover,.btn-lightblue.btn:focus,
.btn-blue.btn:hover,.btn-blue.btn:focus
{
-webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.btn-white{height:50px;font-size:1.25rem;text-align:center;background-color:#f8f8f8;border:1px solid #ccc;border-radius:6px;color:#666}
.btn-white.btn:hover,.btn-white.btn:focus{color:#fff;background-color:#e8e8e8}
.btn-white:not(.enabled):not(.disabled).btn:hover,.btn-white:not(.enabled):not(.disabled).btn:focus{color:#666}
.btn-white.enabled{color:#fff;background-color:#666}
.btn-white.disabled{color:#ccc;background-color:#f8f8f8;cursor:not-allowed}
.btn-grey{height:50px;font-size:1.25rem;text-align:center;background-color:#666;border:1px solid #999;border-radius:6px;color:#fff}
.btn-grey.btn:hover,.btn-grey.btn:focus{color:#fff}
.btn-orange{height:50px;font-size:1.25rem;text-align:center;background-color:#fd8e54;border:1px solid #fff;border-radius:6px;color:#fff}
.btn-orange.btn:hover,.btn-orange.btn:focus{color:#fff;background-color:#ff5722}
.btn-strawberry{height:50px;font-size:1.25rem;text-align:center;background-color:#d00000;border:1px solid #fff;border-radius:6px;color:#fff;line-height:37px}
.btn-strawberry.btn:hover,.btn-strawberry.btn:focus{color:#fff;background-color:#bb2a28}
.btn-lightblue{height:50px;font-size:1.25rem;text-align:center;background-color:#5bc0de;border-color:#46b8da;border-radius:6px;color:#fff}
.btn-lightblue.btn:hover,.btn-lightblue.btn:focus{color:#fff;background:#41b4d7}
.btn-blue{height:50px;font-size:1.25rem;text-align:center;background-color:#337ab7;border:1px solid #2e6da4;border-radius:6px;color:#fff}
.btn-blue.btn:hover,.btn-blue.btn:focus{color:#fff;background:#03a9f4}
.btn-basic{background-color:#fff;border:1px solid #e5e5e5}
.btn-m{min-width:40px;height:40px;padding-left:10px;padding-right:10px;font-size:13px;line-height:26px}
.btn-xs{font-size:13px;line-height:18px;padding:6px 12px;height:32px}
.btn-small{font-size:13px;line-height:20px;padding:6px 10px;min-width:90px;height:32px;border-radius:4px}
.btn-ec,.btn-anyong,.btn-3rd,.btn-3rd-facebook,.btn-3rd-google,.btn-3rd-line{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.btn-ec i,.btn-anyong i,.btn-3rd i,.btn-3rd-facebook i,.btn-3rd-google i,.btn-3rd-line i{font-size:1.8em}
@media screen and (max-width: 767px) {
.btn-ec,.btn-anyong,.btn-3rd,.btn-3rd-facebook,.btn-3rd-google{padding-top:10px}
.btn-ec i,.btn-anyong i,.btn-3rd i,.btn-3rd-facebook i,.btn-3rd-google i,.btn-3rd-line i{font-size:1.4em}
}
.btn-ec span,.btn-anyong span,.btn-3rd span,.btn-3rd-facebook span,.btn-3rd-google span,.btn-3rd-line span{margin-left:10px;font-size:1rem;position:relative}
.btn-ec:nth-child(n+2),.btn-anyong:nth-child(n+2),.btn-3rd:nth-child(n+2),.btn-3rd-facebook:nth-child(n+2),.btn-3rd-google:nth-child(n+2),.btn-3rd-line:nth-child(n+2){margin-top:20px}
.btn-ec{height:50px;font-size:1.25rem;text-align:center;background-color:#b8b434;border:1px solid #e8f5ff;border-radius:6px;color:#fff}
.btn-ec:hover{background-color:#aba732}
.btn-anyong{height:50px;font-size:1.25rem;text-align:center;background-color:#b8b434;border:1px solid #e8f5ff;border-radius:6px;color:#fff}
.btn-anyong:hover{background-color:#aba732}
.btn-3rd-facebook{height:50px;font-size:1.25rem;text-align:center;background-color:#4267b2;border:1px solid #e8f5ff;border-radius:6px;color:#fff}
.btn-3rd-facebook:hover{background-color:#0067b5}
.btn-3rd-line{height:50px;font-size:1.25rem;text-align:center;background-color:#00c300;border:1px solid #00c300;border-radius:6px;color:#fff}
.btn-3rd-line:hover{background-color:#00e000}
.btn-ec.btn:hover,.btn-ec.btn:focus,.btn-anyong.btn:hover,.btn-anyong.btn:focus,.btn-3rd-facebook.btn:hover,.btn-3rd-facebook.btn:focus, .btn-3rd-line.btn:hover, .btn-3rd-line.btn:focus{color:#fff}
.btn-3rd-google{height:50px;font-size:1.25rem;text-align:center;background-color:#e94141;border:1px solid #fff;border-radius:6px;color:#fff}
.btn-3rd-google.btn:hover,.btn-3rd-google.btn:focus{color:#fff}
.btn-blue.btn-normal,.btn-white.btn-normal,.btn-grey.btn-normal,.btn-orange.btn-normal{font-size:13px;height:40px}
a.btn-blue,a.btn-white,a.btn-grey,a.btn-orange,a.btn-3rd,a.btn-ec,a.btn-anyong,a.btn-3rd-facebook,a.btn-3rd-google, a.btn-3rd-line{padding-top:10px;padding-bottom:10px;line-height:1.5}
.fa-line:before{content:"";background:url(../../../Images/F2E/img/line_btn_base.png) 0 0 no-repeat;background-size:contain;width:32px;height:32px;display:inline-block;}
.btn-3rd-line:hover .fa-line:before{content:"";background:url(../../../Images/F2E/img/line_btn_hover.png) 0 0 no-repeat;background-size:contain;width:32px;height:32px;display:inline-block;}
.table{font-size:.82em;width:100%;max-width:100%;margin-bottom:0;background-color:#fff}
.table > thead > tr,.table > tbody > tr,.table > tfoot > tr{border-bottom:1px solid #e5e5e5;-webkit-transition:all .3s ease;transition:all .3s ease}
.table > thead > tr > th,.table > thead > tr > td,.table > tbody > tr > th,.table > tbody > tr > td,.table > tfoot > tr > th,.table > tfoot > tr > td{padding:10px 16px;border-top:0;vertical-align:middle;-webkit-transition:all .3s ease;transition:all .3s ease}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th{width:16.66667%;min-width:130px;text-align:right;background-color:#f8f8f8}
.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{text-align:left}
.table > thead > tr > th{font-weight:400;color:#666;vertical-align:bottom;border-bottom:1px solid rgba(0,0,0,0.12)}
.table > caption + thead > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > th,.table > thead:first-child > tr:first-child > td{border-top:0}
.table > tbody + tbody{border-top:1px solid rgba(0,0,0,0.12)}
.table .table{background-color:#fff}
.table .no-border{border:0}
.table-condensed > thead > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > th,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > th,.table-condensed > tfoot > tr > td{padding:10px 8px}
.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th{background-color:rgba(0,0,0,0.12)}
/* Responsive tables (vertical)
 *
 * Wrap your tables in `.table-responsive-vertical` and we'll make them mobile friendly
 * by vertical table-cell display. Only applies <768px. Everything above that will display normally.
 * For correct display you must add 'data-title' to each 'td'
 */
@media screen and (max-width: 991px) {
.table-responsive-vertical > .table > tbody > tr > th{padding:10px 8px;width:25%}
}
@media screen and (max-width: 767px) {
.table-responsive-vertical > .table{margin-bottom:0;background-color:transparent}
.table-responsive-vertical > .table > thead,.table-responsive-vertical > .table > tfoot{display:none}
.table-responsive-vertical > .table > tbody{display:block;margin-top:5px}
.table-responsive-vertical > .table > tbody > tr{display:block;border:0}
}
  .table-responsive-vertical > .table > tbody > tr > th {
    /*display: none;*/
  }
.table-responsive-vertical > .table > tbody > tr > td{padding:5px 2px;min-height:28px;background-color:#fff;vertical-align:middle;text-align:right;margin-bottom:5px}
.table-responsive-vertical > .table > tbody > tr > td[data-title]:before{content:attr(data-title);margin-right:10px;height:20px;float:left;font-size:inherit;font-weight:400;color:#666}
.table-responsive-vertical.shadow-z-1{-webkit-box-shadow:none;box-shadow:none}
.table-responsive-vertical.shadow-z-1 > .table > tbody > tr{border:none;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);box-shadow:0 1px 3px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24)}
.table-responsive-vertical > .table-bordered{border:0}
.table-responsive-vertical > .table-bordered > tbody > tr > td{border:0;border-bottom:1px solid #e5e5e5}
.table-responsive-vertical > .table-bordered > tbody > tr > td:last-child{border-bottom:0}
.table-responsive-vertical > .table-striped > tbody > tr > td,.table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd){background-color:#fff}
.table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd){background-color:#f5f5f5}
.table-responsive-vertical > .table-hover > tbody > tr:hover > td,.table-responsive-vertical > .table-hover > tbody > tr:hover{background-color:#fff}
.table-responsive-vertical > .table-hover > tbody > tr > td:hover{background-color:rgba(0,0,0,0.12)}
/*-------------------------------*/
/*           VARIABLES           */
/*-------------------------------*/
.nav .open > a{background-color:transparent}
.nav .open > a:hover{background-color:transparent}
.nav .open > a:focus{background-color:transparent}
/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper{-webkit-transition:all .5s ease;transition:all .5s ease;padding-left:0;margin-top:100px}
#wrapper.toggled-menu {/*padding-left: $width2;*/}
#wrapper.toggled-menu #sidebar-menu{width:270px;overflow-y:auto;border-right:1px solid #e5e5e5}
#wrapper.toggled-cart {/*padding-left: $width2;*/}
#wrapper.toggled-cart #sidebar-cart{width:270px;overflow-y:auto;border-right:1px solid #e5e5e5}
#wrapper.toggled-member {/*padding-left: $width2;*/}
#wrapper.toggled-member #sidebar-member{width:270px;overflow-y:auto;border-right:1px solid #e5e5e5}
#sidebar-menu,#sidebar-cart,#sidebar-member{-webkit-transition:all .5s ease;transition:all .5s ease;background:#fff;height:100%;border:0;overflow:hidden;width:0;z-index:1000}
#sidebar-menu::-webkit-scrollbar,#sidebar-cart::-webkit-scrollbar,#sidebar-member::-webkit-scrollbar{display:none}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav{list-style:none;margin:0;padding:0;position:relative;height:100%;width:270px;background-color:#f8f8f8}
.sidebar-nav li{display:block;line-height:20px;position:relative;width:100%;background-color:#fff;border-bottom:1px solid #e5e5e5}
.sidebar-nav li:before{background-color:#1c1c1c;content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width .2s ease-in;transition:width .2s ease-in;width:3px;z-index:-1}
.sidebar-nav li:nth-child(n) {
  /*
            &:before {
                background-color: $side-color-2;
            }
            */
}

.sidebar-nav li:hover {
  /*
            &:before {
                transition: width .2s ease-in;
                width: $full-width;
            }
            */
}

.sidebar-nav li a{color:#666;font-size:.82em;display:block;padding:10px 15px 10px 40px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.sidebar-nav li .delivery a{padding:0;color: #337ab7;}
.sidebar-nav li .delivery a:hover{color: #23527c;text-decoration: underline;}
.sidebar-nav li.open {
  /*
        &:hover {
            before {
                transition: width .2s ease-in;
                width: $full-width;
            }
        }
        */
}
.sidebar-nav .dropdown-menu{background-color:#fff;border-radius:0;border:none;border-top:1px solid #fff;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0;position:relative;width:100%}
.sidebar-nav .sidebar-menu-all{position:absolute;right:15px;top:0;padding:10px 0;text-align:right;text-decoration:underline;display:none;width:50px}
#sidebar-cart .sidebar-nav{padding-bottom:65px;overflow-y:scroll}
.sidebar-nav li a:hover,.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li.open a:hover,.sidebar-nav li.open a:active,.sidebar-nav li.open a:focus{background-color:transparent;color:#666;text-decoration:none}
.sidebar-nav > .sidebar-brand{min-height:40px;padding-left:0;line-height:40px;background-color:#fff}
.sidebar-nav > .sidebar-brand.cart-title a{font-size:1em}
.sidebar-nav > .sidebar-brand.member-name{background-color:#f8f8f8;padding-top:0;padding-bottom:0}
.sidebar-nav > .sidebar-brand a{padding:0 20px}
.sidebar-nav > .sidebar-brand a.checkout-btn{height:60px;width:220px;border:1px solid #666;border-radius:6px;text-align:center;margin:10px 20px;padding:10px 50px;font-size:1.25em}
.sidebar-nav li a.sidebar-menu-all:hover,.sidebar-nav li a.sidebar-menu-all:focus,.sidebar-nav li a.sidebar-menu-all:active,.sidebar-nav li a.sidebar-menu-all:visited{text-decoration:underline}
.sidebar-search {height: 60px;padding: 10px;width: 100%;position: relative;min-width: 150px;max-width: 150px;}
#sidebar-menu .sidebar-search{min-width:100%;max-width:100%;}
.cart_total{display:inline-block;
width:24px;height:24px;line-height:24px;letter-spacing:0.1px;
color:#fff;font-size:14px;font-weight:700;margin:0 3px;
/*width:22px;height:22px;line-height:22px;background:#b1b200;border-radius:50%;*/
background: url(/images/F2E/img/anyo.svg),none;background-size: contain;background-repeat: no-repeat;
}
#sidebar-cart .cart_total,.cart-dropdown__title .cart_total{line-height:24px;text-align:center;}
.user-btn{color:#666;cursor:pointer}
.user-btn:hover{color:#b1b200}
.shopping-btn{cursor:pointer}
.shopping-btn:hover{color:#b1b200}
.sidebar-search__icon-search{position:absolute;top:18px;right:20px;padding:0 4px;height:24px;width:24px;font-size:1.5em;line-height:1;color:#999;cursor:pointer}
.sidebar-search__input{height:40px;width:100%;padding:3px 40px 3px 10px}
ul.sidebar-menu > li > a{padding-left:60px}
ul.sidebar-menu > li{/*border-bottom:0;*/background-color:#f8f8f8}
ul.sidebar-menu > li:hover{background-color:#b1b200;}
ul.sidebar-menu > li:hover > a{color:#fff !important;}
ul.sidebar-menu > li > a.slidebtn{position:relative;overflow:hidden;}
ul.sidebar-nav > li > a[href]:hover{background-color:#b1b200;color:#fff;}
[data-toggle="csp-menu"]{display:none;}
.sb-cart-item__wrapper{color:#666;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.sb-cart-item__top{margin-bottom:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.sb-cart-item__thumb{width:70px;height:70px}
.sb-cart-item__delete{font-size:1.5em;margin-top:5px}
.sb-cart-item__title{font-size:.8em;margin-bottom:6px}
.sb-cart-item__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.8em}
/*-------------------------------*/
/*          Dark Overlay         */
/*-------------------------------*/
@-webkit-keyframes SlidbarShow {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(260px);transform:translateX(260px)}
}
@keyframes SlidbarShow {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(260px);transform:translateX(260px)}
}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000}
.overlay.show{display:block;-webkit-animation:SlidbarShow .6s ease;animation:SlidbarShow .6s ease}
.modal-large{width:725px}
.modal-small{width:300px}

@media screen and (max-width: 767px) {
.modal-large{width:100%;max-width:700px;margin:10px auto}
.modal-medium{width:100%;max-width:300px;margin:10px auto}
.modal-small{width:100%;max-width:300px;margin:10px auto}
}
h4.modal-title{font-size:1.25em}
.modal-body{padding:30px}
h3.modal-title > img{margin:auto;}
.cmodal{padding-right:30px;border-right:1px solid #e5e5e5}
@media screen and (max-width: 767px) {
.modal-body .modal__button-group > :not(:last-child){margin-bottom:10px}
.cmodal{padding:0 7px 20px;margin-bottom:20px;border-bottom:1px solid #e5e5e5;border-right:0}
.cmodal--thirdparty{padding:0 7px}
}
.cmodal__wrapper{color:#666}
.cmodal__title{font-size:1em;margin-bottom:20px}
.cmodal__form label{font-size:.8em}
.cmodal__form-require{font-size:.8em;color:#e94141;float:right}
.cmodal__link{font-size:1em;color:#5ba5ef;text-decoration:underline}
.cmodal__newlink{font-size:1.2em;color:#5ba5ef;text-decoration:none;border:1px solid #f0f0f0;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;padding:0 10px 0 0;line-height:20px;}
.cmodal__newlink .fa, .cmodal__newlink .fas{line-height:30px !important;color:#5ba5ef !important;width:40px;}
.cmodal__newlink:hover{border:1px solid #5ba5ef !important;background:#5ba5ef;text-decoration:none !important;color:#fff !important;}
.cmodal__newlink:hover .fa, .cmodal__newlink:hover .fas{color:#fff !important}
.cmodal__hint-text{font-size:.8em}
.captcha{margin-top:10px}
.captcha img{max-width:360px;border:1px solid #ccc}
.record-list{list-style:none;padding:0;width:100%}
.record-list li{padding:8px 0;font-size:13px;border-bottom:1px solid #e5e5e5}
.record-list li span{display:inline-block}
.record-list__header{font-weight:700;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.record-list__header > :not(:last-child){margin-right:20px}
@media screen and (max-width: 767px) {
.record-list__footer .col-sm-6:not(:last-child){margin-bottom:15px}
}
.rl-header{font-weight:700;text-align:center}
.rl-row{font-size:13px;line-height:1.4;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.rl-row label{font-weight:900;margin-bottom:0}
.rl-row.modifier > :first-child{margin-right:17px}
.rl-row > :not(:last-child){margin-right:20px}
@media screen and (max-width: 767px) {
.rl-row > :not(:last-child){margin-right:0}
}
@media screen and (max-width: 767px) {
.rl-row span:not(:first-child){margin-top:10px}
.rl-row.modifier > :nth-child(n+3){margin-left:30px;margin-top:8px}
}
.rl-row.banks{width:100%;padding:15px 20px;background-color:#f8f8f8;cursor:default}
.rl-row.banks span{line-height:1.2;text-align:center;min-width:80px;margin:2px 5px}
.rl-row.banks.hide{display:none}
.rl-row.banks.open{display:block}
.rl-col__xs{width:16px}
.rl-col__sm{width:94px}
.rl-col__md{width:110px}
.rl-col__lg{width:133px}
.rl-col__xlg{width:230px}
@media screen and (max-width: 767px) {
.rl-col__xs{text-align:left}
.rl-col__sm{text-align:left}
.rl-col__md{text-align:left}
.rl-col__lg{text-align:left}
.rl-col__xlg{text-align:left}
}

.credit-img{height:16px}
.c-pagination__wrapper{width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.c-pagination{margin:5px auto 15px}
.c-pagination > li > a{color:#666}
.c-pagination > li > a:focus,.c-pagination > li > a:hover,.c-pagination > li > span:focus,.c-pagination > li > span:hover{color:#666}

/* Function選單中購物車Style */
.cart-dropdown {
  width: 300px;
  /*right: auto !important;*/
  color: #666;
}

.cart-dropdown__header{height:30px;padding-left:10px;border-bottom:1px solid #e5e5e5;width:100%;}
.cart-dropdown__body{max-height:400px;overflow-y:scroll;padding-bottom:60px}
.cart-dropdown__footer{padding:10px 10px 5px;border-top:1px solid #e5e5e5;background-color:#fff;position:absolute;bottom:0;width:100%;box-shadow: 0 0 10px rgb(0 0 0 / 40%);z-index:1;}
.cart-dropdown__footer a.cmodal__btn{padding-top:11px}
.cart-dropdown__list{padding:10px;border-bottom:1px solid #e5e5e5;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;width:100%;}
.cart-dropdown__list:hover{background:#f5f5f5;}
.cart-dropdown__item{max-width:200px;margin-left:10px;font-size:13px;width:100%;}
.cart-dropdown__item p{margin:0 0 4px}
.cart-dropdown__item-price{font-size:16px}
.delivery > a:hover{text-decoration:none !important;}
.sidebar-brand.cart-title > a:hover{background-color:#fff !important;color:#666 !important;}

/* 購物車Step1 內規格選單 */
.c-dropdown{position:relative;display:inline-block;text-align:left;width:100%;height:40px}
.c-dropdown__list{border:1px solid #999;padding:6px 0;list-style:none;position:absolute;top:100%;left:0;min-width:155px;opacity:0;visibility:hidden;border-radius:3px;background:#fff;-webkit-transition:opacity .25s linear,top .25s linear;transition:opacity .25s linear,top .25s linear;z-index:1000}
.c-dropdown.is-open .c-dropdown__list{opacity:1;visibility:visible}

.c-button--dropdown{padding:7px 25px 7px 10px;background-color:#fff;color:#666;line-height:2;height:100%;width:100%;overflow-y:hidden;border:1px solid #ccc;border-radius:3px;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}

.c-dropdown__item.disabled{color:#ccc}
.c-dropdown__item:hover:not(.disabled){background-color:#ececec}
.c-dropdown__color-block{width:14px;height:14px;display:inline-block;background-color:#8000FF;margin-right:5px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-flex-negative:0;flex-shrink:0}
.c-button{-webkit-appearance:none;height:40px;margin:0;border:0;overflow:visible;font:inherit;text-transform:none;display:inline-block;vertical-align:middle;text-decoration:none;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.c-button:hover,.c-button:focus{outline:none;text-decoration:none}
.c-button:not(.disabled){cursor:pointer}
.c-button.disabled{cursor:not-allowed;background-color:#eee}

.c-button--dropdown{padding:7px 25px 7px 10px;background-color:#fff;color:#666;line-height:2;height:100%;width:100%;overflow-y:hidden;border:1px solid #ccc;border-radius:3px;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}

.c-button--dropdown:hover{background-color:#fff}
.c-button--dropdown:after{content:"";position:absolute;top:18px;right:11px;width:0;height:0;border:5px solid transparent;border-top-color:#666}
.c-dropdown.disabled > .c-button{cursor:not-allowed;background-color:#eee}
.swiper-container{height:auto;background-color:rgba(255,255,255,0)}
.swiper-container__full{width:100%;padding-bottom:32px}
.swiper-container__header-menu{display:none;width:100vw}
@media screen and (max-width: 767px) {
.swiper-container__header-menu{display:block;margin-top:10px;margin-bottom:10px;margin-top:20px}
}

.swiper-wrapper img {width: 100%;height: auto;}

/* pagination overwrite */
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0}
.swiper-pagination-bullet{height:12px;width:12px;border:2px solid #ccc;background-color:#fff;opacity:.9}
.swiper-pagination-bullet-active{background-color:#ccc}
.swiper-pagination__wrapper{position:relative;width:100%;height:22px}
.swiper-pagination__wrapper .swiper-pagination{width:100%;margin-top:5px}
.swiper-pagination__wrapper .swiper-pagination > .swiper-pagination-bullet{margin:0 5px}
.swiper-button-next,.swiper-button-prev{width:60px;height:60px;top:43%;color:#e0e0e0;background-color:#666;background-image:none;border-radius:6px}
.swiper-button-prev > i.fa{position:absolute;left:calc(50% - 17px);top:calc(50% - 17px);font-size:40px}
.swiper-button-next > i.fa{position:absolute;left:calc(50% - 11px);top:calc(50% - 17px);font-size:40px}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:30px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:30px}
.container.container__wrapper.sp2,.container.sp2.download-container{position:relative}
.container.container__wrapper.sp2 .swiper-button-prev,.container.sp2.download-container .swiper-button-prev{top:45%;left:-30px}
@media screen and (min-width: 1399px) {
.container.container__wrapper.sp2 .swiper-button-prev,.container.sp2.download-container .swiper-button-prev{left:-60px}
}
@media screen and (max-width: 1199px) {
.container.container__wrapper.sp2 .swiper-button-prev,.container.sp2.download-container .swiper-button-prev{left:15px}
}
.container.container__wrapper.sp2 .swiper-button-next,.container.sp2.download-container .swiper-button-next{top:45%;right:-30px}
@media screen and (min-width: 1399px) {
.container.container__wrapper.sp2 .swiper-button-next,.container.sp2.download-container .swiper-button-next{right:-60px}
}
@media screen and (max-width: 1199px) {
.container.container__wrapper.sp2 .swiper-button-next,.container.sp2.download-container .swiper-button-next{right:15px}
}
@media screen and (max-width: 767px) {
.tree-wrapper.subtree{display:none;}
.Hot{display:none}
}
.tree-header{width:100%;height:38px;padding:10px;text-align:left;color:#fff;font-size:13px;font-weight:500;line-height:18px;background-color:#666;border-bottom:1px solid #fff}
.tree-list,.tree-list li,.tree-list ul{width:100%;list-style-type:none;padding-left:0;margin-bottom:0}
.tree-list a{color:#666}
.tree-list a.more-link{font-size:13px;color:#4b9ce4}
.tree-list li.active > a{text-decoration:underline}
.tree-list:nth-child(n+3){border-top:1px solid #e5e5e5}
.tree-list .tree-lv2 a ~ .badge{margin-left:5px;margin-bottom:3px}
.tree-list.see-less .tree-lv2:nth-child(n+6){display:none}

.tree-lv2__title{display:inline-block;width:100%;font-size:13px;font-weight:500;line-height:18px;padding:10px;background:#828300;border-bottom:1px solid #fff;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px}
.tree-header ~ ul.tree-list > li.tree-lv2 > span.tree-lv2__title{-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;border-top-left-radius:0px;border-top-right-radius:0px}
.tree-lv2__title a{color:#fff}
.tree-lv3__title{display:inline-block;width:100%;font-size:13px;font-weight:500;line-height:18px;padding:10px;background:#b1b200;border-bottom:1px solid #cbcc00}
.tree-lv3__title a{color:#fff}
.tree-lv3__title:hover{background:#9fa001}
.jq-curtain.active .tree-lv3__title{background:#c5c702;-webkit-animation-name:flash;animation-name:flash}
.jq-curtain.active .tree-lv3__title:hover{background:#a3a404}
li.tree-lv4{display:inline-block;width:100%;font-size:13px;font-weight:500;line-height:18px;padding:10px}
li.tree-lv4:first-child{border-top:1px solid #e5e5e5}
li.tree-lv4{border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
li.tree-lv4:hover{background:#fff8dc}
ul.list{margin-top:20px;font-size:.82em}
li.tree-lv4.selected{background:#fff8dc;-webkit-animation-name: flash;animation-name: flash}
li.tree-lv4.selected:hover{background:#f2e8bf}

li.tree-lv4.selected:hover::before{content:"";background:#ffc107;width:5px;position:absolute;top:-.5px;display:block;height:100%;left:-1px;transition:all 200ms ease}
li.tree-lv4{position:relative}
li.tree-lv4::before{content:"";background:transparent;width:5px;position:absolute;top:0;display:block;height:100%;left:-1px;transition:all 500ms 100ms ease}
li.tree-lv4.selected::before{content:"";background:#fc0;width:5px;position:absolute;top:-.5px;display:block;height:100%;left:-1px;transition:all 200ms ease}
li.tree-lv4:hover::before{background:#fdcb00;width:5px;position:absolute;top:-.5px;display:block;height:100%;left:-1px;transition:all 200ms ease;content:""}
@media screen and (max-width: 991px) {
.modal-body{padding:20px 5px}
/*.clist-wrapper{padding-left:16.66667%;padding-right:16.66667%}*/
}
@media screen and (max-width: 767px) {
.clist-wrapper{width:100%;padding-left:15px;padding-right:15px}
}
.clist-header{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.82em;line-height:18px;padding-top:2px;padding-bottom:2px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
@media screen and (max-width: 991px) {
.clist-header{height:0;padding:0;border-bottom:0}
.clist-header > *{display:none!important}
}
.clist.item--xs{width:60px}
.clist.item--xsm{width:90px}
.clist.item--sm{width:120px}
.clist.item--md{width:150px}
.clist.item--2md{width:300px}
.clist.item--lg{width:180px}
.clist.item--xlg{width:250px}
.clist.item--2xlg{width:360px}
.clist.item--3xlg{width:480px}
.clist.item--4xlg{width:720px}
.clist.item--full{width:100%;padding:0 10px}

@media screen and (max-width: 991px) {
.clist.item--xs{width:100%}
.clist.item--xsm{width:100%}
.clist.item--sm{width:100%}
.clist.item--md{width:100%}
.clist.item--2md{width:100%}
.clist.item--lg{width:100%}
.clist.item--xlg{width:100%}
.clist.item--2xlg{width:100%}
.clist.item--3xlg{width:100%}
.clist.item--4xlg{width:100%}
.clist{margin:10px auto}
}

.clist-row{font-size:.82em;text-align:center;line-height:18px;padding-top:10px;padding-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.clist-row.track-warning{background-color:rgba(232,65,65,0.1)}
.clist-row__top-border{border-top:1px solid #e5e5e5}
.clist-row__no-bottom{border-bottom:0}
.clist-row.bg-lightwhite{background-color:#f8f8f8}
@media screen and (max-width: 991px) {
.clist-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 5px;}
}
/* 會員中心->查詢訂單->購物車明細 */
.clist-row__addition-block{margin-bottom:2px;border-bottom:0}

@media screen and (max-width: 991px) {
.addition-block__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.clist-row__addition-block{display:none;width:100%;padding:0 8px;border:1px solid #ccc;border-top:0;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0}
}
@media screen and (max-width: 767px) {
.clist-row__addition-block:not(:last-child){margin-bottom:10px}
}
.cart-item__collapse.open + .clist-row__addition-block{display:-webkit-box;display:-ms-flexbox;display:flex}
.clist__label{display:none}
.clist__group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.clist__group > :not(:first-child){margin-top:4px}
.clist__group--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.clist__group--horizontal > :not(:last-child){margin-right:5px}
.clist__group--horizontal > a.btn{color:#666}
@media screen and (max-width: 991px) {
.clist__group{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.clist__label{text-align:left;min-width:80px;display:block}
.clist__long-text{text-align:right}
.clist{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.clist-pagination__wrapper{margin-top:10px;width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.cmedia{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:10px}
.cmedia > :not(:last-child){margin-right:10px}
.cmedia > :nth-child(2){-ms-flex-negative:2;flex-shrink:2}
.clist .cart-item__name,.clist .cart-item__price,.clist .cart-item__delete{width:100%;text-align:center;line-height:16px}
.clist .cart-item__delete > .btn.btn-link{color:#337ab7;padding:6px 10px}
.clist .cart-item__delete > .btn.btn-link:hover{color:#4fa7f3;}
@media screen and (max-width: 991px) {
.clist-hint::before{content:attr(data-hint);margin-right:5px}
.cmedia{padding-left:0}
.clist .cart-item__price{text-align:right;display:inline}
.clist .cart-item__delete{text-align:right}
}
.clist-row.edit .clist > .data{display:none}
.clist-row.edit .clist > .edit{display:block}
@media screen and (max-width: 767px) {
.co-list{padding-left:20px}
}
.co-list li{padding-bottom:20px;border-bottom:1px solid #e5e5e5}
.co-list li > h3{font-size:1.22em;line-height:26px;font-weight:700}
.header-subtitle{width:100%;color:#fff;background:#666;font-size:.8em;line-height:26px;height:26px;text-align:center;overflow-x:hidden;margin-bottom:0}
.header-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-position:center center;background-size:cover}
/* function navbar */
.function-nav{float:right;margin-top:10px;margin-right:10px;height:30px;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:100}
.function-nav.stick{margin-top:0!important;position:fixed;top:0;right:0;z-index:200}
.function-btn{display:inline-block;color:#666;background-color:rgba(255,255,255,0.9);border:1px solid #999;border-right:0;border-radius:0;height:30px;width:120px;text-align:center;font-size:.82em;line-height:1.2;padding:4px;margin:0}
.function-btn.visible-xs:first-child{border-left:0}
.function-btn__first{border-left:1px solid #999;border-top-left-radius:4px;border-bottom-left-radius:4px}
.function-dropdown{display:inline-block;height:30px;width:120px}
.function-dropdown:hover > .dropdown-menu{display:block;overflow:hidden}
.function-autodropdown:hover > .dropdown-menu{display:block;overflow:hidden}
.function-search{display:inline-block;position:relative}
.function-search__input{height:40px;width:100%;padding:3px 40px 3px 10px}
.function-search__btn{font-size:1em;position:absolute;top:-2px;right:-2px;color:#666}
.function-search__btn:hover{color:#666}
.dropdown-menu.member-center{max-width:200px}
.dropdown-menu.member-center > li > a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header{padding:0 20px;max-width:1200px;margin-left:auto;margin-right:auto;min-height:40px;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:15px 15px}
.new_header{position:fixed;top:0;width:100%;background:#fff;border-bottom:5px solid #b1b200;z-index:199}

.new_header.hasshadow{box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
.new_header .header .navbar-menu > ul > li{padding:5px 8px}
.header__logo-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:330px;height:inherit;margin-right:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header__logo{max-width:330px;max-height:150px}
@media (max-width: 1065px) {
.new_header{top:40px;opacity:.9;opacity: 0}
}
.header::after{content:"";display:table;clear:both}
@media screen and (min-width: 1200px) {
.header{max-width:100%}
}
@media screen and (max-width: 1199px) {
.header{width:100%;padding:0 20px}
}
@media screen and (max-width: 991px) {
.function-nav{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}
.header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto;padding-top:20px}
.header__logo-wrapper{margin:0 auto}
}
@media screen and (max-width: 767px) {
.function-nav{height:40px;margin-top:0;margin-right:0;width:100%}
.function-btn{width:25%;height:40px;border-radius:0}
.function-btn__first{border-top-left-radius:0;border-bottom-left-radius:0}
.function-dropdown .function-btn{width:100%}
.function-dropdown{width:25%}

.header{width:100%;padding:0}
.header__logo{width:100%}
.header__logo-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:100%;margin:0}
}
/* Menu List */
.navbar-menu{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;text-align:right;max-width:870px;position:relative;color:#666;vertical-align:middle;padding-top:0;letter-spacing:-1px;}
@media screen and (max-width: 1199px) {
.navbar-menu{display:block}
}
@media screen and (max-width: 991px) {
.navbar-menu{text-align:center;margin-bottom:20px}
}
.navbar-menu > ul{display:inline-block;list-style:none;margin:0;padding:0}
.navbar-menu > ul > li{display:inline-block;padding:5px 15px}
.navbar-menu > ul > li > a, .navbar-menu > ul > li > a.active,
.navbar-menu > ul > li > a:hover:focus:visited:active {color: #666;font-size: 16px;font-weight: 400;text-decoration: none;-webkit-transition: all 400ms ease; transition: all 400ms ease;}
.nav-dropdown{position:relative}
.nav-dropdown:hover .nav-dropdown-menu{display:block}
.nav-dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;display:none;float:left;width:160px;padding:10px 0;text-align:left;font-size:.82em;list-style:none;background-color:#fff;border:1px solid #ddd;-webkit-box-shadow:0 5px 15px -10px #222;-o-box-shadow:0 5px 15px -10px #222;box-shadow:0 5px 15px -10px #222;border-radius:4px}
.nav-dropdown-menu > li > a{display:block}
.nav-dropdown-toggle,.nav-dropdown-menu > li > a{-webkit-transition:color .15s linear;transition:color .15s linear}
.nav-dropdown .nav-dropdown-menu li a,.nav-dropdown .nav-dropdown-menu li{-webkit-transition:all 200ms ease;transition:all 200ms ease}
.nav-dropdown .nav-dropdown-menu li{padding:2px 0}
.nav-dropdown .nav-dropdown-menu li a {color: #666;padding: 5px 10px;}
.nav-dropdown .nav-dropdown-menu li a:hover,
.nav-dropdown .nav-dropdown-menu li.active a {text-decoration: none;}
.nav-dropdown-menu li:hover,.nav-dropdown-menu li:focus,.nav-dropdown-menu li.active {background-color: #f8f8f8;}

.nav-dropdown .nav-dropdown-menu li.site-list:hover::before{content:"";background:#fc0;position:absolute;height:100%;transition:all 200ms ease;width:5px;top:0}
.nav-dropdown .nav-dropdown-menu li.site-list{position:relative}
.nav-dropdown .nav-dropdown-menu li.site-list::before{content:"";background:transparent;position:absolute;height:100%;transition:all 300ms 100ms ease;top:0;width:0}

/* Header Menu Slider */
.header-menu__slide{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;cursor:-webkit-grab;cursor:grab}
.header-menu__slide a{color:#666}
.header-menu__slide a:hover,.header-menu__slide a:active{color:#666;text-decoration:none}
.footer-container{background-color:#f8f8f8;padding-top:40px;padding-bottom:40px}
.ft-folder{color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.ft-folder::after{content:"";display:table;clear:both}
@media screen and (max-width: 991px) {
.ft-folder{padding-left:8.33333%;padding-right:8.33333%}
}
@media screen and (max-width: 767px) {
.ft-folder{padding-left:0;padding-right:0}
.footer-container{padding:10px 0}
}
.ft-folder h4{font-size:1em;margin:0 auto 20px;border-right:1px solid #ccc}
@media screen and (max-width: 1199px) {
.ft-folder h4{font-size:1em}
.footer-container{padding:10px 0}
}
.ft-folder h4.no-border{border-right:0}
.ft-folder a{color:#666;font-size:.8em;margin-bottom:10px;display:block;text-decoration:none;cursor:pointer}
.ft-folder__block{padding-left:12px;padding-right:12px;width:16.66667%;min-height:170px;margin-bottom:40px}
@media screen and (max-width: 991px) {
.ft-folder__block{width:33.33333%}
}
.ft-wrapper{color:#666}
.ft-wrapper a{text-decoration:none;cursor:pointer}
.ft-link{display:inline-block;padding-right:10px;padding-left:10px;margin-bottom:10px;margin-right:0;color:#666;border-right:1px solid #ccc}
.ft-link:hover,.ft-link:focus{color:#666}
.ft-link:last-child{border-right:0}
@media screen and (max-width: 991px) {
.ft-link{border-right:0}
}
.ft-copyright{color:#999;font-size:.82em;margin-bottom:0}
.container__wrapper,.download-container{margin-top:5px}
@media screen and (max-width: 767px) {
.container__wrapper,.download-container{margin-top:5px}
}
.title-decoration{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-wrap:wrap;margin-top:10px;margin-bottom:15px}
.title-decoration h2.title{margin:15px auto;font-size:2em;font-weight:900;padding-left:10px}
.title-decoration h2.title,.title-decoration .title{font-size:1.8rem;padding-left:0;margin:10px 0}
.title-decoration span.decoration{display:block;-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3;-ms-flex-negative:3;flex-shrink:3;width:auto;margin-left:20px;margin-right:10px;border-bottom:1px solid #ccc}
.title-decoration span.decoration,.title-decoration .decoration{width:100%;height:5px;background:linear-gradient(to right,#828300 25%,#b1b200 25%);border:none;margin-left:0;margin-right:0}
@media screen and (max-width: 767px) {
/*.title-decoration span.decoration{display:none}*/
}
h2.title{margin:20px auto;font-size:2em;font-weight:900;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.container__wrapper > h2.title,.download-container > h2.title{margin-top:0}
/* 全部文字區塊 */
.full-content__row > h2.title{padding-left:0}
.items-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
@media screen and (max-width: 991px) {
.items-container{height:auto}
}
.items-container--fixed-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.item,.item-lg,.item-2x,.download-block{display:block;height:100%;width:25%;padding-left:10px;padding-right:10px;text-decoration:none;color:#666}
.item--fixed-bottom{-ms-flex-item-align:end;align-self:flex-end}
.item--no-padding{padding-left:0;padding-right:0}
@media screen and (max-width: 991px) {
.item,.item-lg,.item-2x,.download-block{width:50%;margin-top:15px;margin-bottom:15px}
}
@media screen and (max-width: 767px) {
.item,.item-lg,.item-2x,.download-block{margin-top:10px;margin-bottom:10px}
}
.item img,.item-lg img,.item-2x img,.download-block img{width:100%;height:auto}
.graphic-text__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width: 991px) {
.graphic-text__block{margin-bottom:10px}
}
@media screen and (max-width: 767px) {
.graphic-text__block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.graphic-text__block img{width:200px;height:auto;padding-left:10px;padding-right:10px}
@media screen and (max-width: 991px) {
.graphic-text__block img{width:250px;margin-bottom:10px}
}
@media screen and (max-width: 767px) {
.graphic-text__block img{margin-left:auto;margin-right:auto}
}
.graphic-text__block p{-ms-flex-item-align:start;align-self:flex-start;margin:15px 0 10px 10px}
.item img,.item-lg img,.item-2x img,.download-block img{width:100%;height:auto}
/* 搜尋結果頁,為了包含下方活動link */
.item,.item-lg,.item-2x,.download-block{margin-bottom:0}
.item .item-event,.item-lg .item-event,.item-2x .item-event,.download-block .item-event{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.item .item-event .cart-link--event,.item-lg .item-event .cart-link--event,.item-2x .item-event .cart-link--event,.download-block .item-event .cart-link--event{color:#fd8e54;text-decoration:none}

/* 搜尋結果頁切換顯示方式 */
.items-container.list-view .item,.items-container.list-view .item-lg,.items-container.list-view .item-2x,.items-container.list-view .download-block,.items-container.card-view .item,.items-container.card-view .item-lg,.items-container.card-view .item-2x,.items-container.card-view .download-block{cursor:pointer;margin-top:0}
.items-container.list-view > .item,.items-container.list-view > .item-lg,.items-container.list-view > .item-2x,.items-container.list-view > .download-block{width:100%;padding:10px 0;margin-left:10px;margin-right:10px;border-bottom:1px solid #e5e5e5;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.items-container.list-view > .item > img,.items-container.list-view > .item-lg > img,.items-container.list-view > .item-2x > img,.items-container.list-view > .download-block > img{width:calc(25% - 20px);min-width:150px}
@media screen and (max-width: 767px) {
.items-container.list-view > .item > img,.items-container.list-view > .item-lg > img,.items-container.list-view > .item-2x > img,.items-container.list-view > .download-block > img{min-width:100px}
}
.item-info__list-view .item-desc{line-height:18px;height:18px;overflow:hidden}
.item-info__list-view .item-event{margin-bottom:10px}
.item-price__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}
.item-price__block .item-price__label{margin-right:10px}
.item-price__block p.item-price{margin:0}
.item-price__block > div{width:100%}
.item-price__block > div > p.item-price{display:inline-block}
@media screen and (max-width: 767px) {
.items-container.card-view > .item > .item-info__list-view .item-price__block,.items-container.card-view > .item-lg > .item-info__list-view .item-price__block,.items-container.card-view > .item-2x > .item-info__list-view .item-price__block,.items-container.card-view > .download-block > .item-info__list-view .item-price__block{margin-top:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
.items-container.list-view > .item > .item-info__list-view,.items-container.list-view > .item-lg > .item-info__list-view,.items-container.list-view > .item-2x > .item-info__list-view,.items-container.list-view > .download-block > .item-info__list-view{margin-left:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;height:150px}
@media screen and (min-width: 1200px) {
.items-container.list-view > .item > .item-info__list-view,.items-container.list-view > .item-lg > .item-info__list-view,.items-container.list-view > .item-2x > .item-info__list-view,.items-container.list-view > .download-block > .item-info__list-view{height:185px}
}
@media screen and (max-width: 767px) {
.items-container.list-view > .item > .item-info__list-view,.items-container.list-view > .item-lg > .item-info__list-view,.items-container.list-view > .item-2x > .item-info__list-view,.items-container.list-view > .download-block > .item-info__list-view{height:100px;width:calc(100% - 130px);padding-right:10px;margin-left:10px}
}
.items-container.list-view > .item > .item-info__list-view h4.item-title,.items-container.list-view > .item-lg > .item-info__list-view h4.item-title,.items-container.list-view > .item-2x > .item-info__list-view h4.item-title,.items-container.list-view > .download-block > .item-info__list-view h4.item-title{margin-top:0}
@media screen and (max-width: 767px) {
.items-container.list-view > .item > .item-info__list-view h4.item-title,.items-container.list-view > .item-lg > .item-info__list-view h4.item-title,.items-container.list-view > .item-2x > .item-info__list-view h4.item-title,.items-container.list-view > .download-block > .item-info__list-view h4.item-title{width:calc(100% - 10px)}
}
.items-container.list-view > .item > .item-info__list-view .item-desc,.items-container.list-view > .item-lg > .item-info__list-view .item-desc,.items-container.list-view > .item-2x > .item-info__list-view .item-desc,.items-container.list-view > .download-block > .item-info__list-view .item-desc{height:54px}
.items-container.list-view > .item > .item-info__list-view .item-price__block,.items-container.list-view > .item-lg > .item-info__list-view .item-price__block,.items-container.list-view > .item-2x > .item-info__list-view .item-price__block,.items-container.list-view > .download-block > .item-info__list-view .item-price__block{margin-bottom:0}
.items-container.list-view > .item > .item-info__list-view .item-event,.items-container.list-view > .item-lg > .item-info__list-view .item-event,.items-container.list-view > .item-2x > .item-info__list-view .item-event,.items-container.list-view > .download-block > .item-info__list-view .item-event{height:18px}
@media screen and (max-width: 767px) {
.items-container.list-view > .item > .item-info__list-view .item-event,.items-container.list-view > .item-lg > .item-info__list-view .item-event,.items-container.list-view > .item-2x > .item-info__list-view .item-event,.items-container.list-view > .download-block > .item-info__list-view .item-event{width:calc(100% - 10px)}
}
.item-lg{width:33.33333%}
@media screen and (max-width: 991px) {
.item-lg{width:100%}
}
.item-2x{width:50%}
@media screen and (max-width: 991px) {
.item-2x{width:100%}
}
a.item:hover,a.item-lg:hover,a.item-2x:hover,a.download-block:hover,a.item:focus,a.item-lg:focus,a.item-2x:focus,a.download-block:focus,a.item-2x:hover,a.item-2x:focus{color:#666;text-decoration:none}
.item-half__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}
.item-half{width:100%;height:50%;display:block;margin-top:0;margin-bottom:0}
.item-half:first-child{padding-bottom:3.5%}
@media screen and (max-width: 767px) {
.item-half:first-child{padding-bottom:3.5%}
}
.item-half:last-child{padding-top:3.4%}
@media screen and (max-width: 767px) {
.item-half:last-child{padding-top:3.4%}
}
.item-title{font-size:1em;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px}
.item-desc{font-size:16px;line-height:18px;overflow:hidden;height:36px}
.item-descnoh{font-size:16px;line-height:26px;overflow:hidden}
.item-descnohs{font-size:16px;line-height:26px;overflow:hidden;display:-webkit-box}
.item-price{font-size:1.15em;font-weight:900;color:#e84242;font-family:Century Gothic}
.item-price__label{margin:0;font-size:13px;font-weight:400}
.full-content__container{padding:40px 0;background-color:#f8f8f8;background-size:cover;background-position:center top;background-repeat:repeat-y}
.full-content__row{padding:0 15px}
.video-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.video-frame{margin-bottom:20px;width:100%;padding:0 11%}
@media screen and (max-width: 991px) {
.video-frame{padding:0 5%}
}
@media screen and (max-width: 767px) {
.video-frame{padding:0}
}
.u-list{padding-left:30px;font-size:15px;line-height:22px;padding-right:10px}
.u-list li:not(:last-child){margin-bottom:20px}
@media screen and (max-width: 991px) {
.u-list--horz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}
.u-list--horz li{width:calc(50% - 10px)}
}
@media screen and (max-width: 767px) {
.u-list--horz{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.u-list--horz li{width:100%}
}
.download-container__wrapper{padding-left:15px;padding-right:15px;margin-right:auto;margin-left:auto;width:1170px}
@media screen and (max-width: 1199px) {
.download-container__wrapper{width:970px}
}
@media screen and (max-width: 991px) {
.download-container__wrapper{padding-left:0;padding-right:0;width:100%}
}
.download-container{padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f8f8f8;background-image:url(/Images/F2E/img/f8f8f8.png);background-size:cover;background-position:center top;background-repeat:repeat-y}
@media screen and (max-width: 991px) {
.download-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.download-block{display:inline-block;width:50%}
@media screen and (max-width: 991px) {
.download-block{width:100%;text-align:center}
}
.app-download-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.app-download-block > *{margin-right:20px}
.app-download-block > :last-child{margin-right:0}
@media screen and (max-width: 767px) {
.app-download-block{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.app-download-block > *{margin-right:0;margin-bottom:10px}
.app-download-block > :last-child{margin-bottom:0}
}
@media screen and (max-width: 991px) {
img.img__no-scale{width:auto;height:auto;margin:0 auto}
}
@media screen and (max-width: 767px) {
img.img__no-scale{width:100%}
}
img.img-app-download{width:250px}
@media screen and (max-width: 1199px) {
img.img-app-download{width:200px}
}
@media screen and (max-width: 991px) {
img.img-app-download{width:250px}
}
.contact__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:250px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.contact-block{width:33.33333%;padding-right:30px}
.contact-block:not(:first-child){padding-left:20px}
@media screen and (max-width: 991px) {
.contact-block:not(:first-child){margin-top:20px}
}
@media screen and (max-width: 767px) {
.contact-block:not(:first-child){margin-top:30px}
}
.contact-block img{width:100%}
@media screen and (max-width: 991px) {
.contact-block{width:50%;height:auto}
.contact-block:first-child{padding-right:10px;width:100%}
}
@media screen and (max-width: 767px) {
.contact-block{width:100%}
}
.contact__title{font-size:1.2em;font-weight:900}
.contact__content{font-size:.82em}
.social-groups{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.social-groups > *{margin-right:10px;margin-bottom:10px}
.social-icon{width:48px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
a.social-icon{color:#666}
a.social-icon:hover,a.social-icon:focus,a.social-icon:active{text-decoration:none;color:#666}
/* 2017,11月新增版型 */
/* 主商品+下方三圖片 */
.item-group__wrapper{width:calc(33.33% - 15px);border:1px solid #e5e5e5;border-radius:6px;overflow:hidden;}
@media screen and (max-width: 991px) {
.item-group__wrapper{width:calc(50% - 15px)}
}
@media screen and (max-width: 767px) {
.item-group__wrapper{width:100%;max-width:360px}
}
.item-group__pagination{margin-top:10px;display:none}
@media screen and (max-width: 991px) {
.item-group__pagination{display:block}
}
.item-group__header{background-color:#b1b200;color:#fff;padding:10px;text-align: center;/*border-top-left-radius:6px;border-top-right-radius:6px*/}
.item-group__header h3{margin:0;line-height:1.38;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.item-group__body{width:100%;padding:20px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.item-group__body h4{width:100%;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.2em;line-height:1.36}
.item-group__three-item{width:100%;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.item-group__three-item .one-third-item{width:106px;height:106px;cursor:pointer}
.item-group__three-item .one-third-item img{width:100%;height:100%}
.item-group__three-item .one-third-item.active{border:2px solid #666}
@media screen and (max-width: 1199px) {
.item-group__three-item .one-third-item{width:83px;height:83px}
}
.item-group__footer{border-top:1px solid #e5e5e5;padding:10px 20px 10px 15px;width:100%;position:relative}
.item-group__footer .link-to{display:inline-block;width:calc(100% - 50px);color:#666;font-size:.8em;line-height:1.75;vertical-align:middle;text-align:right;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.item-group__footer .link-to:hover,.item-group__footer .link-to:focus,.item-group__footer .link-to:active,.item-group__footer .link-to:visited{text-decoration:none}
.item-group__footer .more{width:50px;position:absolute;right:16px;top:11px;display:inline-block;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}

/* 圖片or影諞+下方三賣場 FB粉專外掛 */
.three-items__cotainer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
@media screen and (max-width: 991px) {
.three-items__cotainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.three-items__cover{width:calc(100% - 330px)}
.three-items__cover .cover{height:450px;margin-bottom:30px;background-color:rgba(255,255,255,0.1);background-position:center center;background-repeat:no-repeat;background-size:cover}
@media screen and (max-width: 1199px) {
.three-items__cover .cover{height:343px}
}
@media screen and (max-width: 767px) {
.three-items__cover .cover{height:auto;margin-bottom:20px}
}
@media screen and (max-width: 991px) {
.three-items__cover{width:100%}
}
.three-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.three-items .item,.three-items .item-lg,.three-items .item-2x,.three-items .download-block{width:calc(33.33% - 10px);margin-top:0;margin-bottom:0}
.three-items .item-title{margin-bottom:5px;width:100%;height:44px;white-space:unset;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.three-items .item-price{font-size:1.5em;line-height:28px;margin-bottom:0}
@media screen and (max-width: 767px) {
.three-items .item,.three-items .item-lg,.three-items .item-2x,.three-items .download-block{width:100%;max-width:180px}
.three-items .item-title{font-size:1em;line-height:1.4}
.three-items .item-price{font-size:1.25em;line-height:23px}
}
@media screen and (max-width: 480px) {
.three-items .item,.three-items .item-lg,.three-items .item-2x,.three-items .download-block{width:150px}
}
.fbpage__wrapper{width:300px;height:auto}
@media screen and (max-width: 991px) {
.fbpage__wrapper{margin-top:30px;width:500px}
}
@media screen and (max-width: 767px) {
.fbpage__wrapper{width:300px}
}
/* 標題帶著一堆 tabs */
.title-tabs{padding-top:-20px;height:50px;width:100%;background-color:rgba(255,255,255,0.1);background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#ccc;border-bottom:2px solid #666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.title-tabs .title{width:calc(100% - 740px);margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
@media screen and (max-width: 991px) {
.title-tabs{background-color:transparent;background-image:none}
.title-tabs .title{display:none}
}
@media screen and (max-width: 767px) {
.title-tabs{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;height:42px;display:block;overflow-x:auto;overflow-y:hidden}
}
.tabs-wrapper{-ms-flex-item-align:end;align-self:flex-end;margin-right:0;margin-left:0}
@media screen and (max-width: 767px) {
.tabs-wrapper{-ms-flex-item-align:unset;-ms-grid-row-align:unset;align-self:unset;height:40px;width:-webkit-max-content;width:-moz-max-content;width:max-content}
}
.tabs-wrapper .tab{min-width:90px;max-width:180px;height:40px;padding:5px;background-color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.tabs-wrapper .tab:first-child{position:relative}
.tabs-wrapper .tab:first-child::before{position:absolute;left:-20px;bottom:0;content:'';border-color:transparent transparent #fff;border-style:solid;border-width:0 0 40px 20px}
.tabs-wrapper .tab a{display:block;width:100%;height:20px;overflow:hidden;padding:0;color:#999;font-size:.85em;line-height:20px;text-align:center}
.tabs-wrapper .tab a:hover,.tabs-wrapper .tab a:focus{text-decoration:none;color:#999;background-color:transparent}
.tabs-wrapper .tab:not(:last-child)::after{position:relative;content:'';height:20px;right:-10px;border-right:1px solid #ccc}
@media screen and (max-width: 991px) {
.tabs-wrapper .tab:not(:last-child)::after{border-right:0;display:none;background-color:transparent}
}
.tabs-wrapper .tab.active a{color:#666;font-weight:900;background-color:transparent}
.tabs-wrapper .tab.active a:hover,.tabs-wrapper .tab.active a:focus{color:#666;background-color:transparent}
@media screen and (max-width: 991px) {
.tabs-wrapper .tab.active{border-bottom:2px solid #666}
}
.tabs-wrapper .tab + .tab{margin-left:0}
.items-contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:10px;margin-left:-15px;margin-right:-15px}
.items-contents .swiper-slide{width:50%}
@media screen and (max-width: 767px) {
.items-contents .swiper-slide{width:100%}
}
.items-contents + .swiper-pagination__wrapper{display:none}
@media screen and (max-width: 767px) {
.items-contents + .swiper-pagination__wrapper{display:block}
}
.item--horizontal{width:calc(50% - 30px);height:200px;margin:15px;margin-bottom:30px;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.item--horizontal * + *{margin-left:20px}
@media screen and (max-width: 991px) {
.item--horizontal * + *{margin-left:10px}
}
.item--horizontal img{height:100%;width:auto}
.item--horizontal:hover,.item--horizontal:focus{color:#666;text-decoration:none}
@media screen and (max-width: 991px) {
.item--horizontal{height:160px}
}
@media screen and (max-width: 767px) {
.item--horizontal{width:100%;margin:10px 15px;height:120px}
}
.item-description{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:inline}
.item-description h4{margin:0;font-size:1.5em;line-height:1.4;font-weight:700;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
@media screen and (max-width: 991px) {
.item-description h4{font-size:1.2em;font-weight:500;width:175px}
}
@media screen and (max-width: 767px) {
.item-description h4{font-size:1em;width:100%}
}
.item-description .item-price{margin-left:0;margin-bottom:0;font-size:1.5em;line-height:1.4;font-weight:900}
@media screen and (max-width: 991px) {
.item-description .item-price{font-size:1.3em;font-weight:700}
}
#steps{width:768px;margin:40px auto 60px auto;text-align:center;/*display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;-ms-flex-item-align:center;*/align-self:center}
@media screen and (max-width: 1199px) {
#steps{width:100%;max-width:768px;margin:40px auto 60px auto}
}
@media screen and (max-width: 991px) {
#steps{margin:40px auto 60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
@media screen and (max-width: 767px) {
#steps{width:100%}
}
.step{-ms-flex-item-align:start;align-self:flex-start;display:inline-block;position:relative;color:#cdd0da;font-weight:600;text-align:center;width:40px;height:40px;line-height:32px;background:url(/images/F2E/img/step.svg),none;background-size:contain;background-repeat:no-repeat}
.step:first-child:before{width:0;height:3px;display:block;background-color:transparent;content:''}
.step-number{font-style:normal;font-size:1.2em}
.step-desc{position:absolute;top:40px;left:-18px;width:70px;text-align:center;color:#cdd0da}
.step.done .step-desc,.step.active .step-desc{color:#666}
.step:nth-child(n+2){margin:0 0 0 145px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
@media screen and (max-width: 767px) {
.step:nth-child(n+2){margin:0 0 0 70px}
}
.step:nth-child(n+2):before{width:155px;height:2px;display:block;background-color:#dbdce0;-webkit-transform:translate(-151px,15px);-ms-transform:translate(-151px,15px);transform:translate(-151px,15px);content:''}
@media screen and (max-width: 767px) {
.step:nth-child(n+2):before{width:80px;-webkit-transform:translate(-77px,15px);-ms-transform:translate(-77px,15px);transform:translate(-77px,15px)}
}
.step:after{width:55px;display:block;-webkit-transform:translate(-35px,8px);-ms-transform:translate(-35px,8px);transform:translate(-35px,8px);color:#b9bcc6;content:attr(data-desc);font-weight:400;font-size:13px}
.step:first-child:after{-webkit-transform:translate(-15px,10px);-ms-transform:translate(-15px,10px);transform:translate(-15px,10px)}
.step.active:before{background:-webkit-gradient(linear,left top,right top,from(#666),to(#666));background:-webkit-linear-gradient(left,#666 0%,#666 100%);background:linear-gradient(to right,#666 0%,#666 100%)}
.step.active + .step:before{background:-webkit-gradient(linear,left top,right top,from(#666),color-stop(90%,#ccc));background:-webkit-linear-gradient(left,#666 0%,#ccc 90%);background:linear-gradient(to right,#666 0%,#ccc 90%)}
.step.active:after{color:#ccc}
.step.active,.step.done{color:#fff;background:url(/images/F2E/img/step-active.svg),none;background-size:contain;background-repeat:no-repeat}
.step.done:before{background-color:#666}
.cart-list__wrapper{margin-top:1px}
@media screen and (max-width: 991px) {
.cart-list__wrapper{padding-left:16.66667%;padding-right:16.66667%}
}
@media screen and (max-width: 767px) {
.cart-list__wrapper{padding-left:15px;padding-right:15px}
}
.cart-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2px;border-bottom:1px solid #e5e5e5}
.cart-list > div{padding:10px 0}
@media screen and (max-width: 991px) {
.cart-list{padding-top:20px}
.cart-list:nth-child(2){border-top:0}
}
.cart-list__header{color:#666;height:22px;margin-top:5px;background:#f3f3f3;border:1px solid #cecece;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.cart-list__header .cart-item__checkbox{position:relative;top:-2px}
.cart-list__header > .cart-item{font-size:.82em}
.cart-list__header > div{height:18px;padding-top:1px}
@media screen and (max-width: 991px) {
.cart-list__header{display:none}
}
.cart-list__addition{border-top:0;background-color:#f8f8f8;padding:0 15px}
.cart-list__addition > div.cart-item__count{padding:0}
@media screen and (max-width: 991px) {
.cart-list__addition{display:none;padding:10px;border:1px solid #ccc;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.cart-list__addition .cart-item__checkbox{-ms-flex-item-align:start;align-self:flex-start}
}
.addition__wrapper{margin-bottom:10px}
@media screen and (max-width: 991px) {
.addition__wrapper{margin-bottom:20px}
}
@media screen and (max-width: 767px) {
.addition__wrapper > div:not(:first-child){margin-top:10px}
}
.cart-item{text-align:center;font-size:.82em}
.cart-list__header .cart-item{text-align:center}
.cart-item__collapse{display:none;background-color:#f8f8f8;border:1px solid #ccc;border-radius:4px;height:40px;padding:11px 10px;cursor:pointer}
.cart-item__collapse.cartfree{background:#2db3bd;background:-moz-linear-gradient(45deg,rgba(45,179,189,1) 0%,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(45deg,rgba(45,179,189,1) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(45deg,rgba(45,179,189,1) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2db3bd',endColorstr='#ffffff',GradientType=1)}
.cart-item__collapse.cartadditional{background:#3d90e3;background:-moz-linear-gradient(45deg,rgba(61,144,227,1) 0%,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(45deg,rgba(61,144,227,1) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(45deg,rgba(61,144,227,1) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d90e3',endColorstr='#ffffff',GradientType=1)}
@media screen and (max-width: 991px) {
.cart-item__collapse{display:block}
}
.cart-item__collapse.open{border-bottom-left-radius:0;border-bottom-right-radius:0}
.cart-item__checkbox{width:44px;text-align:left}
.cart-list__header > .cart-item__checkbox{text-align:left;padding-top:1px}
.cart-item__checkbox label{height:7px}
@media screen and (max-width: 1199px) {
.cart-item__checkbox{width:37px}
}
@media screen and (max-width: 991px) {
.cart-item__checkbox{width:20px}
}
.cart-item__pic{width:70px;background:url(../../../images/F2E/img/loading.png) center center no-repeat;background-size:contain;position:relative;}
.cart-item__pic.no-img{background:none !important;}
span[data-icon="loading"]{background:url(../../../images/F2E/img/loading.png) center center no-repeat;background-size:contain}
.item-group__body > span[data-icon="loading"]{width:323px;height:323px}
.one-third-item{background:url(../../../images/F2E/img/loading.png) center center no-repeat;background-size:contain}
.item > span[data-icon="loading"]{width:265px;height:265px;display:block}
.swiper-slide.item > span[data-icon="loading"]{width:260px;height:260px;display:block}
.items-container .item-2x > span[data-icon="loading"]{width:550px;height:263px;display:block}
.items-container .item > span[data-icon="loading"]{width:265px;height:265px;display:block}
.item-viewcard > span[data-icon="loading"]{width:165px;height:165px;display:block}
.item-cartadditional > span[data-icon="loading"]{width:165px;height:165px;display:block}
.CancelList span[data-icon="loading"]{width:135px;height:135px;display:block;}
.ReturnList span[data-icon="loading"]{width:135px;height:135px;display:block;}
@media screen and (max-width: 1200px) {
.item > span[data-icon="loading"]{width:215px;height:215px;display:block}
.swiper-slide.item > span[data-icon="loading"]{width:193px;height:193px;display:block}
.items-container .item-2x > span[data-icon="loading"]{width:450px;height:215px;display:block}
.items-container .item > span[data-icon="loading"]{width:215px;height:215px;display:block}
.item-viewcard > span[data-icon="loading"]{width:165px;height:165px;display:block}
.item-cartadditional > span[data-icon="loading"]{width:165px;height:165px;display:block}
}
@media screen and (max-width: 991px) {
.item > span[data-icon="loading"]{width:340px;height:340px;display:block}
.swiper-slide.item > span[data-icon="loading"]{width:230px;height:230px;display:block}
.items-container .item-2x > span[data-icon="loading"]{width:700px;height:334px;display:block}
.items-container .item > span[data-icon="loading"]{width:340px;height:340px;display:block}
.item-viewcard > span[data-icon="loading"]{width:140px;height:140px;display:block}
.item-cartadditional > span[data-icon="loading"]{width:140px;height:140px;display:block}
}
@media screen and (max-width: 767px) {
.cart-item__pic{-ms-flex-item-align:start;align-self:flex-start}
.item > span[data-icon="loading"]{width:auto;height:auto;max-width:340px;max-height:340px;display:block}
.swiper-slide.item > span[data-icon="loading"]{width:180px;height:180px;display:block}
.items-container .item-2x > span[data-icon="loading"]{width:auto;height:auto; max-width:700px;max-height:334px;display:block}
.items-container .item > span[data-icon="loading"]{width:auto;height:auto;max-width:340px;max-height:340px;display:block}
.item-viewcard > span[data-icon="loading"]{width:140px;height:140px;display:block}
.item-cartadditional > span[data-icon="loading"]{width:140px;height:140px;display:block}
}
.preview-freqency__header{color:#666;height:22px;margin-top:5px;background:#f3f3f3;border:1px solid #cecece;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.preview-freqency__header > div{height:18px;padding-top:1px}
.preview-freqency .cart-list{padding-top:0px !important;}
.preview-freqency__serial,
.preview-freqency__date,
.preview-freqency__price{width:33%}

.cart-item__name{width:150px}
.cart-item__serial,
.cart-item__date,
.cart-item__status,
.cart-item__ccorder{width:100px}
.cart-item__serial > span,
.cart-item__date > span,
.cart-item__status > span,
.cart-item__ccorder > span{font-size:0.82em;}
@media screen and (max-width: 1199px) {
.cart-item__name{width:150px}
.cart-item__serial,
.cart-item__date,
.cart-item__status,
.cart-item__ccorder{width:150px}
}
@media screen and (max-width: 991px) {
.cart-item__name{width:75%}
.cart-item__serial,.cart-item__date,.cart-item__status,.cart-item__ccorder{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.cart-list__addition .cart-item__name{width:90%}
.cart-list__addition.cart-list__gift .cart-item__name{width:100%}
}
@media screen and (max-width: 767px) {
.cart-item__name{width:58.33333%}
}
.cart-item__name p{width:100%;line-height:16px;text-align:left;margin-bottom:5px}
.cart-item__name p:last-child{margin-bottom:0}
.cart-item__name p > label{margin-bottom:0}
.cart-item__name > div {width:100%;line-height:16px;text-align:left;margin-bottom:5px}
.cart-item__name > div:last-child{margin-bottom:0}
.cart-item__name > div > label{margin-bottom:0}

@media screen and (max-width: 767px) {
.cart-item__name--fluid{width:66.66667%}
}
.cart-item__spec{width:190px}
@media screen and (max-width: 1199px) {
.cart-item__spec{width:190px}
}
@media screen and (max-width: 991px) {
.cart-item__spec{width:100%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.cart-item__spec--fixed{width:132px}
@media screen and (max-width: 1199px) {
.cart-item__spec--fixed{width:116px}
}
@media screen and (max-width: 991px) {
.cart-item__spec--fixed{margin-top:10px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
@media screen and (max-width: 767px) {
.cart-item__spec--fixed > div{text-align:right;width:75%}
}
.cart-item__color-block{width:14px;height:14px;display:inline-block;background-color:#8000FF;margin-right:5px;position:relative;bottom:-2px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-flex-negative:0;flex-shrink:0}
.cart-item__price{font-size:1rem;text-align:right;width:118px}
.cart-item__price > span{font-size:.82em}
@media screen and (max-width: 991px) {
.cart-item__price{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.cart-item__count{width:60px}
.cart-item__count select.form-control{padding:6px}
@media screen and (max-width: 991px) {
.cart-item__count{width:100%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.cart-item__count select.form-control{width:72px}
}
.cart-item__discount{width:116px;position:relative}
@media screen and (max-width: 1199px) {
.cart-item__discount{width:102px}
}
@media screen and (max-width: 991px) {
.cart-item__discount{width:100%}
}
.cart-item__discount--fixed{width:132px;position:relative}
@media screen and (max-width: 1199px) {
.cart-item__discount--fixed{width:116px}
}
@media screen and (max-width: 991px) {
.cart-item__discount--fixed{margin-top:10px;margin-bottom:10px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.cart-item__subtotal{font-size:1em;width:118px}
.cart-item__subtotal span{font-size:.82em}
@media screen and (max-width: 991px) {
.cart-item__subtotal{margin-top:15px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.cart-list__addition .cart-item__subtotal{margin-top:5px}
}
.cart-item__delete{width:32px}
.cart-item__delete > a.btn.btn-link,.cart-item__delete > a.btn.btn-link:hover:focus:visited:active{padding-left:2px;color:#666}
@media screen and (max-width: 991px) {
.cart-item__delete{width:100%;text-align:right}
.cart-item__delete > a.btn.btn-link{padding-left:10px;padding-right:0}
}
.cart-item__collapse.open + .cart-list__addition{display:-webkit-box;display:-ms-flexbox;display:flex}
.cart-thumb{width:70px;height:70px;background-color:rgba(248,248,248,0.4)}
.product-name a{color:#666;font-weight:900}
.cart-event{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.cart-event span{padding:1px 0}
.cart-link--event > a,.cart-link--event > a:hover:focus:active:visited{color:#fd8e54}
.cart-link--added{color:#3d90e3}
.cart-link--gift{color:#2db3bd}
.cart-label{min-width:30px;height:16px;font-size:11px;line-height:12px;color:#fff;border-radius:2px;padding:2px;text-align:center;margin-right:5px;-ms-flex-negative:0;flex-shrink:0}
.discount-price{position:absolute;width:100px;bottom:-10px;right:0}
@media screen and (max-width: 1199px) {
.discount-price{bottom:-15px;right:-1px}
}
@media screen and (max-width: 991px) {
.discount-price{bottom:-13px}
}
.cart-info__wrapper{margin-top:60px}
@media screen and (max-width: 991px) {
.cart-info__wrapper{margin-top:40px;padding-left:16.66667%;padding-right:16.66667%}
}
@media screen and (max-width: 767px) {
.cart-info__wrapper{padding-left:15px;padding-right:15px}
}
.cart-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:right;margin-bottom:20px;padding-left:0;padding-right:0}
@media screen and (max-width: 991px) {
.cart-info{text-align:left}
}
.cart-info__price{text-align:right;width:25%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
@media screen and (max-width: 1199px) {
.cart-info__price{width:33.33333%}
}
@media screen and (max-width: 991px) {
.cart-info__price{width:50%}
}
@media screen and (max-width: 767px) {
.cart-info__price{width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.cart-info__price--col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cart-info__price--col > *{-ms-flex-item-align:end;align-self:flex-end}
.cart-info__price--desc{font-size:.82em;text-align:left}
@media screen and (max-width: 767px) {
.cart-info__price--desc{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
}
.cart-info__price--desc .discount-group{font-size:1rem;-ms-flex-item-align:end;align-self:flex-end;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.discount-hint{font-size:12px;border:1px dotted #cecece;background:#fff6bd;color:#e84242;padding:3px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.cart-info__total-price{font-size:1.4em;color:#e84242;font-weight:900}
.cart-info__point{width:72px;padding:6px 8px;margin-right:10px}
.cart-info__total{border-top:1px solid #e5e5e5;padding-top:20px}
.info-label{font-size:.82em;padding-right:15px;width:75%}
@media screen and (max-width: 1199px) {
.info-label{width:66.66667%}
}
@media screen and (max-width: 991px) {
.info-label{width:50%}
}
@media screen and (max-width: 767px) {
.info-label{width:66.66667%}
}
.cart-terms{text-align:right;font-size:.82em}
label[for="cart_terms"]{text-align:left}
.remind__wrapper{border:1px solid #e5e5e5;width:100%;min-height:50px;margin-top:10px;margin-bottom:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#fefefe;background:-moz-linear-gradient(top,rgba(254,254,254,1) 0%,rgba(248,248,248,1) 100%);background:-webkit-linear-gradient(top,rgba(254,254,254,1) 0%,rgba(248,248,248,1) 100%);background:linear-gradient(to bottom,rgba(254,254,254,1) 0%,rgba(248,248,248,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#f8f8f8',GradientType=0)}
@media screen and (max-width: 991px) {
.remind__wrapper{margin-top:40px;margin-bottom:0}
}
@media screen and (max-width: 767px) {
.remind__wrapper{border-left:0;border-right:0;border-bottom:0}
}
.remind__title{font-size:1em;line-height:1.375;color:#666;margin:4px 0;padding-left:20px;border-bottom:1px solid #e5e5e5}
.remind__content{padding:20px 10px;font-size:.82em}
.remind__content li{margin:7px auto;list-style:none;position:relative}
.remind__content li::before{content:"";background:url(/images/F2E/img/anyo.svg),none;background-size:contain;background-repeat:no-repeat;width:15px;height:15px;display:inline-block;position:absolute;top:3px;left:-20px}
@media screen and (max-width: 767px) {
.remind__content{padding:10px}
.remind__content ul{padding-left:20px}
}

/*
.payment__wrapper{margin-top:40px;@includetabletmargin-top:20px;padding-left:percentage(2/12);padding-right:percentage(2/12)}
.payment__header{font-size:1.2em;font-weight:700;border-top:1px solid $border-color;border-bottom:1px solid $border-color;padding:18px 0;&ifawidth:33px;text-align:center;display:inline-block}
&--nobotbor{border-bottom:0}
*/
.left-label__bg{background-color:#f8f8f8;height:100%;display:table}
.left-label{line-height:20px;text-align:right;display:table-cell;vertical-align:middle}

.payment {
  height: 40px;
  border-bottom: 1px solid #e5e5e5;
  font-size: .82em;
  /* 平板手機介面顯示 */
}

.payment__method{padding:9px 20px;line-height:20px}
.payment__method label{font-weight:400;margin-bottom:0}
.payment__price{width:105px;text-align:right;display:inline-block}
.payment__price_highlight{color:#f00;text-align:right;display:inline-block}
.payment__period{width:20px;height:20px;text-align:right;display:inline-block}
.payment__select{margin:10px -15px;font-size:.82em}
.payment__select p{margin:5px auto}
.payment__period + span.text-gray{width:130px;display:inline-block;text-align:left}
.payment__method label a[data-toggle="popover"]:hover,.payment__method label a[data-toggle="popover"]:focus,.payment__method label a[data-toggle="popover"]:active,.payment__method label a[data-toggle="popover"]:visited{text-decoration:none}

/* Custom dropdown 修正 */
.payment__select .c-dropdown__item{line-height:20px;padding:9px 10px;display:inline-block}
.payment__select .c-button--dropdown{line-height:24px;padding:9px 25px 7px 10px}
.payment__select .c-dropdown__list{width:100%}

/* 訂購人資料 */
.order-info{height:61px;font-size:.82em;border-bottom:1px solid #e5e5e5}
@media screen and (max-width: 991px) {
.order-info .col-sm-2{padding:20px 10px}
.order-info--fluid{height:auto}
}
@media screen and (max-width: 767px) {
.order-info{height:auto;border-bottom:0}
.order-info .col-sm-2{display:none}
}
.order-info__tall{height:83px}
@media screen and (max-width: 991px) {
.order-info__tall{height:133px}
}
.order-info__tall--fixed{height:83px}
@media screen and (max-width: 767px) {
.order-info__tall--fixed{height:auto}
}
.order-info__tall-2{height:111px}
@media screen and (max-width: 991px) {
.order-info__tall-2{height:179px}
}
@media screen and (max-width: 767px) {
.order-info__tall-2{height:auto}
}
.order-info__label{text-align:right;line-height:20px}
@media screen and (max-width: 991px) {
.order-info__label{padding:0 2px}
}
.order-info__form{padding:10px 20px}
@media screen and (max-width: 991px) {
.order-info__form{padding:10px}
}
@media screen and (max-width: 767px) {
.order-info__form.col-sm-10{padding:10px 0}
}
.order-info__form--fluid{padding:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.order-info__form--fluid > :first-child{margin-right:10px}
@media screen and (max-width: 767px) {
.order-info__form--fluid > :first-child{margin-right:0;margin-bottom:10px}
}
.order-info__form--fluid input[type="checkbox"] + label{margin-bottom:0}
@media screen and (max-width: 767px) {
.order-info__form--fluid{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}
}
.order-info__checkbox{padding:20px;line-height:20px}
.order-info__checkbox label{margin-bottom:0}
@media screen and (max-width: 767px) {
.order-info__checkbox{padding:20px 10px}
}
.order-info__checkbox + .order-info__form{padding:20px}
a.order-info__select-link{margin-left:20px;line-height:20px}
@media screen and (max-width: 991px) {
.order-info__address-label{height:110px}
}
.order-info__address{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.order-info__address > *{margin-right:10px}
.order-info__address > :last-child{margin-right:0}
@media screen and (max-width: 991px) {
.order-info__address > :last-child{margin-top:10px}
}
@media screen and (max-width: 991px) {
.order-info__address{-ms-flex-wrap:wrap;flex-wrap:wrap}
}
@media screen and (max-width: 767px) {
.order-info__address{display:block}
}
.order-info__freight{padding:10px;line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.order-info__freight > *{margin-right:20px}
.order-info__freight label{margin-bottom:0}
@media screen and (max-width: 991px) {
.order-info__freight{padding:20px 10px}
}
@media screen and (max-width: 767px) {
.order-info__freight{padding:0 10px}
.order-info__freight label{margin-right:10px;margin-top:5px;margin-bottom:5px}
}
.order-info__store{width:470px;border:1px solid #e5e5e5;border-radius:4px;padding:10px}
@media screen and (max-width: 991px) {
.order-info__store{width:100%}
}
.order-info__store-header{width:100%;font-size:.82em;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.order-info__store-body{font-size:.82em;display:none}
.order-info__store-body span{margin-top:10px;display:inline-block}
.invoice-tab__wrapper{padding:10px 0}
.invoice-tab li,.faq-tab li{font-size:.82em}
.invoice-tab > li > a,.faq-tab > li > a{color:rgba(102,102,102,0.6)}
.invoice-content__header{padding:10px 0;border-bottom:1px solid #e5e5e5;font-size:.82em}
.invoice-content__footer{font-size:.82em;margin-top:10px;margin-bottom:0}
@media screen and (max-width: 991px) {
.invoice__company-name{margin:10px 0}
}
@media screen and (max-width: 767px) {
.invoice__company-name{maring:0}
}
.mobile-label__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width: 767px) {
.mobile-label__wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
}
.mobile-label{display:none}
@media screen and (max-width: 767px) {
.mobile-label{display:inline-block!important}
}
.subscription-block{font-size:.82em;font-weight:400;margin-bottom:60px}
@media screen and (max-width: 991px) {
.subscription-block{text-align:center;margin-bottom:40px}
}
.subscription2-block{font-size:.82em;font-weight:400;margin-bottom:60px}
@media screen and (max-width: 991px) {
.subscription2-block{margin-bottom:30px}
}
.step3-btns__wrapper{margin-top:20px;padding-left:25%}
@media screen and (max-width: 991px) {
.step3-btns__wrapper{padding-left:16.66667%;padding-right:16.66667%}
}
@media screen and (max-width: 767px) {
.step3-btns__wrapper{padding-left:15px;padding-right:15px}
}
.item-breadcrumb{padding:0;margin-bottom:0;background-color:rgba(255,255,255,0);font-size:13px}
.item-breadcrumb a{color:#666}
.item-breadcrumb > li{display:inline}
.item-breadcrumb > li + li:before{padding:0 7px;color:#666;content:'> '}
@media screen and (max-width: 767px) {
.item-breadcrumb{margin-top:20px}
}

/**********************
 * 賣場標題,副標題
 **********************/
.item-full__wrapper{width:100%;position:relative;}
.item__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}
@media screen and (max-width: 767px) {
.item__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}

/**********************
 * 賣場圖片, 臉書分享
 **********************/
.item-pic__wrapper{width:50%;padding-left:15px;padding-right:15px}
@media screen and (max-width: 991px) {
.item-pic__wrapper{width:40%}
}
@media screen and (max-width: 767px) {
.item-pic__wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.item-pic__wrapper > :not(:first-child){position:relative;top:0}
}
.item-pic__swiper-container{position:relative;width:100%;padding-bottom:32px;overflow:hidden}
@media screen and (max-width: 767px) {
.item-pic__swiper-container{width:250px}
}
.item-pic{width:100%}
.item-pic img{display:inline-block}
@media screen and (max-width: 767px) {
.item-pic img{width:300px}
}
@media screen and (max-width: 767px) {
.item-pic{text-align:center}
}
.item-thumbs{top:-30px;position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
@media screen and (max-width: 767px) {
.item-thumbs{display:none}
}
.item-thumb__pic{width:18%;margin:10px 2% 0 0;cursor:pointer}
.item-thumb__pic img{width:100%}
@media screen and (max-width: 767px) {
.item-thumb__pic{width:10px;height:10px;border:1px solid #e5e5e5;margin-top:5px;border-radius:5px}
.item-thumb__pic.active{background-color:#ccc}
}
.item-share__wrapper{position:relative;top:-30px;margin:10px auto;width:100%}
.item-share__wrapper p{-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3}
@media screen and (max-width: 767px) {
.item-share__wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.item-share__wrapper p{margin-bottom:0}
}

/**********************
 * 賣場資訊
 **********************/
.item-desc__wrapper{width:50%;padding-left:15px;padding-right:15px}
@media screen and (max-width: 991px) {
.item-desc__wrapper{width:60%}
}
@media screen and (max-width: 767px) {
.item-desc__wrapper{width:100%}
}
.item-desc__title{font-size:1.62em;line-height:1.31;font-weight:900;margin:10px 0 5px}
.item-desc__title::before{content: ''; float: right; width: 2em; height:1em;}
.item-desc__subtitle{line-height:18px;font-size:.82em;color:#666;margin-bottom:5px}
.item-desc__subtitle:not(:first-child){margin-top:10px}

/* 賣場頁副標題 */
.item-full__wrapper .item-desc__subtitle{margin:5px auto 10px}
.item-desc__content{font-size:.82em}

/**********************
 * 商品活動,活動標籤
 **********************/
.item-event{line-height:13px;font-size:.81em;line-height:15px}
.item-event label{width:auto;margin-bottom:0;padding:2px 4px}
.item-event--gift{margin-bottom:5px}

/**********************
 * 商品特價, 信用卡分期
 **********************/
.item-price-panel{width:100%;margin-bottom:10px;padding:20px}
.item-price-panel .item-price__label{width:20%;min-width:68px;font-size:.82em}
@media screen and (max-width: 1199px) {
.item-price-panel .item-price__label{line-height:24px}
}
.item-price-panel .item-price__installment{padding-left:15px;font-size:13px;color:#4b9ce4;cursor:pointer}
.item-price-panel .price-group{padding-left:15px;font-size:1em;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.item-price-panel .price-group :not(:last-child){margin-right:10px}
.item-price-panel .price-group strong{font-size:24px;font-weight:700;color:#e84242}
.item-price-panel .price-group del{color:#666;font-weight:400;font-size:.82em}
.item-price__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.item-price__row:not(:last-child){margin-bottom:20px}
@media screen and (max-width: 1199px) {
.item-price__row{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
/****************
 * 商品顏色
 ****************/
.item-colors{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.item-colors > *{margin:0 10px 10px 0}
.item-color{width:40px;height:40px;background-color:#fff;position:relative;cursor:pointer;border:1px solid #ccc}
.item-color.checked{border:2px solid #666}
.item-color.checked::before{content:'';width:36px;height:36px;position:absolute;left:0;top:0;border:2px solid #fff}

.item-color.checked::after {
  border-color: transparent #666 #666 transparent;border-style: solid solid solid solid;
  /* 設定邊框大小可拼湊出任意形狀的三角形 */
  border-width: 10px 10px 10px 10px;
  /* 必須指定，才能顯示內容 */
  content: "";
  /* 必須指定，否則會變梯形 */
  position: absolute;right: 0;bottom: 0;height: 0px; width: 0px;
}

.item-color.checked i.fa{font-size:5px;color:#fff;position:absolute;bottom:-1px;right:-1px;z-index:3}
.item-color.disabled{border:2px solid #e94141;cursor:not-allowed}
.item-color.disabled::before{content:'';width:36px;height:36px;position:absolute;left:0;top:0;border:2px solid #fff}
.item-color.disabled:after{position:absolute;content:'';width:141.4%;height:2px;background-color:#e94141;left:-7px;bottom:17px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}

/****************
 * 商品尺寸
 ****************/
.item-size-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}
.item-size-group > :not(:last-child){margin-right:10px}
.item-size-group > *{margin-bottom:10px}

/****************
 * 商品數量
 ****************/
.item-count-group{width:140px;margin:auto;}
.item-count-group input{width:60px;text-align:center}
.item-count-group .input-group-addon{width:40px;cursor:pointer;background-color:#f8f8f8}

/****************
 * 加入購物車,追蹤按鈕
 ****************/
.item__btn-group{width:100%;margin:10px 0 0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.item__btn-group--buy{width:50%;padding-right:10px}
.item__btn-group--track{width:50%;padding-left:10px}
@media screen and (max-width: 991px) {
.item__btn-group{position:fixed;width:100%;left:0;bottom:0;padding:10px;margin-left:0;margin-right:0;border-top:1px solid #e5e5e5;background-color:#fff;z-index:50}
}

/****************
 * 優惠加購
 ****************/
.item-info-header{font-size:1.25em;font-weight:900;margin:0 auto 20px;padding-top:20px;padding-bottom:20px;text-align:center;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fafac5;color:#000}
@media screen and (max-width: 767px) {
.item-info-header{margin-left:10px;margin-right:10px}
}
.item-added__button{padding-left:38%;padding-right:38%}
.item-viewed__button{padding-left:38%;padding-right:38%}
@media screen and (max-width: 1199px) {
.item-added__button{padding-left:33%;padding-right:33%}
.item-viewed__button{padding-left:33%;padding-right:33%}
}
@media screen and (max-width: 767px) {
.item-added__button{padding-left:8%;padding-right:8%}
}
@media screen and (max-width: 767px) {
.item-viewed__button{padding-left:8%;padding-right:8%}
}
.item__swiper{padding-left:50px;padding-right:50px;width:100%;position:relative;padding-bottom:32px;overflow:hidden;min-height:200px}
/*.item-added__swiper-container{padding-left:50px;padding-right:50px;width:100%;position:relative;padding-bottom:32px;overflow:hidden;min-height:200px}
.item-viewed__swiper-container{padding-left:50px;padding-right:50px;width:100%;position:relative;padding-bottom:32px;overflow:hidden;min-height:200px}*/
@media screen and (max-width: 767px) {
.item__swiper{padding-left:10px;padding-right:10px}
/*.item-added__swiper-container{padding-left:10px;padding-right:10px}
.item-viewed__swiper-container{padding-left:10px;padding-right:10px}*/
}
.swiper-button-prev.item-added-btn,.swiper-button-next.item-added-btn{width:40px;height:calc(100% - 32px);color:#666;background-color:#f8f8f8;border:1px solid #e5e5e5;padding-left:14px;position:absolute;top:22px}
.swiper-button-prev.item-viewed-btn,.swiper-button-next.item-viewed-btn{width:40px;height:calc(100% - 32px);color:#666;background-color:#f8f8f8;border:1px solid #e5e5e5;padding-left:14px;position:absolute;top:22px}
.swiper-button-prev.item-added-btn{left:0}
.swiper-button-prev.item-viewed-btn{left:0}
.swiper-button-prev.item-added-btn::after{content:'<';position:absolute;top:46%;left:40%}
.swiper-button-prev.item-viewed-btn::after{content:'<';position:absolute;top:46%;left:40%}
.swiper-button-next.item-added-btn{right:0}
.swiper-button-next.item-viewed-btn{right:0}
.swiper-button-next.item-added-btn::after{content:'>';position:absolute;top:48%;left:40%}
.swiper-button-next.item-viewed-btn::after{content:'>';position:absolute;top:48%;left:40%}
.item-cards{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}
.item-viewcards{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}
.item-card[data-itemcard],.item-viewcard[data-itemcard],.item-cartadditional[data-itemcard]{width:200px;height:100%;text-align:center;}
.item-card.item-buy,.item-viewcard.item-buy,.item-cartadditional.item-buy{margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:165px;color:#666;text-align:center}
.item-card .title,.item-viewcard .title,.item-cartadditional .title{text-align:left;font-size:1em;font-weight:400;line-height:22px;max-height:44px;overflow:hidden;width:100%;height:44px}
@media screen and (max-width: 991px) {
.item-card[data-itemcard],.item-viewcard[data-itemcard],.item-cartadditional[data-itemcard]{width:200px;height:100%;text-align:center;}
.item-card.item-buy,.item-viewcard.item-buy,.item-cartadditional.item-buy{width:140px;margin:auto;}
.item-card .title,.item-viewcard .title,.item-cartadditional .title{max-height:66px}
}
.item-card[data-itemcard],.item-viewcard[data-itemcard],.item-cartadditional[data-itemcard]{border:3px solid #fff;padding-bottom:2px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;overflow: hidden;margin:0 2px;}
.item-cartadditional[data-itemcard].selected {border: 3px solid #b1b200;}
.item-card .price,.item-viewcard .price,.item-cartadditional .price{color:#e84242;font-weight:700}
.item-card .price-content .price, .item-viewcard .price-content .price, .item-cartadditional .price-content .price{display:inline-block;}
.item-card .price-content del, .item-viewcard .price-content del, .item-cartadditional .price-content del{margin-right:10px;}
.item-card .spec,.item-viewcard .spec,.item-cartadditional .spec{text-align:left;margin:5px auto;width:100%;font-size:1em;line-height:22px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}
.item-card .count,.item-viewcard .count,.item-cartadditional .count{font-size:1em}
.item-card .price-count,.item-viewcard .price-count,.item-cartadditional .price-count{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.item-buy{cursor:pointer;display:compact}
.item-card[data-itemcard]:hover,.item-viewcard[data-itemcard]:hover,.item-cartadditional[data-itemcard]:hover{background-color: rgba(177,178,0,0.06);}
/*.item-buy:hover{background-color: #FFFBFB;}*/
/****************
 * 賣場橫幅廣告 768X160
 ****************/
.imgAd__block{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media screen and (max-width: 767px) {
.imgAd__block{padding-left:10px;padding-right:10px}
}
.imgAd{width:768px}
@media screen and (max-width: 991px) {
.imgAd{width:100%}
}
.imgAd > img{width:100%}
.item-edit__content{font-size:13px}
@media screen and (max-width: 767px) {
.item-edit__content{padding-left:10px;padding-right:10px}
}
.item-edit__content-narrow{padding-left:10%;padding-right:10%}
@media screen and (max-width: 991px) {
.item-edit__content-narrow{padding-left:10px;padding-right:10px}
}
.item-edit__content-narrow table.table{font-size:1em;border-top:1px solid #e5e5e5;margin-bottom:20px}
@media screen and (max-width: 767px) {
.item-edit__content-narrow table.table th{min-width:80px;width:80px;padding:10px 8px}
}
.item-edit__content-narrow ul{padding-left:20px}

/**
 * 子首頁上方,精選商品
 */
.featured-item__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}

@media screen and (max-width: 767px) {
.featured-item__wrapper{margin-left:-3px;margin-right:-3px}
}
.featured-item{color:#666;text-decoration:none;width:33.33333%;border:1px solid #e5e5e5;border-radius:6px;margin-left:10px;margin-right:10px}
.featured-item:focus,.featured-item:hover,.featured-item:active{color:#666;text-decoration:none}
.featured-item:first-child{margin-left:0;}
.featured-item:last-child{margin-right:0;}
@media screen and (max-width: 991px) {
.featured-item{border:0}
}
@media screen and (max-width: 767px) {
.featured-item{margin-left:5px;margin-right:5px}
.featured-item:first-child{margin-left:0}
.featured-item:last-child{margin-right:0}
}
.featured-item__title{font-size:1em;line-height:22px;text-align:center;margin:0;padding:10px 0;border-bottom:1px solid #e5e5e5;background:#b1b200;color:#fff;-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
@media screen and (max-width: 991px) {
.featured-item__title{display:none}
}
.featured-item__card{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
@media screen and (max-width: 1199px) {
.featured-item__card{padding:10px}
}
@media screen and (max-width: 991px) {
.featured-item__card{padding:0}
}
.featured-item__card img{width:100%}
.featured-item__card .subtitle{font-size:13px;text-align:left;margin:10px 0 0;height:18px}
@media screen and (max-width: 991px) {
.featured-item__card .subtitle{display:none}
}
.featured-item__card .title{font-size:1.19em;font-weight:700;line-height:26px;text-align:left;max-height:52px;overflow:hidden;margin:5px 0 10px;width:100%;height:52px}
@media screen and (max-width: 991px) {
.featured-item__card .title{font-size:1em;line-height:22px;max-height:44px;margin-bottom:5px}
}
.featured-item__card .description{margin:0 0 10px;font-size:13px;line-height:18px;max-height:36px;overflow:hidden;height:50px}
@media screen and (max-width: 991px) {
.featured-item__card .description{display:none}
}
.featured-item__card .price{color:#e84242;font-size:19px;font-weight:700;line-height:23px;text-align:left;margin:0}
@media screen and (max-width: 991px) {
.featured-item__card .price{font-size:.83em;font-weight:400;line-height:15px}
}
.member-func-container{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0;padding-right:0}
@media screen and (max-width: 991px) {
.member-func-container{margin-top:40px}
}
@media screen and (max-width: 767px) {
.member-func-container{width:100%;-webkit-column-count:2;column-count:2;margin:10px auto;display:block}
}
.func-col{width:20%;padding-left:15px;padding-right:15px;margin-bottom:40px}
@media screen and (max-width: 991px) {
.func-col{width:33.33333%;margin-bottom:20px}
}
@media screen and (max-width: 767px) {
.func-col{width:100%;display:inline-block}
}
.func-col .func-header{font-size:1.2em;line-height:26px;font-weight:900;color:#666;padding:14px 20px 10px;background-color:#f8f8f8;border:1px solid #e5e5e5;border-top-left-radius:4px;border-top-right-radius:4px}
div.func-list{list-style-type:none;padding-left:0}
div.func-list a{display:block;width:100%;font-size:1em;line-height:22px;padding:14px 20px;color:#666;border:1px solid #e5e5e5;border-top:0;text-decoration:none}
div.func-list a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}
div.func-list a:hover,div.func-list a:active,div.func-list a:focus{text-decoration:none;background-color:#666;color:#fff}

/* 訂單查詢表單 */
@media screen and (max-width: 991px) {
/*.order-search__wrapper{padding-left:16.66667%;padding-right:16.66667%}*/
}
@media screen and (max-width: 767px) {
.order-search__wrapper{padding-left:15px;padding-right:15px}
}
.order-search__block{font-size:.82em;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width: 991px) {
.order-search__block{padding:20px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.order-search__block > :not(:last-child){margin:5px 0}
}
@media screen and (max-width: 767px) {
.order-search__block{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
.order-search__block > .radio-group label{margin-right:10px;margin-bottom:0}
.order-search__input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.order-search__input-wrapper > :not(:last-child){margin-right:10px}
.order-list__wrapper{margin-bottom:20px;border-bottom:1px solid #e5e5e5}
.order-number__wrapper{margin-top:0;padding:0;font-size:.82em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
@media screen and (max-width: 767px) {
.order-number__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
.order-number__left{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}
.order-number__left p{margin:5px auto}
.order-number__right{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;text-align:right}
.order-number__right p{margin:5px auto}
@media screen and (max-width: 767px) {
.order-number__right{text-align:left}
}
.order-progress{padding:10px 20px;background-color:#f8f8f8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width: 767px) {
.order-progress{padding:10px}
}
.progress-item{opacity:.4;margin-right:70px;position:relative;list-style:none;}
.progress-item.done{opacity:1;border-bottom:2px solid #ffcc00;}
@media screen and (max-width: 991px) {
.progress-item{margin-right:50px}
}
@media screen and (max-width: 767px) {
.progress-item{margin-right:30px}
}
@-webkit-keyframes rightarrow {
  0% { -webkit-transform: translateX(0); opacity: 0.4 }
  100% { -webkit-transform: translateX(-0.4em); opacity: 0.9 }
}
.progress-item:last-child::after{-webkit-animation: rightarrow 0.6s infinite alternate ease-in-out;}
.progress-item:not(:last-child)::after{position:absolute;top:calc(50% - 8px);right:-55px;content:'▶▶▶'}
@media screen and (max-width: 991px) {
.progress-item:not(:last-child)::after{right:-39px;content:'▶▶'}
}
@media screen and (max-width: 767px) {
.progress-item:not(:last-child)::after{right:-23px;content:'▶'}
}
.price-search__wrapper{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media screen and (max-width: 1199px) {
.price-search__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
.price-search__wrapper > *{margin-top:5px}
.price-search__range{font-size:.82em;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width: 991px) {
.price-search__range .form-small{width:65px}
}
.filter__wrapper{padding-left:10px;padding-right:10px;margin:10px auto 20px}
.filter__wrapper.featured{margin:40px auto 0}
.filter{font-size:.82em}
.filter__display{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.filter__link{padding:0 10px;line-height:18px;cursor:pointer}
.filter__link:not(:last-child){border-right:1px solid #e5e5e5}
.filter__link:last-child{padding-right:0}
.filter__link.active{color:#4b9ce4}
.filter__price-block{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media screen and (max-width: 767px) {
.filter__price-block .form-base{width:90px}
}
.filter-sort,.filter-view{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.filter-view{text-align:right}
.filter__btn-group{display:none}
@media screen and (max-width: 767px) {
.filter__btn-group{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.filter__btn-group.half{width:40%}
.filter__btn-group.half > *{width:80%}
.filter__btn-group > *{width:32%}
.filter__btn-group .btn-block + .btn-block{margin-top:0}
.proof-title{font-size:19px;font-weight:700;line-height:26px}
.event-banner__wrapper{margin-top:20px;margin-bottom:30px}
@media screen and (max-width: 991px) {
.event-banner__wrapper{margin-top:40px}
}
@media screen and (max-width: 767px) {
.event-banner__wrapper{margin:0 -15px}
}

@media screen and (max-width: 767px) {
  .event-banner__image {
    /*display: none;*/
  }
}

.event-banner__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px;background-color:#f8f8f8}
@media screen and (max-width: 991px) {
.event-banner__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.event-banner__content .title_block{width:350px;overflow-x:hidden}
@media screen and (max-width: 991px) {
.event-banner__content .title_block{width:100%}
}
.event-banner__content .title_block .subtitle{font-size:19px;font-weight:900;line-height:26px;margin-bottom:5px;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}
@media screen and (max-width: 767px) {
.event-banner__content .title_block .subtitle{font-size:16px;line-height:22px;font-weight:400}
}
.event-banner__content .title_block .title{font-size:26px;font-weight:900;line-height:37px;margin:5px auto}
@media screen and (max-width: 767px) {
.event-banner__content .title_block .title{font-size:16px;line-height:22px;font-weight:400}
}
.event-banner__content .desc_block{width:700px}
@media screen and (max-width: 1199px) {
.event-banner__content .desc_block{width:500px}
}
@media screen and (max-width: 991px) {
.event-banner__content .desc_block{width:100%}
}
@media screen and (max-width: 767px) {
.event-banner__content .desc_block{display:none}
.event-banner__content .desc_block.open{display:block}
}
.event-banner__content .desc_block p{margin:5px auto}
.event-banner__content .desc_block .description{font-size:1em;line-height:22px;height:44px;overflow:hidden}
.event-banner__content .see-more{font-size:.82em;color:#4b9ce4;cursor:pointer;margin-bottom:0;display:none}
@media screen and (max-width: 767px) {
.event-banner__content .see-more{display:block}
}
.item-event__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
@media screen and (max-width: 991px) {
.item-event__wrapper{display:none}
}
.item-event__wrapper.open{display:block}
.item-event__wrapper.sticky{position:fixed;top:95px;z-index:50;left:14px;width:100%;padding:5px 20px 20px;border:1px solid #e5e5e5;border-top:0;border-radius:6px;border-top-left-radius:0;border-top-right-radius:0;-webkit-box-shadow:0 1px 1px 0 rgba(84,84,84,0.4);box-shadow:0 1px 1px 0 rgba(84,84,84,0.4)}
.item-event__wrapper.sticky{background-color:rgba(0,0,0,0.2);}

@media screen and (max-width: 1199px) {
.item-event__wrapper.sticky{
width:100%;top:65px;left:15px;padding:10px;}
}
@media screen and (max-width: 1065px) {
.item-event__wrapper.sticky{
width:100%;top:40px;left:15px;padding:10px;}
}
@media screen and (max-width: 991px) {
.item-event__wrapper.sticky{
width:100%;top:40px;left:15px;padding:10px;}
}
@media screen and (max-height: 800px) and (min-width: 1199px) {
/*.item-event__wrapper.sticky{zoom:0.6;width:100%;left:15px;top:158px;}*/
}
@media screen and (max-height: 800px) and (min-width: 1065px) {
/*.item-event__wrapper.sticky{zoom:0.6;width:100%;left:15px;top:100px;}*/
}
@media screen and (max-height: 800px) and (max-width: 991px) {
/*.item-event__wrapper.sticky{zoom:0.6;width:100%;left:15px;top:100px;}*/
}
.item-event__swiper-block{padding:0 50px;position:relative}
.item-event__container-wrapper,.item-event__container-wrapper2{width:100%;overflow:hidden;min-height:200px}
@media screen and (max-width: 991px) {
.item-event__container-wrapper .item-card,.item-event__container-wrapper2 .item-card{width:150px}
}
@media screen and (max-width: 991px) {
.item-event__container-wrapper .item-viewcard,.item-event__container-wrapper2 .item-viewcard{width:150px}
}
.item-event__container-wrapper .item-empty,.item-event__container-wrapper2 .item-empty{border:1px dashed #e5e5e5;width:165px;height:auto;font-size:13px;line-height:18px;background-color:#f8f8f8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.item-event__container-wrapper .swiper-slide,.item-event__container-wrapper2 .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.swiper-button-prev.item-event-btn,.swiper-button-next.item-event-btn,.swiper-button-prev.item-event2-btn,.swiper-button-next.item-event2-btn{width:40px;height:100%;color:#666;background-color:#f8f8f8;border:1px solid #e5e5e5;padding-left:14px;position:absolute;top:22px}
.swiper-button-prev.item-event-btn,.swiper-button-prev.item-event2-btn{left:0}
.swiper-button-prev.item-event-btn::after,.swiper-button-prev.item-event2-btn::after{content:'<';position:absolute;top:46%;left:40%}
.swiper-button-next.item-event-btn,.swiper-button-next.item-event2-btn{right:0}
.swiper-button-next.item-event-btn::after,.swiper-button-next.item-event2-btn::after{content:'>';position:absolute;top:46%;left:40%}
.item-event__add-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.item-event__add-wrapper .price{width:100%;margin:10px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:13px}
.item-event__add-wrapper .price-original del{font-size:16px}
.item-event__add-wrapper .price-total{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.item-event__add-wrapper .price-total span{font-size:24px;line-height:27px;font-weight:900;color:#e84242}

/* FB 分享區塊*/
.item-event__share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.item-event__share > :first-child{margin-right:10px}
.event-items{min-height:800px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:flex-start}
.event-items > *{margin-bottom:10px}

.event-item{display:block;width:20%;height:100%;padding-left:10px;padding-right:10px;text-decoration:none;color:#666;}
@media screen and (max-width: 991px) {
.event-item{width:33.33333%}
}
@media screen and (max-width: 767px) {
.event-item{width:50%}
}
.event-item .item-title{text-align:left;margin:5px auto;font-size:1em;line-height:22px;font-weight:400;height:44px;white-space:normal;overflow:hidden}
.event-item .select-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;font-size:13px;margin:5px auto 10px}
.event-item .select-group > select,.event-item .select-group .half-block{width:47%}
@media screen and (max-width: 767px) {
.event-item .select-group{display:none}
}
.event-item .select-btn{width:100%;margin:5px auto}
.event-item .select-btn.selected > .btn-white{background-color:#fff}

/* 紅標, 綠標 */
.item-card, .image-block{position:relative}
.item-card .delete{width:40px;height:40px;position:absolute;top:5px;right:10px;font-size:19px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;}
.item-card .delete i {position:relative;color:#686868;}
.item-card .delete:hover i{color:#fff;}
.item-card .delete::before{background:#ff0034;box-shadow:inset 0 0 0 60px #e5e5e5;content:'';position:absolute;top:0;left:0;height:100%;width:100%;-webkit-transition:all .25s ease;transition:all .25s ease;border-radius:30px}
.item-card .tag-red ~ .delete::before{background:#ff0034;box-shadow:inset 0 0 0 60px #e5e5e5;content:'';position:absolute;top:0;left:0;height:100%;width:100%;-webkit-transition:all .25s ease;transition:all .25s ease;border-radius:30px}
.item-card .tag-green ~ .delete::before{background:#18ac82;box-shadow:inset 0 0 0 60px #e5e5e5;content:'';position:absolute;top:0;left:0;height:100%;width:100%;-webkit-transition:all .25s ease;transition:all .25s ease;border-radius:30px}

.item-card .delete:hover::before{box-shadow:inset 0 0 0 0 #e5e5e5}
.item-card .delete::after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;-webkit-transition:all .25s ease;transition:all .25s ease;border-radius:30px;box-shadow:inset 0 0 0 1px #e5e5e5;border:1px solid #d8d8d8}
.item-card .delete:hover::after{box-shadow:inset 0 0 0 0 #e5e5e5;border:0 solid #d8d8d8}
.item-card .item-tag, .image-block .item-tag{position:absolute;top:4px;left:4px;width:40px;height:40px;/*background-color:#eee;border-radius:50%*/}

@media screen and (max-width: 767px) {
.item-card .item-tag{width:20px;height:20px}
}
.item-card .item-tag--xs{top:2px;left:2px;width:10px;height:10px}
/*.image-block .item-tag.tag-red{color:#fff;background-color:#e94141}
.image-block .item-tag.tag-red:before{content:'紅標';position:absolute;top:11px;left:7px;font-size:13px;line-height:18px}*/
.item-card .item-tag.tag-red::before, .image-block .item-tag.tag-red::before{content:"";background:url(/images/F2E/img/red.svg),none;position:absolute;top:0;left:0;background-size:cover;width:40px;height:40px;display:inline-block}
.item-card .item-tag.tag-red:after, .image-block .item-tag.tag-red::after{content:"紅標";position:absolute;top:0;left:0;color:#fff;font:12px/40px arial;text-align:center;width:40px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-sand-transform:rotate(-45deg);transform:rotate(-45deg);display:inline-block}
@media screen and (max-width: 767px) {
.item-card .item-tag.tag-red:before{content:''}
}
.item-card .item-tag.tag-green::before, .image-block .item-tag.tag-green::before{content:"";background:url(/images/F2E/img/green.svg),none;position:absolute;top:0;left:0;background-size:cover;width:40px;height:40px;display:inline-block}
.item-card .item-tag.tag-green:after, .image-block .item-tag.tag-green:after{content:"綠標";position:absolute;top:0;left:0;color:#fff;font:12px/40px arial;text-align:center;width:40px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-sand-transform:rotate(-45deg);transform:rotate(-45deg);display:inline-block}
/*.image-block .item-tag.tag-green{color:#fff;background-color:#18ac82}
.image-block .item-tag.tag-green:after{content:'綠標';position:absolute;top:11px;left:7px;font-size:13px;line-height:18px}*/
@media screen and (max-width: 767px) {
.item-card .item-tag.tag-green:before{content:''}
}
.item-card .item-tag.tag-gift{color:#fff;background-color:#c1ca1c}
.item-card .item-tag.tag-gift:before{content:'贈品';position:absolute;top:11px;left:7px;font-size:13px;line-height:18px}
@media screen and (max-width: 767px) {
.item-card .item-tag.tag-gift:before{content:''}
}
.swiper-slide .image-block img{max-width:165px;max-height:165px}
.item-event__fixed{width:100%;height:70px;padding:10px 20px;position:fixed;bottom:0;left:0;z-index:11;background-color:#fff;border-top:1px solid #e5e5e5;display:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.item-event__fixed .item-counts,.item-event__fixed .price-total{font-size:13px;line-height:18px;text-align:left;margin:5px auto}
.item-event__fixed .price-total{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.item-event__fixed .price-total span{font-size:16px;line-height:18px;font-weight:900;color:#e84242}
@media screen and (max-width: 991px) {
.item-event__fixed{display:-webkit-box;display:-ms-flexbox;display:flex}
}
@media screen and (max-width: 767px) {
.item-event__fixed{height:110px;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.item-event__fixed .item-counts{margin:7px 10px 5px}
.item-event__fixed .price-total{margin:7px 10px 5px;text-align:right}
}
@media screen and (max-width: 767px) {
.event-info__block{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f8f8f8;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
}
.event-btns__block{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex}
.event-btns__block > .half-block{width:50%;padding:0 10px}
@media screen and (max-width: 767px) {
.event-btns__block{width:100%;padding:10px 5px}
}
.selected-list__wrapper{width:100%;height:100%;position:fixed;top:0;left:0;display:none;z-index:205;background-color:#f8f8f8}
.selected-list__wrapper.open{display:block}
.selected-list__header{padding:10px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e5e5e5}
.selected-list.title{font-size:1em;line-height:22px;margin:0;text-align:left}
.selected-list.close-btn{font-size:1em;line-height:24px;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.selected-list__footer{position:absolute;bottom:0;left:0;padding:10px;width:100%;height:70px;background-color:#fff;border-top:1px solid #e5e5e5}
.selected-list__block{height:calc(100% - 115px);overflow-y:scroll;margin-top:42px}
.selected-item{padding:10px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-bottom:1px solid #e5e5e5}
.selected-item img{width:70px;height:70px}
.selected-item__desc{width:calc(100% - 150px);height:100%;font-size:13px;line-height:17px}
.selected-item__desc .title{max-height:54px;margin-bottom:5px}
.selected-item__desc .price{font-size:16px;color:#e84242;font-weight:700}
.selected-item .price-count{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.selected-item__delete{width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.mobile-select__wrapper{width:100%;height:100%;position:fixed;top:0;left:0;display:none;z-index:205;background-color:rgba(77,77,77,0.6)}
.mobile-select__wrapper.open{display:block}
.mobile-select__block{position:absolute;width:100%;height:185px;bottom:0;left:0;background-color:#fff}
.mobile-select__header{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-bottom:1px solid #e5e5e5}
.mobile-select.title{font-size:1em;line-height:22px;max-height:44px;margin:0;text-align:left;width:calc(100% - 45px)}

/* 20171108新增活動頁面 */
.event-section__wrapper{margin-top:60px}
@media screen and (max-width: 991px) {
.event-section__wrapper{margin-top:40px}
}
@media screen and (max-width: 767px) {
.event-section__wrapper{padding-left:0;padding-right:0}
}
.event-top__cover{width:100%;height:450px;background-color:rgba(255,255,255,0.1);background-position:center center;background-repeat:no-repeat;background-size:cover}
@media screen and (max-width: 1199px) {
.event-top__cover{height:371px}
}
@media screen and (max-width: 991px) {
.event-top__cover{height:284px}
}
@media screen and (max-width: 767px) {
.event-top__cover{height:40vw}
}
.event-header{height:45px;padding:2px 0;background-color:rgba(255,255,255,0.1);background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#999}
.event-header a{color:#fff;text-decoration:none}
.event-header a:hover,.event-header a:focus{color:#fff;text-decoration:none}
.event-header a .title{font-size:2em;line-height:41px;margin:0}
.event-block__container{width:100%;padding:20px;background-color:rgba(255,255,255,0.1);background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#eee}
@media screen and (max-width: 1199px) {
.event-block__container{padding:10px}
}
.swiper-container.event-slider{background-color:#eee}
.event-card__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.event-card__wrapper--no-swiper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-wrapper.event-card__wrapper{width:100%}
@media screen and (max-width: 991px) {
.swiper-wrapper.event-card__wrapper{display:-webkit-box}
}
.event-card{width:200px;margin-top:10px;margin-bottom:10px}
.event-card a{color:#666;text-decoration:none}
.event-card a:hover,.event-card a:focus{color:#666;text-decoration:none}
.event-card img{width:100%;height:auto}
.event-card .item-subtitle{color:#26499d;margin-top:10px;text-align:center;font-size:1em;line-height:1.4;white-space:unset;max-height:44px;min-height:22px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.event-card .item-title{margin-top:10px;margin-bottom:10px;font-size:1em;line-height:1.4;white-space:unset;max-height:44px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media screen and (max-width: 1199px) {
.event-card{width:164px}
.event-card .item-price__block{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.event-card .item-price__block .item-price__label{margin-right:5px}
.event-card .item-price__block .item-price{font-weight:700}
}
@media screen and (max-width: 767px) {
.event-card .item-price__label{display:none}
}
@media screen and (max-width: 480px) {
.event-card .item-title{-webkit-line-clamp:1}
}
@media screen and (max-width: 991px) {
.event-card--slider{width:213px}
.event-card--slider .item-price__block{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.event-card--slider .item-price__block .item-price__label{margin-right:10px}
}
@media screen and (max-width: 767px) {
.event-card--slider{width:134px}
}
.events-cover__conainer{height:360px;background-color:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.events-cover__conainer .event-block__container{height:100%;padding:0}
.events-cover__conainer .event-card__wrapper{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:100%}
.events-cover__conainer .event-card{padding-top:20px;padding-bottom:20px;margin:0 auto}
@media screen and (max-width: 1199px) {
.events-cover__conainer{height:320px}
}
@media screen and (max-width: 991px) {
.events-cover__conainer{padding-right:20px}
.events-cover__conainer .event-card{margin-right:0;margin-left:0}
}
@media screen and (max-width: 767px) {
.events-cover__conainer{height:285px}
.events-cover__conainer .event-card__wrapper{-ms-flex-pack:distribute;justify-content:space-around}
.events-cover__conainer .event-card{width:134px;padding-top:18px}
.events-cover__conainer .event-card .item-price__block{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.events-cover__conainer .event-card .item-price__label{margin-right:10px}
}
@media screen and (max-width: 480px) {
.events-cover__conainer .event-card .item-price__label{display:none}
}
.cover-block{width:222px;height:100%;margin-right:auto;background-color:rgba(255,255,255,0.1);background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#ccc}
@media screen and (max-width: 1199px) {
.cover-block{width:184px}
}
@media screen and (max-width: 991px) {
.cover-block{margin-right:0}
}
@media screen and (max-width: 767px) {
.cover-block{width:152px}
}
@media screen and (max-width: 991px) {
.event-card__group.event-card__wrapper{padding-left:4px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.event-card__group.event-card__wrapper .event-card{margin-right:10px}
#ma2Modal select.form-control,#ma2Modal input.form-control:not(.input-sm){margin-top:3px;}
}
@media screen and (max-width: 767px) {
.event-card__group.event-card__wrapper{padding-left:0;-ms-flex-pack:distribute;justify-content:space-around}
.event-card__group.event-card__wrapper .event-card{margin-right:0;width:calc(50% - 30px);max-width:150px}
#ma2Modal{padding-left:0 !important;}
}
@media screen and (max-width: 480px) {
.event-card__group.event-card__wrapper .event-card{width:calc(50% - 20px);max-width:auto}
}

.body-wrapper {
  width: 100%;
  padding-bottom: 40px;
  background-color: #fff;
  /*background-image: url("/Images/F2E/img/fff.png");*/
  background-size: cover;
  background-position: center top;
  background-repeat: repeat-y;
/*padding-top: 100px;*/
}

/* Overwrite Bootstrap Sytles */
.dropdown-menu {left: auto;right: 0;margin: 0;padding:0;}

@media screen and (max-width: 767px) {
.dropdown-menu{min-width:100px}
}
.dropdown-menu[data-menu="main"] > li > a{padding:0 10px}
.dropdown-menu[data-menu="main"] > li > a > i.fa {background: #e5e5e5;
    width: 45px;
    margin: 0;
left:-10px;
position:relative;
    color: #666;
    font-size: 15px;
    height: 40px;
    text-align: center;
    line-height: 40px;}
.dropdown-menu[data-menu="main"] > li:first-child > a > i.fa{line-height:60px;height:60px;}
.dropdown-menu[data-menu="main"] > li:hover > a{background:#e9e9e9;}
.dropdown-menu[data-menu="main"] > li:hover > a > i.fa{background: #d1d1d1;}
.dropdown-menu[data-menu="main"] > li:last-child > a{border-bottom:0;}
.dropdown-menu[data-menu="main"] .divider{margin:0;}
/* sidebar-nav */
.sidebar-nav li.sidebar-brand > a > i.fa, .sidebar-nav li.sidebar-brand > a > i.far, .sidebar-nav li.sidebar-brand > a > i.fas {background: #e5e5e5;
    width: 45px;
    margin: 0;
left:-20px;
position:relative;
    color: #666;
    font-size: 15px;
    height: 41px;
    text-align: center;
    line-height: 40px;}
.sidebar-nav li.sidebar-brand:hover > a > i.fa, .sidebar-nav li.sidebar-brand:hover > a > i.far, .sidebar-nav li.sidebar-brand:hover > a > i.fas{background: #a0a05f;color: #fff;}
.sidebar-nav li.sidebar-brand:first-child > a > i.fa{line-height:60px;height:60px;}
.caret{margin-top:-2px}
.no-caret{display:inline-block;width:10px;height:4px;background-color:rgba(255,255,255,0)}
.modal-header .close{margin-top:5px}
.modal-dialog{margin:5% auto}
select.form-control,input.form-control:not(.input-sm){height:40px;font-size:13px;}

/* Overwrite Bootstrap pagination */
.pagination > li > a, .pagination > li > span {
  color: #666;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #666;
  border-color: #666;
}

/* Overwrite form.validation */
.has-feedback label ~ .form-control-feedback {
  top: 29px;
}

/* Back To Top */
.cd-top{display:inline-block;border-radius:5px;position:fixed;bottom:40px;right:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.05);box-shadow:0 0 10px rgba(0,0,0,0.05);overflow:hidden;text-indent:100%;white-space:nowrap;cursor:pointer;width:40px;height:40px;border-radius:30px;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0 .3s;transition:.5s}
.cd-top::after{content:"";background: url(/Images/F2E/img/gototop2.png) no-repeat center 50%;position:absolute;top:0;left:0;width:40px;height:40px;}
.cd-top::before{content:"";display:inline-block;background:url(/images/F2E/img/gotop.svg),none;background-size:contain;background-repeat:no-repeat;width:40px;height:40px;position:absolute;top:0;left:0;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  z-index: 10;
}

.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  /* opacity: .5; */
}

.no-touch .cd-top:hover{background-color:#666;opacity:1}
@media screen and (max-width: 991px) {
.cd-top{height:40px;width:40px;right:30px;bottom:30px}
}
@media screen and (max-width: 767px) {
.cd-top{right:20px;bottom:20px}
}
.margin-header{margin-top:20px}
@media screen and (max-width: 767px) {
.margin-header{margin-top:0}
}
.margin-wrapper{margin-top:40px}
@media screen and (max-width: 767px) {
.margin-wrapper{margin-top:20px}
}

/*本分類最熱門*/
.Hot{float:left;width:100%;margin:12px 0 0;}
.Hot h3.title{width:100%;margin:0; height:35px; line-height:35px;background-color:#d00000;color:#fff; font-size:16px; text-align:center;background-position:-360px -628px;border: 1px solid #ccc;border-bottom: none;}
.Hot a{ text-decoration:none;width: 100%; padding:20px 20px 10px; margin:0; border:1px solid #ccc; border-top:0;float: left;background-color:#FFF; position:relative; text-align:center;}
.Hot a:hover{background-color: #FFFBFB;}
.Hot span{ display:block;width:100%; padding:3px 0 0; font-size:13px;line-height: 1.7em; color:#595757;}
.Hot span.num{border-style: solid;border-width: 40px 40px 0 0;border-color: #d00000 transparent transparent transparent;width:0;height:0; position:absolute; left:0; top:0;}
.Hot span.num b{color:#FFF; font-size:15px; height:20px;width:20px; line-height:20px; text-align:center; position:absolute; left:1px; top:-38px;}
.Hot a:nth-of-type(3) ~ a{ border:1px solid #ccc; border-top:0;}
.Hot a:nth-of-type(3) ~ a:hover{background-color: #FFFCF4;}
.Hot a:nth-of-type(3) ~ a span.num{border-color: #d00000 transparent transparent transparent;}
a.prods:last-child{-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-bottomleft:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}
.Hot span.title{margin:5px 0 0; color:#2e3641;word-break: break-all;}
.Hot span.money{color:#ff2011; font-size:12px; text-align:center; font-family:"Century Gothic"; margin:10px 0 0;}
.Hot span.money i{color:#2e3641; font-size:13px; margin:0 3px 0 0; font-style:normal;font-family:"微軟正黑體","Microsoft JhengHei";}
.Hot span.money b{font-size:24px; margin:0 0 0 3px; font-family:"Century Gothic";color:#e84242;}

/* Apply CSS to iOS affected versions only */
body.iosBugFixCaret.modal-open{position:fixed;width:100%}
.RewardUseless::after{content:"不可折點";font-size:11px;background:#9E9E9E;color:#fff;border-radius:2px;padding:2px 4px;margin-right:10px}
.RewardUseful::after{content:"可折點";font-size:11px;background:#749f32;color:#fff;border-radius:2px;padding:2px 4px;margin-right:10px}
.RewardPointOnly::after{content:"點加金";font-size:11px;background:#FFC107;color:#fff;border-radius:2px;padding:2px 4px}
.FrequencyOnly::after{content:"定期購";font-size:11px;background:#b052f4;color:#fff;border-radius:2px;padding:2px 4px}
.TicketOnly::after{content:"票券";font-size:11px;background:#ff6732;color:#fff;border-radius:2px;padding:2px 4px}
.EventNM{font-size:11px;color:#000;}
.EventNM::before{content:"N";background:#288deb;color:#fff;border-radius:10px;padding:2px 4px}
.EventNM::after{content:"M";background:#337ab7;color:#fff;border-radius:10px;padding:2px 4px}
.EventRedGreen{font-size:11px;color:#000;}
.EventRedGreen::before{content:"紅";background:#f00;color:#fff;border-radius:10px;padding:2px 4px}
.EventRedGreen::after{content:"綠";background:#00c300;color:#fff;border-radius:10px;padding:2px 4px}
.CouponDiscount{position:relative;background:#ff8ab2;padding:2px;display:inline-block;color:#fff;font-weight:700}
.CouponDiscount::before{content:"";display:inline-block;position:absolute;background:#fff;width:5px;height:10px;left:0;top:6px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;border-top-right-radius:10px;border-bottom-right-radius:10px}
.CouponDiscount::after{content:"";display:inline-block;position:absolute;background:#fff;width:5px;height:10px;top:6px;right:0;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;border-top-left-radius:10px;border-bottom-left-radius:10px}
.CouponDiscount > span{border:1px dotted #fff;padding:1px 9px;background:#ff506e}
[data-disicon]{background:#b8b434;color:#fff;font-size:11px;border-radius:2px 8px;display:inline-block}
[data-disicon]::after{content:attr(data-disicon) "\a會員";padding:2px 6px}
.MemberDisOnly::after{content:"會員專屬折扣";font-size:11px;background:#e84242;color:#fff;border-radius:2px;padding:2px 4px;display: inline-block;}
.MemberDisCountDownInfo > span{background:#000;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:1px 2px;position:relative;margin-right:8px}
.MemberDisCountDownInfo > span[data-unit="days"]{margin-right:16px}
.MemberDisCountDownInfo > span[data-unit="days"]::after{content:"天";color:#000;position:absolute;right:-14px;font-size:12px}
.MemberDisCountDownInfo > span[data-unit="hours"]::after{content:":";color:#000;position:absolute;right:-6px;font-size:12px}
.MemberDisCountDownInfo > span[data-unit="minutes"]::after{content:":";color:#000;position:absolute;right:-6px;font-size:12px}
.MemberDisCountDownInfo > span[data-unit="seconds"]::after{content:"";color:#000;position:absolute;right:-6px;font-size:12px}
[data-visible="True"]{display:none;}
@media (max-width: 1065px) and (min-width: 992px) {
.header-wrapper{height:40px;margin-top:0;margin-right:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-wrapper .function-nav{height:40px;margin-top:0;margin-right:0;width:100%;position:fixed;top:0;}
}
@media all and (max-width: 991px) {
.header-wrapper .function-btn{width:25%;height:40px;border-radius:0}
.header-wrapper .function-nav{height:40px;margin-top:0;margin-right:0;width:100%;position:fixed;top:0;}
.header .header__logo-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:100%;margin:0}
[data-toggle="csp-menu"]{display:none;}
}
@media (min-width: 1065px) {
.header-wrapper{display:none}
}
@media (max-width: 1065px) and (min-width: 992px) {
.visible-md{display:none!important}
.header-wrapper .function-nav{height:40px;margin-top:0;margin-right:0;width:100%;position:fixed;top:0;}
.header .header__logo-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:100%;margin:0}
.new-header .header{padding-top:0}
.function-nav .hidden-md{display:block!important}
.function-nav{height:40px;margin-top:0;margin-right:0;width:100%;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}
.function-btn{width:25%;height:40px;border-radius:0}
[data-toggle="csp-menu"]{display:none;}
}
@media (max-width: 1065px) {
.new_header .header{padding-top:0}
}
a.more{cursor:pointer}
.jq-curtain .curtain-div{overflow:hidden;transition:.3s}
.jq-curtain .fa-chevron-down{animation:rotate0 .5s both;-moz-animation:rotate0 .5s both;-webkit-animation:rotate0 .5s both}
.jq-curtain.active .fa-chevron-down{animation:rotate180 .5s forwards;-moz-animation:rotate180 .5s forwards;-webkit-animation:rotate180 .5s forwards}
.tree-lv3__title .fa-chevron-down{margin-right:5px}
@keyframes rotate180 {
from{transform:rotate(0)}
to{transform:rotate(-180deg)}
}
@-moz-keyframes rotate180 {
from{transform:rotate(0)}
to{transform:rotate(-180deg)}
}
@-webkit-keyframes rotate180 {
from{transform:rotate(0)}
to{transform:rotate(-180deg)}
}
@keyframes rotate0 {
from{transform:rotate(180deg)}
to{transform:rotate(0)}
}
@-moz-keyframes rotate0 {
from{transform:rotate(180deg)}
to{transform:rotate(0)}
}
@-webkit-keyframes rotate0 {
from{transform:rotate(180deg)}
to{transform:rotate(0)}
}
/* radio button */
.icon_radiobox ~ label{display:inline-block !important;}
.icon_radiobox{cursor:pointer;display:inline-block;width:20px;height:20px;vertical-align:middle;line-height:20px;position:relative;}
.icon_radiobox.empty{display:none;}
.icon_radiobox::before{content:"\f1db";font-family:"FontAwesome";font-size:20px;font-size:20px;color:#cecece;text-align:center;position:absolute;left:0;opacity:1;-moz-animation:bounceLivelyIn2 .3s .4s both;-o-animation:bounceLivelyIn2 .3s .4s both;-webkit-animation:bounceLivelyIn2 .3s .4s both;animation:bounceLivelyIn2 .3s .4s both;/*-webkit-animation-play-state:running;animation-play-state:running*/}
.icon_radiobox:hover::before{color:rgba(81,203,238,1)}
input[type=radio]:checked ~ .icon_radiobox::before{content:"\f1db";font-family:"FontAwesome";font-size:20px;color:#fff;position:absolute;opacity:1;left:0;/*-webkit-animation-play-state:paused;animation-play-state:paused;*/-moz-animation:bounceLivelyIn .4s both;-o-animation:bounceLivelyIn .4s both;-webkit-animation:bounceLivelyIn .4s both;animation:bounceLivelyIn .4s both}
.icon_radiobox::after{content:"\f00c";position:absolute;top:-1px;left:2px;z-index:1;font-family:"FontAwesome";font-size:12px;color:#288deb;opacity:0}
input[type=radio] ~ .icon_radiobox::after{-moz-animation:bounceLivelyOut .4s both;-o-animation:bounceLivelyOut .4s both;-webkit-animation:bounceLivelyOut .4s both;animation:bounceLivelyOut .4s both}
input[type=radio]:checked ~ .icon_radiobox::after{content:"\f00c";position:absolute;top:-1px;left:0;z-index:1;font-family:"FontAwesome";font-size:18px;color:#288deb;opacity:1;-moz-animation:bounceLivelyIn .4s .1s both;-o-animation:bounceLivelyIn .4s .1s both;-webkit-animation:bounceLivelyIn .4s .1s both;animation:bounceLivelyIn .4s .1s both;/*-webkit-animation-play-state:running;animation-play-state:running*/}
.icon_radiobox[data-animation="false"]::after,.icon_radiobox[data-animation="false"]::before{animation-duration:0s !important;-webkit-animation-duration:0s !important;}
.icon_radiobox[data-animation="true"]::after,.icon_radiobox[data-animation="true"]::before{-webkit-animation-play-state:running !important;animation-play-state:running !important;}
/* check box */
.icon_checkbox{cursor:pointer;display:inline-block;width:20px;height:20px;vertical-align:middle;line-height:20px;position:relative;}
.icon_checkbox.empty{display:none;}
.icon_checkbox::before{content:"\f096";font-family:"FontAwesome";font-size:20px;font-size:20px;color:#cecece;text-align:center;position:absolute;left:0;}
.icon_checkbox:hover::before{color:rgba(81,203,238,1)}
input[type=checkbox]:checked ~ .icon_checkbox::before{content:"\f0c8";font-family:"FontAwesome";font-size:20px;color:#288deb;position:absolute;opacity:1;left:0;/*-webkit-animation-play-state:paused;animation-play-state:paused;*/-moz-animation:bounceLivelyIn .4s both;-o-animation:bounceLivelyIn .4s both;-webkit-animation:bounceLivelyIn .4s both;animation:bounceLivelyIn .4s both}
.icon_checkbox::after{content:"\f00c";position:absolute;top:-1px;left:2px;z-index:1;font-family:"FontAwesome";font-size:12px;color:#288deb;opacity:0}
input[type=checkbox] ~ .icon_checkbox::after{-moz-animation:bounceLivelyOut .4s both;-o-animation:bounceLivelyOut .4s both;-webkit-animation:bounceLivelyOut .4s both;animation:bounceLivelyOut .4s both}
input[type=checkbox]:checked ~ .icon_checkbox::after{content:"\f00c";position:absolute;top:-1px;left:3px;z-index:1;font-family:"FontAwesome";font-size:12px;color:#fff;opacity:1;-moz-animation:bounceLivelyIn .4s .1s both;-o-animation:bounceLivelyIn .4s .1s both;-webkit-animation:bounceLivelyIn .4s .1s both;animation:bounceLivelyIn .4s .1s both;/*-webkit-animation-play-state:running;animation-play-state:running*/}
.icon_checkbox[data-animation="false"]::after,.icon_checkbox[data-animation="false"]::before{animation-duration:0s !important;-webkit-animation-duration:0s !important;}
.icon_checkbox[data-animation="true"]::after,.icon_checkbox[data-animation="true"]::before{-webkit-animation-play-state:running !important;animation-play-state:running !important;}

/*.cform .icon_radiobox{position:absolute;}
.cform input[type="radio"]{position:absolute;}*/
@-webkit-keyframes bounceLivelyIn {
0%{opacity:0;-webkit-transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.35)}
70%{-webkit-transform:scale(.85)}
85%{-webkit-transform:scale(1.05)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceLivelyIn {
0%{opacity:0;-moz-transform:scale(.3)}
50%{opacity:1;-moz-transform:scale(1.35)}
70%{-moz-transform:scale(.85)}
85%{-moz-transform:scale(1.05)}
100%{-moz-transform:scale(1)}
}
@-o-keyframes bounceLivelyIn {
0%{opacity:0;-o-transform:scale(.3)}
50%{opacity:1;-o-transform:scale(1.35)}
70%{-o-transform:scale(.85)}
85%{-o-transform:scale(1.05)}
100%{-o-transform:scale(1)}
}
@keyframes bounceLivelyIn {
0%{opacity:0;transform:scale(.3)}
50%{opacity:1;transform:scale(1.35)}
70%{transform:scale(.85)}
85%{transform:scale(1.05)}
100%{transform:scale(1)}
}
@-webkit-keyframes bounceLivelyOut {
0%{-webkit-transform:scale(1)}
30%{-webkit-transform:scale(.5)}
70%{-webkit-transform:scale(1.35)}
85%{opacity:1;-webkit-transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3)}
}
@-moz-keyframes bounceLivelyOut {
0%{-moz-transform:scale(1)}
30%{-moz-transform:scale(.5)}
70%{-moz-transform:scale(1.35)}
85%{opacity:1;-moz-transform:scale(1.1)}
100%{opacity:0;-moz-transform:scale(.3)}
}
@-o-keyframes bounceLivelyOut {
0%{-o-transform:scale(1)}
30%{-o-transform:scale(.5)}
70%{-o-transform:scale(1.35)}
85%{opacity:1;-o-transform:scale(1.1)}
100%{opacity:0;-o-transform:scale(.3)}
}
@keyframes bounceLivelyOut {
0%{transform:scale(1)}
30%{transform:scale(.5)}
70%{transform:scale(1.35)}
85%{opacity:1;transform:scale(1.1)}
100%{opacity:0;transform:scale(.3)}
}
@-webkit-keyframes bounceLivelyIn2 {
0%{opacity:0;-webkit-transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.35)}
70%{-webkit-transform:scale(.85)}
85%{-webkit-transform:scale(1.05)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceLivelyIn2 {
0%{opacity:0;-moz-transform:scale(.3)}
50%{opacity:1;-moz-transform:scale(1.35)}
70%{-moz-transform:scale(.85)}
85%{-moz-transform:scale(1.05)}
100%{-moz-transform:scale(1)}
}
@-o-keyframes bounceLivelyIn2 {
0%{opacity:0;-o-transform:scale(.3)}
50%{opacity:1;-o-transform:scale(1.35)}
70%{-o-transform:scale(.85)}
85%{-o-transform:scale(1.05)}
100%{-o-transform:scale(1)}
}
@keyframes bounceLivelyIn2 {
0%{opacity:0;transform:scale(.3)}
50%{opacity:1;transform:scale(1.35)}
70%{transform:scale(.85)}
85%{transform:scale(1.05)}
100%{transform:scale(1)}
}


@-webkit-keyframes bounceInDown {
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}
75%{opacity:1;-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}
90%{opacity:1;-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes bounceInDown {
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}
75%{opacity:1;-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}
90%{opacity:1;-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes flash {
0%,50%,to{opacity:1}
25%,75%{opacity:.5}
}
@keyframes flash {
0%,50%,to{opacity:1}
25%,75%{opacity:.5}
}
.animate__flash{-webkit-animation-name:flash;animation-name:flash}

@-webkit-keyframes headShake {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}

.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
.animate-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear;display:inline-block}
@-moz-keyframes spin {
0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes spin {
0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}
@-o-keyframes spin {
0%{-o-transform:rotate(0deg)}
100%{-o-transform:rotate(360deg)}
}
@-ms-keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}
.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}
.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}
.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}
.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}
.ripple{position:absolute;display:block;background:-moz-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);background:radial-gradient(ellipse at center,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1);width:0;height:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:1;transition:.4s;animation:ripple 2s;z-index:0}

@-webkit-keyframes ripple {
from {/*-webkit-transform:scale(0);*/opacity:0.5;width:0px;height:0px;display:block;}
  to {/*-webkit-transform:scale(100);*/opacity:0;width:1500px;height:1500px;display:block;left:-750px;top:-750px;}
}
@-moz-keyframes ripple {
from {/*-moz-transform:scale(0);*/opacity:0.5;width:0px;height:0px;display:block;}
  to {/*-moz-transform:scale(100);*/opacity:0;width:1500px;height:1500px;display:block;left:-750px;top:-750px;}
}
@-o-keyframes ripple {
from {/*-o-transform:scale(0);*/opacity:0.5;width:0px;height:0px;display:block;}
  to {/*-o-transform:scale(100);*/opacity:0;width:1500px;height:1500px;display:block;left:-750px;top:-750px;}
}
@keyframes ripple {
from {/*transform:scale(0);*/opacity:0.5;width:0px;height:0px;display:block;}
  to {/*transform:scale(100);*/opacity:0;width:1500px;height:1500px;display:block;left:-750px;top:-750px;}
}
.btn_text_outer{position:relative;display:inline-block;}
@media screen and (max-width: 767px) {
.btn_text_outer{margin-top:10px;}
}
.modal-header_noline {padding: 15px;display:block;text-decoration:none !important;}
.modal-header_noline img {height:50px;}
.modal-header_noline strong {position:relative;bottom:7px;font-size:16px;vertical-align:bottom;color:#666;}

.btn_text{position:absolute;width:100%;text-align:center;top:0;line-height:50px;left:0;}
.btn_text i.fa::before{line-height:30px !important;font-size:24px;vertical-align:top;}
.btn_text span{line-height:40px;}
.btn_text_outer button{position:relative;display:inline-block}
#login_form > .form-group.nobottom{margin-bottom:0px !important;}
[data-visible="mobile"]{display:none;}
[data-visible="web"]{display:block;}
[data-visible="login"]{display:block;}
[data-visible="loginbutton"]{display:none;}
.fa-anyong_online::before{content:"";background:url(/images/F2E/img/anyo_online.svg),none;background-size:contain;width:48px;height:48px;display:inline-block;background-repeat:no-repeat;top:15px;position:relative;}
.fa-anyong_store::before{content:"";background:url(/images/F2E/img/anyo_store.svg),none;background-size:contain;width:48px;height:48px;display:inline-block;background-repeat:no-repeat;top:15px;position:relative;}
.fa-anyong_point::before{content:"";background:url(/images/F2E/img/point.svg),none;background-size:contain;width:16px;height:16px;display:inline-block;background-repeat:no-repeat;top:0;position:relative;}
@media screen and (max-width: 991px) {
.modal-header_noline {padding: 0;}
.cmodal__newlink{font-size:1em;padding:0 5px 0 0;}

[data-visible="web"]{display:none;}
[data-visible="login"]{display:none;}
[data-visible="mobile"]{display:block;}
[data-module="icon"]{margin:0 -15px;padding:0;text-align: center;}
[data-module="icon"] li{margin:0;padding:0;display:inline-block;min-width:120px;min-height:130px;/* border: 1px solid #cecece; *//* border-radius: 6px; */text-align:center;vertical-align: top;cursor:pointer;}
[data-module="icon"] li > i{display:block;top: 5px;position: relative;font-size: 36px !important;color: #ffffff !important;margin: auto auto 10px auto;height: 80px !important;width: 80px !important;background: #5ba5ef;border: 1px solid #cecece;border-radius: 6px;}

[data-module="icon"] li > span{color:#000;font-size:14px;}
[data-module="icon"] li:hover i{background: #5ba5ef;color:#fff !important;}
[data-module="icon"] li[data-module="anyong"] i{background:#b8b434;/* color:#fff; */}
[data-module="icon"] li[data-module="anyong"]:hover i{background:#aba732;}
[data-module="icon"] li[data-module="ec"] i{background:#5bc0de;color: #fff !important;}
[data-module="icon"] li[data-module="ec"] i::before{position:relative;top:18px;}
[data-module="icon"] li[data-module="ec"]:hover i{background: #41b4d7;}
[data-module="icon"] li[data-module="fb"] i{color:#fff !important;background-color: #4267b2;}
[data-module="icon"] li[data-module="fb"] i::before{position:relative;top:18px;}
[data-module="icon"] li[data-module="fb"]{/* background-color: #4267b2; *//* color:#fff; */}
[data-module="icon"] li[data-module="fb"]:hover i{background-color: #0067b5;}

[data-module="icon"] li[data-module="line"] i{background-color: #00c300; /* color:#fff; */}
[data-module="icon"] li[data-module="line"] i::before{position:relative;top:11px;width:52px !important;height:52px !important;}
[data-module="icon"] li[data-module="line"]:hover i{background-color: #00e000;}
[data-module="icon"] li[data-icon="white"] i::before{position:relative;line-height:70px;}
[data-module="icon"] li[data-icon="white"]:hover i{background:#4192e2;}
#forgotPWDButtonMA2{font-size:0.9em;}
}

@media screen and (max-width: 375px) {
[data-module="icon"] li{min-width:100px;}
}
#ma2_Mobile{color: #b8b432;}
#ma2_Mobile:empty::after{content:"{null}";color:#f00;background:#fab7b7;}
#messageDialog{z-index:1100}
#dialogMessage{vertical-align:top}
#dialogHeader[data-pannel="SuccessConfirm"],#dialogHeader[data-pannel="Confirm"],#dialogHeader[data-pannel="CartConfirm"],#dialogHeader[data-pannel="Success"],#dialogHeader[data-pannel="Error"],#dialogHeader[data-pannel="Warning"],#dialogHeader[data-pannel="Information"]{-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;margin-top:-0.5px;}
#dialogHeader[data-pannel="Success"]{background:#fff;background:-moz-linear-gradient(left,rgba(255,255,255,1) 1%,rgba(177,178,0,1) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 1%,rgba(177,178,0,1) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 1%,rgba(177,178,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#b1b200',GradientType=1)}
#dialogHeader[data-pannel="Error"]{background:#fff;background:-moz-linear-gradient(left,rgba(255,255,255,1) 1%,rgba(178,0,0,1) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 1%,rgba(178,0,0,1) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 1%,rgba(178,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#b20000',GradientType=1)}
#dialogHeader[data-pannel="Warning"]{background:#fff;background:-moz-linear-gradient(left,rgba(255,255,255,1) 1%,rgba(178,115,0,1) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 1%,rgba(178,115,0,1) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 1%,rgba(178,115,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#b27300',GradientType=1)}
#dialogHeader[data-pannel="Information"]{background:#fff;background:-moz-linear-gradient(left,rgba(255,255,255,1) 1%,rgba(0,170,178,1) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 1%,rgba(0,170,178,1) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 1%,rgba(0,170,178,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00aab2',GradientType=1)}
#dialogHeader[data-pannel="Confirm"]{background:#fff;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(242,222,222,1) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(242,222,222,1) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(242,222,222,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2dede',GradientType=1);}
#dialogHeader[data-pannel="CartConfirm"]{background:#fff;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(222,242,224,1) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(222,242,224,1) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(222,242,224,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#def2e0',GradientType=1);}
#dialogHeader[data-pannel="SuccessConfirm"]{background:#fff;background:-moz-linear-gradient(left,rgba(255,255,255,1) 1%,rgba(177,178,0,1) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 1%,rgba(177,178,0,1) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 1%,rgba(177,178,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#b1b200',GradientType=1)}

#dialogMessage.Success::before{content:"\f00c";position:relative;color:#b1b200;font:24px/50px FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0!important;width:50px;height:50px;display:inline-block;text-align:center;vertical-align:top;top:30px;left:30px;position:absolute;}
#dialogMessage.Success::after{content:"";position:absolute;top:30px;left:30px;width:50px;height:50px;border:3px solid #b1b200;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}
#dialogMessage.Error::before{content:"\f00d";position:relative;color:#b20000;font:24px/50px FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0!important;width:50px;height:50px;display:inline-block;text-align:center;vertical-align:top;top:30px;left:30px;position:absolute;}
#dialogMessage.Error::after{content:"";position:relative;position:absolute;top:30px;left:30px;width:50px;height:50px;border:3px solid #b20000;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}
#dialogMessage.Warning::before{content:"\f12a";color:#b27300;font:24px/50px FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0!important;width:50px;height:50px;display:inline-block;text-align:center;vertical-align:top;top:30px;left:30px;position:absolute;}
#dialogMessage.Warning::after{content:"";position:absolute;top:30px;left:30px;width:50px;height:50px;border:3px solid #b27300;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}
#dialogMessage.Information::before{content:"\f129";color:#00aab2;font:24px/50px FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0!important;width:50px;height:50px;display:inline-block;text-align:center;vertical-align:top;top:30px;left:30px;position:absolute;}
#dialogMessage.Information::after{content:"";position:absolute;top:30px;left:30px;width:50px;height:50px;border:3px solid #00aab2;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}
#dialogMessage{margin-left:80px;max-height: calc(100vh - 300px);overflow: hidden;overflow-y: auto;}
#dialogMessage.Confirm::before{content:"\f128";color:#a94442;font:24px/50px FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0!important;width:50px;height:50px;display:inline-block;text-align:center;vertical-align:top;top:30px;left:30px;position:absolute;}
#dialogMessage.Confirm::after{content:"";position:absolute;top:30px;left:30px;width:50px;height:50px;border:3px solid #a94442;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}
#dialogMessage.CartConfirm::before{content:"\f07a";color:#8bc34a;font:24px/40px FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0!important;width:40px;height:40px;display:inline-block;text-align:center;vertical-align:top;top:32px;left:36px;position:absolute;background: #fff;z-index: 1;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
#dialogMessage.CartConfirm::after{content:"\f002";position:absolute;top:30px;left:30px;width:50px;height:50px;color:#8bc34a;font:66px/50px FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0!important;}
#dialogMessage.SuccessConfirm::before{content:"\f00c";position:relative;top:0;left:0;color:#b1b200;font:24px/50px FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0!important;width:50px;height:50px;display:inline-block;text-align:center;vertical-align:top;top:30px;left:30px;position:absolute;}
#dialogMessage.SuccessConfirm::after{content:"";position:absolute;top:30px;left:30px;width:50px;height:50px;border:3px solid #b1b200;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}
[data-buttongroup="default"]{display:block;}
[data-buttongroup="confirm"]{display:none;}
[data-pannel="CartConfirm"] .modal-body{margin:auto;text-align:center;}
.CartConfirm{text-align:left;/*max-width:528px;*/}
.Confirm, .SuccessConfirm,.Information,.Error,.Warning{text-align:left;}

@media screen and (max-width: 991px) {
#dialogMessage.CartConfirm::before{font:20px/30px FontAwesome;width:30px;height:30px;top:-52px;left:auto;right:27px}
#dialogMessage.CartConfirm::after{top:-60px;left:auto;font:50px/50px FontAwesome;right:12px;height:50px;width:50px;}
.CartConfirm{margin-left:0 !important;}

#dialogMessage.Confirm::before,
#dialogMessage.SuccessConfirm::before,
#dialogMessage.Information::before,
#dialogMessage.Warning::before,
#dialogMessage.Error::before{font:20px/30px FontAwesome;width:30px;height:30px;top:-50px;left:auto;right:22px;color:#fff;}

#dialogMessage.Confirm::after,
#dialogMessage.SuccessConfirm::after,
#dialogMessage.Information::after,
#dialogMessage.Warning::after,
#dialogMessage.Error::after{top:-60px;left:auto;font:50px/50px FontAwesome;right:12px;height:50px;width:50px;border: 3px solid #ffffff;}

.Confirm, .SuccessConfirm,.Information,.Error,.Warning{margin-left:0 !important;}
}
#confirmMessage.Confirm::before{content:"\f128";top:0;left:0;color:#a94442;font:24px/50px FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0!important;width:50px;height:50px;display:inline-block;text-align:center;vertical-align:top;margin-right:10px}
#confirmMessage.Confirm::after{content:"";position:absolute;top:30px;left:30px;width:50px;height:50px;border:3px solid #a94442;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}

#confirmModalTitle::before,
#dialogMessageTitle::before{content: "";background: url(/Images/F2E/img/logo.png) 0 0 no-repeat;display: inline-block;width: 115px;height: 30px;background-size: contain;position: relative;top: 6px;left: 0px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;margin-right:10px;}
#wrapper[data-layer="empty"]{margin-top:0;}
#confirmModalTitle::before{left:0;}
ul[data-menu="CCP"] > li{cursor:pointer;}
ul[data-menu="CCP"] > li.selected .tree-lv3__title{background:#c5c702;}
ul[data-menu="CCP"] > li.selected:hover .tree-lv3__title{background:#a3a404;}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{position:relative;}

.badge_new{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#828300;border-radius:10px;margin-left:10px}

/* layout 抽回 */
.header-confirm-dialog{background:#fff;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(242,222,222,1) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(242,222,222,1) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(242,222,222,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2dede',GradientType=1);-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px}
.btn-confirm-dialog-yes{background-color:#d7b6b6}
.btn-confirm-dialog-yes:hover{background-color:#9c9}
.mask-loading{width:30px;height:30px;margin-top:-8px;margin-right:10px}
.modal-adjust-width{width:730px!important}

#slide_select_list{min-height:130px;}
#item_event_sticky .swiper-slide{width: auto!important;}

#back{z-index:4000;top:0;left:0;position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%;display:none;text-align:center;vertical-align:middle;height:100%;line-height:100%}
.loading_area{height:200px;width:200px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;background:url(/images/f2e/img/maskbg.png);background-size:contain}
.loading_box{height:200px;width:200px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;-webkit-mask-image:url(/images/f2e/img/mask.png);-webkit-mask-size:contain}
.loading_box .message{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:20px;line-height:20px;}
.loading_box .water{position:absolute;left:0;z-index:2;width:100%;height:100%;-webkit-transform:translate(0,100%);transform:translate(0,100%);background:#b1b200;/*#4399e4;*/-webkit-animation:wave-up 0.3s 0.6s both;animation:wave-up 0.3s 0.6s both;opacity:0.8;}
.loading_box .water_wave{width:200%;position:absolute;height:24px;}
.loading_box .water_wave_back{right:0;fill:#f6f700;/*#C7EEFF*/-webkit-animation:wave-back 1.4s infinite linear;animation:wave-back 1.4s infinite linear;top:-19px}
.loading_box .water_wave_front{left:0;fill:#b1b200;/*#4399e4;*/margin-bottom:-1px;-webkit-animation:wave-front 0.7s infinite linear;animation:wave-front 0.7s infinite linear;top:-19px}
@-webkit-keyframes wave-front {
100%{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
}
@keyframes wave-front {
100%{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
}
@-webkit-keyframes wave-back {
100%{-webkit-transform:translate(50%,0);transform:translate(50%,0)}
}
@keyframes wave-back {
100%{-webkit-transform:translate(50%,0);transform:translate(50%,0)}
}
@-webkit-keyframes wave-up {
0%{top:-15%}
100%{top:-65%}
}
@keyframes wave-up {
0%{top:-15%}
100%{top:-65%}
}
@-webkit-keyframes wave-up {
0%{top:-15%}
100%{top:-65%}
}
@keyframes wave-up {
0%{top:-15%}
100%{top:-65%}
}

.modal[role="dialog"].open{-webkit-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275);-moz-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275);-ms-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275);-o-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275);transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275)}
.clearboth{clear:both;}

[data-icon="anyo"]{position:relative;width:40px;display:inline-block}
[data-icon="anyo"]::before{content:"";display:inline-block;background:url(/images/F2E/img/anyo.svg),none;background-size:contain;background-repeat:no-repeat;width:40px;height:40px;position:absolute;top:-6px;left:0}
[data-icon="anyo"] > i{position:relative;color:#fff;top:2px;font-size:18px;line-height:20px;vertical-align:top;text-align:center;width:40px}
[data-icon="anyo"]::after{content:"";width:30px;height:10px;display:block;position:absolute;top:35px;left:5px;background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000',endColorstr='#00000000',GradientType=1)}

[data-icon="carttype1"]{position:absolute;right:-5px;top:-5px;z-index:0;overflow:hidden;width:75px;height:75px;text-align:right}
[data-icon="carttype1"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#b1b200;background:linear-gradient(#e3e400 0%,#b1b200 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;right:-21px}
[data-icon="carttype1"] span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #b1b200;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #b1b200}
[data-icon="carttype1"] span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #b1b200;border-bottom:3px solid transparent;border-top:3px solid #b1b200}

[data-icon="carttype2"]{display:none;}
[data-icon="carttype2"]{position:absolute;right:-5px;top:-5px;z-index:0;overflow:hidden;width:75px;height:75px;text-align:right}
[data-icon="carttype2"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#c42a2a;background:linear-gradient(#f34545 0%,#c42a2a 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;right:-21px}
[data-icon="carttype2"] span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #c42a2a;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #c42a2a}
[data-icon="carttype2"] span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #c42a2a;border-bottom:3px solid transparent;border-top:3px solid #c42a2a}

[data-icon="carttype3"]{position:absolute;right:-5px;top:-5px;z-index:0;overflow:hidden;width:75px;height:75px;text-align:right}
[data-icon="carttype3"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#952edf;background:linear-gradient(#bf66ff 0%,#952edf 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;right:-21px}
[data-icon="carttype3"] span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #952edf;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #952edf}
[data-icon="carttype3"] span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #952edf;border-bottom:3px solid transparent;border-top:3px solid #952edf}

[data-icon="carttype4"]{position:absolute;right:-5px;top:-5px;z-index:0;overflow:hidden;width:75px;height:75px;text-align:right}
[data-icon="carttype4"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#9BC90D 0%,#79A70A 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;right:-21px}
[data-icon="carttype4"] span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #79A70A;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #79A70A}
[data-icon="carttype4"] span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #79A70A;border-bottom:3px solid transparent;border-top:3px solid #79A70A}

[data-icon="carttype5"]{position:absolute;right:-5px;top:-5px;z-index:0;overflow:hidden;width:75px;height:75px;text-align:right}
[data-icon="carttype5"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#ff5722;background:linear-gradient(#ff9800 0%,#ff5722 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;right:-21px}
[data-icon="carttype5"] span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #ff5722;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #ff5722}
[data-icon="carttype5"] span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #ff5722;border-bottom:3px solid transparent;border-top:3px solid #ff5722}

[data-icon="carttype1"] ~ label[data-icon]{left:30px;}
[data-icon="carttype2"] ~ label[data-icon]{left:30px;}
[data-icon="carttype3"] ~ label[data-icon]{left:30px;}
[data-icon="carttype4"] ~ label[data-icon]{left:30px;}
[data-icon="carttype5"] ~ label[data-icon]{left:30px;}
.inner_wrapper
{
-webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 75%, rgba(250,250,250,1) 100%);
    background: -webkit-linear-gradient( 25deg, rgba(255,255,255,1) 75%,rgba(255,255,255,1) 75%,rgba(250,250,250,1) 100%);
    background: linear-gradient( 25deg, rgba(255,255,255,1) 75%,rgba(255,255,255,1) 75%,rgb(250,250,250) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=1 );
}
[data-float="left"][data-icon="carttype1"]{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
[data-float="left"][data-icon="carttype1"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#b1b200;background:linear-gradient(#e3e400 0%,#b1b200 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}
[data-float="left"][data-icon="carttype1"] span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #b1b200;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #b1b200}
[data-float="left"][data-icon="carttype1"] span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #b1b200;border-bottom:3px solid transparent;border-top:3px solid #b1b200}

[data-float="left"][data-icon="carttype2"]{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
[data-float="left"][data-icon="carttype2"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#c42a2a;background:linear-gradient(#f34545 0%,#c42a2a 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}
[data-float="left"][data-icon="carttype2"] span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #c42a2a;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #c42a2a}
[data-float="left"][data-icon="carttype2"] span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #c42a2a;border-bottom:3px solid transparent;border-top:3px solid #c42a2a}

[data-float="left"][data-icon="carttype3"]{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
[data-float="left"][data-icon="carttype3"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#952edf;background:linear-gradient(#bf66ff 0%,#952edf 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}
[data-float="left"][data-icon="carttype3"] span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #952edf;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #952edf}
[data-float="left"][data-icon="carttype3"] span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #952edf;border-bottom:3px solid transparent;border-top:3px solid #952edf}

[data-float="left"][data-icon="carttype4"]{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
[data-float="left"][data-icon="carttype4"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#9BC90D 0%,#79A70A 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}
[data-float="left"][data-icon="carttype4"] span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #79A70A;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #79A70A}
[data-float="left"][data-icon="carttype4"] span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #79A70A;border-bottom:3px solid transparent;border-top:3px solid #79A70A}

[data-float="left"][data-icon="carttype5"]{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
[data-float="left"][data-icon="carttype5"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#ff5722;background:linear-gradient(#ff9800 0%,#ff5722 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}
[data-float="left"][data-icon="carttype5"] span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #ff5722;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #ff5722}
[data-float="left"][data-icon="carttype5"] span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #ff5722;border-bottom:3px solid transparent;border-top:3px solid #ff5722}
/**/
.delivery > a{position:relative;text-decoration: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;}
[data-icon="s-carttype1"]{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:55px;height:55px;text-align:right}
[data-icon="s-carttype1"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:16px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#b1b200;background:linear-gradient(#e3e400 0%,#b1b200 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:12px;left:-31px;}
[data-icon="s-carttype1"] span::after{content:"一般";zoom:0.8;}
[data-icon="s-carttype2"]{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:55px;height:55px;text-align:right}
[data-icon="s-carttype2"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:16px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#c42a2a;background:linear-gradient(#f34545 0%,#c42a2a 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:12px;left:-31px;}
[data-icon="s-carttype2"] span::after{content:"快速";zoom:0.8;}
[data-icon="s-carttype3"]{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:55px;height:55px;text-align:right}
[data-icon="s-carttype3"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:16px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#952edf;background:linear-gradient(#bf66ff 0%,#952edf 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:12px;left:-31px;}
[data-icon="s-carttype3"] span::after{content:"定期購";zoom:0.8;}
[data-icon="s-carttype4"]{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:55px;height:55px;text-align:right}
[data-icon="s-carttype4"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:16px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#9BC90D 0%,#79A70A 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:12px;left:-31px;}
[data-icon="s-carttype4"] span::after{content:"預購";zoom:0.8;}
[data-icon="s-carttype5"]{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:55px;height:55px;text-align:right}
[data-icon="s-carttype5"] span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:16px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#ff5722;background:linear-gradient(#ff9800 0%,#ff5722 100%);boxshadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:12px;left:-31px;}
[data-icon="s-carttype5"] span::after{content:"票券";zoom:0.8;}

.item-price__fequency{font-size:13px;color:red}
[data-shoppingcart]{align-self:flex-start;display:none;position:fixed;top:65%;right:10px;color:#cdd0da;font-weight:600;text-align:center;width:100px;height:100px;line-height:32px;background:url(/images/F2E/img/cart.svg),none;background-size:contain;background-repeat:no-repeat;z-index:999;cursor:pointer}
[data-shoppingcart]:hover{background:url(/images/F2E/img/cart_hover.svg),none;background-size:contain;background-repeat:no-repeat}
[data-shoppingcart] i{width:60px;height:60px;position:absolute;top:104px;left:21px;color:#3fcc45;font-size:35px;transform:rotate(353deg)}
[data-shoppingcart] .cart_total{position:absolute;top:27px;left:0;background:transparent;color:red;font-size:42px;text-align:center;width:100px}
[data-shoppingcart] .cart_total.animate__animated{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
[data-shoppingcart] div{width:100px;text-align:center;position:absolute;bottom:10px;color:#000;left:3px}
.item-price__preorder{font-size:14px;margin:5px 0 5px 0;color:#fff;padding:10px;position:relative;background:#f3ffd5;background:linear-gradient(-150deg,transparent 1.0em,#81af0b 0);border-radius:.5em}
.item-price__preorder::before{content:'';position:absolute;z-index:1;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,rgb(255 255 255) 0,rgb(105 105 105)) 100% 0 no-repeat;width:1.2em;height:2em;transform:translateY(-1em) rotate(-30deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,0.15)}
.item-price__preorder > span{font-weight:bold;color:#ffeb3b;}
.item-price__preorder > div{position:absolute;bottom:10px;right:10px;}
.item-price__ticket{font-size:14px;margin:5px 0 5px 0;color:#fff;padding:10px;position:relative;background:#f3ffd5;background:linear-gradient(-150deg,transparent 1.0em,#ff5722 0);border-radius:.2em}
.item-price__ticket::before{content:'';position:absolute;z-index:1;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,rgb(255 255 255) 0,rgb(105 105 105)) 100% 0 no-repeat;width:1.2em;height:2em;transform:translateY(-1em) rotate(-30deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,0.15)}
.item-price__ticket > span{font-weight:bold;color:#ffeb3b;}
.item-price__ticket > div{position:absolute;width:100%;height:10px;display:block;left:0;}
.item-price__ticket > div::after{content:"";position:absolute;top:0;right:-1px;display:block;background:#fff;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;width:4px;height:5px}
.item-price__ticket > div::before{content:"";position:absolute;top:0;left:-1px;display:block;background:#fff;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;width:4px;height:5px}
.item-price__ticket > div:nth-child(1){top:7px}
.item-price__ticket > div:nth-child(2){top:17px}
.item-price__ticket > div:nth-child(3){top:27px}

.preOrderCountDownInfo > span{background:#000;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:1px 2px;position:relative;margin-right:8px}
.preOrderCountDownInfo > span[data-unit="days"]{margin-right:16px}
.preOrderCountDownInfo > span[data-unit="days"]::after{content:"天";color:#000;position:absolute;right:-14px;font-size:12px}
.preOrderCountDownInfo > span[data-unit="hours"]::after{content:":";color:#000;position:absolute;right:-6px;font-size:12px}
.preOrderCountDownInfo > span[data-unit="minutes"]::after{content:":";color:#000;position:absolute;right:-6px;font-size:12px}
.preOrderCountDownInfo > span[data-unit="seconds"]::after{content:"";color:#000;position:absolute;right:-6px;font-size:12px}

[data-preorder]{display:inline-block !important;text-align:left; font-size:12px;margin:0;color:#fff;padding:0 3px;position:relative;background:#81af0b;background:linear-gradient(-150deg,transparent 0.4em,#81af0b 0);border-radius:.5em}
[data-preorder]::before{content:"可派送日：";display:block;}
[data-preorder]::after{content:'';position:absolute;z-index:1;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,rgb(255 255 255) 0,rgb(105 105 105)) 100% 0 no-repeat;width:0.6em;height:1em;transform:translateY(-0.6em) rotate(-30deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,0.15)}
[data-preorder] > span{font-weight:100;color:#ffeb3b;}
[data-preorder] > div{position:absolute;bottom:10px;right:10px;}
div[data-preorder]{left:-5px;}

[data-preorder="false"]{display:inline-block !important;text-align:left; font-size:12px;margin:0;color:#fff;padding:0 3px;position:relative;background:#af0b0b;background:linear-gradient(-150deg,transparent 0.4em,#af0b0b 0);border-radius:.5em}
[data-preorder="false"]::before{content:"無可派送日：";display:block;}
[data-preorder="false"]::after{content:'';position:absolute;z-index:1;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,rgb(255 255 255) 0,rgb(105 105 105)) 100% 0 no-repeat;width:0.6em;height:1em;transform:translateY(-0.6em) rotate(-30deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,0.15)}
[data-preorder="false"] > span{font-weight:100;color:#ffeb3b;}

[data-ticketorder]{display:inline-block !important;text-align:left; font-size:12px;margin:0;color:#fff;padding:0 5px;position:relative;background:#f3ffd5;background:linear-gradient(-150deg,transparent 0.4em,#ff5722 0);border-radius:.2em}
[data-ticketorder]::before{content:"優惠期間：";display:block;}
[data-ticketorder]::after{content:'';position:absolute;z-index:1;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,rgb(255 255 255) 0,rgb(105 105 105)) 100% 0 no-repeat;width:0.6em;height:1em;transform:translateY(-0.6em) rotate(-30deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,0.15)}
[data-ticketorder] > span{font-weight:100;color:#ffeb3b;}
[data-ticketorder] > div{position:absolute;bottom:10px;right:10px;}
div[data-ticketorder]{left:-2px;}
[data-ticketorder] > div{position:absolute;width:100%;height:10px;display:block;left:0;}
[data-ticketorder]> div::after{content:"";position:absolute;top:0;right:-2.5px;display:block;background:#fff;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;width:4px;height:4px}
[data-ticketorder] > div::before{content:"";position:absolute;top:0;left:-2.5px;display:block;background:#fff;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;width:4px;height:4px}
[data-ticketorder] > div:nth-child(1){top:5px}
[data-ticketorder] > div:nth-child(2){top:14px}
[data-ticketorder] > div:nth-child(3){top:23px}

[data-ticketorder="false"]{display:inline-block !important;text-align:left; font-size:12px;margin:0;color:#fff;padding:0 5px;position:relative;background:#f3ffd5;background:linear-gradient(-150deg,transparent 0.4em,#ff5722 0);border-radius:.2em}
[data-ticketorder="false"]::before{content:"活動結束：";display:block;}
[data-ticketorder="false"]::after{content:'';position:absolute;z-index:1;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,rgb(255 255 255) 0,rgb(105 105 105)) 100% 0 no-repeat;width:0.6em;height:1em;transform:translateY(-0.6em) rotate(-30deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,0.15)}
[data-ticketorder="false"] > span{font-weight:100;color:#ffeb3b;}
[data-ticketorder] > div{position:absolute;bottom:10px;right:10px;}

@media screen and (max-width: 991px) {
[data-shoppingcart]{display:none !important}
}

@-webkit-keyframes heartBeat {
0%{-webkit-transform:scale(1);transform:scale(1)}
14%{-webkit-transform:scale(1.3);transform:scale(1.3)}
28%{-webkit-transform:scale(1);transform:scale(1)}
42%{-webkit-transform:scale(1.3);transform:scale(1.3)}
70%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes heartBeat {
0%{-webkit-transform:scale(1);transform:scale(1)}
14%{-webkit-transform:scale(1.3);transform:scale(1.3)}
28%{-webkit-transform:scale(1);transform:scale(1)}
42%{-webkit-transform:scale(1.3);transform:scale(1.3)}
70%{-webkit-transform:scale(1);transform:scale(1)}
}

.input_field_clear{position:relative; border:#aaa 1px solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;height:40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.input_field_clear > div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:absolute;top:3px;left:40px;width:calc(100% - 60px);height:24px;padding:7px;font-weight:400;font-size:16px;line-height:16px;border:0 none;border-left:1px solid #DFDFDF;background:none;height:32px;text-align:center}
[data-barcode="barcode"] img{width:80%;height:auto;max-width:355px}
[data-barcode="barcode"]{text-align:center;margin:0;top:calc(50% - 116px);position:relative}

@media (orientation:portrait) and ( min-height: 600px ) {
[data-barcode="barcode"]{transform: rotate(0.25turn);}
}
[data-barcode="button"]{text-align:center}
#barcode_Modal{height:100%}
#barcode_Modal > div.modal-dialog{height:100%}
#barcode_Modal > div.modal-dialog > div.modal-body{height:calc(100% - 100px)}
#barcode_Modal > div.modal-dialog > div.modal-body > div.row{position:absolute;bottom:0;width:100%;padding:0 20px;left:10px}
.dropdown.open > a > .caret{border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.dropdown > a > .caret{border-left:4px solid;border-top:4px solid transparent;border-bottom:4px solid transparent}
/* delivermethod */
[data-delivermethod]{
    background: #607D8B;color:#fff;font-size:12px;
    /*padding: 1px 3px 1px 2px !important;*/
    padding:1px 2px 1px 4px !important;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position:relative;
margin-left:7px;line-height: 13.5px !important;margin-right: 3px;
}
[data-delivermethod]::before{content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 7px 7.5px 0;
border-color: transparent #607D8B transparent transparent;
position:absolute;
left:-7px;
top:0;
display:inline-block;
line-height:12px;
}

[data-delivermethod="1"]{width: 30px;height: 15px;display: inline-block;}
[data-delivermethod="2"]{width: 42px;height: 15px;display: inline-block;}
[data-delivermethod="5"]{width: 42px;height: 15px;display: inline-block;}
[data-delivermethod="1"]::after{content:"宅配"}
[data-delivermethod="2"]::after{content:"超商取"}
[data-delivermethod="5"]::after{content:"門市取"}
[data-delivermethod="1"]::after,[data-delivermethod="2"]::after,[data-delivermethod="5"]::after{position:absolute;top:5.5px;left:-2px;float:left;width:4px;height:4px;-webkit-border-radius:50%;border-radius:50%;background:#fff;-moz-box-shadow:-1px -1px 2px rgba(0,0,0,0.4);-webkit-box-shadow:-1px -1px 2px #000;box-shadow:-1px -1px 2px #000;line-height:5px;text-indent:6px;white-space:nowrap}
.retail-list{width:100%;margin:0;padding:0;text-align:center}
.retail-list li > label{font-weight:700;font-size:20px;color:#b1b200;width:100%}
.retail-list li > div > i{min-width:20px;text-align:center}
.retail-list li{list-style:none;padding:10px;font-size:13px;border:1px solid #e5e5e5;display:inline-block;vertical-align:top;margin:5px;text-align:left;width:100%;min-height:138px;max-width:320px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.retail-list li:not(.disabled):hover{background:#fffef1}
.retail-list li .fa{min-width:20px;text-align:center;}
.retail-list li > div > span{display:inline-block;width: calc(100% - 30px);
    vertical-align: top;}
.retail-list li div {wscridth:100%;line-height:20px;border-bottom: 1px solid #f6f6f6;
    min-height: 20px;}
.retail-list li.disabled {background:#efefef;position:relative;}
.retail-list li.disabled::before{content:"\f0a3";color:#f44336;font-family: 'FontAwesome', 'Font Awesome 5 Free';font-size:50px;position:absolute;top:0;right:0;line-height:50px;}
.retail-list li.disabled::after{content:"爆滿";color:#fff;position:absolute;top:15px;right:8px;}
@media screen and (max-width: 600px) {
.retail-list li{max-width:none;}
}
.retailform label.visible-xs
{background: #f6f6f6;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#retailtwzipcode{text-align:center;}
#retailtwzipcode select{width:20%;display:inline-block}
#retailtwzipcode input{width:30%;display:inline-block}
#retailtwzipcode button{width:10%;display:inline-block;height: 36px;
    line-height: 36px;
    font-size: 16px;
    padding: 0;}
#retail_Modal .mainpage {text-align:center;}
.qrcodetip {color: #b1b200}

/* 館 */
[data-level="1"][data-bookmark="1"]{position:absolute;top:0;right:-3px;height:36px;width:16px;background-color:#e91e63;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}
[data-level="1"][data-bookmark="1"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#e91e63 50%),linear-gradient(45deg,transparent 50%,#e91e63 50%);display:block}
[data-level="1"][data-bookmark="1"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

[data-level="1"][data-bookmark="2"]{position:absolute;top:0;right:-3px;height:36px;width:16px;background-color:#f44336;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}
[data-level="1"][data-bookmark="2"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#f44336 50%),linear-gradient(45deg,transparent 50%,#f44336 50%);display:block}
[data-level="1"][data-bookmark="2"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

[data-level="1"][data-bookmark="3"]{position:absolute;top:0;right:-3px;height:36px;width:16px;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;
background: #e91e63; /* Old browsers */
background: -moz-linear-gradient(top, #e91e63 0%, #f44336 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e91e63 0%,#f44336 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e91e63 0%,#f44336 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91e63', endColorstr='#f44336',GradientType=0 ); /* IE6-9 */}
[data-level="1"][data-bookmark="3"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#f44336 50%),linear-gradient(45deg,transparent 50%,#f44336 50%);display:block}
[data-level="1"][data-bookmark="3"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

/* 線 */
[data-level="2"][data-bookmark="1"]{position:absolute;top:0;right:-3px;height:36px;width:16px;background-color:#ff3d00;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}
[data-level="2"][data-bookmark="1"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#ff3d00 50%),linear-gradient(45deg,transparent 50%,#ff3d00 50%);display:block}
[data-level="2"][data-bookmark="1"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

[data-level="2"][data-bookmark="2"]{position:absolute;top:0;right:-3px;height:36px;width:16px;background-color:#ff6732;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}
[data-level="2"][data-bookmark="2"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#ff6732 50%),linear-gradient(45deg,transparent 50%,#ff6732 50%);display:block}
[data-level="2"][data-bookmark="2"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

[data-level="2"][data-bookmark="3"]{position:absolute;top:0;right:-3px;height:36px;width:16px;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;
background: #ff3d00; /* Old browsers */
background: -moz-linear-gradient(top, #ff3d00 0%, #ff6732 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff3d00 0%,#ff6732 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff3d00 0%,#ff6732 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d00', endColorstr='#ff6732',GradientType=0 ); /* IE6-9 */}
[data-level="2"][data-bookmark="3"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#ff6732 50%),linear-gradient(45deg,transparent 50%,#ff6732 50%);display:block}
[data-level="2"][data-bookmark="3"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

/* 父 */
[data-level="3"][data-bookmark="1"]{position:absolute;top:0;right:-3px;height:36px;width:16px;background-color:#ffc107;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}
[data-level="3"][data-bookmark="1"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#ffc107 50%),linear-gradient(45deg,transparent 50%,#ffc107 50%);display:block}
[data-level="3"][data-bookmark="1"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

[data-level="3"][data-bookmark="2"]{position:absolute;top:0;right:-3px;height:36px;width:16px;background-color:#f5c638;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}
[data-level="3"][data-bookmark="2"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#f5c638 50%),linear-gradient(45deg,transparent 50%,#f5c638 50%);display:block}
[data-level="3"][data-bookmark="2"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

[data-level="3"][data-bookmark="3"]{position:absolute;top:0;right:-3px;height:36px;width:16px;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;
background: #ffc107; /* Old browsers */
background: -moz-linear-gradient(top, #ffc107 0%, #f5c638 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffc107 0%,#f5c638 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffc107 0%,#f5c638 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc107', endColorstr='#f5c638',GradientType=0 ); /* IE6-9 */}
[data-level="3"][data-bookmark="3"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#f5c638 50%),linear-gradient(45deg,transparent 50%,#f5c638 50%);display:block}
[data-level="3"][data-bookmark="3"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}


/* 子 */
[data-level="4"][data-bookmark="1"]{position:absolute;top:0;right:-3px;height:36px;width:16px;background-color:#2196f3;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}
[data-level="4"][data-bookmark="1"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#2196f3 50%),linear-gradient(45deg,transparent 50%,#2196f3 50%);display:block}
[data-level="4"][data-bookmark="1"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

[data-level="4"][data-bookmark="2"]{position:absolute;top:0;right:-3px;height:36px;width:16px;background-color:#03a9f4;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}
[data-level="4"][data-bookmark="2"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#03a9f4 50%),linear-gradient(45deg,transparent 50%,#03a9f4 50%);display:block}
[data-level="4"][data-bookmark="2"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

[data-level="4"][data-bookmark="3"]{position:absolute;top:0;right:-3px;height:36px;width:16px;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;
background: #2196f3; /* Old browsers */
background: -moz-linear-gradient(top, #2196f3 0%, #03a9f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2196f3 0%,#03a9f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2196f3 0%,#03a9f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2196f3', endColorstr='#03a9f4',GradientType=0 ); /* IE6-9 */}
[data-level="4"][data-bookmark="3"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#03a9f4 50%),linear-gradient(45deg,transparent 50%,#03a9f4 50%);display:block}
[data-level="4"][data-bookmark="3"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

/* 賣場 */
[data-level="0"][data-bookmark="1"]{position:absolute;top:0;right:-3px;height:36px;width:16px;background-color:#4caf50;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}
[data-level="0"][data-bookmark="1"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#4caf50 50%),linear-gradient(45deg,transparent 50%,#4caf50 50%);display:block}
[data-level="0"][data-bookmark="1"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

[data-level="0"][data-bookmark="2"]{position:absolute;top:0;right:-3px;height:36px;width:16px;background-color:#8bc34a;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}
[data-level="0"][data-bookmark="2"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#8bc34a 50%),linear-gradient(45deg,transparent 50%,#8bc34a 50%);display:block}
[data-level="0"][data-bookmark="2"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

[data-level="0"][data-bookmark="3"]{position:absolute;top:0;right:-3px;height:36px;width:16px;-webkit-filter:drop-shadow(0 2px 2px hsla(0,0%,0%,0.75));box-sizing:border-box;padding-top:0;color:#fff;font-size:12px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;
background: #4caf50; /* Old browsers */
background: -moz-linear-gradient(top, #4caf50 0%, #8bc34a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4caf50 0%,#8bc34a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4caf50 0%,#8bc34a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caf50', endColorstr='#8bc34a',GradientType=0 ); /* IE6-9 */}
[data-level="0"][data-bookmark="3"]::before{content:"";position:absolute;bottom:-70%;height:100%;width:100%;background-image:linear-gradient(-45deg,transparent 50%,#8bc34a 50%),linear-gradient(45deg,transparent 50%,#8bc34a 50%);display:block}
[data-level="0"][data-bookmark="3"]::after{content:"折扣碼";writing-mode:vertical-rl;position:absolute;left:-2px;top:-4px;display:block;height:50px}

div.tips{background: #ffffee;border: 1px solid #dedede;padding: 0 5px;margin-top:5px;/*max-width: 600px;*/}
input:hover,input:focus,select:hover,select:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.ticketfloat{float: right;
    font-size: 40px;
    color: rgba(255,255,255,0.3);
    line-height: 20px;
    vertical-align: top;
    height: 20px;
    overflow: hidden;}
/**/
.freshlight::before{content:"";display:block;width:230px;height:230px;background:#fff700;background:-moz-linear-gradient(left,rgba(255,247,0,1) 0%,rgba(255,255,255,1) 55%);background:-webkit-linear-gradient(left,rgba(255,247,0,1) 0%,rgba(255,255,255,1) 55%);background:linear-gradient(to right,rgba(255,247,0,1) 0%,#0000 55%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff700',endColorstr='#ffffff',GradientType=1);-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite;left:-15px;top:-15px}
.mask{-webkit-mask-image:url(/images/F2E/img/clock.svg);-webkit-mask-size:contain;display:block;position:absolute;height:200px;width:200px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;}
@-webkit-keyframes rotating {
from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotating {
from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}