@charset "UTF-8";
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes expandWidth {
  0% {
    background-image: 0; }
  100% {
    background-image: 50%; } }

@keyframes expandWidth {
  0% {
    background-image: 0; }
  100% {
    background-image: 50%; } }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* 
/* 
 * normalize.css v3.0.2 ++ Eric Meyer's Reset Css 2.0
 * 
 * normalize.css v3.0.2 | MIT License | git.io/normalize
 * Eric Meyer's Reset Css 2.0 | MIT License | http://meyerweb.com/eric/tools/css/reset/
 *
 */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  -webkit-font-smoothing: antialiased; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent;
  word-wrap: break-word;
  word-break: break-all;
  text-decoration: none; }

a:active,
a:hover,
a:focus {
  outline: 0;
  hlbr: expression(this.onFocus=this.blur()); }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1rem; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

.icon {
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: inherit;
  margin-right: 2px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.icon.success, .icon.green {
  color: #4CB648; }
.icon.error {
  color: #EF337B; }
.icon.red {
  color: #F61A13; }

.icon-sm {
  width: 12px;
  height: 12px;
  font-size: 12px; }

.icon-md {
  width: 24px;
  height: 24px;
  font-size: 24px; }

.icon-lg {
  width: 32px;
  height: 32px;
  font-size: 32px; }

.icon-xl {
  width: 48px;
  height: 48px;
  font-size: 48px; }

.icon-xxl {
  width: 112px;
  height: 112px;
  font-size: 112px; }

.icon-bullet-list {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-bullet-list.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-menu-Arrow-dark {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-menu-Arrow-dark.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-menu-Arrow-light {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-menu-Arrow-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-brand {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-crown.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-a {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-hot.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-b {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-phone.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-b-white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-phone-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-c {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-headset.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-d {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-pc.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-d-white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-pc-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-e {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-tv.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-f {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-appliances.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-f-white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-appliances-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-g {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-car.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-h {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-drug.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-h-white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-drug-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-i {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-ticket.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cate-j {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-forcer.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-simcard {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-simcard.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-simcard-blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-simcard-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-razor-white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-razor-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-special-procdut-white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-special-product-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-footer-free {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-free.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-footer-truck {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-truck.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-footer-share {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-share-fb.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-footer-good {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-thumbs-up.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-purview-a {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-purview-day-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-purview-b {
  top: -4px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-purview-sale-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-purview-c {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-purview-cash-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-purview-d {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-purview-gift-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-purview-e {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-purview-phone-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-purview-f {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-purview-question-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-repair-a {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-repair-a.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-repair-b {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-repair-b.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-repair-c {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-repair-c.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-repair-d {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-repair-d.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-first,
.icon-arrow-last {
  top: -1px; }

.icon-arrow-first {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-first.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-arrow-last {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-last.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-arrow-left {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-left.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-arrow-left.white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-left-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-arrow-right {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-arrow-right.white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-right-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-arrow-down {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-bottom.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-arrow-down.white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-bottom-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-arrow-up {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-up-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-arrow-up-g {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-up.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-arrow-up-b {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-up-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-right-circle,
.icon-arrow-circle {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-right-circle.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-right-circle.green,
.icon-arrow-circle.green {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-right-circle-green.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-left-open-big,
.icon-right-open-big {
  top: -1px; }

.icon-left-open-big {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-left-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-right-open-big {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-right-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-trangle-down,
.icon-caret-down {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-trangle-down.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 12px;
  height: 12px;
  font-size: 12px; }

.icon-plus {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-plus.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-minus {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-minus.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-plus-square,
.icon-plus-square-outline {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-plus-square.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-minus-square,
.icon-minus-square-outline {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-minus-square.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-plus-circle {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-plus-circle.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-heart,
.icon-heart-outline {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-heart-outline.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.icon-heart.active,
.icon-heart-outline.active {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-heart.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-heart-light,
.icon-heart-outline-light {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-heart-outline-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.icon-heart-light.active,
.icon-heart-outline-light.active {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-heart-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-love-g {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-love-g.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-love-p {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-love-p.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-normal-share,
.icon-normal-share-outline {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-normal-share-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.icon-normal-share.active,
.icon-normal-share-outline.active {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-normal-share-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cart,
.icon-cart-outline {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-cart.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-nav-cart {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-cart-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cart-white,
.icon-cart.white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-cart-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cart-silver {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-cart-silver.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-cart-light {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-cart-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-search {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-search.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-search-white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-search-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-nav-search {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-search-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-user {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-user-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-avatar {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-avatar.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-avatar-user {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-avatar-user.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-avatar-user-line {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-avatar-user-line.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-avatar-user-line-blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-avatar-user-line-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-avatar-headset {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-avatar-headset.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-invite-friend {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-invite-friend.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-user-general {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-user-general.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-user-silver {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-user-silver.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-user-gold {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-user-gold.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-user-diamond {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-user-diamond.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-delete {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-trash-outline.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-error {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-error-red.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-check {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-check-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-check.green {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-check-green.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-check-circle {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-check-circle.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-check-circle-soild {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-check-circle-solid.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-checkbox-off {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-checkbox-off-20.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-checkbox-on {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-checkbox-on-20.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-eye-hide {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-eye-hide.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 24px;
  height: 24px;
  font-size: 24px; }

.icon-eye-hide.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-eye-hide-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-eye-show {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-eye-show.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 24px;
  height: 24px;
  font-size: 24px; }

.icon-eye-show.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-eye-show-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-close {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-close.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-close.white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-close-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-close.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-close-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-home {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-home.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-dot {
  width: 6px;
  height: 6px;
  margin-right: 4px;
  background-color: #F61A13;
  border-radius: 6px; }

.icon-home.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-home-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-store,
.icon-store-white {
  top: -1px; }

.icon-store {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-store-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-store-white,
.icon-store.white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-store-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-truck {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-truck.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-truck.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-truck-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-truck.light {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-truck-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-camera {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-camera.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-exclamation-triangle {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-exclamation-triangle.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-exclamation-triangle.error {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-exclamation-triangle-red.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-attention-circle {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-attention-circle.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-exclamation-circle {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-exclamation-circle-n.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-exclamation-circle-red {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-exclamation-circle-red-n.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-help {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-help-circle.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-info-circle {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-info-circle-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-info-circle-gray {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-info-circle.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-folder-plus {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-folder-plus.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-box {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-box-silver.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-box.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-box-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-phone {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-phone.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-phone-scan {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-phone-scan-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-phone-scan.white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-phone-scan-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-location {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-location.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-location.red {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-location-red.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-location.green {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-location-green.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-location.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-location-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-location.yellow {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-location-orange.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-bag {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-bag-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-gift {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-gift-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-thumbs-up {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-thumbs-up.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-megaphone {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-megaphone-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-horn {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-horn-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 24px;
  height: 24px;
  font-size: 24px; }

.icon-mail {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-mail.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-ticket {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-ticket-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-ticket.white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-ticket-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-money,
.icon-coin {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-money-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-money.blue,
.icon-coin.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-money-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-purse {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-purse.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-purse.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-purse-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-free {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-free.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-free.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-free-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-time,
.icon-clock {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-clock.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-time.blue,
.icon-clock.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-clock-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-calendar {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-calendar.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 15px;
  height: 15px;
  font-size: 15px; }

.icon-calendar.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-calendar-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-lock {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-lock.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-lock.light {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-lock-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-lock.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-lock-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-refresh {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-refresh.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-refresh.white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-refresh-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-refresh.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-refresh-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-tag {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-tag.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-tag.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-tag-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-print {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-print.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-print.white {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-print-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-print.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-print-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-download {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-download.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-download.white {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-download-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-download.blue {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-download-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-card {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-card.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-loudly {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-loudly.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-visa {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-visa.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 38px; }

.icon-master-card {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-master-card.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 26px; }

.icon-jcb {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-jcb.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-amex {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-amex.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-share {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-share.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-share.blue {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-share-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-share-fb {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-share-fb-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-facebook {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-facebook.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-twitter {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-twitter.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-google-plus {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-google-plus.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-heart-scare {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-heart-scare.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-senyoung {
  background-color: transparent;
  background-image: url(/public/images/icons/icon-senyoung.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-share-2r {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-share-2r.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-article {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-article.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-dm {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-dm.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-login-monitor {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-login-monitor.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-login-qrcode {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-login-qrcode.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.icon-ie {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-img-ie@1x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 48px;
  height: 48px;
  font-size: 48px; }

.icon-chrome {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-img-chrome@1x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 48px;
  height: 48px;
  font-size: 48px; }

.icon-firefox {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-img-firefox@1x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 48px;
  height: 48px;
  font-size: 48px; }

.icon-google-map {
  top: -2px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-google-map.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 20px;
  height: 20px;
  font-size: 20px; }

.icon-dot {
  width: 8px;
  height: 8px;
  margin-right: 4px;
  background-color: #F61A13;
  border-radius: 6px; }

body {
  font-family: "PingFangTC-Regular", "PingFangTC", Arial, Helvetica, "HeitiTC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-size: 15px; }

a {
  color: #6F7274;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease; }
a:hover, a:focus, a:active {
  color: #0090D4;
  opacity: 0.8; }
a.underline {
  color: #1B1C1D; }
a.underline:hover, a.underline.inverted {
  color: #0090D4; }
a.underline:hover .icon-info-circle, a.underline.inverted .icon-info-circle {
  margin-right: 4px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-info-circle-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: bold;
  line-height: 1.1;
  color: inherit; }
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1; }
h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue,
h6.blue,
.h1.blue,
.h2.blue,
.h3.blue,
.h4.blue,
.h5.blue,
.h6.blue {
  color: #0090D4; }
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark,
.h1.dark,
.h2.dark,
.h3.dark,
.h4.dark,
.h5.dark,
.h6.dark {
  color: #1B1C1D; }

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 16px;
  margin-bottom: 16px; }
h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
  font-size: 65%; }

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 8px;
  margin-bottom: 16px; }
h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
  font-size: 75%; }

h1,
.h1 {
  font-size: 36px;
  line-height: 48px; }

h2,
.h2 {
  font-size: 30px;
  line-height: 40px; }
h2 + h3,
.h2 + h3 {
  margin-top: -8px; }

h3,
.h3 {
  font-size: 24px;
  line-height: 34px; }

h4,
.h4 {
  font-size: 18px;
  line-height: 28px; }
h4.page-header,
.h4.page-header {
  font-size: 20px; }

h5,
.h5 {
  font-size: 15px;
  line-height: 1.6; }

h6,
.h6 {
  font-size: 13px;
  line-height: 22px; }

h1.service,
.h1.service,
h2.service,
.h2.service,
h3.service,
.h3.service,
h4.service,
.h4.service {
  margin-top: 12px;
  margin-bottom: 8px;
  color: #1B1C1D; }

h1.indent,
.h1.indent,
h2.indent,
.h2.indent,
h3.indent,
.h3.indent,
h4.indent,
.h4.indent {
  padding-left: 16px; }

.fn-mini {
  font-size: 12px; }

.fn-sm {
  font-size: 13px; }

.fn-md {
  font-size: 18px; }

.fn-lg {
  font-size: 24px; }

.fn-xl {
  font-size: 30px; }

.fn-xxl {
  font-size: 36px; }

.fn-super {
  font-size: 64px; }

.fn-root {
  font-size: 1rem; }

p {
  font-size: 15px;
  line-height: 1.6;
  color: #6F7274;
  margin-bottom: 8px; }
p.indent {
  padding-left: 32px; }
p.dark {
  color: #1B1C1D; }

small {
  font-size: 13px; }
small:empty {
  display: none; }

b.mark {
  margin-left: 4px;
  margin-right: 4px;
  color: #1B1C1D; }

b.dark {
  color: #1B1C1D; }

mark {
  padding: .2em; }

.success {
  color: #4CB648; }

.warning {
  color: #F17200; }

.info {
  color: #0090D4; }

.danger {
  color: #EF337B; }

.dark,
.inverted {
  color: #1B1C1D; }

.disabled {
  color: #DCDDDE; }

.status-success {
  color: #4CB648; }

.status-warning {
  color: #FCC72C; }

.status-danger {
  color: #EF337B; }

.text-muted {
  color: #6F7274 !important; }

.sub {
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  color: #6F7274; }
.sub .popover, .sub .tooltip {
  top: 24px;
  padding: 10px 12px; }
@media (max-width: 1199px) {
  .sub .popover, .sub .tooltip {
    width: 400px; } }
@media (min-width: 1200px) {
  .sub .popover, .sub .tooltip {
    width: 480px; } }
.sub .popover h5, .sub .tooltip h5 {
  margin-top: 0;
  margin-bottom: 4px;
  color: #1B1C1D; }
.sub .popover ul.has-type-decimal, .sub .tooltip ul.has-type-decimal {
  padding-left: 18px; }

.sub .checkbox-label,
.fn-sm .checkbox-label {
  padding-left: 24px; }
.sub .checkbox-label:before,
.fn-sm .checkbox-label:before {
  top: 3px;
  width: 16px;
  height: 16px; }

@-moz-document url-prefix() {
  .sub .checkbox-label:before,
  .fn-sm .checkbox-label:before {
    top: 0; } }

.notice,
.value,
.price {
  color: #EF337B !important;
  /*color: $vermillion !important;*/ }

.price,
.value,
.money {
  font-family: Verdana, Arial, Helvetica, sans-serif; }

.price-pro {
  color: #E81568 !important; }

.price {
  font-weight: bold; }
.price del {
  color: #a3a5a6;
  margin-right: 8px; }
.price del:empty {
  display: none; }

.value-mute {
  color: #6F7274 !important; }

.value-mute {
  font-family: Verdana, Arial, Helvetica, sans-serif; }

.sub-price {
  margin-top: 4px;
  color: #F61A13;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px; }

.underline {
  text-decoration: underline; }

.countdown {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1em; }

hgroup.has-purview-title {
  position: relative;
  height: 115px;
  text-align: center;
  overflow: hidden; }
hgroup.has-purview-title h1 {
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 56px;
  color: #0090D4; }
hgroup.has-purview-title p.fn-md {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  color: #6F7274; }
hgroup.has-purview-title img.img-doll {
  position: absolute;
  top: 0;
  left: calc(50% - 384px);
  height: 114px;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.page-header {
  margin-top: 0;
  margin-bottom: 16px;
  padding-bottom: 12px;
  color: #C8D100;
  font-weight: bold;
  border-bottom: 1px solid #F3F4F5; }
.page-header.blue {
  color: #0090D4; }
.page-header.gray {
  color: #6F7274; }
.page-header .sub {
  font-size: 13px;
  font-weight: normal;
  color: #6F7274; }
.page-header .badge {
  padding: 6px 12px;
  font-weight: normal;
  vertical-align: middle; }
.page-header .btn-group {
  color: #6F7274;
  font-weight: normal; }

.lead {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: normal;
  line-height: 28px; }
.lead.lead-sm {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 22px; }
.lead.underline {
  padding: 5px 0;
  margin-right: 16px;
  margin-bottom: 16px;
  font-weight: bold;
  color: #0090D4;
  border-bottom: 1px solid #0090D4;
  text-decoration: none; }
.lead.circle {
  border-radius: 30px; }
.lead.gray {
  background-color: #6F7274; }
.lead.blue {
  background-color: #0090D4; }

.text-truncate,
.ellipsis {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.font-normal {
  font-weight: normal; }

.font-bold {
  font-weight: bold; }

.font-italic {
  font-style: italic; }

.align.left,
.text-left {
  text-align: left !important; }

.align.right,
.text-right {
  text-align: right !important; }

.align.center,
.text-center {
  text-align: center !important; }

.text-top,
.align.top {
  vertical-align: text-top !important; }

.text-middle,
.middle {
  vertical-align: middle !important; }

ul,
ol {
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 16px;
  vertical-align: top; }
ul li,
ol li {
  vertical-align: top; }
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
  vertical-align: top; }
ul.fn-sm,
ol.fn-sm {
  line-height: 22px; }
ul.fn-md,
ol.fn-md {
  line-height: 28px; }
ul.fn-lg,
ol.fn-lg {
  line-height: 34px; }
ul.has-type-decimal,
ol.has-type-decimal {
  padding-left: 32px;
  list-style: decimal outside; }
ul.has-type-decimal b.title,
ol.has-type-decimal b.title {
  margin-left: -20px; }
ul.has-type-decimal li ul,
ol.has-type-decimal li ul {
  padding-left: 32px;
  margin-top: 4px;
  margin-bottom: 8px; }
ul.has-type-decimal > li ul,
ol.has-type-decimal > li ul {
  list-style: lower-alpha outside; }
ul.has-type-decimal > li ul > li ul,
ol.has-type-decimal > li ul > li ul {
  list-style: square outside; }
ul.has-type-circle,
ol.has-type-circle {
  padding-left: 32px;
  list-style: circle outside; }
ul.has-type-circle li ul,
ol.has-type-circle li ul {
  padding-left: 32px;
  margin-top: 4px;
  margin-bottom: 8px; }
ul.has-type-circle > li ul,
ol.has-type-circle > li ul {
  list-style: lower-alpha outside; }
ul.has-type-circle > li ul > li ul,
ol.has-type-circle > li ul > li ul {
  list-style: square outside; }
ul.has-type-disc,
ol.has-type-disc {
  margin-top: 4px;
  margin-left: 24px;
  margin-bottom: 8px;
  list-style: square outside; }
ul.has-type-disc li ul,
ol.has-type-disc li ul {
  margin-top: 4px;
  margin-bottom: 8px;
  margin-left: 8px; }
ul.has-type-disc .active,
ol.has-type-disc .active {
  color: #0090D4;
  font-weight: bold; }
ul.has-type-disc .active a,
ol.has-type-disc .active a {
  color: #0090D4; }
ul.has-type-disc .has-type-decimal,
ol.has-type-disc .has-type-decimal {
  padding-left: 16px; }
ul.has-type-caret li,
ol.has-type-caret li {
  padding-left: 16px;
  background: transparent url("/public/images/icons/icon-trangle-arrow.svg") no-repeat 0 8px;
  background-size: 10px; }
ul.has-type-caret li.active,
ol.has-type-caret li.active {
  background-image: url("/public/images/icons/icon-trangle-arrow-blue.svg"); }
ul.has-type-caret li.active a,
ol.has-type-caret li.active a {
  color: #0090D4;
  font-weight: bold; }
@media (max-width: 1199px) {
  ul.has-type-caret li a,
  ol.has-type-caret li a {
    white-space: nowrap; } }
ul.has-type-caret.fn-sm li,
ol.has-type-caret.fn-sm li {
  background-size: 8px; }

dl {
  margin-top: 0;
  margin-bottom: 24px; }

dt,
dd {
  line-height: 1.6; }

dt {
  margin-bottom: 8px;
  line-height: 28px;
  font-size: 18px;
  font-weight: bold; }

dd {
  margin-left: 0;
  margin-bottom: 24px;
  color: #6F7274;
  font-size: 15px;
  line-height: 1.6; }
dd li {
  color: #6F7274; }
dd li b {
  color: #56585a; }

blockquote {
  padding: 12px 24px;
  margin: 0 0 24px;
  font-size: 18.75px;
  border-left: 5px solid #DCDDDE; }
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0; }
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.6;
  color: #DCDDDE; }
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0'; }

address {
  margin-bottom: 24px;
  font-style: normal;
  line-height: 1.6; }

.number.number.number.number.number.number,
.eng.eng.eng.eng.eng.eng {
  font-family: "PingFang TC"; }

.large {
  font-size: 18px; }
.large div,
.large p {
  font-size: 18px; }
.large h1,
.large .h1 {
  font-size: 43.2px;
  line-height: 57.6px; }
.large h2,
.large .h2 {
  font-size: 36px;
  line-height: 48px; }
.large h2 + h3,
.large .h2 + h3 {
  margin-top: -8px; }
.large h3,
.large .h3 {
  font-size: 28.8px;
  line-height: 40.8px; }
.large h4,
.large .h4 {
  font-size: 21.6px;
  line-height: 33.6px; }
.large h5,
.large .h5 {
  font-size: 18px;
  line-height: 1.92; }
.large h6,
.large .h6 {
  font-size: 15.6px;
  line-height: 26.4px; }

.small {
  font-size: 12px; }
.small div,
.small p {
  font-size: 12px; }
.small h1,
.small .h1 {
  font-size: 28.8px;
  line-height: 38.4px; }
.small h2,
.small .h2 {
  font-size: 24px;
  line-height: 32px; }
.small h2 + h3,
.small .h2 + h3 {
  margin-top: -8px; }
.small h3,
.small .h3 {
  font-size: 19.2px;
  line-height: 27.2px; }
.small h4,
.small .h4 {
  font-size: 14.4px;
  line-height: 22.4px; }
.small h5,
.small .h5 {
  font-size: 12px;
  line-height: 1.28; }
.small h6,
.small .h6 {
  font-size: 10.4px;
  line-height: 17.6px; }

html,
body {
  min-width: 992px; }
@media (min-width: 1200px) {
  html,
  body {
    min-width: 1200px; } }

.container {
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
  min-width: 992px; }
.container:after {
  content: " ";
  display: block;
  clear: both; }
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    min-width: 1200px; }
  .container:after {
    content: " ";
    display: block;
    clear: both; } }
@media (max-width: 1199px) {
  .container {
    padding-left: 16px;
    padding-right: 16px; } }

.row {
  margin-left: 0px;
  margin-right: 0px; }
.row::after {
  content: "";
  display: table;
  clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px; }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24 {
  float: left; }

.col-md-1 {
  width: 4.16667%; }

.col-md-2 {
  width: 8.33333%; }

.col-md-3 {
  width: 12.5%; }

.col-md-4 {
  width: 16.66667%; }

.col-md-5 {
  width: 20.83333%; }

.col-md-6 {
  width: 25%; }

.col-md-7 {
  width: 29.16667%; }

.col-md-8 {
  width: 33.33333%; }

.col-md-9 {
  width: 37.5%; }

.col-md-10 {
  width: 41.66667%; }

.col-md-11 {
  width: 45.83333%; }

.col-md-12 {
  width: 50%; }

.col-md-13 {
  width: 54.16667%; }

.col-md-14 {
  width: 58.33333%; }

.col-md-15 {
  width: 62.5%; }

.col-md-16 {
  width: 66.66667%; }

.col-md-17 {
  width: 70.83333%; }

.col-md-18 {
  width: 75%; }

.col-md-19 {
  width: 79.16667%; }

.col-md-20 {
  width: 83.33333%; }

.col-md-21 {
  width: 87.5%; }

.col-md-22 {
  width: 91.66667%; }

.col-md-23 {
  width: 95.83333%; }

.col-md-24 {
  width: 100%; }

.col-md-pull-0 {
  right: auto; }

.col-md-pull-1 {
  right: 4.16667%; }

.col-md-pull-2 {
  right: 8.33333%; }

.col-md-pull-3 {
  right: 12.5%; }

.col-md-pull-4 {
  right: 16.66667%; }

.col-md-pull-5 {
  right: 20.83333%; }

.col-md-pull-6 {
  right: 25%; }

.col-md-pull-7 {
  right: 29.16667%; }

.col-md-pull-8 {
  right: 33.33333%; }

.col-md-pull-9 {
  right: 37.5%; }

.col-md-pull-10 {
  right: 41.66667%; }

.col-md-pull-11 {
  right: 45.83333%; }

.col-md-pull-12 {
  right: 50%; }

.col-md-pull-13 {
  right: 54.16667%; }

.col-md-pull-14 {
  right: 58.33333%; }

.col-md-pull-15 {
  right: 62.5%; }

.col-md-pull-16 {
  right: 66.66667%; }

.col-md-pull-17 {
  right: 70.83333%; }

.col-md-pull-18 {
  right: 75%; }

.col-md-pull-19 {
  right: 79.16667%; }

.col-md-pull-20 {
  right: 83.33333%; }

.col-md-pull-21 {
  right: 87.5%; }

.col-md-pull-22 {
  right: 91.66667%; }

.col-md-pull-23 {
  right: 95.83333%; }

.col-md-pull-24 {
  right: 100%; }

.col-md-push-0 {
  left: auto; }

.col-md-push-1 {
  left: 4.16667%; }

.col-md-push-2 {
  left: 8.33333%; }

.col-md-push-3 {
  left: 12.5%; }

.col-md-push-4 {
  left: 16.66667%; }

.col-md-push-5 {
  left: 20.83333%; }

.col-md-push-6 {
  left: 25%; }

.col-md-push-7 {
  left: 29.16667%; }

.col-md-push-8 {
  left: 33.33333%; }

.col-md-push-9 {
  left: 37.5%; }

.col-md-push-10 {
  left: 41.66667%; }

.col-md-push-11 {
  left: 45.83333%; }

.col-md-push-12 {
  left: 50%; }

.col-md-push-13 {
  left: 54.16667%; }

.col-md-push-14 {
  left: 58.33333%; }

.col-md-push-15 {
  left: 62.5%; }

.col-md-push-16 {
  left: 66.66667%; }

.col-md-push-17 {
  left: 70.83333%; }

.col-md-push-18 {
  left: 75%; }

.col-md-push-19 {
  left: 79.16667%; }

.col-md-push-20 {
  left: 83.33333%; }

.col-md-push-21 {
  left: 87.5%; }

.col-md-push-22 {
  left: 91.66667%; }

.col-md-push-23 {
  left: 95.83333%; }

.col-md-push-24 {
  left: 100%; }

.col-md-offset-0 {
  margin-left: 0%; }

.col-md-offset-1 {
  margin-left: 4.16667%; }

.col-md-offset-2 {
  margin-left: 8.33333%; }

.col-md-offset-3 {
  margin-left: 12.5%; }

.col-md-offset-4 {
  margin-left: 16.66667%; }

.col-md-offset-5 {
  margin-left: 20.83333%; }

.col-md-offset-6 {
  margin-left: 25%; }

.col-md-offset-7 {
  margin-left: 29.16667%; }

.col-md-offset-8 {
  margin-left: 33.33333%; }

.col-md-offset-9 {
  margin-left: 37.5%; }

.col-md-offset-10 {
  margin-left: 41.66667%; }

.col-md-offset-11 {
  margin-left: 45.83333%; }

.col-md-offset-12 {
  margin-left: 50%; }

.col-md-offset-13 {
  margin-left: 54.16667%; }

.col-md-offset-14 {
  margin-left: 58.33333%; }

.col-md-offset-15 {
  margin-left: 62.5%; }

.col-md-offset-16 {
  margin-left: 66.66667%; }

.col-md-offset-17 {
  margin-left: 70.83333%; }

.col-md-offset-18 {
  margin-left: 75%; }

.col-md-offset-19 {
  margin-left: 79.16667%; }

.col-md-offset-20 {
  margin-left: 83.33333%; }

.col-md-offset-21 {
  margin-left: 87.5%; }

.col-md-offset-22 {
  margin-left: 91.66667%; }

.col-md-offset-23 {
  margin-left: 95.83333%; }

.col-md-offset-24 {
  margin-left: 100%; }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 {
  float: left; }

.col-lg-1 {
  width: 4.16667%; }

.col-lg-2 {
  width: 8.33333%; }

.col-lg-3 {
  width: 12.5%; }

.col-lg-4 {
  width: 16.66667%; }

.col-lg-5 {
  width: 20.83333%; }

.col-lg-6 {
  width: 25%; }

.col-lg-7 {
  width: 29.16667%; }

.col-lg-8 {
  width: 33.33333%; }

.col-lg-9 {
  width: 37.5%; }

.col-lg-10 {
  width: 41.66667%; }

.col-lg-11 {
  width: 45.83333%; }

.col-lg-12 {
  width: 50%; }

.col-lg-13 {
  width: 54.16667%; }

.col-lg-14 {
  width: 58.33333%; }

.col-lg-15 {
  width: 62.5%; }

.col-lg-16 {
  width: 66.66667%; }

.col-lg-17 {
  width: 70.83333%; }

.col-lg-18 {
  width: 75%; }

.col-lg-19 {
  width: 79.16667%; }

.col-lg-20 {
  width: 83.33333%; }

.col-lg-21 {
  width: 87.5%; }

.col-lg-22 {
  width: 91.66667%; }

.col-lg-23 {
  width: 95.83333%; }

.col-lg-24 {
  width: 100%; }

.col-lg-pull-0 {
  right: auto; }

.col-lg-pull-1 {
  right: 4.16667%; }

.col-lg-pull-2 {
  right: 8.33333%; }

.col-lg-pull-3 {
  right: 12.5%; }

.col-lg-pull-4 {
  right: 16.66667%; }

.col-lg-pull-5 {
  right: 20.83333%; }

.col-lg-pull-6 {
  right: 25%; }

.col-lg-pull-7 {
  right: 29.16667%; }

.col-lg-pull-8 {
  right: 33.33333%; }

.col-lg-pull-9 {
  right: 37.5%; }

.col-lg-pull-10 {
  right: 41.66667%; }

.col-lg-pull-11 {
  right: 45.83333%; }

.col-lg-pull-12 {
  right: 50%; }

.col-lg-pull-13 {
  right: 54.16667%; }

.col-lg-pull-14 {
  right: 58.33333%; }

.col-lg-pull-15 {
  right: 62.5%; }

.col-lg-pull-16 {
  right: 66.66667%; }

.col-lg-pull-17 {
  right: 70.83333%; }

.col-lg-pull-18 {
  right: 75%; }

.col-lg-pull-19 {
  right: 79.16667%; }

.col-lg-pull-20 {
  right: 83.33333%; }

.col-lg-pull-21 {
  right: 87.5%; }

.col-lg-pull-22 {
  right: 91.66667%; }

.col-lg-pull-23 {
  right: 95.83333%; }

.col-lg-pull-24 {
  right: 100%; }

.col-lg-push-0 {
  left: auto; }

.col-lg-push-1 {
  left: 4.16667%; }

.col-lg-push-2 {
  left: 8.33333%; }

.col-lg-push-3 {
  left: 12.5%; }

.col-lg-push-4 {
  left: 16.66667%; }

.col-lg-push-5 {
  left: 20.83333%; }

.col-lg-push-6 {
  left: 25%; }

.col-lg-push-7 {
  left: 29.16667%; }

.col-lg-push-8 {
  left: 33.33333%; }

.col-lg-push-9 {
  left: 37.5%; }

.col-lg-push-10 {
  left: 41.66667%; }

.col-lg-push-11 {
  left: 45.83333%; }

.col-lg-push-12 {
  left: 50%; }

.col-lg-push-13 {
  left: 54.16667%; }

.col-lg-push-14 {
  left: 58.33333%; }

.col-lg-push-15 {
  left: 62.5%; }

.col-lg-push-16 {
  left: 66.66667%; }

.col-lg-push-17 {
  left: 70.83333%; }

.col-lg-push-18 {
  left: 75%; }

.col-lg-push-19 {
  left: 79.16667%; }

.col-lg-push-20 {
  left: 83.33333%; }

.col-lg-push-21 {
  left: 87.5%; }

.col-lg-push-22 {
  left: 91.66667%; }

.col-lg-push-23 {
  left: 95.83333%; }

.col-lg-push-24 {
  left: 100%; }

.col-lg-offset-0 {
  margin-left: 0%; }

.col-lg-offset-1 {
  margin-left: 4.16667%; }

.col-lg-offset-2 {
  margin-left: 8.33333%; }

.col-lg-offset-3 {
  margin-left: 12.5%; }

.col-lg-offset-4 {
  margin-left: 16.66667%; }

.col-lg-offset-5 {
  margin-left: 20.83333%; }

.col-lg-offset-6 {
  margin-left: 25%; }

.col-lg-offset-7 {
  margin-left: 29.16667%; }

.col-lg-offset-8 {
  margin-left: 33.33333%; }

.col-lg-offset-9 {
  margin-left: 37.5%; }

.col-lg-offset-10 {
  margin-left: 41.66667%; }

.col-lg-offset-11 {
  margin-left: 45.83333%; }

.col-lg-offset-12 {
  margin-left: 50%; }

.col-lg-offset-13 {
  margin-left: 54.16667%; }

.col-lg-offset-14 {
  margin-left: 58.33333%; }

.col-lg-offset-15 {
  margin-left: 62.5%; }

.col-lg-offset-16 {
  margin-left: 66.66667%; }

.col-lg-offset-17 {
  margin-left: 70.83333%; }

.col-lg-offset-18 {
  margin-left: 75%; }

.col-lg-offset-19 {
  margin-left: 79.16667%; }

.col-lg-offset-20 {
  margin-left: 83.33333%; }

.col-lg-offset-21 {
  margin-left: 87.5%; }

.col-lg-offset-22 {
  margin-left: 91.66667%; }

.col-lg-offset-23 {
  margin-left: 95.83333%; }

.col-lg-offset-24 {
  margin-left: 100%; }

body {
  background-color: #FFFFFF;
  color: #1B1C1D; }

a {
  display: inline-block;
  cursor: pointer; }

span,
time {
  display: inline-block; }

img {
  display: block;
  max-width: 100%; }

hr {
  border: none;
  border-bottom: 1px solid #DCDDDE; }
hr.dashed {
  border-bottom: 1px dashed #DCDDDE; }

iframe {
  width: 100%; }

article {
  margin-bottom: 16px; }
article img {
  height: auto !important; }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.pull-left {
  float: left !important; }

.pull-right {
  float: right !important; }

.pull-center {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important; }

.relative {
  position: relative !important; }

.absolute {
  position: absolute !important; }
.absolute.top {
  top: 0; }
.absolute.bottom {
  bottom: 0; }
.absolute.lt {
  top: 0;
  left: 0; }
.absolute.rt {
  top: 0;
  right: 0; }
.absolute.lb {
  top: 0;
  left: 0; }
.absolute.rb {
  top: 0;
  right: 0; }
.absolute.center {
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
.absolute.lc {
  left: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
.absolute.rc {
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.fixed {
  position: fixed !important; }

.spacing {
  margin-left: 8px;
  margin-right: 8px; }
.spacing.sm {
  margin-left: 4px;
  margin-right: 4px; }
.spacing.left {
  margin-left: 16px;
  margin-right: 0; }
.spacing.left.xl {
  margin-left: 48px; }
.spacing.left.lg {
  margin-left: 32px; }
.spacing.left.md {
  margin-left: 24px; }
.spacing.left.sm {
  margin-left: 8px; }
.spacing.left.mini {
  margin-left: 4px; }
.spacing.right {
  margin-left: 0;
  margin-right: 16px; }
.spacing.right.xxl {
  margin-right: 96px; }
.spacing.right.xl {
  margin-right: 48px; }
.spacing.right.lg {
  margin-right: 32px; }
.spacing.right.md {
  margin-right: 24px; }
.spacing.right.sm {
  margin-right: 8px; }
.spacing.right.mini {
  margin-right: 4px; }
.spacing.top {
  margin-top: 16px;
  margin-left: 0;
  margin-right: 0; }
.spacing.top.xl {
  margin-top: 48px; }
.spacing.top.lg {
  margin-top: 32px; }
.spacing.top.md {
  margin-top: 24px; }
.spacing.top.sm {
  margin-top: 8px; }
.spacing.top.mini {
  margin-top: 4px; }
.spacing.bottom {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 16px; }
.spacing.bottom.xxl {
  margin-bottom: 96px; }
.spacing.bottom.xl {
  margin-bottom: 48px; }
.spacing.bottom.lg {
  margin-bottom: 32px; }
.spacing.bottom.md {
  margin-bottom: 24px; }
.spacing.bottom.sm {
  margin-bottom: 8px; }
.spacing.bottom.mini {
  margin-bottom: 4px; }
.spacing.lt {
  margin-top: 16px;
  margin-left: 16px;
  margin-right: 0; }
.spacing.lt.sm {
  margin-top: 8px;
  margin-left: 8px; }
.spacing.rt {
  margin-top: 16px;
  margin-right: 16px;
  margin-left: 0; }
.spacing.rt.sm {
  margin-top: 8px;
  margin-right: 8px; }
.spacing.lb {
  margin-bottom: 16px;
  margin-left: 16px;
  margin-right: 0; }
.spacing.lb.sm {
  margin-bottom: 8px;
  margin-left: 8px; }
.spacing.rb {
  margin-bottom: 16px;
  margin-right: 16px;
  margin-left: 0; }
.spacing.rb.sm {
  margin-bottom: 8px;
  margin-right: 8px; }

.divider {
  margin-left: 8px;
  margin-right: 8px;
  vertical-align: middle; }
.divider.horizontal {
  margin: 16px 0; }
.divider.horizontal.mini {
  margin-top: 4px;
  margin-bottom: 4px; }
.divider.horizontal.sm {
  margin-top: 8px;
  margin-bottom: 8px; }
.divider.horizontal.lg {
  margin-top: 24px;
  margin-bottom: 24px; }
.divider.horizontal.xl {
  margin-top: 32px;
  margin-bottom: 32px; }
.divider.horizontal.xxl {
  margin-top: 48px;
  margin-bottom: 48px; }

.border.bottom {
  border-bottom: 1px solid #6F7274; }
.border.bottom.light {
  border-color: #F3F4F5; }
.border.bottom.dotted {
  border-bottom-style: dotted; }
.border.bottom.dashed {
  border-bottom-style: dashed; }

.border.top {
  border-top: 1px solid #6F7274; }
.border.top.light {
  border-color: #F3F4F5; }
.border.top.dotted {
  border-top-style: dotted; }
.border.top.dashed {
  border-top-style: dashed; }

.border.left {
  border-left: 1px solid #6F7274; }
.border.left.light {
  border-color: #F3F4F5; }
.border.left.dotted {
  border-left-style: dotted; }
.border.left.dashed {
  border-left-style: dashed; }

.border.right {
  border-right: 1px solid #6F7274; }
.border.right.light {
  border-color: #F3F4F5; }
.border.right.dotted {
  border-right-style: dotted; }
.border.right.dashed {
  border-right-style: dashed; }

.border.none {
  border: none; }

.pills {
  display: table;
  border-collapse: collapse; }
.pills > li {
  display: table-cell;
  padding: 8px 16px;
  border: 1px solid #DCDDDE;
  vertical-align: middle; }
.pills > li:first-child {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px; }
.pills > li:last-child {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }
.pills > li .value,
.pills > li .value-mute {
  padding: 0 4px; }
.pills.sm > li {
  padding: 4px 12px;
  font-size: 13px;
  line-height: 22px; }
.pills .popover-hover:hover, .pills .tooltip-hover:hover {
  background-color: #F3F4F5; }
.pills .popover-hover:hover > a, .pills .tooltip-hover:hover > a {
  color: #0090D4; }

.stackable,
.sticky {
  margin-bottom: 0 !important; }
.stackable + .stackable,
.sticky + .stackable {
  border-top: 0; }
.stackable.panel,
.sticky.panel {
  border-radius: 0; }

.has-inline {
  display: inline-block !important; }

.has-block {
  display: block !important; }

.has-full {
  width: 100% !important; }

.invisible {
  visibility: hidden !important; }

@media (min-width: 375px) {
  .hidden-xs-up {
    display: none !important; } }

@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }

.show,
.is-show {
  display: block !important; }

.hide,
.is-hide {
  display: none !important; }
.hide.active,
.is-hide.active {
  display: block !important; }

.text-hide {
  font: "0/0" a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.align-top {
  vertical-align: top !important; }

@media (min-width: 544px) {
  .hide-pp {
    display: none; } }

@media (min-width: 768px) {
  .hide-tp {
    display: none; } }

@media (min-width: 992px) {
  .hide-dt {
    display: none; } }

.wrapper {
  position: relative;
  overflow: hidden; }
.wrapper::after {
  content: "";
  display: table;
  clear: both; }
.wrapper.fill {
  background-color: #F3F4F5; }
.wrapper.fill .breadcrumbs {
  margin-top: 16px; }

.iframe-wrap,
.iframe-content {
  padding: 8px 0; }
.iframe-wrap::after,
.iframe-content::after {
  content: "";
  display: table;
  clear: both; }
.iframe-wrap .css-table-caption,
.iframe-content .css-table-caption {
  margin-top: 0;
  padding-top: 0; }
.iframe-wrap p,
.iframe-content p {
  color: #515355; }
.iframe-wrap img,
.iframe-content img {
  margin-left: auto;
  margin-right: auto; }

.bar {
  padding: 16px 64px;
  border-radius: 2px; }
.bar.gray {
  background-color: #F3F4F5; }
.bar.gray .value,
.bar.gray .value-mute {
  margin-left: 4px;
  margin-right: 4px; }
.bar.blue {
  color: #FFFFFF;
  background-color: #0090D4; }
.bar.blue p {
  color: inherit; }
.bar.shrink {
  padding-left: 16px;
  padding-right: 16px; }
.bar .offset-md {
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px; }
.bar.w-fix-md {
  padding-left: 40px;
  padding-right: 40px; }
.bar .btn + .btn {
  margin-left: 8px; }

.toolbar {
  margin-bottom: 16px; }
.toolbar::after {
  content: "";
  display: table;
  clear: both; }
.toolbar .btn-group {
  margin-bottom: 0; }
.toolbar .btn-sm .icon {
  top: -1px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
.toolbar .btn,
.toolbar select,
.toolbar span {
  vertical-align: middle; }
.toolbar .badge-info {
  border: 1px solid transparent;
  line-height: 22px; }
.toolbar .badge-info .icon-info-circle {
  top: -1px;
  margin-right: 4px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-info-circle.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 13px;
  height: 13px;
  font-size: 13px; }
.toolbar .badge-info:hover .icon-info-circle {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-info-circle-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.toolbar .select-sm + .btn-sm {
  margin-left: 4px; }
.toolbar .select-group {
  margin-bottom: 8px; }
.toolbar .select-group::after {
  content: "";
  display: table;
  clear: both; }
.toolbar .select-group .col-md-12 {
  width: calc(50% - 4px);
  padding-left: 8px;
  padding-right: 8px; }
.toolbar .select-group .col-md-12 + .col-md-12 {
  margin-left: 8px; }
.toolbar .icon-location {
  top: -1px; }

.half,
.third,
.quarter {
  float: left;
  margin-left: 16px; }
.half.sticky,
.third.sticky,
.quarter.sticky {
  margin-left: 0; }

.half:first-child {
  margin-left: 0; }

@media (max-width: 1199px) {
  .half {
    width: 360.66667px; } }

@media (min-width: 1200px) {
  .half {
    width: 459px; } }

.third {
  width: calc(33.332% - 11px); }
.third.lifenews {
  width: calc(33.332% - 33px);
  margin-left: 32px; }
.third.lifenews:nth-child(3n + 1) {
  margin-left: 0; }

@media screen and (min-width: 0\0) and (max-width: 1199px) {
  .third.lifenews {
    width: 239px; } }

@media screen and (min-width: 0\0) and (min-width: 1200px) {
  .third.lifenews {
    width: 305px; } }
.third:nth-child(3n + 1) {
  margin-left: 0; }

@media screen and (min-width: 0\0) and (max-width: 1199px) {
  .third {
    width: 239px; } }

@media screen and (min-width: 0\0) and (min-width: 1200px) {
  .third {
    width: 305px; } }

@media (max-width: 1199px) {
  .quarter {
    width: 309px; }
  .quarter:nth-child(3n + 1) {
    margin-left: 0; } }

@media (min-width: 1200px) {
  .quarter {
    width: 288px; }
  .quarter:nth-child(4n + 1) {
    margin-left: 0; } }

.w-f1 {
  width: 31px; }

.w-f2 {
  width: 46px; }

.w-f3 {
  width: 61px; }

.w-f4 {
  width: 76px; }

.w-f5 {
  width: 91px; }

.w-f6 {
  width: 106px; }

.w-f7 {
  width: 121px; }

.w-f8 {
  width: 136px; }

.w-f9 {
  width: 151px; }

.w-f10 {
  width: 166px; }

.w-f11 {
  width: 181px; }

.w-f12 {
  width: 196px; }

.w-f13 {
  width: 211px; }

.w-f14 {
  width: 226px; }

.w-f15 {
  width: 241px; }

.w-f16 {
  width: 256px; }

.w-f42 {
  width: 646px; }

.w-fix-md {
  width: 640px !important; }

.w-fix-lg {
  width: 880px !important; }

.w-fix-cart {
  width: 176px; }

.w-fix-gift {
  float: left;
  width: 135px;
  padding-left: 0 !important;
  padding-right: 0 !important; }
.w-fix-gift .icon {
  top: -1px;
  margin-left: 0;
  margin-right: 4px; }
.w-fix-gift .icon-coin {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-money-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.w-fix-gift .icon-print {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-print-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.w-fix-gift .icon-phone {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-phone-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.h-fix-80 {
  height: 80px;
  overflow: hidden; }

.h-fix-336 {
  height: 336px;
  overflow: hidden; }
.h-fix-336 img {
  height: 336px; }

.h-fix-296 {
  height: 296px;
  overflow: hidden; }
.h-fix-296 img {
  height: 296px; }
@media (max-width: 1199px) {
  .h-fix-296 {
    height: auto;
    overflow: hidden; }
  .h-fix-296 img {
    height: auto; } }

.sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0; }

body .Left-Menu {
  float: left;
  width: 170px; }
@media (min-width: 1200px) {
  body .Left-Menu {
    width: 200px; } }

body .Menu-title {
  width: 170px;
  height: 35px;
  background-color: #0090d4;
  padding: 12px 0 0 20px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: absolute;
  bottom: 0%;
  left: 0; }
@media (min-width: 1200px) {
  body .Menu-title {
    width: 200px; } }
body .Menu-title a {
  cursor: pointer;
  margin: 0;
  padding: 0; }
body .Menu-title p {
  float: left;
  width: 80%;
  font-size: 14px;
  font-weight: 550;
  color: #ffffff;
  padding: 0;
  margin: 6px 0 0 0;
  line-height: 0; }
body .Menu-title i {
  float: left;
  width: 15px;
  height: 12px;
  margin-right: 8px; }

body .header-navbar.fixed .Menu-title {
  display: none; }

body .Left-Menu .Menu_L1 {
  width: 100%;
  height: 352px;
  position: relative;
  background: rgba(51, 51, 51, 0.8); }
@media (min-width: 1200px) {
  body .Left-Menu .Menu_L1 {
    height: 400px; } }

body .Left-Menu .Menu_L1 > .L1-box p a {
  width: 130px;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer; }

body .Left-Menu .Menu_L1 > .L1-box i {
  display: inline-block;
  width: 7px;
  height: 11px;
  margin: 6px 0 0 0; }

body .Left-Menu .Menu_L1 > .L1-box {
  width: 100%;
  display: block;
  padding: 9px 0 3px 20px;
  background-image: url("../images/icons/icon-menu-Arrow-dark.svg");
  background-repeat: no-repeat;
  background-position: 145px 14px; }
@media (min-width: 1200px) {
  body .Left-Menu .Menu_L1 > .L1-box {
    height: 50px;
    padding: 13px 0 13px 20px;
    background-position: 170px 19px; } }
body .Left-Menu .Menu_L1 > .L1-box:hover {
  opacity: 1;
  background-image: url("../images/icons/icon-menu-Arrow-light.svg"); }
body .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2.logo-block {
  padding: 0;
  margin: 0; }
body .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2 {
  display: block;
  position: absolute;
  left: 170px;
  top: 0;
  width: 1000px;
  min-height: 400px;
  max-height: 800px;
  overflow: visible;
  background-color: #ffffff;
  border: 1px solid #c7c7c7;
  padding: 0 10px;
  z-index: 100;
  clear: left; }
@media (min-width: 1200px) {
  body .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2 {
    left: 200px; } }
body .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2 a.More-Btn {
  width: 80px;
  height: 28px;
  display: block;
  background-color: #f1f1f1;
  border: #f1f1f1 1px solid;
  background-image: url("../images/icons/icon-menu-Arrow-dark.svg");
  background-repeat: no-repeat;
  background-position: right 9% bottom 47%;
  background-size: 8px;
  text-align: left;
  font-size: 14px;
  text-decoration: none;
  color: #333333;
  padding: 6px 0 0 13px;
  font-weight: 550;
  margin-top: 10px;
  margin-bottom: 10px; }
body .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2 ul {
  display: block;
  margin: 0;
  padding: 0 10px; }
body .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2 li {
  border-bottom: 1px dotted #e1e2e3;
  padding: 5px 0;
  margin: 5px 0; }
body .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2 li:last-child {
  border-bottom: none; }
body .Left-Menu .Menu_L1 > .L1-box:hover .L2-box {
  float: left;
  width: 105px;
  line-height: 1.3em;
  height: 2.6em;
  margin-right: 15px;
  overflow: hidden; }
body .Left-Menu .Menu_L1 > .L1-box:hover .L2-tt {
  width: 105px;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  word-break: break-all; }
body .Left-Menu .Menu_L1 > .L1-box:hover .L3-box {
  float: left;
  width: 820px;
  margin-top: -4px; }
body .Left-Menu .Menu_L1 > .L1-box:hover .L3-box ul {
  display: block;
  margin: 0;
  padding: 0; }
body .Left-Menu .Menu_L1 > .L1-box:hover .L3-box li {
  font-size: 13px;
  display: inline-block;
  word-break: break-all;
  overflow: hidden;
  width: 126px;
  height: 28px;
  border: none;
  color: #717171;
  margin: 0 5px 0 0;
  padding: 0; }
body .Left-Menu .Menu_L1 > .L1-box:hover .L3-box li:before {
  content: '｜';
  color: #d3d3d3; }
body .Left-Menu .Menu_L1 > .L1-box:hover .L3-box li a {
  display: inline;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
body .Left-Menu .Menu_L1 > .L1-box .L3-box li a:hover {
  font-weight: 550; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(1):hover {
  background-color: #09b4b4; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(1) .L3-box li a:hover {
  color: #09b4b4; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(2):hover {
  background-color: #b81c22; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(2) .L3-box li a:hover {
  color: #b81c22; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(3):hover {
  background-color: #005097; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(3) .L3-box li a:hover {
  color: #005097; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(4):hover {
  background-color: #0090d4; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(4) .L3-box li a:hover {
  color: #0090d4; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(5):hover {
  background-color: #e64894; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(5) .L3-box li a:hover {
  color: #e64894; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(6):hover {
  background-color: #fac109; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(6) .L3-box li a:hover {
  color: #fac109; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(7):hover {
  background-color: #3cb035; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(7) .L3-box li a:hover {
  color: #3cb035; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(8):hover {
  background-color: #ba4ae7; }
body .Left-Menu .Menu_L1 > .L1-box:nth-child(8) .L3-box li a:hover {
  color: #ba4ae7; }

body .Left-Menu .Menu_L1 .Menu_L2 {
  display: none; }

body .header-navbar .header-category.active .popover, body .header-navbar .header-category.active .tooltip {
  width: auto; }

header .clean {
  clear: both; }

.header-category.active .popover, .header-category.active .tooltip {
  width: auto; }

body header .popover .Left-Menu, body header .tooltip .Left-Menu {
  width: 171px;
  border-top: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
  float: left; }
body header .popover .Left-Menu .Menu_L1 > .L1-box, body header .tooltip .Left-Menu .Menu_L1 > .L1-box {
  background-position: 145px 17px;
  background-color: #fff;
  border-bottom: 1px solid #c7c7c7; }
body header .popover .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2, body header .tooltip .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2 {
  width: 806px;
  left: 170px;
  top: -1px;
  min-height: 401px; }
body header .popover .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2 ul, body header .tooltip .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2 ul {
  padding: 0; }
body header .popover .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2 a.More-Btn, body header .tooltip .Left-Menu .Menu_L1 > .L1-box:hover .Menu_L2 a.More-Btn {
  padding: 2px 0 0 13px; }
body header .popover .Left-Menu .Menu_L1 > .L1-box:hover .L2-box, body header .tooltip .Left-Menu .Menu_L1 > .L1-box:hover .L2-box {
  width: 90px;
  margin-right: 0px; }
body header .popover .Left-Menu .Menu_L1 > .L1-box:hover .L2-box .L2-tt, body header .tooltip .Left-Menu .Menu_L1 > .L1-box:hover .L2-box .L2-tt {
  width: 90px; }
body header .popover .Left-Menu .Menu_L1 > .L1-box:hover .L3-box, body header .tooltip .Left-Menu .Menu_L1 > .L1-box:hover .L3-box {
  width: 694px; }
body header .popover .Left-Menu .Menu_L1 > .L1-box:hover .L3-box li, body header .tooltip .Left-Menu .Menu_L1 > .L1-box:hover .L3-box li {
  margin: 0;
  width: 112px; }
body header .popover .Left-Menu .Menu_L1 > .L1-box p a, body header .tooltip .Left-Menu .Menu_L1 > .L1-box p a {
  color: #6f7274; }
body header .popover .Left-Menu .Menu_L1 > .L1-box:hover p a, body header .tooltip .Left-Menu .Menu_L1 > .L1-box:hover p a {
  color: #fff; }

.Left-Menu .logo-item {
  display: inline-block;
  width: 20%;
  text-align: center;
  padding: 13px;
  cursor: pointer;
  border: 1px dotted #e1e2e3;
  border-width: 0px 1px 1px 0px;
  margin: 0; }
.Left-Menu .logo-item a {
  font-size: 15px;
  line-height: 24px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
.Left-Menu .logo-item img {
  display: inline-block;
  width: 63px;
  height: 63px; }
.Left-Menu .logo-item .title {
  color: #313233;
  font-size: 14px;
  font-weight: bold; }

.btn {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 8px 40px;
  font-size: 15px;
  line-height: 1.6;
  border-radius: 2px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
.btn:focus, .btn:hover {
  text-decoration: none; }
.btn.focus {
  text-decoration: none; }
.btn:focus, .btn:active {
  outline: 0;
  hlbr: expression(this.onFocus=this.blur()); }
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn.btn-disabled, .btn:disabled {
  background-color: #b5b7b9;
  color: #FFFFFF;
  cursor: not-allowed;
  opacity: .65;
  -webkit-box-shadow: none;
  box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #6F7274;
  background-color: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-default:hover {
  color: #6F7274;
  background-color: #f0f0f0;
  border-color: rgba(15, 16, 16, 0.15); }
.btn-default:focus, .btn-default.focus {
  color: #6F7274;
  background-color: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #6F7274;
  background-color: #f0f0f0;
  border-color: rgba(15, 16, 16, 0.15);
  background-image: none; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #6F7274;
  background-color: #d9d9d9;
  border-color: rgba(0, 0, 0, 0.15); }
.btn-default.disabled, .btn-default:disabled {
  cursor: disabled; }
.btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default:disabled:focus, .btn-default:disabled.focus {
  background-color: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-default.disabled:hover, .btn-default:disabled:hover {
  background-color: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-default:hover {
  background-color: #F3F4F5; }
.btn-default .icon-folder-plus {
  margin-right: 8px;
  width: 15px;
  height: 15px;
  font-size: 15px; }

.btn-primary {
  color: #FFFFFF;
  background-color: #C8D100;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-primary:hover {
  color: #FFFFFF;
  background-color: #abb200;
  border-color: rgba(15, 16, 16, 0.15); }
.btn-primary:focus, .btn-primary.focus {
  color: #FFFFFF;
  background-color: #C8D100;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #abb200;
  border-color: rgba(15, 16, 16, 0.15);
  background-image: none; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: #7f8500;
  border-color: rgba(0, 0, 0, 0.15); }
.btn-primary.disabled, .btn-primary:disabled {
  cursor: disabled; }
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
  background-color: #C8D100;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-primary.disabled:hover, .btn-primary:disabled:hover {
  background-color: #C8D100;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-primary .icon {
  margin-right: 8px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
.btn-primary .icon-refresh {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-refresh-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.btn-primary .icon-plus {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-plus-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.btn-primary .icon-download {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-download-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.btn-secondary {
  color: #FFFFFF;
  background-color: #ED9E02;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-secondary:hover {
  color: #FFFFFF;
  background-color: #cf8a02;
  border-color: rgba(15, 16, 16, 0.15); }
.btn-secondary:focus, .btn-secondary.focus {
  color: #FFFFFF;
  background-color: #ED9E02;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-secondary:active, .btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #cf8a02;
  border-color: rgba(15, 16, 16, 0.15);
  background-image: none; }
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus,
.open > .btn-secondary.dropdown-toggle:hover,
.open > .btn-secondary.dropdown-toggle:focus,
.open > .btn-secondary.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: #a16b01;
  border-color: rgba(0, 0, 0, 0.15); }
.btn-secondary.disabled, .btn-secondary:disabled {
  cursor: disabled; }
.btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus {
  background-color: #ED9E02;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
  background-color: #ED9E02;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-secondary .icon {
  margin-right: 8px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
.btn-secondary .icon-cart {
  top: -2px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-cart-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.btn-secondary .icon-arrow-right {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-right-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.btn-query {
  color: #FFFFFF;
  background-color: #0090D4;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-query:hover {
  color: #FFFFFF;
  background-color: #007bb5;
  border-color: rgba(15, 16, 16, 0.15); }
.btn-query:focus, .btn-query.focus {
  color: #FFFFFF;
  background-color: #0090D4;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-query:active, .btn-query.active,
.open > .btn-query.dropdown-toggle {
  color: #FFFFFF;
  background-color: #007bb5;
  border-color: rgba(15, 16, 16, 0.15);
  background-image: none; }
.btn-query:active:hover, .btn-query:active:focus, .btn-query:active.focus, .btn-query.active:hover, .btn-query.active:focus, .btn-query.active.focus,
.open > .btn-query.dropdown-toggle:hover,
.open > .btn-query.dropdown-toggle:focus,
.open > .btn-query.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: #005c88;
  border-color: rgba(0, 0, 0, 0.15); }
.btn-query.disabled, .btn-query:disabled {
  cursor: disabled; }
.btn-query.disabled:focus, .btn-query.disabled.focus, .btn-query:disabled:focus, .btn-query:disabled.focus {
  background-color: #0090D4;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-query.disabled:hover, .btn-query:disabled:hover {
  background-color: #0090D4;
  border-color: rgba(34, 36, 38, 0.15); }
.btn-query .icon {
  margin-right: 8px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
.btn-query .icon-arrow-left {
  top: -2px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-left-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.btn-query .icon-refresh {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-refresh-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.btn-danger {
  color: #FFFFFF;
  background-color: #EF337B;
  border-color: #EF337B; }
.btn-danger:hover {
  color: #FFFFFF;
  background-color: #ed1769;
  border-color: #e71264; }
.btn-danger:focus, .btn-danger.focus {
  color: #FFFFFF;
  background-color: #EF337B;
  border-color: #EF337B; }
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #FFFFFF;
  background-color: #ed1769;
  border-color: #e71264;
  background-image: none; }
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: #c61055;
  border-color: #970c41; }
.btn-danger.disabled, .btn-danger:disabled {
  cursor: disabled; }
.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
  background-color: #EF337B;
  border-color: #EF337B; }
.btn-danger.disabled:hover, .btn-danger:disabled:hover {
  background-color: #EF337B;
  border-color: #EF337B; }

.btn-inverted {
  color: #FFFFFF;
  background-color: #1B1C1D;
  border-color: #1B1C1D; }
.btn-inverted:hover {
  color: #FFFFFF;
  background-color: #0c0d0d;
  border-color: #070808; }
.btn-inverted:focus, .btn-inverted.focus {
  color: #FFFFFF;
  background-color: #1B1C1D;
  border-color: #1B1C1D; }
.btn-inverted:active, .btn-inverted.active,
.open > .btn-inverted.dropdown-toggle {
  color: #FFFFFF;
  background-color: #0c0d0d;
  border-color: #070808;
  background-image: none; }
.btn-inverted:active:hover, .btn-inverted:active:focus, .btn-inverted:active.focus, .btn-inverted.active:hover, .btn-inverted.active:focus, .btn-inverted.active.focus,
.open > .btn-inverted.dropdown-toggle:hover,
.open > .btn-inverted.dropdown-toggle:focus,
.open > .btn-inverted.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: black;
  border-color: black; }
.btn-inverted.disabled, .btn-inverted:disabled {
  cursor: disabled; }
.btn-inverted.disabled:focus, .btn-inverted.disabled.focus, .btn-inverted:disabled:focus, .btn-inverted:disabled.focus {
  background-color: #1B1C1D;
  border-color: #1B1C1D; }
.btn-inverted.disabled:hover, .btn-inverted:disabled:hover {
  background-color: #1B1C1D;
  border-color: #1B1C1D; }

.btn-share {
  color: #FFFFFF;
  background-color: #3B5998;
  border-color: #3B5998; }
.btn-share:hover {
  color: #FFFFFF;
  background-color: #324c82;
  border-color: #30487b; }
.btn-share:focus, .btn-share.focus {
  color: #FFFFFF;
  background-color: #3B5998;
  border-color: #3B5998; }
.btn-share:active, .btn-share.active,
.open > .btn-share.dropdown-toggle {
  color: #FFFFFF;
  background-color: #324c82;
  border-color: #30487b;
  background-image: none; }
.btn-share:active:hover, .btn-share:active:focus, .btn-share:active.focus, .btn-share.active:hover, .btn-share.active:focus, .btn-share.active.focus,
.open > .btn-share.dropdown-toggle:hover,
.open > .btn-share.dropdown-toggle:focus,
.open > .btn-share.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: #263961;
  border-color: #17233c; }
.btn-share.disabled, .btn-share:disabled {
  cursor: disabled; }
.btn-share.disabled:focus, .btn-share.disabled.focus, .btn-share:disabled:focus, .btn-share:disabled.focus {
  background-color: #3B5998;
  border-color: #3B5998; }
.btn-share.disabled:hover, .btn-share:disabled:hover {
  background-color: #3B5998;
  border-color: #3B5998; }
.btn-share .icon-share-fb {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-share-fb-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.btn-signin {
  color: #FFFFFF;
  background-color: #005097;
  border-color: #005097; }
.btn-signin:hover {
  color: #FFFFFF;
  background-color: #004078;
  border-color: #003a6e; }
.btn-signin:focus, .btn-signin.focus {
  color: #FFFFFF;
  background-color: #005097;
  border-color: #005097; }
.btn-signin:active, .btn-signin.active,
.open > .btn-signin.dropdown-toggle {
  color: #FFFFFF;
  background-color: #004078;
  border-color: #003a6e;
  background-image: none; }
.btn-signin:active:hover, .btn-signin:active:focus, .btn-signin:active.focus, .btn-signin.active:hover, .btn-signin.active:focus, .btn-signin.active.focus,
.open > .btn-signin.dropdown-toggle:hover,
.open > .btn-signin.dropdown-toggle:focus,
.open > .btn-signin.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: #00274b;
  border-color: #000c18; }
.btn-signin.disabled, .btn-signin:disabled {
  cursor: disabled; }
.btn-signin.disabled:focus, .btn-signin.disabled.focus, .btn-signin:disabled:focus, .btn-signin:disabled.focus {
  background-color: #005097;
  border-color: #005097; }
.btn-signin.disabled:hover, .btn-signin:disabled:hover {
  background-color: #005097;
  border-color: #005097; }

.btn-signup {
  color: #FFFFFF;
  background-color: #0090D4;
  border-color: #0090D4; }
.btn-signup:hover {
  color: #FFFFFF;
  background-color: #007bb5;
  border-color: #0074ab; }
.btn-signup:focus, .btn-signup.focus {
  color: #FFFFFF;
  background-color: #0090D4;
  border-color: #0090D4; }
.btn-signup:active, .btn-signup.active,
.open > .btn-signup.dropdown-toggle {
  color: #FFFFFF;
  background-color: #007bb5;
  border-color: #0074ab;
  background-image: none; }
.btn-signup:active:hover, .btn-signup:active:focus, .btn-signup:active.focus, .btn-signup.active:hover, .btn-signup.active:focus, .btn-signup.active.focus,
.open > .btn-signup.dropdown-toggle:hover,
.open > .btn-signup.dropdown-toggle:focus,
.open > .btn-signup.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: #005c88;
  border-color: #003955; }
.btn-signup.disabled, .btn-signup:disabled {
  cursor: disabled; }
.btn-signup.disabled:focus, .btn-signup.disabled.focus, .btn-signup:disabled:focus, .btn-signup:disabled.focus {
  background-color: #0090D4;
  border-color: #0090D4; }
.btn-signup.disabled:hover, .btn-signup:disabled:hover {
  background-color: #0090D4;
  border-color: #0090D4; }

.btn-outline {
  color: #FFFFFF;
  background-image: none;
  background-color: transparent;
  border-color: #FFFFFF; }
.btn-outline:focus, .btn-outline.focus, .btn-outline:active, .btn-outline.active,
.open > .btn-outline.dropdown-toggle {
  color: #FFFFFF;
  background-color: #FFFFFF;
  border-color: #FFFFFF; }
.btn-outline:hover {
  color: #FFFFFF;
  background-color: #FFFFFF;
  border-color: #FFFFFF; }
.btn-outline.disabled:focus, .btn-outline.disabled.focus, .btn-outline:disabled:focus, .btn-outline:disabled.focus {
  border-color: white; }
.btn-outline.disabled:hover, .btn-outline:disabled:hover {
  border-color: white; }

.btn-default-outline {
  color: #A2A5A7;
  background-image: none;
  background-color: transparent;
  border-color: #A2A5A7; }
.btn-default-outline:focus, .btn-default-outline.focus, .btn-default-outline:active, .btn-default-outline.active,
.open > .btn-default-outline.dropdown-toggle {
  color: #FFFFFF;
  background-color: #A2A5A7;
  border-color: #A2A5A7; }
.btn-default-outline:hover {
  color: #FFFFFF;
  background-color: #A2A5A7;
  border-color: #A2A5A7; }
.btn-default-outline.disabled:focus, .btn-default-outline.disabled.focus, .btn-default-outline:disabled:focus, .btn-default-outline:disabled.focus {
  border-color: #d6d8d9; }
.btn-default-outline.disabled:hover, .btn-default-outline:disabled:hover {
  border-color: #d6d8d9; }

.btn-primary-outline {
  color: #C8D100;
  background-image: none;
  background-color: transparent;
  border-color: #C8D100; }
.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active,
.open > .btn-primary-outline.dropdown-toggle {
  color: #FFFFFF;
  background-color: #C8D100;
  border-color: #C8D100; }
.btn-primary-outline:hover {
  color: #FFFFFF;
  background-color: #C8D100;
  border-color: #C8D100; }
.btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus {
  border-color: #f6ff38; }
.btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover {
  border-color: #f6ff38; }

.btn-secondary-outline {
  color: #ED9E02;
  background-image: none;
  background-color: transparent;
  border-color: #ED9E02; }
.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active,
.open > .btn-secondary-outline.dropdown-toggle {
  color: #FFFFFF;
  background-color: #ED9E02;
  border-color: #ED9E02; }
.btn-secondary-outline:hover {
  color: #FFFFFF;
  background-color: #ED9E02;
  border-color: #ED9E02; }
.btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus {
  border-color: #fec657; }
.btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover {
  border-color: #fec657; }

.btn-query-outline {
  color: #0090D4;
  background-image: none;
  background-color: transparent;
  border-color: #0090D4; }
.btn-query-outline:focus, .btn-query-outline.focus, .btn-query-outline:active, .btn-query-outline.active,
.open > .btn-query-outline.dropdown-toggle {
  color: #FFFFFF;
  background-color: #0090D4;
  border-color: #0090D4; }
.btn-query-outline:hover {
  color: #FFFFFF;
  background-color: #0090D4;
  border-color: #0090D4; }
.btn-query-outline.disabled:focus, .btn-query-outline.disabled.focus, .btn-query-outline:disabled:focus, .btn-query-outline:disabled.focus {
  border-color: #3bc0ff; }
.btn-query-outline.disabled:hover, .btn-query-outline:disabled:hover {
  border-color: #3bc0ff; }

.btn-inverted-outline {
  color: #1B1C1D;
  background-image: none;
  background-color: transparent;
  border-color: #1B1C1D; }
.btn-inverted-outline:focus, .btn-inverted-outline.focus, .btn-inverted-outline:active, .btn-inverted-outline.active,
.open > .btn-inverted-outline.dropdown-toggle {
  color: #FFFFFF;
  background-color: #1B1C1D;
  border-color: #1B1C1D; }
.btn-inverted-outline:hover {
  color: #FFFFFF;
  background-color: #1B1C1D;
  border-color: #1B1C1D; }
.btn-inverted-outline.disabled:focus, .btn-inverted-outline.disabled.focus, .btn-inverted-outline:disabled:focus, .btn-inverted-outline:disabled.focus {
  border-color: #4c4f52; }
.btn-inverted-outline.disabled:hover, .btn-inverted-outline:disabled:hover {
  border-color: #4c4f52; }

.btn-danger-outline {
  color: #EF337B;
  background-image: none;
  background-color: transparent;
  border-color: #EF337B; }
.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active,
.open > .btn-danger-outline.dropdown-toggle {
  color: #FFFFFF;
  background-color: #EF337B;
  border-color: #EF337B; }
.btn-danger-outline:hover {
  color: #FFFFFF;
  background-color: #EF337B;
  border-color: #EF337B; }
.btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus {
  border-color: #f692b8; }
.btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover {
  border-color: #f692b8; }

.btn-favorite-outline {
  color: #E64894;
  background-image: none;
  background-color: transparent;
  border-color: #E64894; }
.btn-favorite-outline:focus, .btn-favorite-outline.focus, .btn-favorite-outline:active, .btn-favorite-outline.active,
.open > .btn-favorite-outline.dropdown-toggle {
  color: #FFFFFF;
  background-color: #E64894;
  border-color: #E64894; }
.btn-favorite-outline:hover {
  color: #FFFFFF;
  background-color: #E64894;
  border-color: #E64894; }
.btn-favorite-outline.disabled:focus, .btn-favorite-outline.disabled.focus, .btn-favorite-outline:disabled:focus, .btn-favorite-outline:disabled.focus {
  border-color: #f2a2c8; }
.btn-favorite-outline.disabled:hover, .btn-favorite-outline:disabled:hover {
  border-color: #f2a2c8; }

.btn-link {
  font-weight: normal;
  color: #6F7274;
  border-radius: 0; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }
.btn-link, .btn-link:focus, .btn-link:active {
  border-color: transparent; }
.btn-link:hover {
  border-color: transparent; }
.btn-link:focus, .btn-link:hover {
  color: #0090D4;
  text-decoration: underline;
  background-color: transparent; }
.btn-link:disabled:focus, .btn-link:disabled:hover {
  color: #DCDDDE;
  text-decoration: none; }

.btn-lg {
  padding: 16px 40px;
  font-size: 24px;
  line-height: 34px;
  border-radius: 2px; }

.btn-md {
  padding: 8px 40px;
  font-size: 18px;
  line-height: 28px;
  border-radius: 2px; }

.btn-sm {
  padding: 4px 12px;
  font-size: 13px;
  line-height: 22px;
  border-radius: 2px; }

.btn-mini {
  padding: 2px 8px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px; }

.btn-block {
  display: block;
  width: 100%; }
.btn-block + .btn-block {
  margin-top: 6px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.btn-close,
.close {
  border: none;
  background-color: transparent; }
.btn-close:focus, .btn-close:active,
.close:focus,
.close:active {
  outline: 0;
  hlbr: expression(this.onFocus=this.blur()); }
.btn-close .icon-close,
.close .icon-close {
  width: 24px;
  height: 24px;
  font-size: 24px; }

.btn-description {
  height: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer; }
.btn-description:hover .icon-info-circle, .btn-description:focus .icon-info-circle, .btn-description:active .icon-info-circle {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-info-circle-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.btn-description i.icon {
  margin-right: 0px;
  margin-top: -2px; }
.btn-description i.icon + span {
  margin-top: -2px;
  margin-left: 8px; }

@media (max-width: 1199px) {
  .btn-text-center {
    text-align: center !important;
    padding: 8px 8px !important;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; } }

.btn-group {
  position: relative;
  margin-bottom: 24px;
  vertical-align: middle;
  text-align: center; }
.btn-group > .btn {
  position: relative; }
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
  z-index: 2; }
.btn-group > .btn:hover {
  z-index: 2; }
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: 8px; }
.btn-group.pills > .btn {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0; }
.btn-group.pills > .btn.disabled {
  background-color: #DCDDDE; }
.btn-group.pills > .btn.disabled .icon {
  opacity: .6; }
.btn-group.pills .btn:last-child {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }
.btn-group.pills .btn + .btn,
.btn-group.pills .btn + .btn-group,
.btn-group.pills .btn-group + .btn,
.btn-group.pills .btn-group + .btn-group {
  margin-left: -1px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0; }
@media screen and (min-width: 0\0) {
  .btn-group.pills > .btn {
    float: left; }
  .btn-group.pills .divider {
    float: left;
    margin-top: 8px; }
  .btn-group.pills .divider.fn-sm {
    margin-top: 6px; } }
.btn-group.pills.news-tabs {
  width: 100%;
  text-align: left; }
.btn-group.pills.news-tabs .btn {
  width: 14.28%;
  padding-left: 0;
  padding-right: 0;
  text-align: center; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group::after {
  content: "";
  display: table;
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: 8px; }

.btn-group-vertical.pills > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical.pills > .btn:first-child:not(:last-child) {
  border-top-right-radius: 2px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group-vertical.pills > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 2px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group-vertical.pills > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical.pills > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical.pills > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group-vertical.pills > .btn-group:last-child:not(:first-child) > .btn:first-child {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group-vertical.pills > .btn + .btn,
.btn-group-vertical.pills > .btn + .btn-group,
.btn-group-vertical.pills > .btn-group + .btn,
.btn-group-vertical.pills > .btn-group + .btn-group {
  margin-top: 0; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 24px;
  font-size: 22.5px;
  line-height: inherit;
  border: 0; }

label {
  display: inline-block;
  max-width: 100%;
  color: #6F7274; }

select,
input[type="text"],
textarea,
input[type="password"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"] {
  display: inline-block;
  padding: 8px;
  font-size: 15px;
  line-height: 1.6;
  color: #1B1C1D;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #A2A5A7;
  border-radius: 2px; }
select::-ms-expand,
input[type="text"]::-ms-expand,
textarea::-ms-expand,
input[type="password"]::-ms-expand,
input[type="date"]::-ms-expand,
input[type="datetime-local"]::-ms-expand,
input[type="email"]::-ms-expand,
input[type="number"]::-ms-expand,
input[type="search"]::-ms-expand,
input[type="tel"]::-ms-expand,
input[type="time"]::-ms-expand,
input[type="url"]::-ms-expand {
  background-color: transparent;
  border: 0; }
select::-moz-placeholder,
input[type="text"]::-moz-placeholder,
textarea::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="url"]::-moz-placeholder {
  color: #DCDDDE;
  opacity: 1; }
select:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder {
  color: #DCDDDE; }
select::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder {
  color: #DCDDDE; }
select:disabled,
input[type="text"]:disabled,
textarea:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled {
  background-color: #e9eaea;
  opacity: 1; }
select[readonly],
input[type="text"][readonly],
textarea[readonly],
input[type="password"][readonly],
input[type="date"][readonly],
input[type="datetime-local"][readonly],
input[type="email"][readonly],
input[type="number"][readonly],
input[type="search"][readonly],
input[type="tel"][readonly],
input[type="time"][readonly],
input[type="url"][readonly] {
  background-color: #FFFFFF;
  opacity: 1; }
select:disabled,
input[type="text"]:disabled,
textarea:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled {
  cursor: not-allowed; }

select {
  position: relative;
  padding-left: 12px;
  padding-right: 32px; }
select:focus {
  outline: 0; }
select:not([size]):not([multiple]) {
  height: 42px; }
select:focus::-ms-value {
  color: #1B1C1D;
  background-color: #FFFFFF; }
select[multiple], select[size] {
  height: auto; }
select:not([multiple]) {
  background: #FFFFFF url("/public/images/icons/icon-trangle-down.svg") no-repeat calc(100% - 12px) 50%;
  background-size: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
select:not([multiple]):disabled,
fieldset[disabled] select:not([multiple]) {
  background-color: #e9eaea;
  color: #838689; }
select:not([multiple])[readonly] {
  background-color: #FFFFFF; }
select.select-sm:not([multiple]) {
  background-position: calc(100% - 8px) 50%; }

select.select-sm {
  padding: 4px 8px;
  padding-right: 24px;
  font-size: 13px;
  line-height: 22px; }
select.select-sm:not([size]):not([multiple]) {
  height: 32px; }

select.error {
  border: 1px solid #F61A13; }

@media screen and (min-width: 0\0) {
  select {
    height: 42px;
    padding: 6px; }
  select.select-sm {
    height: 32px;
    padding: 4px; } }

input[type="text"], textarea,
input[type="password"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"] {
  width: 240px;
  background-image: none;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; }
input[type="text"]:focus, textarea:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus {
  border-color: #0090D4;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 144, 212, 0.2);
  box-shadow: 0 0 3px rgba(0, 144, 212, 0.2); }
input[type="text"].full, textarea.full,
input[type="password"].full,
input[type="date"].full,
input[type="datetime-local"].full,
input[type="email"].full,
input[type="number"].full,
input[type="search"].full,
input[type="tel"].full,
input[type="time"].full,
input[type="url"].full {
  width: 100%; }
input[type="text"].input-lg, textarea.input-lg,
input[type="password"].input-lg,
input[type="date"].input-lg,
input[type="datetime-local"].input-lg,
input[type="email"].input-lg,
input[type="number"].input-lg,
input[type="search"].input-lg,
input[type="tel"].input-lg,
input[type="time"].input-lg,
input[type="url"].input-lg {
  width: 360px; }
@media (max-width: 1199px) {
  input[type="text"].input-lg, textarea.input-lg,
  input[type="password"].input-lg,
  input[type="date"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="email"].input-lg,
  input[type="number"].input-lg,
  input[type="search"].input-lg,
  input[type="tel"].input-lg,
  input[type="time"].input-lg,
  input[type="url"].input-lg {
    width: 312px; } }
input[type="text"].input-md, textarea.input-md,
input[type="password"].input-md,
input[type="date"].input-md,
input[type="datetime-local"].input-md,
input[type="email"].input-md,
input[type="number"].input-md,
input[type="search"].input-md,
input[type="tel"].input-md,
input[type="time"].input-md,
input[type="url"].input-md {
  width: 240px; }
input[type="text"].input-sm, textarea.input-sm,
input[type="password"].input-sm,
input[type="date"].input-sm,
input[type="datetime-local"].input-sm,
input[type="email"].input-sm,
input[type="number"].input-sm,
input[type="search"].input-sm,
input[type="tel"].input-sm,
input[type="time"].input-sm,
input[type="url"].input-sm {
  width: 144px;
  font-size: 13px;
  line-height: 22px; }
input[type="text"].input-mini, textarea.input-mini,
input[type="password"].input-mini,
input[type="date"].input-mini,
input[type="datetime-local"].input-mini,
input[type="email"].input-mini,
input[type="number"].input-mini,
input[type="search"].input-mini,
input[type="tel"].input-mini,
input[type="time"].input-mini,
input[type="url"].input-mini {
  width: 88px; }
input[type="text"].input-micro, textarea.input-micro,
input[type="password"].input-micro,
input[type="date"].input-micro,
input[type="datetime-local"].input-micro,
input[type="email"].input-micro,
input[type="number"].input-micro,
input[type="search"].input-micro,
input[type="tel"].input-micro,
input[type="time"].input-micro,
input[type="url"].input-micro {
  width: 64px; }
@media screen and (min-width: 0\0) {
  input[type="text"], textarea,
  input[type="password"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  input[type="time"],
  input[type="url"] {
    height: 42px; }
  input[type="text"].input-sm, textarea.input-sm,
  input[type="password"].input-sm,
  input[type="date"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="email"].input-sm,
  input[type="number"].input-sm,
  input[type="search"].input-sm,
  input[type="tel"].input-sm,
  input[type="time"].input-sm,
  input[type="url"].input-sm {
    height: 32px; } }
input[type="text"].error, textarea.error,
input[type="password"].error,
input[type="date"].error,
input[type="datetime-local"].error,
input[type="email"].error,
input[type="number"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="time"].error,
input[type="url"].error {
  border: 1px solid #F61A13; }
input[type="text"] ~ span, textarea ~ span,
input[type="password"] ~ span,
input[type="date"] ~ span,
input[type="datetime-local"] ~ span,
input[type="email"] ~ span,
input[type="number"] ~ span,
input[type="search"] ~ span,
input[type="tel"] ~ span,
input[type="time"] ~ span,
input[type="url"] ~ span {
  line-height: 1; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.input-password {
  display: inline-block;
  position: relative;
  z-index: 1; }
.input-password .hide-password {
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 50;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
.input-password input[type="password"] {
  padding-right: 36px; }

.input-calendar + .btn-default {
  padding-left: 8px;
  padding-right: 8px;
  background-color: #ebecee;
  border-left: 0; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0; }

textarea {
  width: 100%; }

input[type="radio"],
input[type="checkbox"] {
  margin-right: 8px;
  margin-top: 1px \9;
  line-height: normal; }
input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline,
.checkbox-inline {
  margin-right: 12px; }
.radio-inline:last-child,
.checkbox-inline:last-child {
  margin-right: 0; }

input[type=checkbox].checkbox {
  position: absolute;
  clip: rect(0 0 0 0);
  height: 0;
  width: 0;
  padding: 0;
  border: 0;
  visibility: hidden; }
input[type=checkbox].checkbox:checked + label.checkbox-label:before {
  background: #3B7BF9 url("/public/images/icons/icon-checkbox-on-20.svg") no-repeat 50% 50%;
  background-size: cover;
  border-color: #3B7BF9; }
input[type=checkbox].checkbox:disabled + label.checkbox-label {
  cursor: not-allowed; }
input[type=checkbox].checkbox:disabled + label.checkbox-label:before {
  background: #e9eaea url("/public/images/icons/icon-checkbox-disa-false-20.svg") no-repeat 50% 50%;
  background-size: 14px;
  border-color: rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
input[type=checkbox].checkbox:disabled:checked + label.checkbox-label:before {
  background: #e9eaea url("/public/images/icons/icon-checkbox-disa-20.svg") no-repeat 50% 50%;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

label.checkbox-label {
  display: inline;
  position: relative;
  padding-left: 28px;
  vertical-align: middle;
  cursor: pointer; }
label.checkbox-label:before {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  border: 1px solid #A2A5A7;
  border-radius: 2px; }

@-moz-document url-prefix() {
  label.checkbox-label:before {
    top: -1px; } }
label.checkbox-label:empty {
  width: 20px;
  padding-left: 0; }

.checkbox-group .checkbox-label:before {
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

@-moz-document url-prefix() {
  .checkbox-group .checkbox-label:before {
    top: 1px;
    transform: none; } }

.checkbox-group + .image {
  margin-left: 12px; }

.radio-group-caption,
.radio-group {
  vertical-align: top; }

.radio-group-caption {
  font-weight: bold; }
.radio-group-caption.w-f4 + .radio-group {
  width: calc(100% - 80px); }

/* input: file */
input[type="file"] {
  display: block; }

/* input: range */
input[type="range"] {
  display: block;
  width: 100%; }

/* output -- in HTML5 */
output {
  display: block;
  padding-top: 9px;
  font-size: 15px;
  line-height: 1.6;
  color: #1B1C1D; }

.input-group {
  position: relative;
  display: inline-block; }
.input-group input[type="text"], .input-group textarea,
.input-group input[type="password"],
.input-group input[type="search"],
.input-group input[type="email"],
.input-group input[type="tel"],
.input-group input[type="time"],
.input-group input[type="date"],
.input-group select {
  position: relative;
  z-index: 2;
  float: left;
  margin-bottom: 0; }
.input-group input[type="text"]:focus, .input-group textarea:focus, .input-group input[type="text"]:active, .input-group textarea:active, .input-group input[type="text"]:hover, .input-group textarea:hover,
.input-group input[type="password"]:focus,
.input-group input[type="password"]:active,
.input-group input[type="password"]:hover,
.input-group input[type="search"]:focus,
.input-group input[type="search"]:active,
.input-group input[type="search"]:hover,
.input-group input[type="email"]:focus,
.input-group input[type="email"]:active,
.input-group input[type="email"]:hover,
.input-group input[type="tel"]:focus,
.input-group input[type="tel"]:active,
.input-group input[type="tel"]:hover,
.input-group input[type="time"]:focus,
.input-group input[type="time"]:active,
.input-group input[type="time"]:hover,
.input-group input[type="date"]:focus,
.input-group input[type="date"]:active,
.input-group input[type="date"]:hover,
.input-group select:focus,
.input-group select:active,
.input-group select:hover {
  z-index: 3; }
.input-group input[type="text"]:first-child, .input-group textarea:first-child,
.input-group input[type="password"]:first-child,
.input-group input[type="search"]:first-child,
.input-group input[type="email"]:first-child,
.input-group input[type="tel"]:first-child,
.input-group input[type="time"]:first-child,
.input-group input[type="date"]:first-child,
.input-group select:first-child {
  border-right: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0; }
.input-group .btn {
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0; }
.input-group .btn .icon-calendar {
  margin: 0; }
.input-group .btn-default {
  border-color: #A2A5A7; }
.input-group input[type="text"] + input[type="text"], .input-group textarea + input[type="text"], .input-group input[type="text"] + textarea, .input-group textarea + textarea,
.input-group input[type="search"] + input[type="search"] {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group-sm input[type="text"], .input-group-sm textarea,
.input-group-sm input[type="password"],
.input-group-sm input[type="search"],
.input-group-sm input[type="email"],
.input-group-sm input[type="tel"],
.input-group-sm input[type="time"],
.input-group-sm input[type="date"] {
  padding: 4px 8px;
  font-size: 13px;
  line-height: 22px; }

.input-group-sm .input-calendar {
  width: 128px;
  height: 32px; }

.input-group-sm .btn {
  padding: 4px 12px;
  font-size: 13px;
  line-height: 22px;
  border-radius: 2px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0; }

.number-group {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  line-height: 1; }
.number-group input[type="number"] {
  -moz-appearance: textfield; }
.number-group input,
.number-group button {
  float: left;
  height: 32px; }
.number-group input.number-view {
  position: relative;
  z-index: 10;
  width: 72px;
  margin-left: -1px;
  padding: 0;
  text-align: center;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0; }
.number-group input.number-view:-moz-read-only, .number-group input.number-view:-moz-read-only {
  background: #FFFFFF;
  cursor: default; }
.number-group input.number-view:read-only, .number-group input.number-view:-moz-read-only {
  background: #FFFFFF;
  cursor: default; }
.number-group .number-less,
.number-group .number-plus {
  width: 32px;
  padding-left: 4px;
  padding-right: 4px;
  color: #6F7274;
  background-color: #e9eaea;
  border: 1px solid #A2A5A7;
  text-align: center; }
.number-group .number-less .icon,
.number-group .number-plus .icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 14px;
  height: 14px;
  font-size: 14px; }
.number-group .number-less:focus,
.number-group .number-plus:focus {
  outline: 0; }
.number-group .number-plus {
  margin-left: -1px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0; }
.number-group.shrink input.number-view {
  width: 48px; }

.form-fieldset {
  background-color: #FFFFFF; }
.form-fieldset .input-code,
.form-fieldset .btn-primary {
  width: 100%; }
@media (min-width: 544px) {
  .form-fieldset .input-code,
  .form-fieldset .btn-primary {
    width: 320px; } }
.form-fieldset input.input-code {
  margin-left: auto;
  margin-right: auto;
  color: #1B1C1D;
  font-size: 30px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 40px;
  letter-spacing: 2px;
  text-align: center; }
.form-fieldset .btn-primary {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 12px;
  font-size: 18px;
  line-height: 28px;
  border-color: #C8D100;
  border-radius: 0; }
.form-fieldset a.underline {
  color: #0090D4; }
.form-fieldset a.spacing.top {
  margin-top: 40px; }
.form-fieldset .subtitle {
  font-size: 18px;
  line-height: 28px; }
.form-fieldset .error-msg {
  margin-top: 4px;
  margin-bottom: 4px;
  color: #F61A13;
  font-size: 13px;
  line-height: 22px; }
.form-fieldset .text-muted {
  margin-top: 16px;
  font-size: 13px;
  line-height: 22px; }
.form-fieldset .text-muted:empty {
  display: none; }

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.btn-file {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  color: #1B1C1D;
  background: #FFFFFF;
  border: 1px solid #A2A5A7;
  font-weight: normal; }
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(-300px, 0) scale(4);
  -ms-transform: translate(-300px, 0) scale(4);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer; }

.fileupload {
  color: #6F7274; }
.fileupload .btn {
  vertical-align: middle; }
.fileupload .uneditable-input {
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  cursor: text; }
.fileupload .thumbnail > img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%; }

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
  display: none;
  background: #000; }

.fileupload-inline .fileupload-controls {
  display: inline; }

.fileupload-new .input-append .btn-file {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.thumbnail-borderless .thumbnail {
  border: none;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.fileupload-new.thumbnail-borderless .thumbnail {
  border: 1px solid #DCDDDE; }

.control-group.warning .fileupload .uneditable-input {
  color: #005097;
  border-color: #005097; }

.control-group.warning .fileupload .fileupload-preview {
  color: #005097; }

.control-group.warning .fileupload .thumbnail {
  border-color: #005097; }

.control-group.error .fileupload .uneditable-input {
  color: #F61A13;
  border-color: #F61A13; }

.control-group.error .fileupload .fileupload-preview {
  color: #F61A13; }

.control-group.error .fileupload .thumbnail {
  border-color: #F61A13; }

.control-group.success .fileupload .uneditable-input {
  color: #4CB648;
  border-color: #4CB648; }

.control-group.success .fileupload .fileupload-preview {
  color: #4CB648; }

.control-group.success .fileupload .thumbnail {
  border-color: #4CB648; }

.max-th-cycle {
  max-width: 330px; }

.css-table, .css-tr, .css-th, .css-td {
  padding: 0;
  margin: 0; }

.css-table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  margin-bottom: 16px;
  background-color: #FFFFFF;
  line-height: 24px; }
.css-table.bordered {
  border: 1px solid #DCDDDE; }
.css-table.bordered .css-th, .css-table.bordered .css-td {
  border: 1px solid #DCDDDE; }
.css-table.pure .css-tr, .css-table.pure .css-td {
  padding: 6px 8px; }
.css-table.pure .css-tr.divider, .css-table.pure .css-td.divider {
  padding: 6px 0px; }
.border .css-table.pure .css-tr.divider.bottom, .border .css-table.pure .css-td.divider.bottom {
  border-color: #DCDDDE; }
.css-table.pure .css-tr.css-tr:first-child {
  border: none; }
.css-table.white .css-tr:first-child {
  border-top: none; }
.css-table.white .css-th {
  background-color: #FFFFFF; }
.css-table.blue .css-tr:first-child {
  border-top: none; }
.css-table.blue .css-th {
  color: #FFFFFF; }
.css-table.light-blue .css-tr:first-child {
  border-top: none; }
.css-table.light-blue .css-th {
  color: #FFFFFF; }
.css-table.green .css-th {
  color: #FFFFFF; }
.css-table.middle .css-th,
.css-table.middle .css-td {
  vertical-align: middle;
  word-break: break-all; }
.css-table .text-muted {
  font-size: 13px; }
.css-table .icon-delete, .css-table .icon-cart {
  width: 18px;
  height: 18px;
  font-size: 18px; }
.css-table.fn-sm {
  line-height: 18px; }
.css-table.fn-sm .icon-delete, .css-table.fn-sm .icon-cart, .css-table.fn-sm .icon-camera {
  width: 15px;
  height: 15px;
  font-size: 15px; }
.css-table.fn-sm .icon-camera {
  top: -2px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-camera-dark.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.css-table.table-gap {
  margin-top: 25px;
  margin-bottom: 25px; }

.css-tr {
  display: table-row;
  width: 100%; }
.css-tr.block {
  display: block;
  width: 100%; }
.css-tr:nth-child(odd) {
  background: #FAFAFA; }
.css-tr:first-child {
  border-top: 1px solid #DCDDDE; }

.css-th, .css-td {
  display: table-cell;
  vertical-align: top;
  padding: 8px;
  border-bottom: 1px solid #DCDDDE; }
.css-th.merge, .css-td.merge {
  width: 100%; }
.css-th p, .css-td p {
  margin-bottom: 0; }
.css-th p.error, .css-td p.error {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: bold;
  color: #EF337B; }
.css-th p.error:last-child, .css-td p.error:last-child {
  margin-bottom: 0; }
.css-th.col-3, .css-td.col-3 {
  width: 33.33%; }

.css-th, th {
  font-weight: bold;
  background-color: #e9eaea;
  color: #1B1C1D; }
.css-th label, th label {
  color: #1B1C1D; }
.css-th .notice, th .notice {
  margin-right: 2px; }

.css-td, td {
  color: #1B1C1D; }
.css-td .addr, td .addr {
  margin-top: 6px;
  color: #1B1C1D; }

.css-table-caption {
  padding-top: 2px;
  padding-bottom: 8px;
  margin-bottom: 0;
  color: #1B1C1D;
  border-bottom: 2px solid #C8D100; }
.css-table-caption.default {
  border-bottom: 1px solid #6F7274;
  padding-bottom: 0; }
.css-table-caption.default span,
.css-table-caption.default .inner-title {
  display: inline-block;
  min-width: 151px;
  padding-bottom: 6px;
  color: #0090D4;
  border-bottom: 3px solid #56585a; }
.css-table-caption.default + .css-table {
  margin-bottom: 20px; }
.css-table-caption.default + .css-table .css-tr:first-child {
  border-top: none; }
.css-table-caption.blue {
  padding-top: 2px;
  padding-bottom: 8px;
  border-bottom: 2px solid #0090D4;
  color: #1B1C1D; }
.css-table-caption.blue span, .css-table-caption.blue .inner-title {
  display: inline-block;
  min-width: 151px;
  padding-bottom: 6px;
  color: #0090D4;
  border-bottom: 3px solid #56585a; }
.css-table-caption.blue + .css-table {
  margin-bottom: 20px; }
.css-table-caption.blue + .css-table .css-tr:first-child {
  border-top: none; }

.css-table.table-dashed .css-tr {
  border-bottom: 1px dashed #DCDDDE; }

.css-table.pure .css-tr .css-th {
  background-color: #FFFFFF;
  border-color: transparent; }

.css-table.pure .css-tr .css-td {
  background-color: #FFFFFF;
  border-color: transparent; }

.css-table.fill .css-tr .css-th {
  background-color: #DCDDDE;
  border-color: #DCDDDE; }

.css-table.fill .css-tr .css-td {
  background-color: #DCDDDE;
  border-color: #DCDDDE; }

.css-table.blue .css-tr .css-th {
  background-color: #81b6e0;
  border-color: #DCDDDE; }

.css-table.blue .css-tr .css-td {
  background-color: #E8F7FD;
  border-color: #DCDDDE; }

.css-table.light-blue .css-tr .css-th {
  background-color: rgba(0, 144, 212, 0.65);
  border-color: #DCDDDE; }

.css-table.light-blue .css-tr .css-td {
  background-color: #FFFFFF;
  border-color: #DCDDDE; }

.css-table.green .css-tr .css-th {
  background-color: #C8D100;
  border-color: #DCDDDE; }

.css-table.green .css-tr .css-td {
  background-color: #FFFFFF;
  border-color: #DCDDDE; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #1B1C1D; }

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
  line-height: 24px;
  background-color: #FFFFFF; }
table.no-border {
  margin-bottom: 0; }
table.no-border > thead > tr > th, table.no-border > thead > tr > td, table.no-border > tbody > tr > th, table.no-border > tbody > tr > td, table.no-border > tfoot > tr > th, table.no-border > tfoot > tr > td {
  border-top: 0px; }
table.v-align-top {
  margin-bottom: 0; }
table.v-align-top > thead > tr > td, table.v-align-top > tbody > tr > td, table.v-align-top > tfoot > tr > td {
  padding: 8px;
  vertical-align: top; }
table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #DCDDDE; }
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: 2px solid #DCDDDE; }
table .table {
  background-color: #FFFFFF; }
table.middle > thead > tr > th, table.middle > thead > tr > td, table.middle > tbody > tr > th, table.middle > tbody > tr > td, table.middle > tfoot > tr > th, table.middle > tfoot > tr > td {
  vertical-align: middle; }

.table-bordered {
  border: 1px solid #DCDDDE; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
  border: 1px solid #DCDDDE; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #F3F4F5; }

.css-table.table-striped .css-tr:nth-child(even) {
  background: #DCDDDE; }

.table-hover > tbody > tr:hover {
  background-color: #F3F4F5; }

table col[class*='col-'] {
  position: static;
  float: none;
  display: table-column; }

table td[class*='col-'], th[class*='col-'] {
  position: static;
  float: none;
  display: table-cell; }

.table-pack {
  margin-bottom: 16px; }
.table-pack.gray {
  background-color: #F3F4F5;
  border: 8px solid #F3F4F5; }
.table-pack.gray .table-pack-head {
  padding: 8px 0 0;
  border: none; }
.table-pack.gray .table-pack-body {
  border-top: none; }
.table-pack.gray .alert-default {
  margin-top: 12px;
  margin-bottom: 8px; }
.table-pack .table-pack-head {
  position: relative;
  padding: 16px 16px;
  font-size: 18px;
  font-weight: bold;
  background-color: #F3F4F5;
  border: 1px solid #DCDDDE; }
.table-pack .table-pack-head .icon-nav-cart {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-cart.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 20px;
  height: 20px;
  font-size: 20px; }
.table-pack .table-pack-head .sub {
  margin-left: 16px;
  font-size: 15px; }
.table-pack .table-pack-head .sub b {
  font-size: 18px;
  margin-left: 4px;
  margin-right: 4px; }
.table-pack .table-pack-head .btn-switch {
  right: -1px;
  padding: 20px 16px 16px;
  font-size: 15px;
  background-color: #DCDDDE; }
.table-pack .table-pack-head .btn-switch:before {
  content: '收合明細'; }
.table-pack .table-pack-head .btn-switch[aria-expanded='false']:before {
  content: '展開明細'; }
.table-pack .table-pack-head .btn-switch[aria-expanded='false'] .icon-minus {
  background-image: url("/public/images/icons/icon-plus.svg"); }
.table-pack .table-pack-head .btn-switch:hover, .table-pack .table-pack-head .btn-switch:focus, .table-pack .table-pack-head .btn-switch:active {
  color: #6F7274; }
.table-pack .table-pack-head .btn-switch .icon {
  top: -2px;
  padding: 4px 8px;
  margin-left: 12px;
  margin-right: 0;
  background-color: #FFFFFF;
  background-size: 16px;
  background-position: 50% 50%;
  width: 20px;
  height: 20px;
  font-size: 20px; }
.table-pack .table-pack-body {
  border: 1px solid #DCDDDE; }
.table-pack .table-pack-footer {
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: right; }
.table-pack .table-pack-footer::after {
  content: "";
  display: table;
  clear: both; }
.table-pack .table-pack-footer .btn-secondary {
  margin-right: 8px;
  width: 202px; }
.table-pack .table-pack-footer .sub.pull-center {
  width: calc(100% - 440px); }
.table-pack .price {
  margin-right: 8px; }
.table-pack .price + .discount-price {
  margin-top: 6px; }
.table-pack .offset-left-2, .table-pack .offset-right-2 {
  text-align: center; }
.table-pack .offset-left-2 {
  padding-left: 94px; }
.table-pack .offset-right-2 {
  padding-right: 114px; }

.table-cart .info .title {
  color: #1B1C1D; }

.table-total {
  padding-top: 24px;
  padding-bottom: 16px;
  background-color: #FFFFFF; }
.table-total::after {
  content: "";
  display: table;
  clear: both; }
.table-total + .table-total {
  padding-top: 0;
  border-top: 1px solid #DCDDDE; }
.table-total .tag {
  margin-top: 6px; }
.table-total .total .total-item {
  overflow: visible; }
.table-total .total .total-item .label {
  position: relative; }
.table-total .total .total-item .tooltip {
  display: block;
  -webkit-box-shadow: 0 3px 6px rgba(111, 114, 116, 0.1);
  box-shadow: 0 3px 6px rgba(111, 114, 116, 0.1); }
.table-total .total .total-item .tooltip.left {
  top: -4px;
  left: -156px; }
.table-total .total .total-item .tooltip .price {
  margin-left: 4px;
  margin-right: 4px; }
.table-total .amount {
  padding-top: 16px;
  padding-bottom: 8px;
  text-align: right; }
.table-total .amount::after {
  content: "";
  display: table;
  clear: both; }
.table-total .amount .label, .table-total .amount .price {
  margin-right: 8px; }
.table-total .amount .label {
  font-weight: bold; }
.table-total .amount .price {
  min-width: 120px;
  margin-left: 8px;
  font-size: 24px; }

.table-event {
  border-top: none;
  border-left: 0;
  border-bottom: 0; }
.table-event.normal td:nth-child(1) {
  background: none; }
.table-event tr th {
  background: #F3F4F5; }
.table-event tr td:nth-child(1) {
  background: #FAFAFA; }
.table-event tr th, .table-event tr td {
  border-top: none;
  padding: 6.15385px 8px; }
.table-event tr th.no-overline, .table-event tr td.no-overline {
  border-top: none; }
.table-event tr th.diagonal, .table-event tr td.diagonal {
  padding: 0; }
.table-event tr th.diagonal .out, .table-event tr td.diagonal .out {
  border-top: 60px #F3F4F5 solid;
  /*上邊框寬度等於表格第一行行高*/
  width: 0px;
  /*讓容器寬度為0*/
  height: 0px;
  /*讓容器高度為0*/
  border-left: 176px #FAFAFA solid;
  /*左邊框寬度等於表格第一行第一格寬度*/
  position: relative;
  /*讓裡面的兩個子容器絕對定位*/ }
.table-event tr th.diagonal .out b, .table-event tr td.diagonal .out b {
  font-style: normal;
  display: inline-block;
  position: absolute;
  top: -52px;
  left: -76px; }
.table-event tr th.diagonal .out em, .table-event tr td.diagonal .out em {
  font-style: normal;
  display: block;
  position: absolute;
  font-weight: bold;
  top: -30px;
  left: -164px; }
.table-event.blue tr th {
  background: #81b6e0;
  color: #FFFFFF;
  border-width: 1px 0; }
.table-event.blue tr th:first-child {
  border-top: 1px solid #81b6e0; }
.table-event.blue tr th:last-child, .table-event.blue tr th.no-underline {
  border-bottom: 1px solid #81b6e0; }

.table-invoice tr th, .table-invoice tr td {
  padding: 4px; }

.table-receipt-all tr td.receipt {
  width: 400px; }

.table-receipt-all td.reminder {
  vertical-align: bottom; }
.table-receipt-all td.reminder ul li {
  margin-bottom: 10px; }

.table-receipt-all .qrcode {
  display: inline-block; }

.table-receipt-all .table-receipt {
  width: 400px;
  height: 320px;
  margin-bottom: 0; }
.table-receipt-all .table-receipt p {
  color: #000000; }
.table-receipt-all .table-receipt p span {
  vertical-align: middle; }
.table-receipt-all .table-receipt p .divider {
  margin-right: 0; }
.table-receipt-all .table-receipt p .divider.lg {
  margin-left: 28px; }
.table-receipt-all .table-receipt p .divider.sm {
  margin-left: 5.33333px; }
.table-receipt-all .table-receipt tr td {
  width: 200px;
  padding: 8px; }
.table-receipt-all .table-receipt tr td table.table-minispacing {
  margin-bottom: 0; }
.table-receipt-all .table-receipt tr td table.table-minispacing tr td {
  padding: 2.66667px; }
.table-receipt-all .table-receipt tr td table.table-minispacing tr td .detail {
  position: relative;
  width: 100%;
  height: 100px; }
.table-receipt-all .table-receipt tr td table.table-minispacing tr td .detail .bg {
  position: absolute;
  z-index: 999998; }
.table-receipt-all .table-receipt tr td table.table-minispacing tr td .detail .bg img {
  display: inline-block; }
.table-receipt-all .table-receipt tr td table.table-minispacing tr td .detail .text {
  width: 100%;
  position: absolute;
  z-index: 999999; }
.table-receipt-all .table-receipt tr td h3, .table-receipt-all .table-receipt tr td h4, .table-receipt-all .table-receipt tr td h6 {
  margin-top: 0;
  margin-bottom: 0; }
.table-receipt-all .table-receipt tr td h6 {
  letter-spacing: 1.68421px; }

@page {
  size: A4;
  margin: 0; }

@media print {
  html, body {
    width: 210mm;
    height: 297mm; }
  .table-invoice tr th, .table-invoice tr td {
    padding: 4px; }
  .table-receipt-all .fn-mini {
    font-size: 15px; }
  .table-receipt-all .barcode {
    width: 250px;
    height: 30px; }
  .table-receipt-all .logo {
    width: 250px;
    height: 38px; }
  .table-receipt-all .qrcode {
    width: 72px;
    height: 72px;
    display: inline-block; }
  .table-receipt-all tr td.receipt {
    width: 500px; }
  .table-receipt-all td.reminder {
    vertical-align: bottom; }
  .table-receipt-all td.reminder ul li {
    margin-bottom: 10px; }
  .table-receipt-all .table-receipt {
    width: 500px;
    height: 400px;
    margin-bottom: 0; }
  .table-receipt-all .table-receipt p {
    color: #000000; }
  .table-receipt-all .table-receipt p span {
    vertical-align: middle; }
  .table-receipt-all .table-receipt p .divider {
    margin-right: 0; }
  .table-receipt-all .table-receipt p .divider.lg {
    margin-left: 28px; }
  .table-receipt-all .table-receipt p .divider.sm {
    margin-left: 5.33333px; }
  .table-receipt-all .table-receipt tr td {
    width: 250px;
    padding: 8px; }
  .table-receipt-all .table-receipt tr td table.table-minispacing {
    margin-bottom: 0; }
  .table-receipt-all .table-receipt tr td table.table-minispacing tr td {
    padding: 2.66667px; }
  .table-receipt-all .table-receipt tr td table.table-minispacing tr td .detail {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 136px; }
  .table-receipt-all .table-receipt tr td table.table-minispacing tr td .detail .bg {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    z-index: 999998; }
  .table-receipt-all .table-receipt tr td table.table-minispacing tr td .detail .bg img {
    text-align: center;
    display: inline-block;
    width: 250px;
    height: 136px; }
  .table-receipt-all .table-receipt tr td table.table-minispacing tr td .detail .text {
    width: 100%;
    position: absolute;
    z-index: 999999; }
  .table-receipt-all .table-receipt tr td h3, .table-receipt-all .table-receipt tr td h4, .table-receipt-all .table-receipt tr td h6 {
    margin-top: 6.4px;
    margin-bottom: 8px; }
  .table-receipt-all .table-receipt tr td h3 {
    font-size: 30px; }
  .table-receipt-all .table-receipt tr td h4 {
    font-size: 24px; }
  .table-receipt-all .table-receipt tr td h6 {
    font-size: 18px;
    letter-spacing: 1.68421px; } }

/*
.table-bonus{
  th:nth-of-type(1){
    background: #ff0000;
  }
}
*/
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
.nav .nav-item {
  overflow: hidden; }

.nav-link {
  display: inline-block; }
.nav-link:focus, .nav-link:hover {
  text-decoration: none; }
.nav-link.disabled {
  color: #DCDDDE; }
.nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover {
  color: #DCDDDE;
  cursor: not-allowed;
  background-color: transparent; }

.nav-inline {
  overflow: hidden; }
.nav-inline li,
.nav-inline .nav-item,
.nav-inline a {
  float: left;
  display: inline-block; }
.nav-inline li + li,
.nav-inline a + a,
.nav-inline .nav-item + .nav-item,
.nav-inline .nav-link + .nav-link {
  margin-left: 1rem; }
.nav-inline.brand {
  padding: 16px 24px;
  background-color: #F3F4F5;
  text-align: center;
  width: 100%; }
.nav-inline.brand a {
  float: none;
  display: inline-block; }
.nav-inline.brand .logo-item {
  display: inline-block;
  width: calc(1152px / 10);
  margin-left: 0;
  text-align: center;
  padding: 13px 21px;
  cursor: pointer;
  border-width: 0px 1px 1px 0px; }
.nav-inline.brand .logo-item .title {
  font-size: 12px; }
.nav-inline.brand .logo-item img {
  display: inline-block;
  width: 53px;
  height: 53px; }
.nav-inline.brand .logo-item:hover, .nav-inline.brand .logo-item:focus, .nav-inline.brand .logo-item:active {
  color: #1B1C1D; }
.nav-inline.rainbow {
  padding: 16px 24px;
  background-color: #F3F4F5;
  text-align: center; }
.nav-inline.rainbow .icon {
  display: block;
  margin: 0 auto 4px;
  width: 32px;
  height: 32px;
  font-size: 32px;
  opacity: .8; }
.nav-inline.rainbow .icon-cate-brand {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-crown-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.nav-inline.rainbow .icon-cate-a {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-hot-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.nav-inline.rainbow .icon-cate-b {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-phone-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.nav-inline.rainbow .icon-cate-c {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-headset-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.nav-inline.rainbow .icon-cate-d {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-pc-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.nav-inline.rainbow .icon-cate-e {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-tv-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.nav-inline.rainbow .icon-cate-f {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-appliances-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.nav-inline.rainbow .icon-cate-g {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-car-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.nav-inline.rainbow .icon-cate-h {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-drug-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.nav-inline.rainbow .icon-cate-i {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-ticket-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.nav-inline.rainbow .icon-cate-j {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-forcer-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.nav-inline.rainbow li + li {
  margin-left: 0; }
.nav-inline.rainbow .cate-name {
  width: calc(1152px / 10);
  padding-top: 6px;
  font-size: 12px;
  text-align: center;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
@media (max-width: 1199px) {
  .nav-inline.rainbow .cate-name {
    width: calc(912px / 10); } }
.nav-inline.rainbow .cate-name:hover, .nav-inline.rainbow .cate-name:focus, .nav-inline.rainbow .cate-name:active {
  color: #1B1C1D; }

.nav-list {
  margin-bottom: 0; }
.nav-list .nav-item {
  position: relative; }
.nav-list .nav-item .nav-list-title {
  position: relative;
  margin-top: 8px;
  margin-bottom: 4px;
  font-size: 15px; }
.nav-list .nav-item .nav-list-title .btn-switch {
  top: -2px;
  right: 0; }
.nav-list .nav-item .nav-list-title .btn-switch .icon {
  width: 14px;
  height: 14px;
  font-size: 14px; }
.nav-list .nav-item .nav-list-title > a {
  color: #000000;
  font-weight: bold; }
.nav-list .nav-item .nav-list-title.active {
  font-weight: bold; }
.nav-list .nav-item .nav-list-title.active a {
  color: #0090D4; }
.nav-list .nav-item .nav-list-title + .nav-list .nav-item.active:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  z-index: 10;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-trangle-down-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 10px;
  height: 10px;
  font-size: 10px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }
.nav-list .nav-item:first-child .nav-list-title {
  margin-top: 0; }
.nav-list .nav-item a {
  color: #393b3d; }
.nav-list .nav-item a .icon-caret-down {
  top: -2px;
  margin-right: 4px;
  width: 8px;
  height: 8px;
  font-size: 8px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }
.nav-list .nav-item a[aria-expanded="true"] > .icon-caret-down {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0); }
.nav-list .nav-item .nav-item > a {
  display: block;
  padding-left: 16px; }
.nav-list .nav-item .nav-item > a:hover {
  background-color: #F3F4F5; }
.nav-list .nav-item .nav-item .nav-item > a {
  padding-left: 32px; }
.nav-list .nav-item.active > a {
  font-weight: bold;
  color: #0090D4; }
.nav-list .nav-item.active > a .icon-caret-down {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-trangle-down-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.btn-switch {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10; }
.btn-switch[aria-expanded="false"] .icon-minus-square-outline {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-plus-square.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.category-tree .nav-item {
  font-size: 13px;
  line-height: 24px; }
.category-tree .nav-item::after {
  content: "";
  display: table;
  clear: both; }

.menu-list-panel {
  position: relative;
  margin-bottom: 16px;
  background-color: #FFFFFF;
  border: 1px solid #DCDDDE;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.menu-list-panel h1,
.menu-list-panel h2,
.menu-list-panel h3,
.menu-list-panel h4,
.menu-list-panel h5,
.menu-list-panel h6,
.menu-list-panel .h1,
.menu-list-panel .h2,
.menu-list-panel .h3,
.menu-list-panel .h4,
.menu-list-panel .h5,
.menu-list-panel .h6 {
  margin-top: 0;
  margin-bottom: 0; }
.menu-list-panel ol,
.menu-list-panel ul {
  margin-bottom: 0; }
.menu-list-panel .menu-list-title {
  padding: 12px 16px;
  background-color: #F3F4F5;
  font-weight: bold; }
@media (max-width: 1199px) {
  .menu-list-panel .menu-list-title {
    padding: 10px 16px;
    font-size: 13px; } }
.menu-list-panel .menu-list-title::after {
  content: "";
  display: table;
  clear: both; }
.menu-list-panel .menu-list-title .icon-arrow-down {
  margin-right: 0;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-bottom-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 14px;
  height: 14px;
  font-size: 14px; }
@media (max-width: 1199px) {
  .menu-list-panel .menu-list-title .icon-arrow-down {
    width: 12px;
    height: 12px;
    font-size: 12px; } }
.menu-list-panel .menu-list-title a {
  color: #FFFFFF; }
.menu-list-panel.primary .menu-list-title {
  background-color: #0090D4;
  color: #FFFFFF; }
.menu-list-panel.secondary {
  border-radius: 2px; }
.menu-list-panel.secondary .menu-list-title {
  background-color: #C8D100;
  color: #FFFFFF; }
.menu-list-panel.category-menu {
  border: none; }

.menu-list .menu-list-item {
  border-bottom: 1px solid #DCDDDE;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
.menu-list .menu-list-item.active {
  background-color: #e9eaea; }
.menu-list .menu-list-item.active > a {
  color: #1B1C1D; }
.menu-list .menu-list-item:last-child {
  border-bottom: none; }
.menu-list .menu-list-item > a {
  width: 100%;
  padding: 14px 16px; }

.category-list .category-item a {
  padding: 13px 16px;
  font-size: 15px;
  line-height: 24px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
@media (max-width: 1199px) {
  .category-list .category-item a {
    font-size: 14px; } }

.category-list .category-item > .cate-name {
  position: relative;
  z-index: 1100;
  width: 100%;
  font-weight: bold;
  border: 1px solid #DCDDDE;
  border-top: 0; }
.category-list .category-item > .cate-name .icon {
  top: -1px; }
@media (max-width: 1199px) {
  .category-list .category-item > .cate-name {
    padding: 10px 14px; }
  .category-list .category-item > .cate-name .icon {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    font-size: 20px; } }
@media (min-width: 1200px) {
  .category-list .category-item > .cate-name .icon {
    margin-right: 12px;
    width: 22px;
    height: 22px;
    font-size: 22px; } }

.category-list .category-item:hover, .category-list .category-item:focus, .category-list .category-item:active {
  border-right: 0; }
.category-list .category-item:hover .icon-cate-brand, .category-list .category-item:focus .icon-cate-brand, .category-list .category-item:active .icon-cate-brand {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-crown-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.category-list .category-item:hover .icon-cate-a, .category-list .category-item:focus .icon-cate-a, .category-list .category-item:active .icon-cate-a {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-hot-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.category-list .category-item:hover .icon-cate-b, .category-list .category-item:focus .icon-cate-b, .category-list .category-item:active .icon-cate-b {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-phone-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.category-list .category-item:hover .icon-cate-c, .category-list .category-item:focus .icon-cate-c, .category-list .category-item:active .icon-cate-c {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-headset-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.category-list .category-item:hover .icon-cate-d, .category-list .category-item:focus .icon-cate-d, .category-list .category-item:active .icon-cate-d {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-pc-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.category-list .category-item:hover .icon-cate-e, .category-list .category-item:focus .icon-cate-e, .category-list .category-item:active .icon-cate-e {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-tv-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.category-list .category-item:hover .icon-cate-f, .category-list .category-item:focus .icon-cate-f, .category-list .category-item:active .icon-cate-f {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-appliances-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.category-list .category-item:hover .icon-cate-g, .category-list .category-item:focus .icon-cate-g, .category-list .category-item:active .icon-cate-g {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-car-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.category-list .category-item:hover .icon-cate-h, .category-list .category-item:focus .icon-cate-h, .category-list .category-item:active .icon-cate-h {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-drug-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.category-list .category-item:hover .icon-cate-i, .category-list .category-item:focus .icon-cate-i, .category-list .category-item:active .icon-cate-i {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-ticket-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.category-list .category-item:hover .icon-cate-j, .category-list .category-item:focus .icon-cate-j, .category-list .category-item:active .icon-cate-j {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-forcer-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.category-list .category-item:hover > .cate-name, .category-list .category-item:focus > .cate-name, .category-list .category-item:active > .cate-name {
  border-right: 1px solid #FFFFFF;
  opacity: 1; }
.category-list .category-item:hover a, .category-list .category-item:focus a, .category-list .category-item:active a {
  padding-left: 13px; }
.category-list .category-item:hover .menu-sub, .category-list .category-item:focus .menu-sub, .category-list .category-item:active .menu-sub {
  display: block; }

.category-list .category-item .menu-sub {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 1000;
  width: 975px;
  min-height: 100%;
  margin-left: -1px;
  background-color: #FFFFFF;
  border: 1px solid #DCDDDE; }
.category-list .category-item .menu-sub .logo-item {
  display: inline-block;
  width: 20%;
  text-align: center;
  padding: 13px 16px;
  cursor: pointer;
  border: 1px dotted #e1e2e3;
  border-width: 0px 1px 1px 0px; }
.category-list .category-item .menu-sub .logo-item .title {
  color: #313233;
  font-size: 14px;
  font-weight: bold; }
.category-list .category-item .menu-sub .logo-item img {
  display: inline-block;
  width: 63px;
  height: 63px; }
@media (max-width: 1199px) {
  .category-list .category-item .menu-sub {
    width: 770px; } }
.category-list .category-item .menu-sub .menu-item {
  margin: 10px 24px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #e1e2e3; }
.category-list .category-item .menu-sub .menu-item:last-child {
  padding-bottom: 0;
  border-bottom: none; }
.category-list .category-item .menu-sub .menu-item a {
  padding: 0; }
.category-list .category-item .menu-sub .menu-item .icon-arrow-right {
  width: 12px;
  height: 12px;
  font-size: 12px; }
.category-list .category-item .menu-sub .cate-sub-name {
  margin-right: 16px;
  margin-bottom: 4px;
  color: #313233;
  font-size: 14px;
  font-weight: bold; }
.category-list .category-item .menu-sub .cate-sub-name .icon {
  margin-left: 8px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 10px;
  height: 10px;
  font-size: 10px;
  top: -2px;
  opacity: .8; }
.category-list .category-item .menu-sub .cate-sub-name + .nav-inline a {
  font-size: 13px;
  line-height: 22px;
  color: #4a4c4d; }
.category-list .category-item .menu-sub .cate-sub-name + .nav-inline a + a {
  margin-left: 0; }
.category-list .category-item .menu-sub .cate-sub-name + .nav-inline a:not(:last-child):after {
  content: "|";
  margin-left: 12px;
  margin-right: 12px;
  color: #DCDDDE;
  font-size: 12px;
  vertical-align: middle; }

.category-list.pills .category-item {
  padding: 0;
  border: 1px solid #DCDDDE; }
.category-list.pills .category-item > .cate-name {
  padding: 12px 24px; }

.category-item-brands:hover > .cate-name {
  border-left: 4px solid #61C0FF !important; }

.category-item-brands:hover > a {
  color: #61C0FF; }

.category-item-brands .menu-sub a:hover, .category-item-brands .menu-sub a:active, .category-item-brands .menu-sub a:focus, .category-item-brands .menu-sub a.highlight {
  color: #61C0FF !important;
  opacity: 1; }

.category-item-brands .menu-sub .logo-item:hover .title, .category-item-brands .menu-sub .logo-item:active .title, .category-item-brands .menu-sub .logo-item:focus .title, .category-item-brands .menu-sub .logo-item.highlight .title {
  color: #61C0FF !important;
  opacity: 1; }

.category-item-1:hover > .cate-name {
  border-left: 4px solid #B81C22 !important; }

.category-item-1:hover > a {
  color: #B81C22; }

.category-item-1 .menu-sub a:hover, .category-item-1 .menu-sub a:active, .category-item-1 .menu-sub a:focus, .category-item-1 .menu-sub a.highlight {
  color: #B81C22 !important;
  opacity: 1; }

.category-item-1 .menu-sub .logo-item:hover .title, .category-item-1 .menu-sub .logo-item:active .title, .category-item-1 .menu-sub .logo-item:focus .title, .category-item-1 .menu-sub .logo-item.highlight .title {
  color: #B81C22 !important;
  opacity: 1; }

.category-item-2:hover > .cate-name {
  border-left: 4px solid #004D98 !important; }

.category-item-2:hover > a {
  color: #004D98; }

.category-item-2 .menu-sub a:hover, .category-item-2 .menu-sub a:active, .category-item-2 .menu-sub a:focus, .category-item-2 .menu-sub a.highlight {
  color: #004D98 !important;
  opacity: 1; }

.category-item-2 .menu-sub .logo-item:hover .title, .category-item-2 .menu-sub .logo-item:active .title, .category-item-2 .menu-sub .logo-item:focus .title, .category-item-2 .menu-sub .logo-item.highlight .title {
  color: #004D98 !important;
  opacity: 1; }

.category-item-3:hover > .cate-name {
  border-left: 4px solid #EEA35C !important; }

.category-item-3:hover > a {
  color: #EEA35C; }

.category-item-3 .menu-sub a:hover, .category-item-3 .menu-sub a:active, .category-item-3 .menu-sub a:focus, .category-item-3 .menu-sub a.highlight {
  color: #EEA35C !important;
  opacity: 1; }

.category-item-3 .menu-sub .logo-item:hover .title, .category-item-3 .menu-sub .logo-item:active .title, .category-item-3 .menu-sub .logo-item:focus .title, .category-item-3 .menu-sub .logo-item.highlight .title {
  color: #EEA35C !important;
  opacity: 1; }

.category-item-4:hover > .cate-name {
  border-left: 4px solid #DC4690 !important; }

.category-item-4:hover > a {
  color: #DC4690; }

.category-item-4 .menu-sub a:hover, .category-item-4 .menu-sub a:active, .category-item-4 .menu-sub a:focus, .category-item-4 .menu-sub a.highlight {
  color: #DC4690 !important;
  opacity: 1; }

.category-item-4 .menu-sub .logo-item:hover .title, .category-item-4 .menu-sub .logo-item:active .title, .category-item-4 .menu-sub .logo-item:focus .title, .category-item-4 .menu-sub .logo-item.highlight .title {
  color: #DC4690 !important;
  opacity: 1; }

.category-item-5:hover > .cate-name {
  border-left: 4px solid #889DFF !important; }

.category-item-5:hover > a {
  color: #889DFF; }

.category-item-5 .menu-sub a:hover, .category-item-5 .menu-sub a:active, .category-item-5 .menu-sub a:focus, .category-item-5 .menu-sub a.highlight {
  color: #889DFF !important;
  opacity: 1; }

.category-item-5 .menu-sub .logo-item:hover .title, .category-item-5 .menu-sub .logo-item:active .title, .category-item-5 .menu-sub .logo-item:focus .title, .category-item-5 .menu-sub .logo-item.highlight .title {
  color: #889DFF !important;
  opacity: 1; }

.category-item-6:hover > .cate-name {
  border-left: 4px solid #FF8B9B !important; }

.category-item-6:hover > a {
  color: #FF8B9B; }

.category-item-6 .menu-sub a:hover, .category-item-6 .menu-sub a:active, .category-item-6 .menu-sub a:focus, .category-item-6 .menu-sub a.highlight {
  color: #FF8B9B !important;
  opacity: 1; }

.category-item-6 .menu-sub .logo-item:hover .title, .category-item-6 .menu-sub .logo-item:active .title, .category-item-6 .menu-sub .logo-item:focus .title, .category-item-6 .menu-sub .logo-item.highlight .title {
  color: #FF8B9B !important;
  opacity: 1; }

.category-item-7:hover > .cate-name {
  border-left: 4px solid #BA4AE7 !important; }

.category-item-7:hover > a {
  color: #BA4AE7; }

.category-item-7 .menu-sub a:hover, .category-item-7 .menu-sub a:active, .category-item-7 .menu-sub a:focus, .category-item-7 .menu-sub a.highlight {
  color: #BA4AE7 !important;
  opacity: 1; }

.category-item-7 .menu-sub .logo-item:hover .title, .category-item-7 .menu-sub .logo-item:active .title, .category-item-7 .menu-sub .logo-item:focus .title, .category-item-7 .menu-sub .logo-item.highlight .title {
  color: #BA4AE7 !important;
  opacity: 1; }

.category-item-8:hover > .cate-name {
  border-left: 4px solid #45B035 !important; }

.category-item-8:hover > a {
  color: #45B035; }

.category-item-8 .menu-sub a:hover, .category-item-8 .menu-sub a:active, .category-item-8 .menu-sub a:focus, .category-item-8 .menu-sub a.highlight {
  color: #45B035 !important;
  opacity: 1; }

.category-item-8 .menu-sub .logo-item:hover .title, .category-item-8 .menu-sub .logo-item:active .title, .category-item-8 .menu-sub .logo-item:focus .title, .category-item-8 .menu-sub .logo-item.highlight .title {
  color: #45B035 !important;
  opacity: 1; }

.category-item-9:hover > .cate-name {
  border-left: 4px solid #FF6800 !important; }

.category-item-9:hover > a {
  color: #FF6800; }

.category-item-9 .menu-sub a:hover, .category-item-9 .menu-sub a:active, .category-item-9 .menu-sub a:focus, .category-item-9 .menu-sub a.highlight {
  color: #FF6800 !important;
  opacity: 1; }

.category-item-9 .menu-sub .logo-item:hover .title, .category-item-9 .menu-sub .logo-item:active .title, .category-item-9 .menu-sub .logo-item:focus .title, .category-item-9 .menu-sub .logo-item.highlight .title {
  color: #FF6800 !important;
  opacity: 1; }

.category-item-10:hover > .cate-name {
  border-left: 4px solid #09B4B4 !important; }

.category-item-10:hover > a {
  color: #09B4B4; }

.category-item-10 .menu-sub a:hover, .category-item-10 .menu-sub a:active, .category-item-10 .menu-sub a:focus, .category-item-10 .menu-sub a.highlight {
  color: #09B4B4 !important;
  opacity: 1; }

.category-item-10 .menu-sub .logo-item:hover .title, .category-item-10 .menu-sub .logo-item:active .title, .category-item-10 .menu-sub .logo-item:focus .title, .category-item-10 .menu-sub .logo-item.highlight .title {
  color: #09B4B4 !important;
  opacity: 1; }

.category-item-11:hover > .cate-name {
  border-left: 4px solid #0089C0 !important; }

.category-item-11:hover > a {
  color: #0089C0; }

.category-item-11 .menu-sub a:hover, .category-item-11 .menu-sub a:active, .category-item-11 .menu-sub a:focus, .category-item-11 .menu-sub a.highlight {
  color: #0089C0 !important;
  opacity: 1; }

.category-item-11 .menu-sub .logo-item:hover .title, .category-item-11 .menu-sub .logo-item:active .title, .category-item-11 .menu-sub .logo-item:focus .title, .category-item-11 .menu-sub .logo-item.highlight .title {
  color: #0089C0 !important;
  opacity: 1; }

.category-item-12:hover > .cate-name {
  border-left: 4px solid #433783 !important; }

.category-item-12:hover > a {
  color: #433783; }

.category-item-12 .menu-sub a:hover, .category-item-12 .menu-sub a:active, .category-item-12 .menu-sub a:focus, .category-item-12 .menu-sub a.highlight {
  color: #433783 !important;
  opacity: 1; }

.category-item-12 .menu-sub .logo-item:hover .title, .category-item-12 .menu-sub .logo-item:active .title, .category-item-12 .menu-sub .logo-item:focus .title, .category-item-12 .menu-sub .logo-item.highlight .title {
  color: #433783 !important;
  opacity: 1; }

.nav-tabs {
  position: relative;
  margin-bottom: 16px; }
.nav-tabs ul,
.nav-tabs ol {
  margin-bottom: 0; }
.nav-tabs .nav-tabs-title {
  position: absolute;
  top: 12px;
  font-size: 18px;
  font-weight: bold; }

.nav-tabs-list {
  border-bottom: 1px solid #0090D4; }
.nav-tabs-list::after {
  content: "";
  display: table;
  clear: both; }
.nav-tabs-list a,
.nav-tabs-list .nav-link {
  display: block;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-top: 3px solid transparent;
  cursor: pointer; }
.nav-tabs-list a:hover,
.nav-tabs-list .nav-link:hover {
  color: #6F7274; }
.nav-tabs-list a.disabled, .nav-tabs-list a.disabled:focus, .nav-tabs-list a.disabled:hover,
.nav-tabs-list .nav-link.disabled,
.nav-tabs-list .nav-link.disabled:focus,
.nav-tabs-list .nav-link.disabled:hover {
  color: #DCDDDE;
  background-color: transparent;
  border-color: transparent; }
@media (max-width: 1199px) {
  .nav-tabs-list a,
  .nav-tabs-list .nav-link {
    font-size: 13px; } }
.nav-tabs-list li,
.nav-tabs-list .nav-tabs-item {
  display: inline-block;
  margin-bottom: -1px; }
.nav-tabs-list li + li,
.nav-tabs-list li + .nav-tabs-item,
.nav-tabs-list .nav-tabs-item + li,
.nav-tabs-list .nav-tabs-item + .nav-tabs-item {
  margin-left: 2px; }
.nav-tabs-list li.active a,
.nav-tabs-list li.active .nav-link,
.nav-tabs-list li a.active,
.nav-tabs-list li .nav-link.active,
.nav-tabs-list .nav-tabs-item.active a,
.nav-tabs-list .nav-tabs-item.active .nav-link,
.nav-tabs-list .nav-tabs-item a.active,
.nav-tabs-list .nav-tabs-item .nav-link.active {
  color: #0090D4;
  background-color: #FFFFFF;
  border-color: #0090D4;
  border-bottom-color: #FFFFFF; }
.nav-tabs-list li.active a:hover, .nav-tabs-list li.active a:focus, .nav-tabs-list li.active a:active,
.nav-tabs-list li.active .nav-link:hover,
.nav-tabs-list li.active .nav-link:focus,
.nav-tabs-list li.active .nav-link:active,
.nav-tabs-list li a.active:hover,
.nav-tabs-list li a.active:focus,
.nav-tabs-list li a.active:active,
.nav-tabs-list li .nav-link.active:hover,
.nav-tabs-list li .nav-link.active:focus,
.nav-tabs-list li .nav-link.active:active,
.nav-tabs-list .nav-tabs-item.active a:hover,
.nav-tabs-list .nav-tabs-item.active a:focus,
.nav-tabs-list .nav-tabs-item.active a:active,
.nav-tabs-list .nav-tabs-item.active .nav-link:hover,
.nav-tabs-list .nav-tabs-item.active .nav-link:focus,
.nav-tabs-list .nav-tabs-item.active .nav-link:active,
.nav-tabs-list .nav-tabs-item a.active:hover,
.nav-tabs-list .nav-tabs-item a.active:focus,
.nav-tabs-list .nav-tabs-item a.active:active,
.nav-tabs-list .nav-tabs-item .nav-link.active:hover,
.nav-tabs-list .nav-tabs-item .nav-link.active:focus,
.nav-tabs-list .nav-tabs-item .nav-link.active:active {
  opacity: 1; }
.nav-tabs-list.pills {
  margin-bottom: 0; }
.nav-tabs-list.pills .nav-tabs-item {
  display: table-cell;
  padding: 0;
  margin: 0; }
.nav-tabs-list.pills .nav-tabs-item + li {
  margin-left: 0; }
.nav-tabs-list.pills .nav-tabs-item a {
  padding: 8px 40px;
  border: none; }
.nav-tabs-list.pills .nav-tabs-item a:hover {
  color: #6F7274; }
.nav-tabs-list.pills .nav-tabs-item a.active {
  background-color: #DCDDDE; }
.nav-tabs-list.pills.blue a.active {
  background-color: #0090D4;
  color: #FFFFFF; }

.tab-content {
  clear: both; }
.tab-content > .tab-pane {
  display: none; }
.tab-content > .tab-pane .iframe-wrap,
.tab-content > .tab-pane .iframe-content {
  padding-top: 0; }
.tab-content > .active {
  display: block; }
.tab-content + .align.center, .tab-content + .text-center {
  clear: both; }

.nav-tabs-member .nav-tabs-list {
  background-color: #F3F4F5;
  border-bottom-color: #C8D100;
  text-align: center; }
.nav-tabs-member .nav-tabs-list li.active a,
.nav-tabs-member .nav-tabs-list li.active .nav-link,
.nav-tabs-member .nav-tabs-list .nav-tabs-item.active a,
.nav-tabs-member .nav-tabs-list .nav-tabs-item.active .nav-link {
  color: #C8D100;
  background-color: #FFFFFF;
  border-color: #C8D100;
  border-bottom-color: #FFFFFF; }
.nav-tabs-member .nav-tabs-list li + li,
.nav-tabs-member .nav-tabs-list li + .nav-tabs-item,
.nav-tabs-member .nav-tabs-list .nav-tabs-item + li,
.nav-tabs-member .nav-tabs-list .nav-tabs-item + .nav-tabs-item {
  margin-left: 0; }
.nav-tabs-member .nav-tabs-list a,
.nav-tabs-member .nav-tabs-list .nav-link {
  padding: 12px 16px; }
@media (max-width: 1199px) {
  .nav-tabs-member .nav-tabs-list a,
  .nav-tabs-member .nav-tabs-list .nav-link {
    padding-left: 18px;
    padding-right: 18px; } }
@media (min-width: 1200px) {
  .nav-tabs-member .nav-tabs-list a,
  .nav-tabs-member .nav-tabs-list .nav-link {
    padding-left: 32px;
    padding-right: 32px; } }

.nav-tabs-2R .nav-tabs-list {
  background-color: #F3F4F5;
  border-bottom-color: #0090D4;
  text-align: center; }
.nav-tabs-2R .nav-tabs-list li.active a,
.nav-tabs-2R .nav-tabs-list li.active .nav-link,
.nav-tabs-2R .nav-tabs-list .nav-tabs-item.active a,
.nav-tabs-2R .nav-tabs-list .nav-tabs-item.active .nav-link {
  color: #0090D4;
  background-color: #FFFFFF;
  border-color: #0090D4;
  border-bottom-color: #FFFFFF; }
.nav-tabs-2R .nav-tabs-list li + li,
.nav-tabs-2R .nav-tabs-list li + .nav-tabs-item,
.nav-tabs-2R .nav-tabs-list .nav-tabs-item + li,
.nav-tabs-2R .nav-tabs-list .nav-tabs-item + .nav-tabs-item {
  margin-left: 0; }
.nav-tabs-2R .nav-tabs-list a,
.nav-tabs-2R .nav-tabs-list .nav-link {
  padding: 12px 16px; }
@media (max-width: 1199px) {
  .nav-tabs-2R .nav-tabs-list a,
  .nav-tabs-2R .nav-tabs-list .nav-link {
    padding-left: 18px;
    padding-right: 18px; } }
@media (min-width: 1200px) {
  .nav-tabs-2R .nav-tabs-list a,
  .nav-tabs-2R .nav-tabs-list .nav-link {
    padding-left: 32px;
    padding-right: 32px; } }

.nav-tabs-product {
  margin-bottom: 24px; }
.nav-tabs-product a,
.nav-tabs-product .nav-link {
  padding: 12px 16px;
  border-color: #DCDDDE;
  border-bottom-color: transparent;
  width: 152px; }

.nav-tabs-cart {
  position: relative;
  margin-bottom: 0; }
.nav-tabs-cart:after {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 2px;
  background-color: #ED9E02; }
.nav-tabs-cart .nav-tabs-list {
  border-bottom: none; }
.nav-tabs-cart .nav-tabs-caption,
.nav-tabs-cart .nav-tabs-title {
  position: relative;
  top: 0;
  padding-left: 8px;
  padding-right: 16px; }
.nav-tabs-cart li,
.nav-tabs-cart .nav-tabs-item {
  position: relative;
  margin-bottom: 0; }
.nav-tabs-cart li.active,
.nav-tabs-cart .nav-tabs-item.active {
  z-index: 10; }
.nav-tabs-cart li.active a,
.nav-tabs-cart li.active .nav-link,
.nav-tabs-cart .nav-tabs-item.active a,
.nav-tabs-cart .nav-tabs-item.active .nav-link {
  padding-top: 16px;
  color: #ED9E02;
  border-color: #ED9E02;
  border-bottom-color: #FFFFFF; }
.nav-tabs-cart li.active .badge-primary,
.nav-tabs-cart .nav-tabs-item.active .badge-primary {
  background-color: #ED9E02; }
.nav-tabs-cart a,
.nav-tabs-cart .nav-link {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #FFFFFF;
  border-top: 4px solid transparent;
  border-color: #DCDDDE;
  border-bottom: 2px solid transparent;
  font-size: 16px;
  min-width: 160px;
  text-align: center;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
.nav-tabs-cart a:hover, .nav-tabs-cart a:focus,
.nav-tabs-cart .nav-link:hover,
.nav-tabs-cart .nav-link:focus {
  color: #ED9E02; }
.nav-tabs-cart a:hover .badge-primary, .nav-tabs-cart a:focus .badge-primary,
.nav-tabs-cart .nav-link:hover .badge-primary,
.nav-tabs-cart .nav-link:focus .badge-primary {
  background-color: #ED9E02; }
.nav-tabs-cart .badge {
  position: relative;
  top: -1px;
  margin-left: 4px; }
.nav-tabs-cart .badge-primary {
  background-color: #6F7274; }

.nav-tabs-underline .nav-tabs-list li,
.nav-tabs-underline .nav-tabs-list .nav-tabs-item {
  margin-bottom: 0; }
.nav-tabs-underline .nav-tabs-list li.active a,
.nav-tabs-underline .nav-tabs-list li.active .nav-link,
.nav-tabs-underline .nav-tabs-list li a.active,
.nav-tabs-underline .nav-tabs-list li .nav-link.active,
.nav-tabs-underline .nav-tabs-list .nav-tabs-item.active a,
.nav-tabs-underline .nav-tabs-list .nav-tabs-item.active .nav-link,
.nav-tabs-underline .nav-tabs-list .nav-tabs-item a.active,
.nav-tabs-underline .nav-tabs-list .nav-tabs-item .nav-link.active {
  background-color: transparent;
  border-bottom-color: #0090D4; }

.nav-tabs-underline .nav-tabs-list a,
.nav-tabs-underline .nav-tabs-list .nav-link {
  padding-bottom: 4px;
  border: 0;
  border-bottom: 4px solid transparent; }

.nav-tabs-underline .badge {
  font-size: 12px;
  vertical-align: text-top; }

.nav-tabs-repair .nav-tabs-caption {
  float: left;
  margin-right: 4px;
  font-size: 13px;
  line-height: 36px; }

.nav-tabs-repair .nav-tabs-list {
  border-bottom: none; }
.nav-tabs-repair .nav-tabs-list a,
.nav-tabs-repair .nav-tabs-list .nav-link {
  position: relative;
  z-index: 1;
  width: 104px;
  padding: 6px 8px;
  font-size: 13px;
  font-weight: bold;
  line-height: 22px;
  border: 1px solid #DCDDDE;
  text-align: center; }
.nav-tabs-repair .nav-tabs-list li,
.nav-tabs-repair .nav-tabs-list .nav-tabs-item {
  float: left;
  margin-bottom: 0; }
.nav-tabs-repair .nav-tabs-list li + li,
.nav-tabs-repair .nav-tabs-list li + .nav-tabs-item,
.nav-tabs-repair .nav-tabs-list .nav-tabs-item + li,
.nav-tabs-repair .nav-tabs-list .nav-tabs-item + .nav-tabs-item {
  margin-left: -1px; }
.nav-tabs-repair .nav-tabs-list li:first-child a,
.nav-tabs-repair .nav-tabs-list .nav-tabs-item:first-child a {
  border-radius: 2px 0 0 2px; }
.nav-tabs-repair .nav-tabs-list li:last-child a,
.nav-tabs-repair .nav-tabs-list .nav-tabs-item:last-child a {
  border-radius: 0 2px 2px 0; }
.nav-tabs-repair .nav-tabs-list li.active a,
.nav-tabs-repair .nav-tabs-list li.active .nav-link,
.nav-tabs-repair .nav-tabs-list .nav-tabs-item.active a,
.nav-tabs-repair .nav-tabs-list .nav-tabs-item.active .nav-link {
  z-index: 10;
  color: #FFFFFF;
  background-color: #F61A13;
  border: 1px solid #F61A13; }

.clear_both {
  clear: both; }

.header_tab {
  float: right;
  margin-top: -22px; }

.header_tab ul {
  line-height: 21px; }

.header_tab li {
  float: left;
  font-size: 13px;
  width: 93px;
  height: 20px;
  margin-left: 3.5px; }

.header_tab li a {
  width: 100%;
  border-radius: 10px 10px 0 0;
  color: #FFF;
  text-align: center;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px; }

.ht01 a {
  background: #EF8F5E;
  border-right: 3px solid #D16F3C; }

.ht02 a {
  background: #6CC8D5;
  border-right: 3px solid #5CA0A9; }

.ht03 a {
  background: #8FCC77;
  border-right: 3px solid #61AA45; }

.ht04 a {
  background: #5B90D0;
  border-right: 3px solid #4270A7; }

.ht05 a {
  background: #F0A262;
  border-right: 3px solid #C2834F; }

.ht06 a {
  background: #6DAADC;
  border-right: 3px solid #3F80B5; }

.ht07 a {
  background: #B392DE;
  border-right: 3px solid #8163A8; }

.ht08 a {
  background: #F28591;
  border-right: 3px solid #C35A66; }

.breadcrumbs::after {
  content: "";
  display: table;
  clear: both; }

.breadcrumbs > li {
  float: left;
  font-size: 13px;
  line-height: 24px;
  color: #6F7274; }
.breadcrumbs > li + li {
  padding-left: 8px; }
.breadcrumbs > li:after {
  display: inline-block;
  content: ">";
  padding-left: 8px; }
.breadcrumbs > li:last-child {
  padding-right: 0;
  background: transparent;
  white-space: nowrap; }
.breadcrumbs > li:last-child:after {
  content: ""; }
.breadcrumbs > li:last-child a {
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.breadcrumbs > li a {
  display: inline-block;
  vertical-align: middle; }

.breadcrumbs select {
  vertical-align: middle;
  padding: 2px 8px;
  padding-right: 24px;
  font-size: 13px;
  line-height: 22px;
  border-color: #DCDDDE; }
.breadcrumbs select:not([size]):not([multiple]) {
  height: 28px; }
.breadcrumbs select:not([multiple]) {
  background-position: calc(100% - 8px) 50%; }
@media screen and (min-width: 0\0) {
  .breadcrumbs select {
    height: 28px;
    padding: 2px; } }

.breadcrumbs .dropdown-toggle {
  width: 146px;
  padding-left: 8px;
  padding-right: 24px;
  background: #FFFFFF url("/public/images/icons/icon-trangle-down.svg") no-repeat calc(100% - 8px) 50%;
  background-size: 8px;
  border: 1px solid #DCDDDE;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.breadcrumbs .dropdown-toggle:hover, .breadcrumbs .dropdown-toggle:focus, .breadcrumbs .dropdown-toggle:active {
  color: #6F7274; }

.breadcrumbs .dropdown-menu {
  top: 26px;
  left: 8px;
  width: 146px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0; }
.breadcrumbs .dropdown-menu .nav-link {
  display: block;
  padding: 0 8px;
  font-size: 13px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.breadcrumbs .dropdown-menu .nav-link:hover {
  background-color: #F3F4F5; }

.pagination {
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: center; }

.pagination-nav {
  vertical-align: middle;
  margin-bottom: 0; }
.pagination-nav > li {
  display: inline; }
.pagination-nav > li a,
.pagination-nav > li span {
  float: left;
  min-width: 32px;
  padding: 2px 4px;
  margin-left: 2px;
  margin-right: 2px;
  font-size: 13px;
  color: #404245;
  border: 1px solid #DCDDDE; }
.pagination-nav > li a:hover:focus, .pagination-nav > li a:hover:hover,
.pagination-nav > li span:hover:focus,
.pagination-nav > li span:hover:hover {
  color: #6F7274;
  background-color: #F3F4F5;
  border-color: #DCDDDE; }
.pagination-nav > li a.clickable,
.pagination-nav > li span.clickable {
  background-color: #f9f9fa;
  color: #c2c4c5; }
.pagination-nav > li a.clickable:hover:focus, .pagination-nav > li a.clickable:hover:hover,
.pagination-nav > li span.clickable:hover:focus,
.pagination-nav > li span.clickable:hover:hover {
  background-color: #f9f9fa; }
.pagination-nav > li:first-child a,
.pagination-nav > li:first-child span {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px; }
.pagination-nav > li:last-child a,
.pagination-nav > li:last-child span {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }
.pagination-nav > li.first, .pagination-nav > li.prev, .pagination-nav > li.next, .pagination-nav > li.last {
  font-size: 12px; }
.pagination-nav > li .icon {
  width: 10px;
  height: 10px;
  font-size: 10px; }
.pagination-nav > li.active a, .pagination-nav > li.active a:focus, .pagination-nav > li.active a:hover,
.pagination-nav > li.active span,
.pagination-nav > li.active span:focus,
.pagination-nav > li.active span:hover {
  z-index: 2;
  color: #FFFFFF;
  cursor: default;
  background-color: #0090D4;
  border-color: rgba(34, 36, 38, 0.15);
  font-weight: bold;
  opacity: 1; }
.pagination-nav > li.disabled a,
.pagination-nav > li.disabled span {
  color: #DCDDDE;
  cursor: default; }
.pagination-nav > li.disabled a:hover:focus, .pagination-nav > li.disabled a:hover:hover,
.pagination-nav > li.disabled span:hover:focus,
.pagination-nav > li.disabled span:hover:hover {
  color: #DCDDDE;
  background-color: #FFFFFF;
  border-color: #DCDDDE; }
.pagination-nav > li.disabled a .icon,
.pagination-nav > li.disabled span .icon {
  opacity: .3; }

.pagination-goto {
  display: inline-block;
  margin-left: 12px;
  font-size: 13px;
  vertical-align: middle; }
.pagination-goto .number {
  margin-left: 2px;
  margin-right: 2px; }
.pagination-goto input.input-mini {
  width: 48px;
  padding: 2px;
  margin-left: 4px;
  margin-right: 4px;
  text-align: center; }
@media screen and (min-width: 0\0) {
  .pagination-goto input.input-mini {
    height: 30px; } }
.pagination-goto input[type="number"] {
  -moz-appearance: textfield; }

.tag {
  display: inline-block;
  min-width: 60px;
  padding: 4px 12px;
  margin-right: 8px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border: 1px solid transparent;
  cursor: default;
  border-radius: 2px; }
.tag.radius {
  border-radius: 2px; }

a.tag {
  cursor: pointer; }

.tag-default {
  background-color: #DCDDDE;
  color: #6F7274; }

.tag-default-dark {
  background-color: #7e8185;
  color: #FFFFFF; }

.tag-primary {
  background-color: #0090D4;
  color: #FFFFFF; }

.tag-secondary {
  background-color: #F17200;
  color: #FFFFFF; }

.tag-extra {
  background-color: #C8D100;
  color: #FFFFFF; }

.tag-danger,
.tag-event {
  background-color: #EF337B;
  color: #FFFFFF; }

.tag-inverted {
  background-color: #1B1C1D;
  color: #FFFFFF; }

.tag-nosell {
  opacity: 0.6;
  position: absolute;
  z-index: 1;
  border-radius: 0; }

.tag-blue {
  background-color: #0090D4;
  color: #FFFFFF; }

.tag-red {
  background-color: #F61A13;
  color: #FFFFFF; }

.tag-outline,
.tag-default-outline {
  background-color: #FFFFFF;
  border-color: #b5b7b9;
  color: #8d9194;
  font-weight: bold; }
.tag-outline:hover,
.tag-default-outline:hover {
  color: #5b5e60;
  border-color: #808487; }
.tag-outline .icon-close,
.tag-default-outline .icon-close {
  top: -2px;
  margin-left: 8px;
  margin-right: 0;
  width: 12px;
  height: 12px;
  font-size: 12px; }

a.tag-outline:hover {
  opacity: 1; }

.tag-inverted-outline {
  background-color: #FFFFFF;
  border-color: #1B1C1D;
  color: #1B1C1D;
  font-weight: bold; }

.tag-primary-outline {
  background-color: #FFFFFF;
  border-color: #0090D4;
  color: #0090D4;
  font-weight: bold; }
.tag-primary-outline .icon-truck {
  top: -1px;
  margin-right: 4px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-truck-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 12px;
  height: 12px;
  font-size: 12px; }

.tag-secondary-outline {
  background-color: #FFFFFF;
  border-color: #F17200;
  color: #F17200;
  font-weight: bold; }

.tag-extra-outline {
  background-color: #FFFFFF;
  border-color: #C8D100;
  color: #C8D100;
  font-weight: bold; }

.tag-danger-outline,
.tag-event-outline {
  background-color: #FFFFFF;
  border-color: #EF337B;
  color: #EF337B;
  font-weight: bold; }

.tag-red-outline {
  background-color: #FFFFFF;
  border-color: #F61A13;
  color: #F61A13;
  font-weight: bold; }

.no-discount .tag-event-outline {
  background-color: #FFFFFF;
  border-color: #cececf;
  color: #c5c5c6;
  font-weight: bold; }

.no-discount span {
  color: #B5B5B6; }

.tag-price {
  padding: 0 !important;
  display: block;
  width: 50px;
  margin: 0 auto; }

.tag-text-default,
.tag-text-primary,
.tag-text-secondary,
.tag-text-extra {
  font-weight: bold; }

.tag-text-default {
  color: #a8aaad; }

.tag-text-primary {
  color: #0090D4; }

.tag-text-secondary {
  color: #ED9E02; }

.tag-text-extra {
  color: #C8D100; }

.tag-text-danger {
  color: #EF337B; }

.tag-text-danger {
  color: #EF337B; }

.tag-text-red {
  color: #F61A13; }

.tag-lg {
  padding: 16px 40px;
  font-size: 24px;
  line-height: 34px; }

.tag-md {
  padding: 8px 24px;
  font-size: 15px;
  line-height: 1.6; }

.tag-mini {
  padding: 2px 8px;
  font-size: 12px;
  line-height: 18px; }
.tag-mini + .tag-mini {
  margin-left: 4px; }

.tags-group {
  margin-bottom: 8px;
  overflow: hidden; }
.tags-group::after {
  content: "";
  display: table;
  clear: both; }
.tags-group .tag-group-title {
  float: left;
  padding-top: 4px;
  padding-right: 8px;
  font-size: 13px;
  line-height: 22px; }
.tags-group .tag {
  float: left;
  margin-bottom: 8px; }
.tags-group .tag-mini {
  margin-bottom: 4px; }

.cycleTag_5 {
  position: absolute;
  top: 30px;
  left: 22px;
  width: 19%;
  z-index: 2; }

.cycleTag_indexList {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20% !important;
  z-index: 2; }

.index_list {
  position: relative; }

.cycleTag_index {
  position: absolute;
  top: 5px;
  left: 4px;
  width: 13% !important;
  height: auto !important;
  z-index: 2; }

body .favorite-Block .fv-carouse li {
  position: relative; }

.cycleTag_pd {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20% !important;
  z-index: 2; }

.pd_list {
  position: relative; }

.cycleTag_5-2 {
  position: absolute;
  top: 8px;
  left: 9px;
  width: 22%;
  z-index: 2; }

.tag-mini-2 {
  padding: 1px 6px;
  font-size: 12px;
  line-height: 18px; }

.badge {
  display: inline-block;
  padding: 4px 8px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  vertical-align: text-top;
  border-radius: 2px; }
.badge:empty {
  display: none; }
.badge.circle {
  border-radius: 11px; }

.btn .badge {
  position: relative;
  top: -1px; }

a.badge:focus, a.badge:hover {
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer; }

.badge-default {
  background-color: #e9eaea;
  color: #6F7274; }
.badge-default[href]:focus, .badge-default[href]:hover {
  background-color: #cfd0d2; }
.badge-default:focus, .badge-default:hover {
  color: #6F7274; }

.badge-primary {
  background-color: #0090D4; }
.badge-primary[href]:focus, .badge-primary[href]:hover {
  background-color: #006da1; }

.badge-secondary {
  background-color: #F17200; }
.badge-secondary[href]:focus, .badge-secondary[href]:hover {
  background-color: #be5a00; }

.badge-info {
  background-color: #c2eafa; }
.badge-info[href]:focus, .badge-info[href]:hover {
  background-color: #94daf6; }

.badge-success {
  background-color: #4CB648; }
.badge-success[href]:focus, .badge-success[href]:hover {
  background-color: #3d913a; }

.badge-warning {
  background-color: #FCC72C; }
.badge-warning[href]:focus, .badge-warning[href]:hover {
  background-color: #f2b503; }

.badge-danger {
  background-color: #EF337B; }
.badge-danger[href]:focus, .badge-danger[href]:hover {
  background-color: #de1160; }

.panel {
  margin-bottom: 16px;
  background-color: #FFFFFF;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.panel.fill {
  background-color: #E8F7FD; }
.panel.fill .panel-head {
  padding-bottom: 0; }

.panel-body {
  padding: 16px;
  position: relative; }
.panel-body::after {
  content: "";
  display: table;
  clear: both; }
.panel-body ul,
.panel-body ol,
.panel-body .css-table,
.panel-body .tags-group {
  margin-bottom: 0; }
.panel-body .btn-switch-text {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 0;
  margin-right: -1px;
  margin-bottom: -1px; }
.panel-body .btn-switch-text .icon-minus-square-outline {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-minus-square.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.panel-body .btn-switch-text span::after {
  margin-left: 4px;
  content: '收合'; }
.panel-body .btn-switch-text[aria-expanded="false"] .icon-minus-square-outline {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-plus-square.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.panel-body .btn-switch-text[aria-expanded="false"] span::after {
  content: '更多'; }

.panel-head {
  position: relative;
  padding: 16px;
  border-bottom: 1px solid transparent;
  font-weight: bold;
  vertical-align: middle; }
.panel-head::after {
  content: "";
  display: table;
  clear: both; }
.panel-head h1,
.panel-head h2,
.panel-head h3,
.panel-head h4,
.panel-head h5,
.panel-head h6,
.panel-head .h1,
.panel-head .h2,
.panel-head .h3,
.panel-head .h4,
.panel-head .h5,
.panel-head .h6 {
  margin-top: 0;
  margin-bottom: 0; }
.panel-head > .dropdown .dropdown-toggle {
  color: inherit; }
.panel-head .btn-group {
  margin-top: 0;
  margin-bottom: 0; }
.panel-head .btn-switch .icon-minus-square-outline {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-minus-square-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.panel-head .btn-switch[aria-expanded="false"] .icon-minus-square-outline {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-plus-square-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.panel-footer {
  padding: 16px;
  background-color: #F3F4F5;
  border-top: 1px solid #DCDDDE; }

.panel > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
.panel > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 16px;
  padding-right: 16px; }

.panel > .table:first-child {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px; }
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 1px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 1px; }

.panel > .table:last-child {
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px; }
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 1px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 1px; }

.panel > .panel-body + .table,
.panel > .table + .panel-body {
  border-top: 1px solid #DCDDDE; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered {
  border: 0; }
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0; }
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0; }
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0; }
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0; }

.panel.shrink {
  margin-bottom: 8px; }
.panel.shrink .btn-switch {
  top: 10px;
  right: 10px; }
.panel.shrink .panel-head,
.panel.shrink .panel-body,
.panel.shrink .panel-footer,
.panel.shrink .menu-list-title {
  padding: 10px; }

.panel-default {
  border-color: #DCDDDE; }
.panel-default > .panel-head {
  color: #1B1C1D;
  background-color: #FFFFFF;
  border-color: #DCDDDE; }
.panel-default > .panel-head + .panel-collapse > .panel-body {
  border-top-color: #DCDDDE; }
.panel-default > .panel-head .badge {
  color: #FFFFFF;
  background-color: #1B1C1D; }
.panel-default > .panel-head a {
  color: #1B1C1D; }
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #DCDDDE; }
.panel-default .panel-head.none-underline {
  padding-bottom: 0;
  border-bottom: none;
  font-weight: normal; }
.panel-default .panel-head.none-underline + .panel-body {
  padding-top: 12px; }
.panel-default .img-fail-doll {
  margin-top: 32px;
  width: 210px;
  margin: 24px auto 0; }

.panel-primary {
  border-color: #DCDDDE; }
.panel-primary > .panel-head {
  color: #FFFFFF;
  background-color: #0090D4;
  border-color: #DCDDDE; }
.panel-primary > .panel-head + .panel-collapse > .panel-body {
  border-top-color: #DCDDDE; }
.panel-primary > .panel-head .badge {
  color: #0090D4;
  background-color: #FFFFFF; }
.panel-primary > .panel-head a {
  color: #FFFFFF; }
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #DCDDDE; }

.panel-secondary {
  border-color: #DCDDDE; }
.panel-secondary > .panel-head {
  color: #FFFFFF;
  background-color: #C8D100;
  border-color: #DCDDDE; }
.panel-secondary > .panel-head + .panel-collapse > .panel-body {
  border-top-color: #DCDDDE; }
.panel-secondary > .panel-head .badge {
  color: #C8D100;
  background-color: #FFFFFF; }
.panel-secondary > .panel-head a {
  color: #FFFFFF; }
.panel-secondary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #DCDDDE; }

.panel-inverted {
  padding: 12px 10px;
  font-size: 1rem;
  color: #FFFFFF;
  background-color: #1B1C1D;
  border: 1px solid #DCDDDE; }
.panel-inverted.stackable {
  border-bottom: none; }

.panel-outline {
  border: none;
  margin-bottom: 24px;
  -webkit-box-shadow: none;
  box-shadow: none; }
.panel-outline .panel-head,
.panel-outline .panel-body {
  padding: 0; }
.panel-outline .panel-head {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 18px;
  border-top: 3px solid #C8D100;
  color: #C8D100; }

.panel-location {
  border: 1px solid #DCDDDE; }
.panel-location .panel-head {
  border-bottom: 1px solid #DCDDDE; }
.panel-location .panel-head h3 {
  margin-top: 4px; }
.panel-location .panel-body {
  padding: 0; }
.panel-location .panel-body .toolbar {
  padding: 16px;
  margin-bottom: 0;
  border-bottom: 1px solid #DCDDDE; }
.panel-location .panel-body .toolbar input.has-full {
  margin-bottom: 16px; }
.panel-location .panel-body .toolbar label.has-block {
  margin-top: 8px; }

.panel-caption {
  padding: 10px 16px;
  background-color: #C8D100;
  color: #FFFFFF;
  font-size: 18px; }
.panel-caption a {
  color: #FFFFFF; }

.widget {
  margin-bottom: 16px;
  background-color: #FFFFFF;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.widget .widget-title {
  font-weight: bold; }
.widget .widget-title a {
  margin-top: 1px;
  font-size: 13px; }
.widget .widget-title a .icon-arrow-right {
  margin-right: 0;
  margin-left: 4px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-right-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 14px;
  height: 14px;
  font-size: 14px; }
.widget .widget-title .btn-group {
  margin-top: -4px;
  margin-bottom: -4px; }
.widget .widget-title .btn-group .btn {
  padding-left: 4px;
  padding-right: 4px; }
.widget .widget-title .btn-group .btn .icon {
  top: 0;
  width: 13px;
  height: 13px;
  font-size: 13px; }
@media (max-width: 1199px) {
  .widget .widget-title {
    padding: 12px 8px; } }
@media (min-width: 1200px) {
  .widget .widget-title {
    padding: 12px 16px; }
  .widget .widget-title .btn-group {
    margin-right: -8px; } }
.widget .widget-content ul,
.widget .widget-content ol {
  margin-bottom: 0; }
.widget .widget-content a {
  display: block;
  overflow: hidden; }
.widget .widget-content a + a {
  border-top: 1px solid #DCDDDE; }
.widget .widget-content .list-group {
  margin: 8px; }
.widget .widget-content .list-group .item .title {
  margin: 4px 0;
  height: 44px;
  line-height: 22px;
  overflow: hidden; }
@media (max-width: 1199px) {
  .widget .widget-content .list-group .item .title {
    font-size: 13px;
    line-height: 18px;
    height: 36px;
    margin-bottom: 4px; }
  .widget .widget-content .list-group .item .thumbnail.small {
    width: 72px;
    height: 72px; } }
.widget .widget-content h5.title {
  margin: 7px 12px;
  height: 49.92px;
  color: #3d3f40;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
@media (max-width: 1199px) {
  .widget .widget-content h5.title {
    margin: 3px 12px;
    font-size: 13px;
    height: 36px;
    line-height: 18px; } }
.widget .widget-content p.desc {
  margin: 0 12px 13px;
  height: 109.12px;
  font-size: 13px;
  line-height: 22px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; }
@media (max-width: 1199px) {
  .widget .widget-content p.desc {
    margin-bottom: 10px;
    font-size: 12px;
    height: 102.06px;
    line-height: 18px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; } }
.widget .widget-content p.desc.short {
  display: none;
  line-height: 19.36px; }
@media screen and (min-width: 0\0) {
  .widget .widget-content p.desc.short {
    display: none; } }
@media (max-width: 1199px) {
  .widget .widget-content p.desc.short {
    display: none;
    line-height: 22px; } }
@media screen and (max-width: 1199px) and (min-width: 0\0) {
  .widget .widget-content p.desc.short {
    display: none; } }

.widget-default {
  border-color: #DCDDDE; }
.widget-default > .widget-title {
  color: #1B1C1D;
  background-color: #F3F4F5;
  border-color: #DCDDDE; }
.widget-default > .widget-title a {
  color: #1B1C1D; }

.widget-primary {
  border-color: #DCDDDE; }
.widget-primary > .widget-title {
  color: #FFFFFF;
  background-color: #0090D4;
  border-color: #DCDDDE; }
.widget-primary > .widget-title a {
  color: #FFFFFF; }

.widget-secondary {
  border-color: #DCDDDE; }
.widget-secondary > .widget-title {
  color: #FFFFFF;
  background-color: #C8D100;
  border-color: #DCDDDE; }
.widget-secondary > .widget-title a {
  color: #FFFFFF; }

.widget-tertiary {
  border-color: #DCDDDE; }
.widget-tertiary > .widget-title {
  color: #FFFFFF;
  background-color: #ED9E02;
  border-color: #DCDDDE; }
.widget-tertiary > .widget-title a {
  color: #FFFFFF; }

.card-group {
  margin-bottom: 16px;
  overflow: hidden; }
.card-group.grid-3by3 .card {
  float: left;
  width: 33.33%; }
@media (max-width: 1199px) {
  .card-group.grid-3by3 .card {
    width: 50%; } }
.card-group.purview-list .card {
  height: 232px;
  padding: 56px 16px 56px 32px;
  margin-bottom: 0;
  border: none;
  background-color: #F3F4F5;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease; }
.card-group.purview-list .card:hover {
  background-color: #fafafb; }
.card-group.purview-list .card:hover:nth-child(odd) {
  background-color: #00a1ee; }
.card-group.purview-list .card:hover .icon-circle {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }
.card-group.purview-list .card:hover .word {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: .5s;
  animation-delay: .5s; }
.card-group.purview-list .card a {
  display: block; }
.card-group.purview-list .card a:hover {
  opacity: 1; }
.card-group.purview-list .card .icon-circle {
  float: left;
  width: 120px;
  height: 120px;
  background-color: #E64894;
  border-radius: 60px; }
.card-group.purview-list .card .icon-circle .icon {
  width: 80px;
  height: 80px;
  margin: 20px; }
.card-group.purview-list .card .word {
  float: right;
  width: calc(100% - 148px);
  overflow: hidden; }
.card-group.purview-list .card .word h1 {
  margin-top: 0;
  color: #E64894;
  font-size: 24px;
  line-height: 1em; }
.card-group.purview-list .card .word p {
  font-size: 1rem;
  line-height: 22px; }
.card-group.purview-list .card .word .btn {
  width: 80px;
  padding: 2px 12px;
  color: #E64894;
  border: 1px solid #E64894;
  border-radius: 15px; }
.card-group.purview-list .card:nth-child(odd) {
  background-color: #0090D4; }
.card-group.purview-list .card:nth-child(odd) h1,
.card-group.purview-list .card:nth-child(odd) p,
.card-group.purview-list .card:nth-child(odd) .btn {
  color: #FFFFFF; }
.card-group.purview-list .card:nth-child(odd) .icon-circle {
  background-color: #FFFFFF; }
.card-group.purview-list .card:nth-child(odd) .btn {
  border-color: #FFFFFF; }

.card {
  position: relative;
  display: block;
  margin-bottom: 16px;
  background-color: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15); }
.card.lifenews {
  margin-bottom: 24px;
  background: none;
  border: none; }
.card .avatar {
  margin-top: 20px; }

.card-img {
  margin-bottom: 0; }
.card-img a {
  display: block; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF; }
.card-img-overlay p {
  color: #FFFFFF; }

.card-content {
  position: relative;
  padding: 12px 16px; }
.card-content h1,
.card-content h2,
.card-content h3,
.card-content h4,
.card-content h5,
.card-content h6,
.card-content .h1,
.card-content .h2,
.card-content .h3,
.card-content .h4,
.card-content .h5,
.card-content .h6,
.card-content .title,
.card-content .caption {
  margin-top: 0;
  margin-bottom: 8px; }
.card-content h1 a,
.card-content h2 a,
.card-content h3 a,
.card-content h4 a,
.card-content h5 a,
.card-content h6 a,
.card-content .h1 a,
.card-content .h2 a,
.card-content .h3 a,
.card-content .h4 a,
.card-content .h5 a,
.card-content .h6 a,
.card-content .title a,
.card-content .caption a {
  color: #1B1C1D; }
.card-content h1 a:hover,
.card-content h2 a:hover,
.card-content h3 a:hover,
.card-content h4 a:hover,
.card-content h5 a:hover,
.card-content h6 a:hover,
.card-content .h1 a:hover,
.card-content .h2 a:hover,
.card-content .h3 a:hover,
.card-content .h4 a:hover,
.card-content .h5 a:hover,
.card-content .h6 a:hover,
.card-content .title a:hover,
.card-content .caption a:hover {
  color: #0090D4; }
.card-content h4,
.card-content .title {
  font-size: 18px;
  line-height: 28px; }
.card-content h4 a,
.card-content .title a {
  display: block;
  height: 56px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
.card-content .desc {
  margin-bottom: 12px;
  height: 72px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }
.card-content .info {
  font-size: 13px;
  line-height: 22px; }
.card-content .info .icon {
  top: -1px;
  margin-right: 6px;
  width: 11px;
  height: 11px;
  font-size: 11px; }
.card-content .date {
  font-size: 13px;
  line-height: 22px; }
.card-content .tags-group {
  margin-top: 2px;
  margin-bottom: 0;
  height: 22px;
  overflow: hidden; }
.card-content .tag-text-primary {
  font-weight: normal; }
.card-content .tag-text-primary .icon-tag {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-tag-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.card-content .tag-text-primary + .tag-text-primary {
  margin-left: 12px; }
.card-content .grade-info {
  color: #1B1C1D;
  text-align: left;
  font-size: 15px;
  border-bottom: 1px solid #DCDDDE;
  padding-bottom: 8px; }
@media (max-width: 1199px) {
  .card-content .grade-info {
    font-size: 12px; } }
.card-content .grade-info .row {
  margin-bottom: 8px; }
.card-content .grade-info .row.margin-small {
  margin-bottom: 4px; }
.card-content .grade-info a {
  margin-left: 4px;
  font-size: 12px;
  color: #0090D4;
  text-decoration: underline; }
.card-content .grade-info .small {
  font-size: 13px; }
@media (max-width: 1199px) {
  .card-content .grade-info .small {
    font-size: 12px; } }
.card-content .grade-info .mini {
  font-size: 12px; }
@media (max-width: 1199px) {
  .card-content .grade-info .info-title {
    width: 16.6667%; }
  .card-content .grade-info .info-desc {
    width: 83.3333%; } }
.card-content .grade-info + .phone {
  padding-top: 8px; }
.card-content .phone,
.card-content .mail {
  margin-bottom: 2px; }
.card-content .mail {
  font-size: 13px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.card.lifenews .card-content {
  padding: 12px 0; }

.list-group {
  margin-bottom: 0;
  overflow: hidden; }
.list-group .item {
  margin-bottom: 8px;
  overflow: hidden;
  position: relative; }
.list-group .item a {
  display: block; }
.list-group .item .image {
  float: left;
  margin-right: 8px; }
.list-group .item .content {
  overflow: hidden; }
.list-group .item .title {
  margin-top: 0;
  margin-bottom: 4px; }
.list-group .item .tag {
  margin-bottom: 4px; }
.list-group .item .tag-nosell {
  margin-left: 0px;
  font-size: 12px;
  padding: 1px; }
@media (min-width: 544px) {
  .list-group .item .tag-nosell {
    top: 30px;
    width: 72px; } }
@media (min-width: 992px) {
  .list-group .item .tag-nosell {
    top: 30px;
    width: 74px; } }
@media (min-width: 1200px) {
  .list-group .item .tag-nosell {
    top: 35px;
    width: 78px; } }
.list-group .item .date {
  color: #6F7274; }
.list-group .item .date .icon-calendar {
  margin-right: 4px;
  width: 13px;
  height: 13px;
  font-size: 13px; }
.list-group .item.third {
  margin-bottom: 16px; }
.list-group .item:last-child {
  margin-bottom: 0; }
.list-group .item:last-child .store-info {
  border-bottom: 0; }
@media (max-width: 1199px) {
  .list-group .item.dt-last {
    margin-bottom: 0; } }
.list-group.featured {
  margin-right: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #DCDDDE; }
.list-group.featured .item {
  float: left;
  margin-right: 16px; }
.list-group.featured .item:nth-child(4n) {
  margin-right: 0; }
.list-group.featured .item img {
  margin-left: auto;
  margin-right: auto;
  max-height: 168px; }
.list-group.featured .item a {
  display: block; }
.list-group.featured .item .title {
  margin-top: 10px;
  margin-bottom: 6px;
  height: 22px;
  line-height: 22px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  overflow: hidden; }
@media (max-width: 1199px) {
  .list-group.featured .item .title {
    margin-top: 6px;
    margin-bottom: 2px; } }
.list-group.featured .item:hover p {
  color: #0090D4; }
@media (max-width: 1199px) {
  .list-group.featured .item {
    width: 123px; }
  .list-group.featured .item img {
    max-height: 110px; } }
@media (min-width: 1200px) {
  .list-group.featured .item {
    width: 162px; } }
.list-group.featured-video {
  margin-right: 16px;
  margin-bottom: 16px; }
.list-group.featured-video .item {
  float: left;
  margin-right: 16px; }
.list-group.featured-video .item:nth-child(5n) {
  margin-right: 0; }
.list-group.featured-video .item img {
  margin-left: auto;
  margin-right: auto;
  max-height: 168px; }
.list-group.featured-video .item a {
  display: block; }
.list-group.featured-video .item .title {
  margin-top: 10px;
  margin-bottom: 6px;
  height: 22px;
  line-height: 22px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  overflow: hidden; }
@media (max-width: 1199px) {
  .list-group.featured-video .item .title {
    margin-top: 6px;
    margin-bottom: 2px; } }
.list-group.featured-video .item:hover p {
  color: #0090D4; }
@media (max-width: 1199px) {
  .list-group.featured-video .item {
    width: 132px; }
  .list-group.featured-video .item img {
    max-height: 110px; } }
@media (min-width: 1200px) {
  .list-group.featured-video .item {
    width: 173px; } }
.list-group.brands {
  margin-bottom: 16px; }
.list-group.brands .item {
  float: left;
  width: 25%;
  padding: 16px;
  margin-bottom: 0;
  border-left: 1px solid #DCDDDE;
  border-bottom: 1px solid #DCDDDE; }
.list-group.brands .item:nth-child(4n + 1) {
  border-left: 0; }
.list-group.brands .item a {
  display: block; }
.list-group.brands .item a img {
  margin: 0 auto;
  height: 40px; }
.list-group.product-plus {
  margin-bottom: 16px; }
.list-group.product-plus .item {
  position: relative;
  float: left;
  width: calc(33.33332% - 11px);
  margin-top: 16px;
  margin-left: 16px;
  margin-bottom: 0;
  padding: 16px;
  padding-left: 44px;
  background-color: #F3F4F5;
  border: 1px solid #DCDDDE; }
.list-group.product-plus .item:nth-child(3n + 1) {
  margin-left: 0; }
@media (max-width: 1199px) {
  .list-group.product-plus .item .thumbnail.small {
    width: 64px;
    height: 64px; }
  .list-group.product-plus .item .title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; } }
.list-group.product-plus .title {
  color: #1B1C1D;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }
.list-group.product-plus .price {
  line-height: 22px; }
.list-group.product-plus .price b {
  display: inline-block; }
.list-group.product-plus .checkbox-group {
  position: absolute;
  left: 16px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
.list-group.product-plus .checkbox-group + .image {
  margin-left: 0; }
.list-group.product-plus.four .item:nth-child(3n + 1) {
  margin-left: 16px; }
.list-group.product-plus.four .item:nth-child(4n + 1) {
  margin-left: 0; }
@media (max-width: 1199px) {
  .list-group.product-plus.four .item {
    width: 228px; } }
@media (min-width: 1200px) {
  .list-group.product-plus.four .item {
    width: 288px; } }
.list-group.product-plus.news-product-plus .item {
  padding-left: 16px; }
.list-group.product-plus.news-product-plus .item .image {
  margin-right: 16px; }
@media screen and (min-width: 0\0) {
  .list-group.product-plus .item .price {
    height: 24px; } }

@media screen and (min-width: 0\0) and (max-width: 1199px) {
  .list-group.product-plus .item {
    width: 239px; }
  .list-group.product-plus .item .title {
    height: 36px; } }

@media screen and (min-width: 0\0) and (min-width: 1200px) {
  .list-group.product-plus .item {
    width: 305px; }
  .list-group.product-plus .item .title {
    height: 54px; } }
@supports (-ms-accelerator: true) {
  @media (max-width: 1199px) {
    .list-group.product-plus .item {
      width: 239px; }
    .list-group.product-plus .item .title {
      height: 36px; } }
  @media (min-width: 1200px) {
    .list-group.product-plus .item {
      width: 305px; }
    .list-group.product-plus .item .title {
      height: 54px; } } }
.list-group.divided .item {
  padding-top: 9px;
  border-top: 1px solid #DCDDDE; }
.list-group.no-divided .item {
  padding-top: 10.72px;
  border-top: 0px solid #DCDDDE; }
.list-group.event {
  padding: 0;
  padding-top: 16px;
  overflow: hidden; }
.list-group.event .item {
  margin-bottom: 32px; }
.list-group.event .item .image {
  width: 360px;
  padding-right: 16px; }
.list-group.event .item .image img {
  margin-bottom: 0; }
.list-group.event .item .title {
  margin-bottom: 8px; }
.list-group.event .item .title a:hover {
  background-color: transparent;
  color: #0090D4; }
.list-group.event .item .desc {
  min-height: 48px;
  padding-right: 180px; }
.list-group.event .item .desc p {
  margin-bottom: 0; }
.list-group.event .item:not(.hide) {
  margin-bottom: 32px; }
.list-group.event .item:not(.hide) + .item:not(.hide) {
  padding-top: 32px;
  border-top: 3px solid #DCDDDE; }
.list-group.article {
  margin-bottom: 16px;
  overflow: hidden; }
.list-group.article .item .image {
  width: 220px;
  margin-right: 24px; }
.list-group.article .item .title {
  margin-bottom: 8px; }
.list-group.article .item .title a {
  color: #1B1C1D; }
.list-group.article .item .title a:hover, .list-group.article .item .title a:focus {
  color: #0090D4; }
.list-group.article .item .date {
  margin-right: 24px; }
.list-group.article .item .info {
  font-size: 13px;
  line-height: 22px;
  color: #6F7274; }
.list-group.article .item .info .icon {
  top: -1px;
  margin-right: 6px;
  width: 12px;
  height: 12px;
  font-size: 12px; }
.list-group.article .item .info .date,
.list-group.article .item .info .tags-group {
  vertical-align: middle; }
.list-group.article .item .tags-group {
  display: inline-block;
  margin-bottom: 0; }
.list-group.article .item .tags-group a {
  display: inline-block; }
.list-group.article .item .tag-text-primary .icon-tag {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-tag-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.list-group.article .item .tag-text-primary + .tag-text-primary {
  margin-left: 16px; }
.list-group.rainbow > .item {
  padding-top: 32px;
  margin-bottom: 32px; }
.list-group.rainbow > .item:first-child {
  padding-top: 16px; }
.list-group.rainbow > .item h4 {
  margin-top: 0;
  margin-bottom: 16px; }
.list-group.rainbow > .item h4 a {
  display: inline-block; }
.list-group.rainbow > .item + .item {
  border-top: 1px solid #DCDDDE; }
.list-group.rainbow .list-group .h5 {
  float: left;
  width: 120px;
  margin: 0;
  margin-right: 16px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.list-group.rainbow .list-group .item {
  margin-left: 32px; }
.list-group.rainbow .nav-inline a {
  font-size: 13px; }
.list-group.rainbow .nav-inline a:not(:last-child):after {
  content: "|";
  margin-left: 12px;
  margin-right: 12px;
  color: #e9eaea; }
.list-group.rainbow .nav-inline a + a {
  margin-left: 0; }

.list-group-title {
  padding-bottom: 6px;
  margin-bottom: 0;
  border-bottom: 1px solid #0090D4; }

.steps-list {
  margin-bottom: 0;
  text-align: center; }
.steps-list::after {
  content: "";
  display: table;
  clear: both; }
.steps-list li,
.steps-list .steps-item {
  position: relative;
  display: inline-block; }

.steps.has-count {
  margin-bottom: 16px; }
.steps.has-count .steps-list {
  position: relative;
  overflow: hidden; }
.steps.has-count li,
.steps.has-count .steps-item {
  width: 20%;
  color: #6F7274; }
.steps.has-count li .number,
.steps.has-count li .label,
.steps.has-count .steps-item .number,
.steps.has-count .steps-item .label {
  display: block; }
.steps.has-count li .number,
.steps.has-count .steps-item .number {
  position: relative;
  z-index: 10;
  padding: 2px;
  margin: 0 auto;
  width: 40px;
  background-color: #FFFFFF;
  border: 6px solid #DCDDDE;
  font-weight: bold;
  border-radius: 20px; }
.steps.has-count li .label,
.steps.has-count .steps-item .label {
  margin-top: 2px;
  font-size: 14px; }
.steps.has-count li:after,
.steps.has-count .steps-item:after {
  position: absolute;
  top: 17px;
  left: -50%;
  z-index: 1;
  width: 100%;
  height: 6px;
  background-color: #DCDDDE;
  content: ''; }
.steps.has-count li:first-child:after,
.steps.has-count .steps-item:first-child:after {
  width: auto; }
.steps.has-count li.active .number,
.steps.has-count .steps-item.active .number {
  color: #0090D4;
  border-color: #0090D4; }
.steps.has-count li.active .label,
.steps.has-count .steps-item.active .label {
  color: #0090D4; }
.steps.has-count li.active:after,
.steps.has-count .steps-item.active:after {
  background-color: #0090D4; }

.steps.has-ccr-flow {
  margin-top: 16px;
  margin-bottom: 8px; }
.steps.has-ccr-flow .steps-item {
  position: relative;
  display: inline-block;
  color: #6F7274; }
.steps.has-ccr-flow .steps-item:before, .steps.has-ccr-flow .steps-item:after {
  content: "";
  display: inline-block; }
.steps.has-ccr-flow .steps-item:before {
  position: absolute;
  width: 72px;
  height: 72px;
  border: 2px solid #ebecee;
  border-radius: 36px; }
.steps.has-ccr-flow .steps-item:not(:last-child):after {
  margin-left: 16px;
  margin-right: 16px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 24px;
  height: 24px;
  font-size: 24px;
  vertical-align: middle;
  opacity: .25; }
.steps.has-ccr-flow .steps-item span,
.steps.has-ccr-flow .steps-item .icon {
  vertical-align: middle; }
.steps.has-ccr-flow .steps-item .icon {
  opacity: .8; }
.steps.has-ccr-flow .steps-item .icon-store {
  left: 1px;
  width: 44px;
  height: 44px;
  font-size: 44px;
  margin: 14px; }
.steps.has-ccr-flow .steps-item .icon-phone-scan {
  left: 2px;
  width: 38px;
  height: 38px;
  font-size: 38px;
  margin: 17px; }
.steps.has-ccr-flow .steps-item .icon-money {
  width: 38px;
  height: 38px;
  font-size: 38px;
  margin: 17px; }
.steps.has-ccr-flow .steps-item .text {
  max-width: 240px;
  padding-left: 16px;
  text-align: left; }
.steps.has-ccr-flow .steps-item .tooltip.top {
  top: -36px;
  left: 80px;
  width: 228px;
  white-space: normal;
  line-height: 18px; }
.steps.has-ccr-flow .steps-item:hover:before,
.steps.has-ccr-flow .steps-item:hover .icon {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
.steps.has-ccr-flow .steps-item:hover:before {
  background-color: #0090D4;
  border-color: #0090D4; }
.steps.has-ccr-flow .steps-item:hover .icon-store {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-store-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-ccr-flow .steps-item:hover .icon-phone-scan {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-phone-scan-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-ccr-flow .steps-item:hover .icon-money {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-money-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.steps.has-cart .steps-list {
  position: relative;
  overflow: hidden; }

.steps.has-cart li,
.steps.has-cart .steps-item {
  width: calc(20% - 4px);
  font-size: 13px;
  line-height: 22px;
  color: #DCDDDE;
  vertical-align: middle; }
.steps.has-cart li .label,
.steps.has-cart li .date,
.steps.has-cart li .icon,
.steps.has-cart .steps-item .label,
.steps.has-cart .steps-item .date,
.steps.has-cart .steps-item .icon {
  display: block; }
.steps.has-cart li .label,
.steps.has-cart .steps-item .label {
  font-weight: bold; }
.steps.has-cart li .date,
.steps.has-cart .steps-item .date {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.steps.has-cart li .icon,
.steps.has-cart .steps-item .icon {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
  width: 16px;
  height: 16px;
  font-size: 16px; }
.steps.has-cart li .icon:before,
.steps.has-cart .steps-item .icon:before {
  background-color: #FFFFFF; }
.steps.has-cart li .icon.icon-cart,
.steps.has-cart .steps-item .icon.icon-cart {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-cart-silver.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li .icon.icon-money,
.steps.has-cart .steps-item .icon.icon-money {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-money-silver.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li .icon.icon-truck,
.steps.has-cart .steps-item .icon.icon-truck {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-truck-silver.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li .icon.icon-box,
.steps.has-cart .steps-item .icon.icon-box {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-box-silver.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li .icon.icon-store,
.steps.has-cart .steps-item .icon.icon-store {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-store-silver.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li .icon.icon-ticket,
.steps.has-cart .steps-item .icon.icon-ticket {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-ticket-silver.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li .icon.icon-purse,
.steps.has-cart .steps-item .icon.icon-purse {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-purse-silver.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li:before,
.steps.has-cart .steps-item:before {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 14px);
  z-index: 9;
  width: 28px;
  height: 16px;
  background-color: #FFFFFF; }
.steps.has-cart li:after,
.steps.has-cart .steps-item:after {
  position: absolute;
  top: calc(50% - 1px);
  left: calc(-50% - 2px);
  z-index: 1;
  width: 100%;
  height: 3px;
  background-color: #DCDDDE;
  content: ''; }
.steps.has-cart li.active,
.steps.has-cart .steps-item.active {
  color: #0090D4; }
.steps.has-cart li.active:after,
.steps.has-cart .steps-item.active:after {
  background-color: #0090D4; }
.steps.has-cart li.active .icon-plus-circle,
.steps.has-cart .steps-item.active .icon-plus-circle {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-plus-circle-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li.active .icon-cart,
.steps.has-cart .steps-item.active .icon-cart {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-cart-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li.active .icon-money,
.steps.has-cart .steps-item.active .icon-money {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-money-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li.active .icon-truck,
.steps.has-cart .steps-item.active .icon-truck {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-truck-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li.active .icon-box,
.steps.has-cart .steps-item.active .icon-box {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-box-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li.active .icon-store,
.steps.has-cart .steps-item.active .icon-store {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-store-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li.active .icon-ticket,
.steps.has-cart .steps-item.active .icon-ticket {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-ticket-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.steps.has-cart li.active .icon-purse,
.steps.has-cart .steps-item.active .icon-purse {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-purse-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.steps.border .steps-list {
  border-bottom: 1px solid #DCDDDE; }
.steps.border .steps-list li,
.steps.border .steps-list .steps-item {
  width: 180px;
  padding-top: 16px;
  padding-bottom: 12px;
  color: #1B1C1D;
  border-bottom: 4px solid transparent; }
.steps.border .steps-list li .number,
.steps.border .steps-list .steps-item .number {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-color: #404245;
  color: #FFFFFF;
  border-radius: 12px; }
.steps.border .steps-list li.active,
.steps.border .steps-list .steps-item.active {
  font-weight: bold;
  color: #C8D100;
  border-bottom-color: #C8D100; }
.steps.border .steps-list li.active .number,
.steps.border .steps-list .steps-item.active .number {
  background-color: #C8D100; }

.progress {
  display: block;
  width: 100%;
  height: 8px;
  margin-bottom: 8px; }

.progress[value] {
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  -webkit-animation: expandWidth 2s linear infinite;
  animation: expandWidth 2s linear infinite; }

.progress[value]::-ms-fill {
  background-color: #0090D4;
  border: 0; }

.progress[value]::-moz-progress-bar {
  background-color: #0090D4;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px; }

.progress[value]::-webkit-progress-value {
  background-color: #0090D4;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px; }

.progress[value="100"]::-moz-progress-bar {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.progress[value="100"]::-webkit-progress-value {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.progress[value]::-webkit-progress-bar {
  background-color: #F3F4F5;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); }

base::-moz-progress-bar,
.progress[value] {
  background-color: #F3F4F5;
  border-radius: 2px;
  box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); }

@media screen and (min-width: 0\0) {
  .progress {
    background-color: #F3F4F5;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); }
  .progress-bar {
    display: inline-block;
    height: 8px;
    text-indent: -999rem;
    background-color: #0090D4;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  .progress[width="100%"] {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px; } }

.progress-success[value]::-webkit-progress-value {
  background-color: #4CB648; }

.progress-success[value]::-moz-progress-bar {
  background-color: #4CB648; }

.progress-success[value]::-ms-fill {
  background-color: #4CB648; }

@media screen and (min-width: 0\0) {
  .progress-success .progress-bar {
    background-color: #4CB648; } }

.progress-info[value]::-webkit-progress-value {
  background-color: #0090D4; }

.progress-info[value]::-moz-progress-bar {
  background-color: #0090D4; }

.progress-info[value]::-ms-fill {
  background-color: #0090D4; }

@media screen and (min-width: 0\0) {
  .progress-info .progress-bar {
    background-color: #0090D4; } }

.progress-warning[value]::-webkit-progress-value {
  background-color: #FCC72C; }

.progress-warning[value]::-moz-progress-bar {
  background-color: #FCC72C; }

.progress-warning[value]::-ms-fill {
  background-color: #FCC72C; }

@media screen and (min-width: 0\0) {
  .progress-warning .progress-bar {
    background-color: #FCC72C; } }

.progress-danger[value]::-webkit-progress-value {
  background-color: #EF337B; }

.progress-danger[value]::-moz-progress-bar {
  background-color: #EF337B; }

.progress-danger[value]::-ms-fill {
  background-color: #EF337B; }

@media screen and (min-width: 0\0) {
  .progress-danger .progress-bar {
    background-color: #EF337B; } }

.alert {
  padding: 16px;
  margin-bottom: 16px;
  line-height: 24px;
  border: 1px solid transparent;
  border-radius: 2px; }
.alert::after {
  content: "";
  display: table;
  clear: both; }
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6,
.alert .h1, .alert .h2, .alert .h3, .alert .h4, .alert .h5, .alert .h6 {
  margin-top: 0; }
.alert > p,
.alert > ul {
  margin-bottom: 0; }
.alert > p + p {
  margin-top: 5px; }

.alert-sm {
  padding: 10px 16px;
  font-size: 13px;
  line-height: 22px; }

.alert-default {
  background-color: #FFFFFF;
  border-color: #DCDDDE;
  color: #6F7274; }
.alert-default hr {
  border-top-color: #cfd0d2; }

.alert-success {
  background-color: #4CB648;
  border-color: rgba(34, 36, 38, 0.15);
  color: #FFFFFF; }
.alert-success hr {
  border-top-color: rgba(22, 23, 25, 0.15); }

.alert-info {
  background-color: #E8F7FD;
  border-color: rgba(34, 36, 38, 0.15);
  color: #6F7274; }
.alert-info hr {
  border-top-color: rgba(22, 23, 25, 0.15); }

.alert-warning {
  background-color: #feecb9;
  border-color: rgba(34, 36, 38, 0.15);
  color: #5b5e5f; }
.alert-warning hr {
  border-top-color: rgba(22, 23, 25, 0.15); }

.alert-danger {
  background-color: #f3629a;
  border-color: rgba(34, 36, 38, 0.15);
  color: #FFFFFF; }
.alert-danger hr {
  border-top-color: rgba(22, 23, 25, 0.15); }

.alert-inverted {
  background-color: #1B1C1D;
  border-color: rgba(34, 36, 38, 0.15);
  color: #FFFFFF; }
.alert-inverted hr {
  border-top-color: rgba(22, 23, 25, 0.15); }

.alert-muted {
  background-color: #F3F4F5;
  border-color: #edeff0;
  color: #6F7274; }
.alert-muted hr {
  border-top-color: #e0e2e5; }

.alert-verify {
  margin-top: 32px;
  padding-top: 72px;
  padding-bottom: 72px;
  text-align: center; }
.alert-verify .icon-lock {
  margin-bottom: 16px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-lock-light.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 60px;
  height: 60px;
  font-size: 60px;
  opacity: .5; }
.alert-verify p {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  color: #6F7274; }
.alert-verify p.focus {
  font-size: 24px;
  font-weight: bold;
  color: #ED9E02; }
.alert-verify .progress {
  position: relative;
  width: 408px;
  height: 18px;
  line-height: 18px;
  margin: 32px auto 0;
  background-color: #F3F4F5;
  border-radius: 1px;
  overflow: hidden; }
.alert-verify .progress .progress-bar {
  position: absolute;
  width: 0;
  height: 100%;
  background-image: -webkit-linear-gradient(45deg, #8BC34A, #4CB648);
  background-image: -o-linear-gradient(45deg, #8BC34A, #4CB648);
  background-image: linear-gradient(45deg, #8BC34A, #4CB648);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  -webkit-transition: width .2s linear;
  -o-transition: width .2s linear;
  transition: width .2s linear; }

.alert-linebuy .icon-block {
  float: left; }

.alert-linebuy .text {
  margin-left: 120px; }

.alert-linebuy h1, .alert-linebuy h2, .alert-linebuy h3, .alert-linebuy h4, .alert-linebuy h5, .alert-linebuy h6 {
  color: #000000;
  margin-bottom: 8px; }

.alert-linebuy p {
  color: #1B1C1D; }

.message {
  margin-bottom: 16px; }

.message-avatar {
  display: inline-block;
  float: left;
  width: 64px; }

.message-content {
  position: relative;
  padding: 12px 16px;
  margin-left: 80px;
  line-height: 24px;
  border: 1px solid #DCDDDE;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.message-content .message-arrow {
  top: 32px;
  left: -9px;
  margin-top: -9px;
  border-right-color: rgba(34, 36, 38, 0.2);
  border-left-width: 0; }
.message-content .message-arrow::after {
  bottom: -8px;
  left: 1px;
  content: "";
  border-right-color: #FFFFFF;
  border-left-width: 0; }
.message-content .info {
  margin-bottom: 8px; }
.message-content .info .name {
  margin-right: 16px;
  font-weight: bold;
  color: #000000; }

.message-arrow::after,
.message-arrow::before {
  content: "";
  border-width: 8px; }

.thumbnail {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }
.thumbnail.small {
  width: 78px;
  height: 78px; }
.thumbnail.medium {
  width: 208px;
  height: 208px; }
.thumbnail.large {
  width: 360px;
  height: 360px; }

.img-rind.pull-left {
  margin-right: 8px; }

.img-seal {
  display: inline-block;
  width: 188px; }

.ad,
.adbox {
  position: relative;
  overflow: hidden; }
.ad::after,
.adbox::after {
  content: "";
  display: table;
  clear: both; }
.ad a,
.adbox a {
  display: block;
  opacity: 1; }
.ad img,
.adbox img {
  margin-bottom: 0; }

.ad-rail,
.adbox-rail {
  width: 130px;
  height: auto; }
.ad-rail.fixed,
.adbox-rail.fixed {
  top: 232px;
  right: 8px;
  z-index: 400; }
.ad-rail figure,
.adbox-rail figure {
  display: block;
  margin: 0;
  padding: 8px;
  background-color: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  text-align: center;
  overflow: hidden; }
.ad-rail figure .figure-caption,
.adbox-rail figure .figure-caption {
  margin-bottom: 4px; }
.ad-rail figure img,
.adbox-rail figure img {
  margin: 4px auto 0; }
.ad-rail .btn-close,
.adbox-rail .btn-close {
  float: right;
  color: #DCDDDE;
  background-color: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 0; }
.ad-rail .btn-close .icon-close,
.adbox-rail .btn-close .icon-close {
  margin: 4px;
  opacity: 0.6;
  width: 12px;
  height: 12px;
  font-size: 12px; }
.ad-rail .btn-close:hover,
.adbox-rail .btn-close:hover {
  background-color: #F3F4F5; }
.ad-rail .btn-close:hover .icon-close,
.adbox-rail .btn-close:hover .icon-close {
  opacity: 1; }

.chatbot-rail {
  width: 130px;
  height: auto; }
.chatbot-rail.fixed {
  bottom: 20px;
  right: 8px;
  z-index: 400; }
.chatbot-rail figure {
  display: block;
  margin: 0;
  padding: 8px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  text-align: center;
  overflow: hidden; }
.chatbot-rail figure .figure-caption {
  margin-bottom: 4px; }
.chatbot-rail figure img {
  margin: 4px auto 0; }

.ad-list a {
  display: block; }
.ad-list a + a {
  margin-top: 19px; }
@media (max-width: 1199px) {
  .ad-list a + a {
    margin-top: 11px; } }

.ad-list + .widget {
  margin-top: 21px; }
@media (max-width: 1199px) {
  .ad-list + .widget {
    margin-top: 13px; } }

.adbox-list a {
  display: block; }
.adbox-list a + a {
  margin-top: 19px; }
@media (max-width: 1199px) {
  .adbox-list a + a {
    margin-top: 11px; } }

.adbox-list + .widget {
  margin-top: 21px; }
@media (max-width: 1199px) {
  .adbox-list + .widget {
    margin-top: 13px; } }

.ad-xs,
.adbox-xs {
  margin-bottom: 16px;
  height: 64px;
  overflow: hidden; }
.ad-xs img,
.adbox-xs img {
  height: 64px; }
@media (max-width: 1199px) {
  .ad-xs,
  .adbox-xs {
    height: auto;
    overflow: hidden; }
  .ad-xs img,
  .adbox-xs img {
    height: auto; } }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 4px;
  line-height: 1; }

.figure-title {
  font-size: 13px;
  line-height: 18px;
  color: #888c8e;
  margin-bottom: 0; }
.figure-title:empty,
.figure-title a:empty {
  display: none; }

.ad-o2r {
  max-width: 1200px;
  height: 64px;
  margin-top: -15px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  background-image: url("../images/banner/o2r_AD.jpg");
  background-repeat: no-repeat;
  cursor: pointer; }

.ad-o2r-page {
  max-width: 1200px;
  height: 64px;
  margin-top: -13px;
  margin-bottom: 7px;
  margin-left: auto;
  margin-right: auto; }

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%); }
img.grayscale:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: none;
  -webkit-filter: none; }

a.grayscale img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%); }

a.grayscale:hover img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: none;
  -webkit-filter: none; }

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear; }
.fade.in {
  opacity: 1; }

.collapse {
  display: none; }
.collapse.in {
  display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height;
  -o-transition-property: height;
  transition-property: height; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 499;
  display: none;
  float: left;
  padding: 8px 0;
  margin: 0;
  font-size: 15px;
  color: #6F7274;
  text-align: left;
  list-style: none;
  background-color: #FFFFFF;
  border: 1px solid #DCDDDE;
  border-radius: 2px; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.popover-hover, .tooltip-hover {
  position: relative;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
.popover-hover:hover .popover, .tooltip-hover:hover .popover, .popover-hover:hover .tooltip, .tooltip-hover:hover .tooltip {
  display: block; }

.popover, .tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  font-family: "PingFangTC-Regular", "PingFangTC", Arial, Helvetica, "HeitiTC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.6;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 13px;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #DCDDDE;
  border-radius: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }
.popover.top, .top.tooltip, .popover.bs-tether-element-attached-bottom, .bs-tether-element-attached-bottom.tooltip {
  margin-top: -8px; }
.popover.top .popover-arrow, .top.tooltip .popover-arrow, .popover.top .message-arrow, .top.tooltip .message-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow, .bs-tether-element-attached-bottom.tooltip .popover-arrow, .popover.bs-tether-element-attached-bottom .message-arrow, .bs-tether-element-attached-bottom.tooltip .message-arrow {
  bottom: -9px;
  left: 50%;
  margin-left: -9px;
  border-top-color: rgba(34, 36, 38, 0.2);
  border-bottom-width: 0; }
.popover.top .popover-arrow::after, .top.tooltip .popover-arrow::after, .popover.top .message-arrow::after, .top.tooltip .message-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after, .bs-tether-element-attached-bottom.tooltip .popover-arrow::after, .popover.bs-tether-element-attached-bottom .message-arrow::after, .bs-tether-element-attached-bottom.tooltip .message-arrow::after {
  bottom: 1px;
  margin-left: -8px;
  content: "";
  border-top-color: #FFFFFF;
  border-bottom-width: 0; }
.popover.right, .right.tooltip, .popover.bs-tether-element-attached-left, .bs-tether-element-attached-left.tooltip {
  margin-left: 8px; }
.popover.right .popover-arrow, .right.tooltip .popover-arrow, .popover.right .message-arrow, .right.tooltip .message-arrow, .popover.bs-tether-element-attached-left .popover-arrow, .bs-tether-element-attached-left.tooltip .popover-arrow, .popover.bs-tether-element-attached-left .message-arrow, .bs-tether-element-attached-left.tooltip .message-arrow {
  top: 50%;
  left: -9px;
  margin-top: -9px;
  border-right-color: rgba(34, 36, 38, 0.2);
  border-left-width: 0; }
.popover.right .popover-arrow::after, .right.tooltip .popover-arrow::after, .popover.right .message-arrow::after, .right.tooltip .message-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after, .bs-tether-element-attached-left.tooltip .popover-arrow::after, .popover.bs-tether-element-attached-left .message-arrow::after, .bs-tether-element-attached-left.tooltip .message-arrow::after {
  bottom: -8px;
  left: 1px;
  content: "";
  border-right-color: #FFFFFF;
  border-left-width: 0; }
.popover.bottom, .bottom.tooltip, .popover.bs-tether-element-attached-top, .bs-tether-element-attached-top.tooltip {
  margin-top: 8px; }
.popover.bottom .popover-arrow, .bottom.tooltip .popover-arrow, .popover.bottom .message-arrow, .bottom.tooltip .message-arrow, .popover.bs-tether-element-attached-top .popover-arrow, .bs-tether-element-attached-top.tooltip .popover-arrow, .popover.bs-tether-element-attached-top .message-arrow, .bs-tether-element-attached-top.tooltip .message-arrow {
  top: -9px;
  left: 50%;
  margin-left: -9px;
  border-top-width: 0;
  border-bottom-color: rgba(34, 36, 38, 0.2); }
.popover.bottom .popover-arrow::after, .bottom.tooltip .popover-arrow::after, .popover.bottom .message-arrow::after, .bottom.tooltip .message-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after, .bs-tether-element-attached-top.tooltip .popover-arrow::after, .popover.bs-tether-element-attached-top .message-arrow::after, .bs-tether-element-attached-top.tooltip .message-arrow::after {
  top: 1px;
  margin-left: -8px;
  content: "";
  border-top-width: 0;
  border-bottom-color: #FFFFFF; }
.popover.bottom .popover-arrow::before, .bottom.tooltip .popover-arrow::before, .popover.bottom .message-arrow::before, .bottom.tooltip .message-arrow::before, .popover.bs-tether-element-attached-top .popover-arrow::before, .bs-tether-element-attached-top.tooltip .popover-arrow::before, .popover.bs-tether-element-attached-top .message-arrow::before, .bs-tether-element-attached-top.tooltip .message-arrow::before {
  border-top-width: 0;
  border-color: transparent; }
.popover.left, .left.tooltip, .popover.bs-tether-element-attached-right, .bs-tether-element-attached-right.tooltip {
  margin-left: -8px; }
.popover.left .popover-arrow, .left.tooltip .popover-arrow, .popover.left .message-arrow, .left.tooltip .message-arrow, .popover.bs-tether-element-attached-right .popover-arrow, .bs-tether-element-attached-right.tooltip .popover-arrow, .popover.bs-tether-element-attached-right .message-arrow, .bs-tether-element-attached-right.tooltip .message-arrow {
  top: 50%;
  right: -9px;
  margin-top: -9px;
  border-right-width: 0;
  border-left-color: rgba(34, 36, 38, 0.2); }
.popover.left .popover-arrow::after, .left.tooltip .popover-arrow::after, .popover.left .message-arrow::after, .left.tooltip .message-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after, .bs-tether-element-attached-right.tooltip .popover-arrow::after, .popover.bs-tether-element-attached-right .message-arrow::after, .bs-tether-element-attached-right.tooltip .message-arrow::after {
  right: 1px;
  bottom: -8px;
  content: "";
  border-right-width: 0;
  border-left-color: #FFFFFF; }
.popover.sm, .sm.tooltip {
  width: 320px;
  margin-left: -160px; }
.popover.md, .md.tooltip {
  width: 480px;
  margin-left: -240px; }
.popover.lg, .lg.tooltip {
  width: 800px;
  margin-left: -400px; }

.popover-title {
  padding: 8px;
  margin: 0;
  font-size: 15px;
  background-color: #F3F4F5;
  border-bottom: 1px solid #e5e7e9;
  border-radius: 2px 2px 0 0; }

.popover-content {
  padding: 8px; }
.popover-content .css-table:last-child {
  margin-bottom: 0; }

.popover-arrow, .message-arrow {
  border-width: 9px; }
.popover-arrow, .message-arrow, .popover-arrow::after, .message-arrow::after, .popover-arrow::before, .message-arrow::before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover-arrow::after, .message-arrow::after,
.popover-arrow::before,
.message-arrow::before {
  content: "";
  border-width: 8px; }

.tooltip-hover:hover > .tooltip {
  display: block; }

.tooltip {
  left: auto;
  padding: 4px 8px;
  line-height: 22px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.tooltip:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #FFFFFF;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
.tooltip.top {
  margin-top: -8px; }
.tooltip.top:after {
  left: 50%;
  bottom: -4px;
  margin-left: -4px;
  -webkit-box-shadow: -1px -1px 0 #DCDDDE inset;
  box-shadow: -1px -1px 0 #DCDDDE inset; }
.tooltip.left {
  margin-right: -8px; }
.tooltip.left:after {
  top: 50%;
  right: -4px;
  margin-top: -4px;
  -webkit-box-shadow: -1px 1px 0 #DCDDDE inset;
  box-shadow: -1px 1px 0 #DCDDDE inset; }
.tooltip.right {
  margin-left: -8px; }
.tooltip.right:after {
  top: 50%;
  left: -4px;
  margin-top: -4px;
  -webkit-box-shadow: 1px -1px 0 #DCDDDE inset;
  box-shadow: 1px -1px 0 #DCDDDE inset; }

.slider {
  position: relative;
  margin-bottom: 16px;
  overflow: hidden; }
.slider:hover .slider-arrow.left, .slider:hover .slider-arrow.bx-prev {
  left: 0; }
.slider:hover .slider-arrow.right, .slider:hover .slider-arrow.bx-next {
  right: 0; }
.slider.view-thumbnail .item a {
  border: 1px solid rgba(34, 36, 38, 0.15); }
.slider.view-thumbnail .item a.active {
  border-color: #0090D4; }
.slider.view-thumbnail .item a img {
  display: block; }
.slider.view-thumbnail .item a + a {
  margin-left: 6px; }
@media (max-width: 1199px) {
  .slider.view-thumbnail .item a {
    padding: 2px; }
  .slider.view-thumbnail .item a img {
    width: 65px;
    height: 65px; } }
.slider.view-thumbnail .slider-arrow {
  margin-top: -36px;
  padding-left: 4px;
  padding-right: 4px; }
.slider.view-thumbnail .slider-arrow .icon {
  width: 24px;
  height: 24px;
  font-size: 24px; }

.slider-view .item {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }
.slider-view .item.active {
  display: inline-block; }
.slider-view .item a {
  display: inline-block;
  opacity: 1; }
.slider-view .item .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px 24px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.55)), to(rgba(0, 0, 0, 0.9)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.9));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.9));
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.9));
  overflow: hidden; }
.slider-view .item .caption h1,
.slider-view .item .caption h2,
.slider-view .item .caption h3,
.slider-view .item .caption h4,
.slider-view .item .caption h5,
.slider-view .item .caption h6,
.slider-view .item .caption p,
.slider-view .item .caption .h1,
.slider-view .item .caption .h2,
.slider-view .item .caption .h3,
.slider-view .item .caption .h4,
.slider-view .item .caption .h5,
.slider-view .item .caption .h6 {
  margin-top: 0;
  margin-bottom: 4px;
  color: #FFFFFF;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.slider-view .item .caption p {
  margin-bottom: 0; }
.slider-view .item .caption a {
  color: #FFFFFF; }
.slider-view .item .caption a:hover, .slider-view .item .caption a:focus {
  opacity: 0.8; }

.slider-arrow {
  position: absolute;
  top: 50%;
  z-index: 299;
  margin-top: -40px;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 24px 8px;
  opacity: 0.45;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
.slider-arrow.left, .slider-arrow.bx-prev {
  left: -50px; }
.slider-arrow.right, .slider-arrow.bx-next {
  right: -50px; }
.slider-arrow .icon {
  top: 0;
  margin-left: 0;
  margin-right: 0;
  width: 32px;
  height: 32px;
  font-size: 32px; }
.slider-arrow .icon-arrow-left {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-left-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.slider-arrow .icon-arrow-right {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-right-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.slider-control {
  position: absolute;
  bottom: 10px;
  z-index: 199;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  overflow: hidden; }
.slider-control li {
  float: left; }
.slider-control a, .slider-control span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 1px;
  cursor: pointer;
  background-color: #DCDDDE;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0.9;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.slider-control a.active, .slider-control a.swiper-pagination-bullet-active, .slider-control span.active, .slider-control span.swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  margin: 0 1px;
  background-color: #0090D4;
  opacity: 1; }
.slider-control.bordered {
  position: relative;
  left: 0;
  bottom: 0;
  width: auto;
  margin-left: 0;
  text-align: left;
  border-bottom: 1px solid #DCDDDE; }
.slider-control.bordered li,
.slider-control.bordered a {
  float: left;
  width: 16.666%;
  height: auto;
  padding-top: 8px;
  padding-bottom: 4px;
  margin: 0;
  font-size: 13px;
  line-height: 1;
  text-align: center;
  border-bottom: 4px solid transparent;
  background-color: transparent;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.slider-control.bordered li:hover,
.slider-control.bordered a:hover {
  background-color: rgba(255, 255, 255, 0.8); }
.slider-control.bordered li.active,
.slider-control.bordered a.active {
  font-weight: bold;
  color: #ED9E02;
  background-color: #FFFFFF;
  border-bottom-color: #ED9E02; }
@media (max-width: 1199px) {
  .slider-control.bordered li,
  .slider-control.bordered a {
    font-size: 12px; } }

.slider-lead {
  position: relative;
  padding: 6px 0;
  border-bottom: 1px solid #0090D4;
  overflow: hidden; }
.slider-lead .title {
  margin-top: 0;
  margin-bottom: 0; }
.slider-lead .slider-control {
  bottom: 8px;
  right: 0;
  width: auto; }
.slider-lead .slider-control li, .slider-lead .slider-control span {
  margin-left: 4px; }

.js-history-slider.cell-5 .product,
.js-my-history-slider.cell-5 .product {
  width: 20%;
  float: left; }
.js-history-slider.cell-5 .product::after,
.js-my-history-slider.cell-5 .product::after {
  content: "";
  display: table;
  clear: both; }

.slider-product-view-box {
  margin-bottom: 8px; }
.slider-product-view-box .gallery-slider-view {
  display: inline;
  overflow: hidden; }
@media (min-width: 1200px) {
  .slider-product-view-box .gallery-slider-view {
    max-width: 480px;
    max-height: 480px; } }
.slider-product-view-box li {
  list-style-type: none;
  left: 0;
  right: 0;
  margin: auto;
  display: none; }
.slider-product-view-box li.active {
  display: block; }

.slider-product-pager-box {
  width: 480px;
  margin: 0 auto; }
.slider-product-pager-box .gallery-slider-view {
  width: 80px;
  height: 80px; }
.slider-product-pager-box li {
  list-style-type: none; }

.swiper-container .bx-prev {
  left: -50px;
  cursor: pointer; }

.swiper-container .bx-next {
  right: -50px;
  cursor: pointer; }

.swiper-container:hover .bx-prev.slider-arrow {
  left: 0px; }

.swiper-container:hover .bx-next.slider-arrow {
  right: 0px; }

/**
 * 首頁銀行版位
 */
.js-flop-banner-slider {
  position: relative;
  overflow: hidden;
  margin-bottom: 19px; }
.js-flop-banner-slider .icon {
  top: 0;
  margin-left: 0;
  margin-right: 0;
  width: 16px;
  height: 16px;
  font-size: 16px; }
.js-flop-banner-slider .bx-prev,
.js-flop-banner-slider .bx-next {
  position: absolute;
  top: 32%;
  margin: 0;
  padding: 16px 4px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 2; }
.js-flop-banner-slider .bx-prev {
  left: -30px; }
.js-flop-banner-slider .bx-prev .icon-arrow-left {
  background-image: url(/public/images/icons/icon-arrow-left-white.svg); }
.js-flop-banner-slider .bx-next {
  right: -30px; }
.js-flop-banner-slider .bx-next .icon-arrow-right {
  background-image: url(/public/images/icons/icon-arrow-right-white.svg); }
.js-flop-banner-slider:hover .bx-prev {
  left: 0; }
.js-flop-banner-slider:hover .bx-next {
  right: 0; }
.js-flop-banner-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  width: auto;
  position: absolute;
  bottom: 0px;
  padding: 2px 8px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.45); }
.js-flop-banner-slider.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 1px 4px;
  cursor: pointer;
  background-color: #dcddde;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-indent: -9999px;
  opacity: 1; }
.js-flop-banner-slider.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  margin: 0 1px;
  background-color: #0090d4; }

.js-livenews-gallery-slider {
  position: relative; }
.js-livenews-gallery-slider .swiper-pagination.swiper-pagination-bullets {
  width: 25%;
  position: absolute;
  right: 0;
  left: auto;
  bottom: 16px; }
.js-livenews-gallery-slider .swiper-pagination-bullet {
  padding: 4px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  cursor: pointer;
  background-color: #c7c9ca;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-indent: -9999px;
  opacity: 0.9; }
.js-livenews-gallery-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  background-color: #0090D4;
  opacity: 1; }

@media all and (-ms-high-contrast: none) {
  /* IE10 */
  .swiper-lazy-preloader {
    visibility: hidden; }
  /* IE11 */
  *::-ms-backdrop, .swiper-lazy-preloader {
    visibility: hidden; } }

/** 影片輪播標題遮罩 */
.yt-link {
  display: block; }

.yt-alpha {
  width: 100%;
  height: 86%;
  background-image: url("/public/images/alpha_1px.png");
  position: absolute; }

.slider-range {
  margin-top: 4px;
  margin-bottom: 8px; }

.slider-range-input {
  overflow: hidden; }
.slider-range-input input,
.slider-range-input span {
  float: left; }
.slider-range-input input.range {
  width: 32%;
  padding: 4px 6px;
  font-size: 13px;
  line-height: 22px; }
.slider-range-input input.range.min {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0; }
.slider-range-input input.range.max {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0; }
@media screen and (min-width: 0\0) {
  .slider-range-input input.range {
    height: 32px; } }
.slider-range-input span.divider {
  height: 32px;
  padding: 8px 4px 0;
  margin: 0;
  color: #FFFFFF;
  background-color: #A2A5A7; }
.slider-range-input .btn {
  float: right; }
@media (max-width: 1199px) {
  .slider-range-input .btn-sm {
    padding-left: 0;
    padding-right: 0;
    width: 40px; } }

.ui-slider {
  position: relative;
  text-align: left;
  /* support: IE8 */ }
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
  filter: inherit; }

.ui-slider-range {
  display: block;
  position: absolute;
  z-index: 1;
  font-size: 15px; }

.ui-widget-content {
  background-color: #DCDDDE; }
.ui-widget-content .ui-widget-header {
  background-color: #55c8ff; }

.ui-slider-horizontal {
  height: 16px; }
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }
.ui-slider-horizontal .ui-slider-range.ui-slider-range-min {
  left: 0; }
.ui-slider-horizontal .ui-slider-range.ui-slider-range-max {
  right: 0; }

.ui-slider-handle {
  position: absolute;
  z-index: 10;
  top: -2px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none; }
.ui-slider-handle:last-child {
  margin-left: -20px; }
.ui-slider-handle.ui-state-default {
  background-color: #0090D4; }
.ui-slider-handle:focus {
  outline: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0; }

.ui-corner-all {
  border-radius: 2px; }

.marquee {
  position: relative;
  z-index: 99;
  padding: 16px;
  background-color: #F3F4F5; }

.marquee-inner .item {
  width: 100%; }

.marquee-inner .title,
.marquee-inner .desc {
  float: left;
  line-height: 18px; }

.marquee-inner .title {
  margin-left: 24px;
  margin-right: 8px; }

.marquee-inner .desc {
  width: calc(100% - 144px);
  color: #0090D4; }

.swiper-container.js-slider-marquee {
  height: 50px; }
.swiper-container.js-slider-marquee .item {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
.swiper-container.js-slider-marquee .item.swiper-slide-active {
  opacity: 1; }

.marquee-arrow {
  position: absolute;
  z-index: 299;
  color: #DCDDDE;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
.marquee-arrow:hover {
  color: #0090D4; }
.marquee-arrow.left, .marquee-arrow.bx-prev {
  left: 16px; }
.marquee-arrow.right, .marquee-arrow.bx-next {
  right: 16px; }
.marquee-arrow .icon-arrow-left,
.marquee-arrow .icon-arrow-right {
  width: 13px;
  height: 13px;
  font-size: 13px; }

.js-slider-marquee .bx-wrapper {
  background-color: transparent; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3100;
  display: none;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch; }
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%); }
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 80px;
  margin-bottom: 80px;
  margin-left: -320px;
  width: 640px; }
.modal-dialog.modal-sm {
  margin-left: -240px; }
.modal-dialog.modal-md {
  margin-left: -320px; }
.modal-dialog.modal-lg {
  margin-left: -440px; }
.modal-dialog.modal-xl {
  margin-left: -600px; }
.modal-dialog.productImgBox .modal-header {
  padding: 0;
  margin: 0; }
.modal-dialog.productImgBox .modal-header .btn-close,
.modal-dialog.productImgBox .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3110;
  width: 40px;
  height: 40px;
  background-color: rgba(27, 28, 29, 0.6);
  border-radius: 0; }
.modal-dialog.productImgBox .modal-header .btn-close .icon-close,
.modal-dialog.productImgBox .modal-header .close .icon-close {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-close-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.modal-dialog.indexBanner {
  width: 960px;
  height: 500px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }
.modal-dialog.indexBanner .modal-header {
  padding: 0; }
.modal-dialog.indexBanner .modal-header .btn-close,
.modal-dialog.indexBanner .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3110;
  width: 40px;
  height: 40px;
  background-color: rgba(27, 28, 29, 0.6); }
.modal-dialog.indexBanner .modal-header .btn-close .icon-close,
.modal-dialog.indexBanner .modal-header .close .icon-close {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-close-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.modal-dialog.indexBanner .modal-body {
  padding: 0; }
.modal-dialog.indexBanner .modal-body a {
  display: block; }
.modal-dialog.indexBanner .showimage {
  width: 100%;
  max-width: 100%; }

.modal-content {
  position: relative;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border-radius: 2px;
  -webkit-box-shadow: 0 20px 24px rgba(27, 28, 29, 0.4);
  box-shadow: 0 20px 24px rgba(27, 28, 29, 0.4);
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3000;
  background-color: #000000; }
.modal-backdrop.fade {
  opacity: 0; }
.modal-backdrop.in {
  opacity: 0.6; }

.modal-header {
  position: relative;
  padding: 32px 24px 0;
  text-align: center; }
.modal-header::after {
  content: "";
  display: table;
  clear: both; }
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6,
.modal-header .h1,
.modal-header .h2,
.modal-header .h3,
.modal-header .h4,
.modal-header .h5,
.modal-header .h6 {
  margin-top: 0;
  margin-bottom: 0; }
.modal-header + .modal-body {
  padding-top: 12px; }
.modal-header .btn-close,
.modal-header .close {
  display: block;
  position: absolute;
  top: 32px;
  right: 24px;
  z-index: 3110;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
.modal-header .btn-close .icon-close,
.modal-header .close .icon-close {
  margin-left: 0;
  margin-right: 0;
  width: 20px;
  height: 20px;
  font-size: 20px;
  opacity: 0.8; }
.modal-header a.underline.inverted {
  font-size: 15px;
  margin-left: 16px; }
.modal-header a.underline.inverted .icon-info-circle {
  top: -1px; }

.modal-body {
  position: relative;
  padding: 24px; }
.modal-body .normal-title {
  border-bottom: 2px solid #C8D100;
  margin-bottom: 16px; }
.modal-body .normal-title h4 {
  padding-top: 2px;
  padding-bottom: 8px;
  margin-bottom: 0; }
.modal-body .normal-title.product-description-title h1,
.modal-body .normal-title.product-description-title .h1 {
  font-size: 18px;
  padding-top: 2px;
  padding-bottom: 8px;
  margin-bottom: 0;
  line-height: 1.1; }
.modal-body .btn-close {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 8px 16px;
  background-color: #FFFFFF; }
.modal-body .btn-close .icon-close {
  width: 18px;
  height: 18px;
  font-size: 18px;
  top: -1px;
  margin-left: 4px;
  margin-right: 0; }
.modal-body .btn-close:hover, .modal-body .btn-close:focus {
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none; }
.modal-body .btn-close:hover .icon-close, .modal-body .btn-close:focus .icon-close {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-close-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.modal-body .btn-group.spacing.top {
  margin-bottom: 0; }
.modal-body + .modal-footer {
  padding-top: 0; }
.modal-body .font-bold {
  color: #1B1C1D; }
.modal-body .font-bold .icon {
  margin-right: 8px; }
.modal-body .font-bold .icon-bag {
  top: -2px; }
.modal-body .row.striped span {
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px solid #F3F4F5;
  color: #6F7274; }
.modal-body .row.striped + .has-type-disc {
  margin-top: 16px;
  margin-left: 20px; }
.modal-body.plump {
  padding-left: 40px;
  padding-right: 40px; }
.modal-body .app-icon {
  margin-left: 16px;
  margin-bottom: 16px;
  border: 1px solid #F3F4F5;
  border-radius: 16px;
  width: 72px;
  height: 72px;
  font-size: 72px; }

.modal-footer {
  padding: 24px 24px 32px;
  text-align: center; }
.modal-footer::after {
  content: "";
  display: table;
  clear: both; }
.modal-footer .btn + .btn {
  margin-left: 8px; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.modal-sm {
  width: 480px; }

.modal-md {
  width: 640px; }

.modal-lg {
  width: 880px; }

.modal-xl {
  width: 1200px; }

.location-modal .modal-header {
  padding: 16px 16px 8px; }
.location-modal .modal-header .btn-close {
  top: 12px;
  right: 12px; }

.location-modal .modal-body {
  padding: 2px; }
.location-modal .modal-body .map-view {
  min-height: 400px !important;
  height: 400px !important; }

.product-modal .modal-header {
  padding: 8px 16px; }
.product-modal .modal-header .title {
  float: left;
  margin-top: 8px; }
.product-modal .modal-header .title:empty {
  display: none; }
.product-modal .modal-header .btn-close,
.product-modal .modal-header .close {
  float: right;
  position: relative;
  top: auto;
  right: auto;
  color: #0090D4;
  font-size: 1rem;
  line-height: 24px;
  text-align: right; }
.product-modal .modal-header .btn-close span,
.product-modal .modal-header .btn-close i,
.product-modal .modal-header .close span,
.product-modal .modal-header .close i {
  vertical-align: middle; }
.product-modal .modal-header .btn-close .icon,
.product-modal .modal-header .close .icon {
  margin-left: 8px;
  margin-right: 0; }
.product-modal .modal-header .btn-close .icon-close,
.product-modal .modal-header .close .icon-close {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-close-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.product-modal .modal-body {
  padding: 12px 24px 16px; }
.product-modal .modal-body .btn-group {
  margin-top: 8px; }
.product-modal .modal-body .btn-query-outline {
  font-size: 1rem;
  line-height: 24px; }

.product-modal .detail-images,
.product-modal .detail-intro {
  margin-bottom: 16px; }

.product-modal .detail-images a {
  display: block; }

.product-modal .slider.view-thumbnail .item a img {
  width: 100%;
  height: 100%;
  max-width: 88px;
  max-height: 88px; }

.product-modal .product-title {
  margin-top: 8px;
  font-size: 24px;
  line-height: 34px; }

.product-modal .product-type {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #DCDDDE; }
.product-modal .product-type .label:after {
  content: "："; }
.product-modal .product-type .label:empty:after {
  content: ""; }

.product-modal .product-desc {
  font-size: 13px;
  line-height: 22px; }

.product-modal .product-extra {
  color: #F61A13;
  font-weight: bold; }

@media (min-width: 768px) {
  .product-modal .detail-images {
    float: left;
    width: 50%; }
  .product-modal .detail-intro {
    float: right;
    width: 50%;
    padding-left: 24px; } }

@media (max-width: 991px) {
  .product-modal .modal-dialog {
    left: 0;
    width: calc(100% - 48px);
    margin: 24px; }
  .product-modal .nav-tabs-product .nav-tabs-list .nav-tabs-item {
    float: left;
    width: calc(33.333% - 2px); }
  .product-modal .nav-tabs-product .nav-tabs-list .nav-tabs-item + .nav-tabs-item {
    margin-left: 3px; }
  .product-modal .nav-tabs-product .nav-link {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 13px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; } }

@media (min-width: 992px) {
  .product-modal .modal-dialog {
    width: 960px;
    margin-left: -480px; }
  .product-modal .modal-header .btn-close,
  .product-modal .modal-header .close {
    padding: 8px 16px;
    background-color: #F3F4F5; }
  .product-modal .modal-body {
    height: 600px;
    overflow: hidden;
    overflow-y: auto; }
  .product-modal .product-title {
    margin-top: 0;
    font-size: 30px;
    line-height: 40px; }
  .product-modal .product-desc {
    font-size: 15px;
    line-height: 24px; }
  .product-modal .product-extra {
    font-size: 18px;
    line-height: 28px; } }

#inline-bs-modal-img {
  z-index: 3101; }

#gov_envir .modal-sm {
  width: 300px;
  margin-left: -155px;
  margin-top: 150px; }

#gov_envir .modal-sm img {
  /*margin: 35px 20px 25px 27px;*/
  margin: 20px 20px 10px 40px;
  width: 60%; }

@media screen and (max-height: 680px) {
  #gov_envir .modal-sm {
    margin-top: 73px; } }

@media (max-width: 1199px) {
  .col-md-5 .panel,
  .col-md-5 .menu-list-panel,
  .col-md-5 .widget,
  .col-md-5 .btn-group.cube,
  .col-md-5 .ad-list,
  .col-md-5 .adbox-list {
    margin-right: 16px; } }

@media (min-width: 1200px) {
  .col-md-5 .panel,
  .col-md-5 .menu-list-panel,
  .col-md-5 .widget,
  .col-md-5 .btn-group.cube,
  .col-md-5 .ad-list,
  .col-md-5 .adbox-list {
    margin-right: 24px; } }

.adbox-list .icon-item a {
  color: #6F7274;
  padding: 13px 16px;
  font-size: 15px;
  line-height: 24px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
@media (max-width: 1199px) {
  .adbox-list .icon-item a {
    font-size: 14px; } }

.adbox-list .icon-item > .item-name {
  background: #FFFFFF;
  position: relative;
  z-index: 1100;
  width: 100%;
  font-weight: bold;
  border: 1px solid #DCDDDE; }
.adbox-list .icon-item > .item-name .icon {
  top: -1px; }
@media (max-width: 1199px) {
  .adbox-list .icon-item > .item-name {
    padding: 10px 14px; }
  .adbox-list .icon-item > .item-name .icon {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    font-size: 20px; } }
@media (min-width: 1200px) {
  .adbox-list .icon-item > .item-name .icon {
    margin-right: 12px;
    width: 22px;
    height: 22px;
    font-size: 22px; } }

.adbox-list .icon-item:hover, .adbox-list .icon-item:focus, .adbox-list .icon-item:active {
  background: #0090D4;
  border-right: 0; }
.adbox-list .icon-item:hover .icon-cate-brand, .adbox-list .icon-item:focus .icon-cate-brand, .adbox-list .icon-item:active .icon-cate-brand {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-crown-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.adbox-list .icon-item:hover .icon-cate-a, .adbox-list .icon-item:focus .icon-cate-a, .adbox-list .icon-item:active .icon-cate-a {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-hot-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.adbox-list .icon-item:hover .icon-cate-b, .adbox-list .icon-item:focus .icon-cate-b, .adbox-list .icon-item:active .icon-cate-b {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-phone-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.adbox-list .icon-item:hover .icon-cate-c, .adbox-list .icon-item:focus .icon-cate-c, .adbox-list .icon-item:active .icon-cate-c {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-headset-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.adbox-list .icon-item:hover .icon-cate-d, .adbox-list .icon-item:focus .icon-cate-d, .adbox-list .icon-item:active .icon-cate-d {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-pc-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.adbox-list .icon-item:hover .icon-cate-e, .adbox-list .icon-item:focus .icon-cate-e, .adbox-list .icon-item:active .icon-cate-e {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-tv-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.adbox-list .icon-item:hover .icon-cate-f, .adbox-list .icon-item:focus .icon-cate-f, .adbox-list .icon-item:active .icon-cate-f {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-appliances-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.adbox-list .icon-item:hover .icon-cate-g, .adbox-list .icon-item:focus .icon-cate-g, .adbox-list .icon-item:active .icon-cate-g {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-car-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.adbox-list .icon-item:hover .icon-cate-h, .adbox-list .icon-item:focus .icon-cate-h, .adbox-list .icon-item:active .icon-cate-h {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-drug-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.adbox-list .icon-item:hover .icon-cate-i, .adbox-list .icon-item:focus .icon-cate-i, .adbox-list .icon-item:active .icon-cate-i {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-ticket-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.adbox-list .icon-item:hover .icon-cate-j, .adbox-list .icon-item:focus .icon-cate-j, .adbox-list .icon-item:active .icon-cate-j {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-forcer-color.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.adbox-list .icon-item:hover > .item-name, .adbox-list .icon-item:focus > .item-name, .adbox-list .icon-item:active > .item-name {
  opacity: 1;
  color: #FFFFFF;
  background: #0090D4; }
.adbox-list .icon-item:hover > .item-name .icon-simcard, .adbox-list .icon-item:focus > .item-name .icon-simcard, .adbox-list .icon-item:active > .item-name .icon-simcard {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-simcard-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.adbox-list .icon-item:hover .menu-sub, .adbox-list .icon-item:focus .menu-sub, .adbox-list .icon-item:active .menu-sub {
  display: block; }

.statistic {
  text-align: center; }
.statistic .value,
.statistic .value-mute {
  position: relative;
  margin-right: 4px;
  font-size: 36px;
  line-height: 40px;
  vertical-align: middle; }
.statistic span.value {
  top: -2px; }
.statistic .label + .value {
  top: 0;
  margin-right: 0; }
.statistic .text-muted {
  font-size: 13px; }
.statistic li {
  padding-top: 20px;
  padding-bottom: 18px; }
.statistic p {
  margin-bottom: 0; }
.statistic .has-button {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #ED9E02;
  color: #FFFFFF;
  vertical-align: middle; }
.statistic .has-button .icon-ticket {
  margin: 4px auto;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-ticket-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 30px;
  height: 30px;
  font-size: 30px; }
.statistic .has-button a {
  color: #FFFFFF; }
.statistic .tooltip-hover {
  margin-left: 8px; }
.statistic .tooltip-hover:hover {
  background-color: #FFFFFF; }
.statistic .tooltip-hover:hover .icon-money {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-money-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.statistic .tooltip-hover .price {
  margin-left: 2px;
  margin-right: 2px; }
.statistic .tooltip-hover .icon {
  top: -1px;
  width: 20px;
  height: 20px;
  font-size: 20px; }
.statistic .tooltip-hover .tooltip.right {
  top: -4px;
  left: 36px; }
.statistic .css-table {
  margin-bottom: 0; }
.statistic .css-table .css-th {
  padding-top: 0;
  padding-bottom: 0; }
.statistic .css-table .css-td {
  padding-bottom: 0; }

.collapse-switch {
  position: relative; }
.collapse-switch .btn-switch {
  left: 0;
  right: auto;
  font-size: 13px;
  font-weight: bold; }
.collapse-switch .btn-switch .icon {
  margin-right: 4px;
  width: 13px;
  height: 13px;
  font-size: 13px; }
.collapse-switch .btn-switch[aria-expanded='true'] .icon-plus-square-outline {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-minus-square.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.collapse-switch .btn-switch[aria-expanded='true'] .label {
  display: none; }

.total::after {
  content: "";
  display: table;
  clear: both; }

.total .total-item {
  margin-bottom: 2px;
  line-height: 24px;
  overflow: hidden; }
.total .total-item .label,
.total .total-item .price,
.total .total-item .money,
.total .total-item .text-muted {
  margin-right: 8px; }
.total .total-item .price,
.total .total-item .money {
  min-width: 120px;
  margin-left: 8px;
  font-weight: bold; }
.total .total-item .text-muted .money,
.total .total-item .text-muted .price {
  margin-left: 4px;
  margin-right: 4px;
  font-size: 1rem; }
.total .total-item + .amount {
  padding-top: 16px;
  border-top: 1px solid #DCDDDE; }

.total .amount {
  padding-bottom: 16px;
  margin-top: 16px; }
.total .amount::after {
  content: "";
  display: table;
  clear: both; }
.total .amount .price {
  font-size: 18px; }
.total .amount + .bonus {
  margin-top: -16px; }

.total .bonus {
  padding-bottom: 16px; }

.total .sum {
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px dotted #DCDDDE; }
.total .sum .price {
  font-size: 22px; }

.total.pull-left {
  text-align: left; }

.total.offset {
  text-align: right; }
.total.offset::after {
  content: "";
  display: table;
  clear: both; }
.total.offset .total-item {
  margin-left: 60%; }

.total.horizontal {
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #F3F4F5;
  text-align: right; }
.total.horizontal .divider {
  display: block; }
.total.horizontal .total-item {
  display: inline-block; }
.total.horizontal .total-item + .total-item {
  margin-left: 16px; }
.total.horizontal .total-item .label,
.total.horizontal .total-item .price {
  margin-right: 0; }
.total.horizontal .total-item .price {
  min-width: 0;
  margin-left: 0;
  font-weight: normal; }
.total.horizontal .total-item:last-child {
  margin-right: 8px;
  font-weight: bold; }
.total.horizontal .total-item:last-child .price {
  font-size: 18px;
  font-weight: bold; }

.total.horizontal-single {
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #F3F4F5;
  text-align: right; }
.total.horizontal-single .total-item {
  display: inline-block; }
.total.horizontal-single .total-item + .total-item {
  margin-left: 16px; }
.total.horizontal-single .total-item .checkbox-label {
  color: #1B1C1D; }
.total.horizontal-single .total-item .label,
.total.horizontal-single .total-item .price {
  margin-right: 0; }
.total.horizontal-single .total-item .price {
  min-width: 0;
  margin-left: 0;
  font-weight: normal; }
.total.horizontal-single .total-item.row-last {
  margin-right: 8px;
  font-weight: bold; }
.total.horizontal-single .total-item.row-last .price {
  font-size: 18px;
  font-weight: bold; }
.total.horizontal-single .total-item:last-child {
  margin-right: 8px;
  font-weight: bold; }
.total.horizontal-single .total-item:last-child .price {
  font-size: 24px;
  font-weight: bold; }

.total.billboard {
  padding-top: 28px;
  padding-bottom: 28px;
  margin-bottom: 16px;
  background-color: #E8F7FD;
  border: 1px solid rgba(34, 36, 38, 0.15);
  text-align: center; }
.total.billboard .divider {
  display: inline-block;
  width: 24px; }
.total.billboard .total-item {
  display: inline-block;
  vertical-align: middle; }
.total.billboard .total-item .label,
.total.billboard .total-item .price {
  display: block;
  margin-left: 0;
  margin-right: 0; }
.total.billboard .total-item .label {
  margin-bottom: 6px; }
.total.billboard .total-item .price {
  width: auto;
  margin-right: 0;
  font-size: 18px;
  font-weight: normal; }
@media (max-width: 1199px) {
  .total.billboard .total-item .price {
    min-width: 100px; } }
.total.billboard .total-item:last-child {
  font-weight: bold;
  width: 160px; }
@media (max-width: 1199px) {
  .total.billboard .total-item:last-child {
    width: auto; } }
.total.billboard .total-item:last-child .price {
  font-size: 24px;
  font-weight: bold; }

.discount-price .label {
  display: block;
  margin-right: 8px;
  color: #1B1C1D;
  font-size: 12px;
  line-height: 13px;
  text-align: right; }

.info {
  overflow: hidden; }
.info::after {
  content: "";
  display: table;
  clear: both; }
.info h1,
.info h2,
.info h3,
.info h4,
.info h5,
.info h6,
.info .h1,
.info .h2,
.info .h3,
.info .h4,
.info .h5,
.info .h6,
.info .title {
  margin-top: 0;
  margin-bottom: 8px; }
.info h1 a,
.info h2 a,
.info h3 a,
.info h4 a,
.info h5 a,
.info h6 a,
.info .h1 a,
.info .h2 a,
.info .h3 a,
.info .h4 a,
.info .h5 a,
.info .h6 a,
.info .title a {
  color: #1B1C1D;
  text-decoration: underline; }
.info h1 a:hover,
.info h2 a:hover,
.info h3 a:hover,
.info h4 a:hover,
.info h5 a:hover,
.info h6 a:hover,
.info .h1 a:hover,
.info .h2 a:hover,
.info .h3 a:hover,
.info .h4 a:hover,
.info .h5 a:hover,
.info .h6 a:hover,
.info .title a:hover {
  color: #0090D4; }
.info .title {
  color: #1B1C1D; }
.info .type {
  font-size: 13px;
  line-height: 22px; }
.info .discount {
  overflow: hidden; }
.info .discount .event p,
.info .discount .exclude p {
  font-size: 12px;
  line-height: 22px; }
.info .discount .event .tag,
.info .discount .exclude .tag {
  margin-bottom: 6px; }
.info .discount .event .tag-mini,
.info .discount .exclude .tag-mini {
  width: 68px;
  padding: 1px 4px; }
.info .discount .event .tag-primary-outline + .text,
.info .discount .exclude .tag-primary-outline + .text {
  color: #0090D4;
  font-weight: bold; }
.info .discount .event .tag-event + .text,
.info .discount .exclude .tag-event + .text {
  color: #F61A13; }
.info .discount .event .text,
.info .discount .exclude .text {
  width: calc(100% - 80px);
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.info .discount .event .tag-mini,
.info .discount .event .text,
.info .discount .exclude .tag-mini,
.info .discount .exclude .text {
  vertical-align: top; }
.info .discount .coupon {
  margin-top: 4px;
  margin-bottom: 4px;
  display: inline-block;
  width: 90%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.info .discount .coupon .label {
  width: 68px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  line-height: 32px;
  background-color: #f3629a;
  text-align: center;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px; }
.info .discount .coupon .icon-ticket {
  top: -1px;
  margin-right: 4px;
  width: 13px;
  height: 13px;
  font-size: 13px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-ticket-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.info .discount .coupon select {
  width: 75%;
  max-width: 368px;
  border-color: #afb2b3;
  border-left: 0;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0; }
.info .discount .coupon select.select-sm {
  font-size: 12px; }
.info .discount .coupon .warning {
  color: #EF337B;
  font-size: 12px;
  font-weight: bold; }
.info .discount .exclude p {
  color: #E64894;
  font-weight: bold; }
.info .date,
.info time {
  font-size: 13px;
  color: #6F7274; }

.rainbow.brand .item > h4 {
  padding-left: 24px;
  color: #61C0FF;
  border-left: 8px solid #61C0FF; }
.rainbow.brand .item > h4 a {
  color: #61C0FF; }

.rainbow.brand .item > .list-group a:hover {
  color: #61C0FF; }

.rainbow .category-item:nth-child(1) .icon {
  color: #B81C22; }

.rainbow .item:nth-child(1) > h4 {
  padding-left: 24px;
  color: #B81C22;
  border-left: 8px solid #B81C22; }
.rainbow .item:nth-child(1) > h4 a {
  color: #B81C22; }

.rainbow .item:nth-child(1) > .list-group a:hover {
  color: #B81C22; }

.rainbow .category-item:nth-child(2) .icon {
  color: #004D98; }

.rainbow .item:nth-child(2) > h4 {
  padding-left: 24px;
  color: #004D98;
  border-left: 8px solid #004D98; }
.rainbow .item:nth-child(2) > h4 a {
  color: #004D98; }

.rainbow .item:nth-child(2) > .list-group a:hover {
  color: #004D98; }

.rainbow .category-item:nth-child(3) .icon {
  color: #EEA35C; }

.rainbow .item:nth-child(3) > h4 {
  padding-left: 24px;
  color: #EEA35C;
  border-left: 8px solid #EEA35C; }
.rainbow .item:nth-child(3) > h4 a {
  color: #EEA35C; }

.rainbow .item:nth-child(3) > .list-group a:hover {
  color: #EEA35C; }

.rainbow .category-item:nth-child(4) .icon {
  color: #DC4690; }

.rainbow .item:nth-child(4) > h4 {
  padding-left: 24px;
  color: #DC4690;
  border-left: 8px solid #DC4690; }
.rainbow .item:nth-child(4) > h4 a {
  color: #DC4690; }

.rainbow .item:nth-child(4) > .list-group a:hover {
  color: #DC4690; }

.rainbow .category-item:nth-child(5) .icon {
  color: #889DFF; }

.rainbow .item:nth-child(5) > h4 {
  padding-left: 24px;
  color: #889DFF;
  border-left: 8px solid #889DFF; }
.rainbow .item:nth-child(5) > h4 a {
  color: #889DFF; }

.rainbow .item:nth-child(5) > .list-group a:hover {
  color: #889DFF; }

.rainbow .category-item:nth-child(6) .icon {
  color: #FF8B9B; }

.rainbow .item:nth-child(6) > h4 {
  padding-left: 24px;
  color: #FF8B9B;
  border-left: 8px solid #FF8B9B; }
.rainbow .item:nth-child(6) > h4 a {
  color: #FF8B9B; }

.rainbow .item:nth-child(6) > .list-group a:hover {
  color: #FF8B9B; }

.rainbow .category-item:nth-child(7) .icon {
  color: #BA4AE7; }

.rainbow .item:nth-child(7) > h4 {
  padding-left: 24px;
  color: #BA4AE7;
  border-left: 8px solid #BA4AE7; }
.rainbow .item:nth-child(7) > h4 a {
  color: #BA4AE7; }

.rainbow .item:nth-child(7) > .list-group a:hover {
  color: #BA4AE7; }

.rainbow .category-item:nth-child(8) .icon {
  color: #45B035; }

.rainbow .item:nth-child(8) > h4 {
  padding-left: 24px;
  color: #45B035;
  border-left: 8px solid #45B035; }
.rainbow .item:nth-child(8) > h4 a {
  color: #45B035; }

.rainbow .item:nth-child(8) > .list-group a:hover {
  color: #45B035; }

.rainbow .category-item:nth-child(9) .icon {
  color: #FF6800; }

.rainbow .item:nth-child(9) > h4 {
  padding-left: 24px;
  color: #FF6800;
  border-left: 8px solid #FF6800; }
.rainbow .item:nth-child(9) > h4 a {
  color: #FF6800; }

.rainbow .item:nth-child(9) > .list-group a:hover {
  color: #FF6800; }

.rainbow .category-item:nth-child(10) .icon {
  color: #09B4B4; }

.rainbow .item:nth-child(10) > h4 {
  padding-left: 24px;
  color: #09B4B4;
  border-left: 8px solid #09B4B4; }
.rainbow .item:nth-child(10) > h4 a {
  color: #09B4B4; }

.rainbow .item:nth-child(10) > .list-group a:hover {
  color: #09B4B4; }

.rainbow .category-item:nth-child(11) .icon {
  color: #0089C0; }

.rainbow .item:nth-child(11) > h4 {
  padding-left: 24px;
  color: #0089C0;
  border-left: 8px solid #0089C0; }
.rainbow .item:nth-child(11) > h4 a {
  color: #0089C0; }

.rainbow .item:nth-child(11) > .list-group a:hover {
  color: #0089C0; }

.rainbow .category-item:nth-child(12) .icon {
  color: #433783; }

.rainbow .item:nth-child(12) > h4 {
  padding-left: 24px;
  color: #433783;
  border-left: 8px solid #433783; }
.rainbow .item:nth-child(12) > h4 a {
  color: #433783; }

.rainbow .item:nth-child(12) > .list-group a:hover {
  color: #433783; }

.rainbow.brand .item h4 {
  border-left: 8px solid #61C0FF; }
.rainbow.brand .item h4 a {
  color: #61C0FF; }

.rainbow.brand .item .list-group a:hover {
  color: #61C0FF; }

.btn-gotop {
  display: none;
  position: fixed;
  right: calc(50% - 656px);
  bottom: 10%;
  z-index: 499;
  width: 40px;
  height: 40px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: rgba(27, 28, 29, 0.3);
  text-align: center; }
@media (max-width: 1199px) {
  .btn-gotop {
    right: calc(50% - 532px); } }
.btn-gotop:hover, .btn-gotop:focus, .btn-gotop:active {
  color: #FFFFFF;
  background-color: rgba(27, 28, 29, 0.7); }
.btn-gotop .icon-arrow-up {
  margin-top: 5px;
  width: 16px;
  height: 16px;
  font-size: 16px; }

.btn-chatbot {
  width: 130px;
  height: auto;
  right: calc(50% - 706px);
  bottom: 8%;
  z-index: 499; }
@media (max-width: 1199px) {
  .btn-chatbot {
    right: calc(50% - 584px); } }
.btn-chatbot figure {
  display: block;
  margin: 0;
  padding: 8px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  text-align: center;
  overflow: hidden; }
.btn-chatbot figure .figure-caption {
  margin-bottom: 4px; }
.btn-chatbot figure img {
  margin: 4px auto 0; }

@media screen and (max-height: 800px) {
  .btn-chatbot {
    bottom: 6%; } }

.browser-upgrade {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9300;
  background: rgba(27, 28, 29, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000, endColorstr=#C8000000);
  zoom: 1; }
.browser-upgrade .ui-window {
  position: relative;
  width: 816px;
  height: 432px;
  margin: 64px auto;
  padding: 48px 40px;
  background: #FFFFFF url(/public/images/ie/img-browser-alert-bg.png) no-repeat 100% 100%;
  overflow: hidden;
  /* ie7 box model bug */
  *width: 736px;
  *height: 336px; }
.browser-upgrade .btn-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3110;
  cursor: pointer; }
.browser-upgrade .btn-close .icon-close {
  background: #FFFFFF url(/public/images/ie/img-browser-alert-close.png) no-repeat 0 0; }
.browser-upgrade .btn-close:hover {
  opacity: 0.7;
  filter: alpha(opacity=70); }
.browser-upgrade .caption {
  font-size: 30px;
  line-height: 40px;
  margin-top: 2px;
  margin-bottom: 16px;
  color: #0090D4; }
.browser-upgrade .content {
  width: 488px; }
.browser-upgrade .content .nav-link {
  padding-left: 4px;
  padding-right: 4px;
  color: #1B1C1D;
  font-weight: bold; }
.browser-upgrade .content .nav-link:hover {
  color: #0090D4; }
.browser-upgrade .content p {
  font-size: 16px;
  line-height: 28px;
  color: #6F7274; }
.browser-upgrade .btn-group {
  margin-top: 20px;
  text-align: left; }
.browser-upgrade .btn-group .btn {
  width: 136px;
  height: 136px;
  padding: 0;
  color: #6F7274;
  font-size: 13px;
  font-weight: normal;
  border: 1px solid #DCDDDE;
  text-align: center; }
.browser-upgrade .btn-group .btn:hover, .browser-upgrade .btn-group .btn:active, .browser-upgrade .btn-group .btn:focus {
  color: #0090D4;
  background-color: #FFFFFF;
  border-color: #0090D4;
  opacity: 1; }
.browser-upgrade .btn-group .btn + .btn {
  margin-left: 16px; }
.browser-upgrade .btn-group .icon {
  display: block;
  margin: 28px auto 12px; }

header {
  margin-bottom: 16px; }
header::after {
  content: "";
  display: table;
  clear: both; }
header.o2r-model {
  margin-bottom: 3px !important; }

header.festival {
  margin-bottom: 16px;
  background: url(/public/images/EC-Header-2048x2.jpg) no-repeat center center;
  background-size: 2048px 208px; }
header.festival::after {
  content: "";
  display: table;
  clear: both; }
header.festival.header-navbar {
  background: none; }

.top-banner,
.top-bannerbox {
  background-color: #F3F4F5; }
.top-banner .btn,
.top-bannerbox .btn {
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 3090; }
.top-banner .btn-inverted-outline,
.top-banner .btn-inverted,
.top-bannerbox .btn-inverted-outline,
.top-bannerbox .btn-inverted {
  color: #FFFFFF;
  background-color: rgba(27, 28, 29, 0.8);
  border: none; }
.top-banner .container,
.top-bannerbox .container {
  position: relative; }
.top-banner .container .ad-xs,
.top-banner .container .adbox,
.top-bannerbox .container .ad-xs,
.top-bannerbox .container .adbox {
  margin-bottom: 0; }
.top-banner .container .ad.popup,
.top-banner .container .adbox.popup,
.top-bannerbox .container .ad.popup,
.top-bannerbox .container .adbox.popup {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3100; }
@media (max-width: 1199px) {
  .top-banner .container .ad.popup,
  .top-banner .container .adbox.popup,
  .top-bannerbox .container .ad.popup,
  .top-bannerbox .container .adbox.popup {
    width: 960px;
    margin-left: 16px;
    margin-right: 16px; } }
.top-banner .container .ad.popup .btn,
.top-banner .container .adbox.popup .btn,
.top-bannerbox .container .ad.popup .btn,
.top-bannerbox .container .adbox.popup .btn {
  z-index: 3110; }
.top-banner .container .ad.popup.is-open,
.top-banner .container .adbox.popup.is-open,
.top-bannerbox .container .ad.popup.is-open,
.top-bannerbox .container .adbox.popup.is-open {
  display: block;
  -webkit-box-shadow: 0 2px 8px rgba(27, 28, 29, 0.4);
  box-shadow: 0 2px 8px rgba(27, 28, 29, 0.4); }

header.header-v2 {
  margin-bottom: 0; }

header.header-v2 .header-topbar {
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #F3F4F5; }
header.header-v2 .header-topbar .nav li + li {
  margin-left: 24px; }
header.header-v2 .header-topbar .nav a {
  font-size: 12px;
  color: #6F7274; }
header.header-v2 .header-topbar .nav a:hover {
  color: #0090D4; }
header.header-v2 .header-topbar .nav a:before {
  position: relative;
  left: -12px;
  content: '\00a0'; }
header.header-v2 .header-topbar .nav a:before:hover {
  color: #6F7274; }
header.header-v2 .header-topbar .nav a.share-dm {
  color: #0090D4; }
header.header-v2 .header-topbar .nav a.share-dm .icon-dm {
  top: -1px;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
header.header-v2 .header-topbar .nav a.share-fb {
  color: #3B5998; }
header.header-v2 .header-topbar .nav a.share-fb .icon-share-fb {
  top: -1px;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
header.header-v2 .header-topbar .nav a.share-scare {
  color: #e68c00; }
header.header-v2 .header-topbar .nav a.share-scare:before {
  color: #6F7274; }
header.header-v2 .header-topbar .nav a.share-scare:before:hover {
  color: #6F7274; }
header.header-v2 .header-topbar .nav a.share-scare .icon-heart-scare {
  top: -1px;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
header.header-v2 .header-topbar .nav a.share-article {
  color: #91BE03; }
header.header-v2 .header-topbar .nav a.share-article:before {
  color: #6F7274; }
header.header-v2 .header-topbar .nav a.share-article:before:hover {
  color: #6F7274; }
header.header-v2 .header-topbar .nav a.share-article .icon-article {
  top: -1px;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
header.header-v2 .header-topbar .nav a.share-2r {
  color: #E64894; }
header.header-v2 .header-topbar .nav a.share-2r:before {
  color: #6F7274; }
header.header-v2 .header-topbar .nav a.share-2r:before:hover {
  color: #6F7274; }
header.header-v2 .header-topbar .nav a.share-2r .icon-share-2r {
  top: -1px;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  font-size: 15px; }

header.header-v2 .hc-middle,
header.header-v2 .hc-right {
  padding-top: 5px; }

.header-topbar {
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #F3F4F5; }
.header-topbar .nav li + li {
  margin-left: 24px; }
.header-topbar .nav a {
  font-size: 12px;
  color: #6F7274; }
.header-topbar .nav a:hover {
  color: #0090D4; }
.header-topbar .nav a:before {
  position: relative;
  left: -12px; }
.header-topbar .nav a:before:hover {
  color: #6F7274; }
.header-topbar .nav a.share-dm {
  color: #0090D4; }
.header-topbar .nav a.share-dm .icon-dm {
  top: -1px;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
.header-topbar .nav a.share-fb {
  color: #3B5998; }
.header-topbar .nav a.share-fb .icon-share-fb {
  top: -1px;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
.header-topbar .nav a.share-scare {
  color: #ef9100; }
.header-topbar .nav a.share-scare:before {
  color: #ef9100; }
.header-topbar .nav a.share-scare:before:hover {
  color: #ef9100; }
.header-topbar .nav a.share-scare .icon-heart-scare {
  top: -1px;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
.header-topbar .nav a.share-senyoung {
  color: #d44a6a !important; }
.header-topbar .nav a.share-senyoung:before {
  color: #d44a6a; }
.header-topbar .nav a.share-senyoung:before:hover {
  color: #d44a6a; }
.header-topbar .nav a.share-senyoung .icon-senyoung {
  top: -1px;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
.header-topbar .nav a.share-article {
  color: #91BE03; }
.header-topbar .nav a.share-article:before {
  color: #6F7274; }
.header-topbar .nav a.share-article:before:hover {
  color: #6F7274; }
.header-topbar .nav a.share-article .icon-article {
  top: -1px;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  font-size: 15px; }
.header-topbar .nav a.share-2r {
  color: #E64894; }
.header-topbar .nav a.share-2r:before {
  color: #6F7274; }
.header-topbar .nav a.share-2r:before:hover {
  color: #6F7274; }
.header-topbar .nav a.share-2r .icon-share-2r {
  top: -1px;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  font-size: 15px; }

.header-navbar {
  height: 112px;
  background-color: #FFFFFF;
  border-bottom: 2px solid #0090D4; }
.header-navbar .hc-left,
.header-navbar .hc-right,
.header-navbar .hc-middle {
  position: relative; }
.header-navbar .hc-left {
  float: left;
  z-index: 510; }
@media (max-width: 1199px) {
  .header-navbar .hc-left {
    width: 298px; } }
@media (min-width: 1200px) {
  .header-navbar .hc-left {
    width: 362px; } }
.header-navbar .site-logo {
  display: inline-block;
  width: 194px;
  height: 110px;
  vertical-align: middle;
  background-size: 194px 110px;
  float: left; }
.header-navbar .ad-sm-rectangle,
.header-navbar .adbox-sm-rectangle {
  display: none;
  float: left;
  cursor: none;
  pointer-events: none;
  width: 136px;
  height: 110px; }
.header-navbar .ad-sm-rectangle img,
.header-navbar .adbox-sm-rectangle img {
  height: 110px; }
.header-navbar .ad-sm-rectangle + .header-category,
.header-navbar .adbox-sm-rectangle + .header-category {
  display: none; }
@media (max-width: 1199px) {
  .header-navbar .ad-sm-rectangle,
  .header-navbar .adbox-sm-rectangle {
    display: none;
    width: 96px;
    height: 78px;
    margin-top: 16px; }
  .header-navbar .ad-sm-rectangle img,
  .header-navbar .adbox-sm-rectangle img {
    height: 78px; } }
.header-navbar .header-category {
  position: relative;
  top: 30px;
  display: inline-block;
  margin-left: 12px; }
.header-navbar .header-category .btn-default {
  padding-left: 38px;
  padding-right: 8px; }
.header-navbar .header-category .btn-default .icon-caret-down {
  margin-right: 0;
  width: 8px;
  height: 8px;
  font-size: 8px;
  opacity: 0.6; }
.header-navbar .header-category .category-list {
  border-radius: 2px; }
.header-navbar .header-category .category-list .category-item:first-child {
  border-top: 1px solid #DCDDDE; }
.header-navbar .header-category .category-list .category-item .menu-sub {
  width: 741px; }
@media (max-width: 1199px) {
  .header-navbar .header-category .category-list .category-item .menu-sub {
    width: 544px; } }
.header-navbar .header-category .popover-nav > .btn-default {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  margin-top: 3px; }
.header-navbar .header-category.active .popover, .header-navbar .header-category.active .tooltip {
  display: block;
  width: 234px;
  top: 35px;
  left: 0px;
  border: none; }
@media (max-width: 1199px) {
  .header-navbar .header-category.active .popover, .header-navbar .header-category.active .tooltip {
    width: 226px; } }
.header-navbar .hc-right {
  float: right;
  margin-top: 30px;
  z-index: 520; }
.header-navbar .hc-right .nav-cart,
.header-navbar .hc-right .nav-account {
  float: left;
  margin-left: 24px;
  vertical-align: middle; }
.header-navbar .hc-right .nav-cart .icon-cart-outline,
.header-navbar .hc-right .nav-cart .icon-user-outline,
.header-navbar .hc-right .nav-cart .icon-user-general,
.header-navbar .hc-right .nav-cart .icon-user-silver,
.header-navbar .hc-right .nav-cart .icon-user-gold,
.header-navbar .hc-right .nav-cart .icon-user-diamond,
.header-navbar .hc-right .nav-account .icon-cart-outline,
.header-navbar .hc-right .nav-account .icon-user-outline,
.header-navbar .hc-right .nav-account .icon-user-general,
.header-navbar .hc-right .nav-account .icon-user-silver,
.header-navbar .hc-right .nav-account .icon-user-gold,
.header-navbar .hc-right .nav-account .icon-user-diamond {
  top: 2px;
  margin-right: 8px;
  color: #0090D4;
  width: 36px;
  height: 36px;
  font-size: 36px;
  vertical-align: top; }
.header-navbar .hc-right .nav-cart .icon-user-outline,
.header-navbar .hc-right .nav-account .icon-user-outline {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-user-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.header-navbar .hc-right .nav-cart .icon-cart-outline,
.header-navbar .hc-right .nav-account .icon-cart-outline {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-nav-cart-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.header-navbar .hc-right .nav-cart .nav,
.header-navbar .hc-right .nav-account .nav {
  display: inline-block;
  font-size: 13px;
  line-height: 20px; }
.header-navbar .hc-right .nav-cart .nav li,
.header-navbar .hc-right .nav-cart .nav a,
.header-navbar .hc-right .nav-cart .nav span,
.header-navbar .hc-right .nav-account .nav li,
.header-navbar .hc-right .nav-account .nav a,
.header-navbar .hc-right .nav-account .nav span {
  vertical-align: middle;
  font-weight: bold; }
.header-navbar .hc-right .nav-cart .popover, .header-navbar .hc-right .nav-cart .tooltip,
.header-navbar .hc-right .nav-account .popover,
.header-navbar .hc-right .nav-account .tooltip {
  top: 20px;
  left: auto;
  right: -1px;
  font-size: 13px; }
.header-navbar .hc-right .nav-cart .popover.bottom .popover-arrow::before, .header-navbar .hc-right .nav-cart .bottom.tooltip .popover-arrow::before, .header-navbar .hc-right .nav-cart .popover.bottom .message-arrow::before, .header-navbar .hc-right .nav-cart .bottom.tooltip .message-arrow::before,
.header-navbar .hc-right .nav-account .popover.bottom .popover-arrow::before,
.header-navbar .hc-right .nav-account .bottom.tooltip .popover-arrow::before,
.header-navbar .hc-right .nav-account .popover.bottom .message-arrow::before,
.header-navbar .hc-right .nav-account .bottom.tooltip .message-arrow::before {
  width: 123px;
  margin-left: -61.5px;
  border-top-width: 0; }
.header-navbar .hc-right .nav-cart a,
.header-navbar .hc-right .nav-cart .popover-nav,
.header-navbar .hc-right .nav-account a,
.header-navbar .hc-right .nav-account .popover-nav {
  cursor: pointer; }
.header-navbar .hc-right .nav-cart a .icon-arrow-down,
.header-navbar .hc-right .nav-cart .popover-nav .icon-arrow-down,
.header-navbar .hc-right .nav-account a .icon-arrow-down,
.header-navbar .hc-right .nav-account .popover-nav .icon-arrow-down {
  top: -1px;
  margin-left: 8px;
  margin-right: 0;
  width: 12px;
  height: 12px;
  font-size: 12px; }
.header-navbar .hc-right .nav-cart .badge-danger {
  margin-left: 4px;
  margin-right: 4px; }
.header-navbar .hc-right .nav-cart .popover-nav .btn-link {
  text-decoration: none; }
.header-navbar .hc-right .nav-cart .popover, .header-navbar .hc-right .nav-cart .tooltip {
  padding: 8px; }
.header-navbar .hc-right .nav-cart .nav-list {
  margin-bottom: 4px; }
.header-navbar .hc-right .nav-cart .nav-list a {
  display: block;
  width: 153px !important;
  padding: 6px 8px;
  border-bottom: 1px dotted #DCDDDE; }
.header-navbar .hc-right .nav-cart .nav-list a .value {
  float: right;
  min-width: 18px;
  text-align: center; }
.header-navbar .hc-right .nav-cart .nav-list a:last-child {
  border-bottom: none; }
.header-navbar .hc-right .nav-cart .nav-list p {
  display: block;
  width: 136px;
  padding: 32px 8px; }
.header-navbar .hc-right .nav-account .has-user-name {
  max-width: 65px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.header-navbar .hc-right .nav-account .nav > li > a,
.header-navbar .hc-right .nav-account .popover-nav > a {
  color: #1B1C1D; }
.header-navbar .hc-right .nav-account .nav-list {
  width: 123px; }
.header-navbar .hc-right .nav-account .nav-list a {
  width: 100%;
  padding: 8px 16px;
  border-bottom: 1px solid #DCDDDE;
  text-align: center; }
.header-navbar .hc-right .nav-account .nav-list a:last-child {
  border-bottom: 0; }
.header-navbar .hc-right .nav-account .nav-list a:hover {
  background-color: #F3F4F5; }
.header-navbar .hc-right .nav-account .icon-mail {
  top: -2px;
  margin-left: 4px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-mail-red.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 12px;
  height: 12px;
  font-size: 12px; }
.header-navbar .hc-middle {
  width: auto;
  top: 30px;
  z-index: 500;
  /*
        .keyword {
            margin-top: 8px;
            height: $font-size-small;
            overflow: hidden;
            @include media-breakpoint-down(lg) {
                width: $search-bar-input-sm + $font-size-base * 3 + $btn-padding-x-sm * 2 + $border-width * 2;
            }
            @include media-breakpoint-up(xl) {
                width: $search-bar-input + 96;
            }
            a+a {
                margin-left: 8px;
            }
        }
        */ }
.header-navbar .hc-middle .search-bar-group {
  position: relative;
  margin-left: auto;
  margin-right: auto; }
.header-navbar .hc-middle .search-bar {
  /* 搜尋列包含icon
      &:before {
        content: "";
        position: absolute;
        top: 11px;
        left: 11px;
        z-index: 10;
        width: 20px;
        height: 20px;
        background: transparent url(/public/images/icons/icon-nav-search-light.svg) no-repeat 0 0;
        background-size: 20px;
      }*/ }
.header-navbar .hc-middle .search-bar > input {
  /*padding-left: $padding-x * 2.5;*/
  padding-left: 16px; }
@media (max-width: 1199px) {
  .header-navbar .hc-middle .search-bar > input {
    width: 150px; } }
@media (min-width: 1200px) {
  .header-navbar .hc-middle .search-bar > input {
    width: 410px; } }
.header-navbar .hc-middle .search-bar > input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #1B1C1D !important; }
@media screen and (min-width: 0\0) {
  .header-navbar .hc-middle .search-bar > input {
    height: 42px; } }
@media (min-width: 1200px) {
  .header-navbar .hc-middle .search-bar > .btn {
    width: inherit; } }
.header-navbar .hc-middle .search-bar-articles {
  /* 搜尋列包含icon
      &:before {
        content: "";
        position: absolute;
        top: 11px;
        left: 11px;
        z-index: 10;
        width: 20px;
        height: 20px;
        background: transparent url(/public/images/icons/icon-nav-search-light.svg) no-repeat 0 0;
        background-size: 20px;
      }*/ }
.header-navbar .hc-middle .search-bar-articles > input {
  /*padding-left: $padding-x * 2.5;*/
  padding-left: 16px; }
@media (max-width: 1199px) {
  .header-navbar .hc-middle .search-bar-articles > input {
    width: 272px; } }
@media (min-width: 1200px) {
  .header-navbar .hc-middle .search-bar-articles > input {
    width: 400px; } }
.header-navbar .hc-middle .search-bar-articles > input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #1B1C1D !important; }
@media screen and (min-width: 0\0) {
  .header-navbar .hc-middle .search-bar-articles > input {
    height: 42px; } }
@media (min-width: 1200px) {
  .header-navbar .hc-middle .search-bar-articles > .btn {
    width: inherit; } }
.header-navbar .hc-middle .search-suggest {
  top: 42px;
  padding-top: 4px;
  padding-bottom: 4px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
@media (max-width: 1199px) {
  .header-navbar .hc-middle .search-suggest {
    width: 272px;
    margin-left: -48px; } }
@media (min-width: 1200px) {
  .header-navbar .hc-middle .search-suggest {
    width: 400px;
    margin-left: -40px; } }
.header-navbar .hc-middle .search-suggest .suggest-item {
  font-size: 13px;
  padding: 2px 10px; }
.header-navbar .hc-middle .search-suggest .suggest-item .suggest-cate-name {
  margin-left: 16px;
  color: #6F7274; }
.header-navbar .hc-middle .keyword {
  margin-top: 8px;
  height: 13px;
  overflow: hidden; }
@media (max-width: 1199px) {
  .header-navbar .hc-middle .keyword {
    position: absolute;
    left: 350px;
    width: 460px;
    margin-top: 10px; } }
@media (min-width: 1200px) {
  .header-navbar .hc-middle .keyword {
    width: 460px; } }
.header-navbar .hc-middle .keyword a + a {
  margin-left: 8px; }
.header-navbar .luck {
  color: #0090d4; }
.header-navbar.fixed {
  top: 0;
  width: 100%;
  height: auto;
  z-index: 2000;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24); }
.header-navbar.fixed .site-logo,
.header-navbar.fixed .keyword,
.header-navbar.fixed .ad-sm-rectangle,
.header-navbar.fixed .adbox-sm-rectangle {
  display: none; }
.header-navbar.fixed .header-category {
  display: inline-block;
  top: 0;
  opacity: 1; }
.header-navbar.fixed .header-category .btn-default {
  padding-left: 10px;
  color: #FFFFFF;
  background-color: #0090D4;
  border-color: rgba(34, 36, 38, 0.15); }
.header-navbar.fixed .header-category .btn-default:hover {
  color: #FFFFFF;
  background-color: #007bb5;
  border-color: rgba(15, 16, 16, 0.15); }
.header-navbar.fixed .header-category .btn-default:focus, .header-navbar.fixed .header-category .btn-default.focus {
  color: #FFFFFF;
  background-color: #0090D4;
  border-color: rgba(34, 36, 38, 0.15); }
.header-navbar.fixed .header-category .btn-default:active, .header-navbar.fixed .header-category .btn-default.active,
.open > .header-navbar.fixed .header-category .btn-default.dropdown-toggle {
  color: #FFFFFF;
  background-color: #007bb5;
  border-color: rgba(15, 16, 16, 0.15);
  background-image: none; }
.header-navbar.fixed .header-category .btn-default:active:hover, .header-navbar.fixed .header-category .btn-default:active:focus, .header-navbar.fixed .header-category .btn-default:active.focus, .header-navbar.fixed .header-category .btn-default.active:hover, .header-navbar.fixed .header-category .btn-default.active:focus, .header-navbar.fixed .header-category .btn-default.active.focus,
.open > .header-navbar.fixed .header-category .btn-default.dropdown-toggle:hover,
.open > .header-navbar.fixed .header-category .btn-default.dropdown-toggle:focus,
.open > .header-navbar.fixed .header-category .btn-default.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: #005c88;
  border-color: rgba(0, 0, 0, 0.15); }
.header-navbar.fixed .header-category .btn-default.disabled, .header-navbar.fixed .header-category .btn-default:disabled {
  cursor: disabled; }
.header-navbar.fixed .header-category .btn-default.disabled:focus, .header-navbar.fixed .header-category .btn-default.disabled.focus, .header-navbar.fixed .header-category .btn-default:disabled:focus, .header-navbar.fixed .header-category .btn-default:disabled.focus {
  background-color: #0090D4;
  border-color: rgba(34, 36, 38, 0.15); }
.header-navbar.fixed .header-category .btn-default.disabled:hover, .header-navbar.fixed .header-category .btn-default:disabled:hover {
  background-color: #0090D4;
  border-color: rgba(34, 36, 38, 0.15); }
.header-navbar.fixed .header-category .btn-default .btn-name {
  margin-right: 8px; }
.header-navbar.fixed .header-category .btn-default .icon-caret-down {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-trangle-down-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  opacity: 1; }
.header-navbar.fixed .btn-home {
  margin-right: 8px;
  vertical-align: middle;
  margin-top: 5px; }
.header-navbar.fixed .btn-home .icon-home {
  top: -1px;
  margin-right: 6px; }
.header-navbar.fixed .hc-right {
  margin-top: 0; }
.header-navbar.fixed .hc-middle {
  top: 0; }

.icon-menu {
  margin-top: 11px;
  margin-left: 10px; }
.icon-menu, .icon-menu:before, .icon-menu:after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  width: 22px;
  height: 2px;
  background-color: #888c8e;
  border-radius: 1px; }
.icon-menu:before {
  margin-top: -8px; }
.icon-menu:after {
  margin-top: 8px; }

header.simplify {
  margin-bottom: 0; }
header.simplify .header-navbar {
  border-bottom: 0; }
header.simplify .header-navbar.fixed .header-category {
  opacity: 1; }
header.simplify .header-category,
header.simplify .search-bar-group {
  opacity: 0; }

body.home .header-category {
  opacity: 0; }

body.event header {
  margin-bottom: 0; }

body.event footer {
  margin-top: 0; }

body.event .wrapper,
body.event .full-background,
body.event .event-badge,
body.event .iframe-wrap {
  overflow: hidden; }

body.event .iframe-wrap {
  padding: 0; }

body.event .container {
  position: relative; }

body.event .event-badge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90; }
@media (max-width: 1199px) {
  body.event .event-badge {
    left: 16px; } }

form.form-v2.search-bar-group input[type='text'], form.form-v2.search-bar-group textarea[type='text'], form.form-v2.search-bar-group input[type='search'] {
  border: 1px solid #0090D4;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px; }

form.form-v2.search-bar-group .btn-query {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px; }

form.form-v2.search-bar-group .btn-query i {
  width: 20px;
  height: 20px;
  margin: -5px 0 -5px -5px; }

form.form-v2.search-bar-group .dropdown {
  float: left;
  margin-left: -1px; }
form.form-v2.search-bar-group .dropdown.open .btn.dropdown-toggle {
  color: #0090D4;
  background-color: #E8F7FD;
  border: 1px solid #0090D4;
  background-image: url("/public/images/icons/icon-trangle-down.svg") no-repeat; }
form.form-v2.search-bar-group .dropdown .dropdown-toggle {
  border-radius: 0;
  color: #6F7274;
  width: 146px;
  padding-left: 12px;
  padding-right: 24px;
  background: #F3F4F5 url("/public/images/icons/icon-trangle-down.svg") no-repeat calc(100% - 8px) 50%;
  background-size: 8px;
  background-size: 146px 42px \9;
  border: 1px solid #0090D4;
  text-align: left;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
@media (max-width: 1199px) {
  form.form-v2.search-bar-group .dropdown .dropdown-toggle {
    width: 126px; } }
form.form-v2.search-bar-group .dropdown .dropdown-toggle:hover {
  color: #0090D4;
  background-color: #E8F7FD; }
form.form-v2.search-bar-group .dropdown .dropdown-toggle:focus, form.form-v2.search-bar-group .dropdown .dropdown-toggle:active {
  color: #6F7274;
  background-image: url("/public/images/icons/icon-trangle-down.svg") no-repeat calc(100% - 8px) 50%;
  border: 1px solid #0090D4; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  form.form-v2.search-bar-group .dropdown .dropdown-toggle {
    background-color: #F3F4F5;
    background-image: url(/public/images/btn-category-bg.png);
    background-size: 146px 42px; }
  form.form-v2.search-bar-group .dropdown .dropdown-toggle:hover {
    color: #0090D4;
    background-color: #E8F7FD; }
  form.form-v2.search-bar-group .dropdown .dropdown-toggle:focus, form.form-v2.search-bar-group .dropdown .dropdown-toggle:active {
    color: #6F7274;
    background-image: url(/public/images/btn-category-bg.png);
    border: 1px solid #0090D4; } }
form.form-v2.search-bar-group .dropdown .dropdown-menu {
  top: 26px;
  left: 8px;
  width: 146px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  margin-left: -8px;
  margin-top: 15px;
  border: 1px solid #DCDDDE; }
form.form-v2.search-bar-group .dropdown .dropdown-menu .nav-link {
  display: block;
  padding: 12px;
  font-size: 13px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
form.form-v2.search-bar-group .dropdown .dropdown-menu .nav-link:nth-child(even) {
  background-color: #F3F4F5; }
form.form-v2.search-bar-group .dropdown .dropdown-menu .nav-link:hover {
  color: #0090D4; }

.search-bar-group input[type='text'], .search-bar-group textarea[type='text'], .search-bar-group input[type='search'] {
  border: 1px solid #0090D4;
  border-right: 1px solid #DCDDDE;
  border-radius: 25px 0 0 25px; }

.search-bar-group .btn-query {
  border: 1px solid #0090D4;
  border-radius: 0 25px 25px 0; }

.search-bar-group .dropdown {
  float: left;
  margin-left: -1px; }
.search-bar-group .dropdown.open .btn.dropdown-toggle {
  color: #0090D4;
  background-color: #E8F7FD;
  border: 1px solid #0090D4;
  background-image: url("/public/images/icons/icon-trangle-down.svg") no-repeat; }
.search-bar-group .dropdown .dropdown-toggle {
  border-radius: 0;
  color: #6F7274;
  width: 146px;
  padding-left: 12px;
  padding-right: 24px;
  background: #F3F4F5 url("/public/images/icons/icon-trangle-down.svg") no-repeat calc(100% - 8px) 50%;
  background-size: 8px;
  background-size: 146px 42px \9;
  border: 1px solid #0090D4;
  text-align: left;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
@media (max-width: 1199px) {
  .search-bar-group .dropdown .dropdown-toggle {
    width: 126px; } }
.search-bar-group .dropdown .dropdown-toggle:hover {
  color: #0090D4;
  background-color: #E8F7FD; }
.search-bar-group .dropdown .dropdown-toggle:focus, .search-bar-group .dropdown .dropdown-toggle:active {
  color: #6F7274;
  background-image: url("/public/images/icons/icon-trangle-down.svg") no-repeat calc(100% - 8px) 50%;
  border: 1px solid #0090D4; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .search-bar-group .dropdown .dropdown-toggle {
    background-color: #F3F4F5;
    background-image: url(/public/images/btn-category-bg.png);
    background-size: 146px 42px; }
  .search-bar-group .dropdown .dropdown-toggle:hover {
    color: #0090D4;
    background-color: #E8F7FD; }
  .search-bar-group .dropdown .dropdown-toggle:focus, .search-bar-group .dropdown .dropdown-toggle:active {
    color: #6F7274;
    background-image: url(/public/images/btn-category-bg.png);
    border: 1px solid #0090D4; } }
.search-bar-group .dropdown .dropdown-menu {
  top: 26px;
  left: 8px;
  width: 146px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  margin-left: -8px;
  margin-top: 15px;
  border: 1px solid #DCDDDE; }
.search-bar-group .dropdown .dropdown-menu .nav-link {
  display: block;
  padding: 12px;
  font-size: 13px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.search-bar-group .dropdown .dropdown-menu .nav-link:nth-child(even) {
  background-color: #F3F4F5; }
.search-bar-group .dropdown .dropdown-menu .nav-link:hover {
  color: #0090D4; }

.flexdatalist {
  border: 1px solid #DCDDDE; }

.flexdatalist-results {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #DCDDDE;
  border-top: none;
  background: #fff;
  z-index: 100000;
  max-height: 300px;
  overflow-y: auto;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  color: #333;
  list-style: none;
  margin: 0;
  padding: 0; }
.flexdatalist-results li {
  border-bottom: 1px solid none;
  padding: 8px 15px;
  font-size: 14px;
  line-height: 20px; }
.flexdatalist-results li:nth-child(even) {
  background: #F3F4F5; }
.flexdatalist-results li span.highlight {
  font-weight: 800; }
@media (max-width: 1199px) {
  .flexdatalist-results li span:not(:first-child):not(.highlight) {
    display: block;
    color: #6F7274;
    font-size: 12px;
    float: none; } }
@media (min-width: 1200px) {
  .flexdatalist-results li span:not(:first-child):not(.highlight) {
    display: inline-block;
    color: #6F7274;
    font-size: 12px;
    float: right; } }
.flexdatalist-results li.active {
  color: #0090D4;
  cursor: pointer; }
@media (max-width: 1199px) {
  .flexdatalist-results li.active span:not(:first-child):not(.highlight) {
    display: block;
    color: #0090D4;
    font-size: 12px;
    float: none; } }
@media (min-width: 1200px) {
  .flexdatalist-results li.active span:not(:first-child):not(.highlight) {
    display: inline-block;
    color: #0090D4;
    font-size: 12px;
    float: right; } }
.flexdatalist-results li.no-results {
  font-style: italic;
  font-size: 13px;
  color: #6F7274; }
.flexdatalist-results li.group {
  background: #F3F4F5;
  color: #6F7274;
  padding: 8px 8px; }
.flexdatalist-results li .group-name {
  font-weight: 700; }
.flexdatalist-results li .group-item-count {
  font-size: 85%;
  color: #6F7274;
  display: inline-block;
  padding-left: 10px; }

.flexdatalist-multiple {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  cursor: text; }
.flexdatalist-multiple:before {
  content: '';
  display: block;
  clear: both; }
.flexdatalist-multiple.disabled {
  background-color: #DCDDDE;
  cursor: default; }
.flexdatalist-multiple:after {
  content: '';
  display: block;
  clear: both; }
.flexdatalist-multiple li {
  display: inline-block;
  position: relative;
  margin: 5px;
  float: left; }
.flexdatalist-multiple li.input-container {
  border: none;
  width: 280px;
  height: auto;
  padding: 0 0 0 4px;
  line-height: 24px; }
.flexdatalist-multiple li.input-container input {
  border: none;
  width: 280px;
  height: auto;
  padding: 0 0 0 4px;
  line-height: 24px; }
.flexdatalist-multiple li.value {
  display: inline-block;
  padding: 2px 25px 2px 7px;
  background: #DCDDDE;
  border-radius: 3px;
  color: #6F7274;
  line-height: 20px; }
.flexdatalist-multiple li.toggle {
  cursor: pointer;
  -webkit-transition: opacity ease-in-out 300ms;
  -o-transition: opacity ease-in-out 300ms;
  transition: opacity ease-in-out 300ms; }
.flexdatalist-multiple li.toggle.disabled {
  text-decoration: line-through;
  opacity: 0.8; }
.flexdatalist-multiple li.value span.fdl-remove {
  font-weight: 700;
  padding: 2px 5px;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.7; }
.flexdatalist-multiple li.value span.fdl-remove:hover {
  opacity: 1; }

header.festival {
  margin-bottom: 16px; }
header.festival::after {
  content: "";
  display: table;
  clear: both; }
header.festival .header-navbar {
  background: none; }
header.festival .top-bannerbox,
header.festival .header-topbar {
  background: #F3F4F5; }
header.festival .adbox-sm-rectangle {
  display: none; }
header.festival .header-navbar.fixed {
  background: #FFFFFF; }

@media (max-width: 1199px) {
  header.festival {
    background: url(/public/images/EC-Header-1200x2.jpg) no-repeat center bottom;
    background-size: 1200px 208px; } }

@media (min-width: 1200px) {
  header.festival {
    background: url(/public/images/EC-Header-2560x2.jpg) no-repeat center bottom;
    background-size: 2560px 208px; } }

@media (max-width: 1199px) {
  .post .header-navbar .hc-middle .search-bar-articles > input {
    width: 150px; } }

@media (min-width: 1200px) {
  .post .header-navbar .hc-middle .search-bar-articles > input {
    width: 380px; } }

footer {
  margin-top: 24px; }

.footer-nav {
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid #DCDDDE; }
.footer-nav::after {
  content: "";
  display: table;
  clear: both; }
.footer-nav .footer-nav-item {
  float: left;
  height: 141px;
  text-align: center;
  overflow: hidden; }
.footer-nav .footer-nav-item > .title {
  margin-top: 0;
  margin-bottom: 6px; }
.footer-nav .footer-nav-item .nav {
  font-size: 13px;
  line-height: 22px; }
.footer-nav .footer-nav-item .nav a:hover {
  color: #0090D4; }
.footer-nav .footer-nav-item + .footer-nav-item {
  border-left: 1px solid #DCDDDE; }
.footer-nav + .footer-info {
  margin-top: 0; }

.footer-feature-list {
  margin-bottom: 0;
  overflow: hidden; }
.footer-feature-list > li {
  float: left;
  width: 50%;
  text-align: left;
  padding: 13px 0;
  vertical-align: middle; }
.footer-feature-list > li > a {
  display: block; }
@media (max-width: 1199px) {
  .footer-feature-list > li {
    padding-left: 32px; } }
@media (min-width: 1200px) {
  .footer-feature-list > li {
    padding-left: 64px; } }
.footer-feature-list > li:nth-child(1) {
  border-right: 1px solid #DCDDDE;
  border-bottom: 1px solid #DCDDDE; }
.footer-feature-list > li:nth-child(2) {
  border-bottom: 1px solid #DCDDDE; }
.footer-feature-list > li:nth-child(3) {
  border-right: 1px solid #DCDDDE; }
.footer-feature-list > li .icon {
  margin-right: 16px;
  width: 32px;
  height: 32px;
  font-size: 32px; }
.footer-feature-list > li .icon.icon-share-fb {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-share-fb.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.footer-feature-list > li .icon.icon-gift {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-gift.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.footer-feature-list > li .has-inline {
  vertical-align: middle; }
.footer-feature-list > li .title {
  margin-top: 0;
  margin-bottom: 0;
  color: #1B1C1D;
  font-weight: bold; }
.footer-feature-list > li .content {
  margin-bottom: 0;
  font-size: 13px; }
.footer-feature-list > li a:hover {
  color: #0090D4; }
.footer-feature-list > li a:hover .title,
.footer-feature-list > li a:hover .content {
  color: #0090D4; }

.footer-info {
  padding-top: 16px;
  padding-bottom: 24px;
  margin-top: 40px;
  border-top: 2px solid #0090D4; }
.footer-info .nav {
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 1em; }
.footer-info .nav .nav-item {
  padding-left: 16px;
  border-left: 1px solid #DCDDDE; }
.footer-info .nav .nav-item a {
  color: #1B1C1D; }
.footer-info .nav .nav-item a:hover {
  color: #0090D4; }
.footer-info .nav .nav-item:first-child {
  padding-left: 0;
  border-left: 0; }

.copyright {
  margin-bottom: 16px;
  font-size: 13px; }

.app-downloads {
  text-align: right; }
.app-downloads a + a {
  margin-left: 8px; }
.app-downloads .text-muted,
.app-downloads .qrcode {
  vertical-align: top; }
.app-downloads .text-muted {
  margin-right: 12px;
  font-size: 13px;
  line-height: 18px; }
.app-downloads .qrcode {
  display: inline-block;
  width: 72px;
  height: 72px; }
@media (max-width: 1199px) {
  .app-downloads .qrcode {
    margin-right: 32px; } }
@media (min-width: 1200px) {
  .app-downloads .qrcode {
    margin-right: 48px; } }

footer.simplify {
  margin-top: 0; }

body.home header {
  margin-bottom: 0; }

body.home .js-header-menu {
  display: none; }

body.home .header-navbar.fixed .site-logo {
  display: none; }

body.home .header-navbar .hc-left {
  float: left;
  z-index: 510; }
@media (max-width: 1199px) {
  body.home .header-navbar .hc-left {
    width: 351px; } }
@media (min-width: 1200px) {
  body.home .header-navbar .hc-left {
    width: 378px; } }

body.home .header-navbar .site-logo {
  display: inline-block;
  width: 330px;
  height: 110px;
  vertical-align: middle;
  float: left; }

body.home .header-category {
  display: none; }

body.home .wrapper.fill {
  padding-top: 24px;
  padding-bottom: 24px; }
body.home .wrapper.fill + .footer .footer-nav {
  border-top: 1px solid transparent; }
body.home .wrapper.fill .menu-list-panel,
body.home .wrapper.fill .widget {
  margin-bottom: 21px; }
@media (max-width: 1199px) {
  body.home .wrapper.fill .menu-list-panel,
  body.home .wrapper.fill .widget {
    margin-bottom: 13px; }
  body.home .wrapper.fill .widget-title {
    padding-top: 10px;
    padding-bottom: 10px; }
  body.home .wrapper.fill .widget-title .btn-group {
    margin-top: -4px;
    margin-bottom: -4px; } }

body.home footer {
  margin-top: 0; }

@media (max-width: 1199px) {
  body.home .item.video {
    height: 320px; }
  body.home .item.video iframe {
    height: 320px; }
  body.home .item.video .description {
    padding: 14.4px 19.2px 19.2px 19.2px; }
  body.home .item.video .description h3 {
    font-size: 18px;
    -webkit-line-clamp: 2;
    line-height: 24px;
    height: 48px;
    margin-bottom: 10px; }
  body.home .item.video .description h3 ~ .btn-group-vertical {
    margin-top: 12px; }
  body.home .item.video .description h3 ~ .btn-group-vertical .btn {
    padding-top: 5px;
    padding-bottom: 5px; }
  body.home .item.video .description img {
    margin-bottom: 8px; }
  body.home .item.video .banner {
    padding-left: 14px; }
  body.home .item.video .image-top {
    height: 100%;
    background: none; }
  body.home .item.video .image-top a.item {
    height: 100%;
    background: #FFFFFF;
    margin-left: 14px; }
  body.home .item.video .image-top a.item .title {
    padding: 16px; }
  body.home .item.video .image-top a.item .title h3 {
    font-size: 18px;
    -webkit-line-clamp: 2;
    line-height: 24px;
    height: 48px; } }

@media (min-width: 1200px) {
  body.home .item.video {
    height: 400px; }
  body.home .item.video iframe {
    height: 400px; }
  body.home .item.video .description {
    padding: 16px 24px 27.2px 24px; }
  body.home .item.video .description h3 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 34px;
    height: 68px;
    margin-bottom: 12px; }
  body.home .item.video .description img {
    margin-bottom: 16px; }
  body.home .item.video .image-top a.item .title h3 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 34px;
    height: 68px; } }

body.home .item .description {
  height: 100%;
  background: #FFFFFF; }
body.home .item .description h3 {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  margin-top: 0; }

body.home .item .banner {
  height: 100%;
  background: none;
  text-align: right;
  padding-left: 17px; }

body.home .item .image-top {
  position: relative;
  height: 100%;
  background: none; }
body.home .item .image-top a.item {
  height: 100%;
  background: #FFFFFF;
  margin-left: 17px; }
body.home .item .image-top a.item .title {
  padding: 16px; }
body.home .item .image-top a.item .title h3 {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  margin-top: 0;
  color: #1B1C1D; }
body.home .item .image-top a.item .title h3:hover {
  color: #0090D4; }

@media (max-width: 1199px) {
  .floor {
    margin-bottom: 13px; } }

@media (min-width: 1200px) {
  .floor {
    margin-bottom: 10px; } }

.floor .floor-title {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 8px; }

.floor .floor-banner,
.floor .floor-bannerbox {
  float: left;
  background-color: #DCDDDE;
  overflow: hidden; }
@media (max-width: 1199px) {
  .floor .floor-banner,
  .floor .floor-bannerbox {
    width: 172px;
    height: 275px; } }
@media (min-width: 1200px) {
  .floor .floor-banner,
  .floor .floor-bannerbox {
    width: 210px;
    height: 336px; } }

.floor .nav-tabs {
  margin-bottom: 0; }
@media (min-width: 1200px) {
  .floor .nav-tabs {
    margin-right: 1px; } }

.floor .nav-tabs-list li,
.floor .nav-tabs-list .nav-tabs-item {
  margin-bottom: 0; }
.floor .nav-tabs-list li.active a,
.floor .nav-tabs-list li.active .nav-link,
.floor .nav-tabs-list li a.active,
.floor .nav-tabs-list li .nav-link.acitve,
.floor .nav-tabs-list .nav-tabs-item.active a,
.floor .nav-tabs-list .nav-tabs-item.active .nav-link,
.floor .nav-tabs-list .nav-tabs-item a.active,
.floor .nav-tabs-list .nav-tabs-item .nav-link.acitve {
  background-color: transparent;
  border-bottom-color: #0090D4; }

.floor .nav-tabs-list a,
.floor .nav-tabs-list .nav-link {
  padding-bottom: 4px;
  border: 0;
  border-bottom: 4px solid transparent; }

.floor .tab-content {
  overflow: hidden; }

.floor .product {
  float: left;
  position: relative;
  background-color: #FFFFFF;
  border-color: #DCDDDE;
  border-top: 0; }
@media (max-width: 1199px) {
  .floor .product {
    width: calc(26% - 1px);
    height: 275px;
    padding-top: 16px;
    padding-bottom: 16px; }
  .floor .product .price .fn-md {
    font-size: 1rem; } }
@media (min-width: 1200px) {
  .floor .product {
    width: 26%;
    height: 336px;
    padding-top: 20px;
    padding-bottom: 20px; } }
.floor .product img {
  max-height: 216px;
  margin: 0 auto 10px; }
@media (max-width: 1199px) {
  .floor .product img {
    width: 162px;
    height: 162px; } }
@media (min-width: 1200px) {
  .floor .product img {
    width: 213px;
    height: 213px; } }
.floor .product + .product {
  margin-left: -1px; }

.floor .card {
  float: left;
  width: 25%;
  margin: 0; }
.floor .card .card-content {
  padding: 12px; }
.floor .card .card-content h5 {
  line-height: 22px; }
.floor .card .card-content p,
.floor .card .card-content .desc {
  font-size: 13px;
  line-height: 19px;
  height: 38px;
  overflow: hidden; }
.floor .card + .card {
  margin-left: -1px; }

.floor-1 .nav-tabs-list {
  border-bottom-color: #B81C22; }
.floor-1 .nav-tabs-list li.active a,
.floor-1 .nav-tabs-list li.active .nav-link,
.floor-1 .nav-tabs-list li a.active,
.floor-1 .nav-tabs-list li .nav-link.active,
.floor-1 .nav-tabs-list .nav-tabs-item.active a,
.floor-1 .nav-tabs-list .nav-tabs-item.active .nav-link,
.floor-1 .nav-tabs-list .nav-tabs-item a.active,
.floor-1 .nav-tabs-list .nav-tabs-item .nav-link.active {
  border-bottom-color: #B81C22;
  color: #B81C22; }
.floor-1 .nav-tabs-list li a:hover,
.floor-1 .nav-tabs-list li .nav-link:hover,
.floor-1 .nav-tabs-list .nav-tabs-item a:hover,
.floor-1 .nav-tabs-list .nav-tabs-item .nav-link:hover {
  color: #B81C22; }

.floor-1 .product:hover {
  border-color: rgba(184, 28, 34, 0.8); }

.floor-2 .nav-tabs-list {
  border-bottom-color: #004D98; }
.floor-2 .nav-tabs-list li.active a,
.floor-2 .nav-tabs-list li.active .nav-link,
.floor-2 .nav-tabs-list li a.active,
.floor-2 .nav-tabs-list li .nav-link.active,
.floor-2 .nav-tabs-list .nav-tabs-item.active a,
.floor-2 .nav-tabs-list .nav-tabs-item.active .nav-link,
.floor-2 .nav-tabs-list .nav-tabs-item a.active,
.floor-2 .nav-tabs-list .nav-tabs-item .nav-link.active {
  border-bottom-color: #004D98;
  color: #004D98; }
.floor-2 .nav-tabs-list li a:hover,
.floor-2 .nav-tabs-list li .nav-link:hover,
.floor-2 .nav-tabs-list .nav-tabs-item a:hover,
.floor-2 .nav-tabs-list .nav-tabs-item .nav-link:hover {
  color: #004D98; }

.floor-2 .product:hover {
  border-color: rgba(0, 77, 152, 0.8); }

.floor-3 .nav-tabs-list {
  border-bottom-color: #45B035; }
.floor-3 .nav-tabs-list li.active a,
.floor-3 .nav-tabs-list li.active .nav-link,
.floor-3 .nav-tabs-list li a.active,
.floor-3 .nav-tabs-list li .nav-link.active,
.floor-3 .nav-tabs-list .nav-tabs-item.active a,
.floor-3 .nav-tabs-list .nav-tabs-item.active .nav-link,
.floor-3 .nav-tabs-list .nav-tabs-item a.active,
.floor-3 .nav-tabs-list .nav-tabs-item .nav-link.active {
  border-bottom-color: #45B035;
  color: #45B035; }
.floor-3 .nav-tabs-list li a:hover,
.floor-3 .nav-tabs-list li .nav-link:hover,
.floor-3 .nav-tabs-list .nav-tabs-item a:hover,
.floor-3 .nav-tabs-list .nav-tabs-item .nav-link:hover {
  color: #45B035; }

.floor-3 .product:hover {
  border-color: rgba(69, 176, 53, 0.8); }

.floor-4 .nav-tabs-list {
  border-bottom-color: #DC4690; }
.floor-4 .nav-tabs-list li.active a,
.floor-4 .nav-tabs-list li.active .nav-link,
.floor-4 .nav-tabs-list li a.active,
.floor-4 .nav-tabs-list li .nav-link.active,
.floor-4 .nav-tabs-list .nav-tabs-item.active a,
.floor-4 .nav-tabs-list .nav-tabs-item.active .nav-link,
.floor-4 .nav-tabs-list .nav-tabs-item a.active,
.floor-4 .nav-tabs-list .nav-tabs-item .nav-link.active {
  border-bottom-color: #DC4690;
  color: #DC4690; }
.floor-4 .nav-tabs-list li a:hover,
.floor-4 .nav-tabs-list li .nav-link:hover,
.floor-4 .nav-tabs-list .nav-tabs-item a:hover,
.floor-4 .nav-tabs-list .nav-tabs-item .nav-link:hover {
  color: #DC4690; }

.floor-4 .product:hover {
  border-color: rgba(220, 70, 144, 0.8); }

.floor-5 .nav-tabs-list {
  border-bottom-color: #889DFF; }
.floor-5 .nav-tabs-list li.active a,
.floor-5 .nav-tabs-list li.active .nav-link,
.floor-5 .nav-tabs-list li a.active,
.floor-5 .nav-tabs-list li .nav-link.active,
.floor-5 .nav-tabs-list .nav-tabs-item.active a,
.floor-5 .nav-tabs-list .nav-tabs-item.active .nav-link,
.floor-5 .nav-tabs-list .nav-tabs-item a.active,
.floor-5 .nav-tabs-list .nav-tabs-item .nav-link.active {
  border-bottom-color: #889DFF;
  color: #889DFF; }
.floor-5 .nav-tabs-list li a:hover,
.floor-5 .nav-tabs-list li .nav-link:hover,
.floor-5 .nav-tabs-list .nav-tabs-item a:hover,
.floor-5 .nav-tabs-list .nav-tabs-item .nav-link:hover {
  color: #889DFF; }

.floor-5 .product:hover {
  border-color: rgba(136, 157, 255, 0.8); }

.floor-6 .nav-tabs-list {
  border-bottom-color: #FF8B9B; }
.floor-6 .nav-tabs-list li.active a,
.floor-6 .nav-tabs-list li.active .nav-link,
.floor-6 .nav-tabs-list li a.active,
.floor-6 .nav-tabs-list li .nav-link.active,
.floor-6 .nav-tabs-list .nav-tabs-item.active a,
.floor-6 .nav-tabs-list .nav-tabs-item.active .nav-link,
.floor-6 .nav-tabs-list .nav-tabs-item a.active,
.floor-6 .nav-tabs-list .nav-tabs-item .nav-link.active {
  border-bottom-color: #FF8B9B;
  color: #FF8B9B; }
.floor-6 .nav-tabs-list li a:hover,
.floor-6 .nav-tabs-list li .nav-link:hover,
.floor-6 .nav-tabs-list .nav-tabs-item a:hover,
.floor-6 .nav-tabs-list .nav-tabs-item .nav-link:hover {
  color: #FF8B9B; }

.floor-6 .product:hover {
  border-color: rgba(255, 139, 155, 0.8); }

.cube-list {
  margin-top: 16px;
  margin-bottom: 8px;
  overflow: hidden; }
.cube-list .cube-item {
  display: inline-block;
  float: left;
  margin-left: 8px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #FFFFFF;
  border: 1px solid #DCDDDE;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.cube-list .cube-item:nth-child(odd) {
  margin-left: 0; }
.cube-list .cube-item .icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  font-size: 32px;
  color: #838689; }
.cube-list .cube-item .icon:hover {
  color: #0090D4; }
@media (max-width: 1199px) {
  .cube-list .cube-item {
    width: 88px;
    height: 88px;
    padding-top: 16px; } }
@media (min-width: 1200px) {
  .cube-list .cube-item {
    width: 109px;
    height: 108px;
    padding-top: 24px; }
  .cube-list .cube-item .icon {
    font-size: 34px; } }

body {
  /*.tabAC-Block .List-Bolack a {
    width: 100%;
    height: 70px;
    text-decoration: none;
    cursor: pointer;
  }
  .tabAC-Block .List-Bolack a:hover {
    background-color: rgba(179, 179, 179, 0.2);
    text-decoration: none;
  }*/
  /** 樓層 tag */ }
body .wrapper.fill {
  background-color: #f2f2f2;
  padding-bottom: 20px;
  margin: 0 auto;
  overflow: visible; }
body .wrapper.fill .middle-block {
  width: 100%;
  display: block;
  background-color: #555a66;
  -webkit-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear; }
body .wrapper.fill .middle-block .middle-container {
  max-width: 992px;
  margin: 0 auto;
  min-height: 352px; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container {
    max-width: 1200px;
    min-height: 400px; } }
@media (max-width: 1199px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD {
    float: left;
    height: 400px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD {
  float: left;
  width: 820px;
  height: 352px; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD {
    height: 400px;
    width: 1000px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .L-block {
  float: left;
  width: 600px;
  max-width: 730px;
  height: 352px;
  text-align: center; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .L-block {
    height: 400px;
    width: 730px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .L-block .video {
  float: left;
  width: 100%;
  max-width: 730px;
  height: 352px;
  position: relative; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .L-block .video {
    height: 400px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .L-block .video iframe,
body .wrapper.fill .middle-block .middle-container .Right-VD .L-block .video .yt-alpha,
body .wrapper.fill .middle-block .middle-container .Right-VD .L-block .video .js-gen-youtube {
  width: 100%;
  height: 100%;
  max-width: 730px;
  max-height: 400px; }
body .wrapper.fill .middle-block .middle-container .Right-VD .L-block .video.clean .js-gen-youtube {
  float: left; }
body .wrapper.fill .middle-block .middle-container .Right-VD .L-block .video > a {
  display: inline-block; }
body .wrapper.fill .middle-block .middle-container .Right-VD .L-block .video .yt-alpha {
  height: 86%;
  top: 0;
  left: 0;
  background-image: url(/public/images/alpha_1px.png); }
body .wrapper.fill .middle-block .middle-container .Right-VD .L-block img {
  float: left;
  height: 352px; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .L-block img {
    height: 400px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block {
  float: left;
  width: 220px;
  border-radius: 8px;
  background-color: #ffffff;
  margin-top: 10px;
  height: 332px; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .R-block {
    height: 380px;
    width: 270px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block ul {
  display: block;
  margin: 13px; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .R-block ul {
    margin: 15px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block li {
  width: 100%;
  padding: 4px 0;
  border-bottom: 1px solid #e7e7e7;
  display: inline-block;
  clear: both; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .R-block li {
    padding: 8px 0; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block li.bo-no {
  border-bottom: none; }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block li > a {
  display: block; }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block li img {
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 4.5%; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .R-block li img {
    width: 100px;
    height: 100px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block li .P-List {
  float: left;
  text-align: left;
  padding-top: 6.5%;
  width: 100px;
  overflow: hidden; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .R-block li .P-List {
    width: 120px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block li .P-List p {
  max-width: 120px;
  word-break: break-all;
  font-size: 14px;
  color: #26282a;
  font-weight: 550;
  margin: 3px 0 10px 0;
  padding: 0;
  text-align: left;
  height: 38px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 18px;
  vertical-align: top; }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block li .P-List span {
  max-width: 120px;
  width: 100%;
  word-break: break-all;
  font-size: 14px;
  color: #26282a;
  font-weight: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .R-block li .P-List span {
    overflow: hidden;
    height: 20px;
    text-align: left; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block li .P-List .price {
  max-width: 120px;
  font-size: 14px;
  color: #000000;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-top: -3px; }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block .single-pro {
  width: 180px;
  margin: 30px auto;
  clear: both; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .R-block .single-pro {
    width: 200px;
    margin: 30px auto; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block .single-pro img {
  width: 160px;
  margin: 5px auto 30px auto; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .R-block .single-pro img {
    width: 200px;
    margin-top: 10px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block .single-pro p {
  width: 180px;
  height: 50px;
  color: #26282a;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
  overflow: hidden; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .R-block .single-pro p {
    word-break: break-all;
    overflow: hidden;
    width: 200px;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block .single-pro .price1 {
  float: left;
  font-size: 14px;
  color: #a3a3a3;
  line-height: 24px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 3px 10px 0 15px;
  text-decoration: line-through; }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block .single-pro .price2 {
  float: left;
  display: inline-block;
  font-size: 20px;
  color: #EF337B;
  line-height: 24px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold; }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block .single-event {
  width: 220px;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .R-block .single-event {
    width: 270px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .R-block .single-event img {
  width: 100%;
  height: 332px;
  border-radius: 8px;
  margin: 0;
  padding: 0; }
@media (min-width: 1200px) {
  body .wrapper.fill .middle-block .middle-container .Right-VD .R-block .single-event img {
    height: 380px;
    width: 270px; } }
body .wrapper.fill .middle-block .middle-container .Right-VD .slider-arrow {
  width: 45px;
  height: 70px; }
body .wrapper.fill .middle-block .middle-container .Right-VD .slider-arrow i {
  width: 26px;
  height: 26px; }
body .wrapper.fill .middle-block .middle-container .Right-VD .bx-prev {
  left: -45px; }
body .wrapper.fill .middle-block .middle-container .Right-VD .bx-next {
  right: -45px; }
body .wrapper.fill .middle-block .middle-container .Right-VD:hover .bx-prev {
  left: 0; }
body .wrapper.fill .middle-block .middle-container .Right-VD:hover .bx-next {
  right: 0; }
body .container {
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
  min-width: 992px;
  padding-top: 15px; }
body .container:after {
  content: " ";
  display: block;
  clear: both; }
@media (min-width: 1200px) {
  body .container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    min-width: 1200px; }
  body .container:after {
    content: " ";
    display: block;
    clear: both; } }
@media (max-width: 1199px) {
  body .container {
    padding-left: 0;
    padding-right: 0; } }
body header .container,
body footer .container {
  padding-top: 0; }
body .top-banner,
body .top-bannerbox {
  width: 100%;
  background-color: #401c84; }
body .header-navbar {
  height: auto; }
body .header-navbar.fixed .site-logo {
  display: none; }
body .header-navbar.fixed .header-category {
  display: inline-block; }
body .header-navbar .hc-left {
  float: left;
  margin-right: 50px;
  z-index: 510; }
@media (max-width: 1199px) {
  body .header-navbar .hc-left {
    width: 351px; } }
@media (min-width: 1200px) {
  body .header-navbar .hc-left {
    width: 378px; } }
body .header-navbar .site-logo {
  display: inline-block;
  width: 385px;
  height: 130px;
  vertical-align: middle;
  float: left; }
body .header-navbar .header-category {
  display: none; }
body .header-navbar .hc-middle .keyword {
  left: 400px; }
@media (min-width: 1200px) {
  body .header-navbar .hc-middle .keyword {
    left: 460px; } }
body footer.footer-v2 {
  padding: 0;
  margin: 0; }
body footer.footer-v2 .footer-nav {
  padding-top: 24px;
  padding-bottom: 24px;
  border: none; }
body .ElevatorMenu_fixed {
  position: fixed;
  right: 41%;
  margin-right: 680px;
  top: 22%;
  z-index: 1; }
@media (min-width: 1200px) {
  body .ElevatorMenu_fixed {
    right: 50%; } }
body ul.ElevatorMenu_elevatorMenuBlock {
  background: #ffffff;
  width: 48px;
  font-size: 14px;
  line-height: 18px;
  border-radius: 8px;
  border: #e7e7e7 1px solid;
  text-align: center;
  position: absolute;
  left: 100%;
  margin-left: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 3px 0 rgba(120, 120, 120, 0.3);
  box-shadow: 0 2px 3px 0 rgba(120, 120, 120, 0.3); }
@media (max-width: 1100px) {
  body ul.ElevatorMenu_elevatorMenuBlock {
    display: none; } }
@media (max-width: 1285px) and (min-width: 1201px) {
  body ul.ElevatorMenu_elevatorMenuBlock {
    display: none; } }
body ul.ElevatorMenu_elevatorMenuBlock li {
  width: 48px;
  height: 53px;
  color: #000000;
  font-weight: bold;
  padding: 9px 8px 10px 7px;
  word-wrap: break-word;
  cursor: pointer; }
body ul.ElevatorMenu_elevatorMenuBlock li > a {
  color: #000000;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
body ul.ElevatorMenu_elevatorMenuBlock li.no-li {
  border-bottom: none; }
body ul.ElevatorMenu_elevatorMenuBlock li.top-f {
  color: #505050;
  font-weight: normal; }
body ul.ElevatorMenu_elevatorMenuBlock li.top-f:hover {
  color: #0090d4;
  cursor: pointer;
  background-color: transparent; }
body ul.ElevatorMenu_elevatorMenuBlock li.top-f:hover .li-line {
  width: 90%;
  display: block;
  margin: 7px 0 0 1px;
  border-bottom: 1px solid #e0e0e0; }
body ul.ElevatorMenu_elevatorMenuBlock li.top-f span {
  color: #0090d4; }
body ul.ElevatorMenu_elevatorMenuBlock li button.top-go {
  width: 100%;
  display: block;
  font-size: 15px;
  padding: 3px 0 3px 0;
  background-image: url("../images/icons/icon-arrow-up.svg");
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 14px;
  color: #505050;
  cursor: pointer;
  font-weight: normal;
  border: none;
  background-color: transparent; }
body ul.ElevatorMenu_elevatorMenuBlock li button.top-go:hover {
  background-image: url("../images/icons/icon-arrow-up-blue.svg");
  color: #0090d4; }
body ul.ElevatorMenu_elevatorMenuBlock li button.top-go span {
  color: #505050;
  margin-top: 13px;
  background-color: transparent; }
body ul.ElevatorMenu_elevatorMenuBlock li button.top-go span:hover {
  color: #0090d4; }
body ul.ElevatorMenu_elevatorMenuBlock li:hover, body ul.ElevatorMenu_elevatorMenuBlock li.active {
  color: #ffffff; }
body ul.ElevatorMenu_elevatorMenuBlock li:hover a, body ul.ElevatorMenu_elevatorMenuBlock li.active a {
  color: #ffffff; }
body ul.ElevatorMenu_elevatorMenuBlock li:hover .li-line, body ul.ElevatorMenu_elevatorMenuBlock li.active .li-line {
  width: 90%;
  display: block;
  margin: 7px 0 0 1px;
  border-bottom: none; }
body ul.ElevatorMenu_elevatorMenuBlock li:hover.flo-1, body ul.ElevatorMenu_elevatorMenuBlock li.active.flo-1 {
  background-color: #005097; }
body ul.ElevatorMenu_elevatorMenuBlock li:hover.flo-2, body ul.ElevatorMenu_elevatorMenuBlock li.active.flo-2 {
  background-color: #0090d4; }
body ul.ElevatorMenu_elevatorMenuBlock li:hover.flo-3, body ul.ElevatorMenu_elevatorMenuBlock li.active.flo-3 {
  background-color: #dc4690; }
body ul.ElevatorMenu_elevatorMenuBlock li:hover.flo-4, body ul.ElevatorMenu_elevatorMenuBlock li.active.flo-4 {
  background-color: #eea35c; }
body ul.ElevatorMenu_elevatorMenuBlock li:hover.flo-5, body ul.ElevatorMenu_elevatorMenuBlock li.active.flo-5 {
  background-color: #45b035; }
body ul.ElevatorMenu_elevatorMenuBlock li:hover.flo-6, body ul.ElevatorMenu_elevatorMenuBlock li.active.flo-6 {
  background-color: #ba4ae7; }
body ul.ElevatorMenu_elevatorMenuBlock .li-line {
  width: 90%;
  display: block;
  margin: 7px 0 0 1px;
  border-bottom: 1px solid #e0e0e0; }
body .Activity-Block {
  background-color: #ffffff;
  border-radius: 8px;
  margin-bottom: 15px; }
body .AC-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 54px;
  line-height: 54px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #26282a;
  border-bottom: 1px solid #e7e7e7;
  padding: 0 16px; }
body .AC-header span {
  font-size: 20px;
  font-weight: bold;
  margin-right: 8px;
  color: #26282a; }
body .AC-header a {
  display: block;
  padding: 0 20px 0 0;
  background-image: url("../images/icons/icon-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: right 20px;
  background-size: 14px;
  -webkit-box-align: right;
  -webkit-align-items: right;
  -ms-flex-align: right;
  align-items: right;
  font-size: 16px;
  text-decoration: none;
  color: #26282a; }
body .AC-carouse {
  padding-top: 18px;
  height: 260px; }
@media (min-width: 1200px) {
  body .AC-carouse {
    height: 290px; } }
body .AC-carouse ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 10px 10px; }
@media (min-width: 1200px) {
  body .AC-carouse ul {
    padding: 0px 20px 10px; } }
body .AC-carouse li {
  width: 25%;
  text-align: center; }
body .AC-carouse li a {
  background-color: transparent;
  text-decoration: none;
  cursor: pointer; }
body .AC-carouse li img {
  height: 160px;
  width: 160px;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 auto; }
@media (min-width: 1200px) {
  body .AC-carouse li img {
    width: 185px;
    height: 185px; } }
body .AC-carouse li .Pro_name {
  margin: 5px 5px 3px 10px;
  text-align: justify;
  width: 94.8%;
  height: 38px;
  color: #26282a;
  max-height: 40px;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  word-break: break-all; }
@media (min-width: 1200px) {
  body .AC-carouse li .Pro_name {
    line-height: 20px;
    height: 40px; } }
body .AC-carouse li .Pro_price {
  color: #EF337B;
  font-size: 18px;
  font-weight: 500;
  max-height: 24px;
  overflow: hidden;
  margin: 5px 5px 0px 10px;
  text-align: left; }
body .AC-carouse li .Pro_price b {
  font-weight: bold;
  font-size: 20px; }
body .AC-carouse .slider-arrow {
  width: 32px;
  height: 46px; }
body .AC-carouse .slider-arrow i {
  width: 17px;
  height: 17px; }
body .Video-Block {
  background-color: #ffffff;
  border-radius: 8px;
  margin-bottom: 15px;
  margin-left: 15px;
  padding-bottom: 9px; }
body .Video-Block .V-box {
  height: 232px;
  width: 92%;
  margin: 19px auto 0; }
@media (min-width: 1200px) {
  body .Video-Block .V-box {
    height: 262px;
    margin: 19px auto 0; } }
body .Video-Block .V-box .media-Block {
  width: 100%;
  height: 160px;
  position: relative; }
@media (min-width: 1200px) {
  body .Video-Block .V-box .media-Block {
    height: 185px; } }
body .Video-Block .V-box .media-Block iframe {
  width: 100%;
  height: 100%; }
body .Video-Block .V-box .media-Block .yt-alpha {
  height: 30%; }
body .Video-Block .V-box a {
  display: block;
  background-color: transparent;
  text-decoration: none; }
body .Video-Block .V-box .Pro_name {
  width: 95%;
  color: #26282a;
  height: 38px;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  word-break: break-all;
  margin: 5px 0 5px 7px; }
@media (min-width: 1200px) {
  body .Video-Block .V-box .Pro_name {
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: justify; } }
body .Video-Block .V-box .Pro_price {
  width: 95%;
  color: #EF337B;
  font-size: 18px;
  font-weight: 500;
  height: 19px;
  overflow: hidden;
  margin: 7px 0 0 7px;
  text-align: left; }
body .Video-Block .V-box .Pro_price b {
  font-weight: bold;
  font-size: 20px; }
body .tabAC-Block {
  background-color: #ffffff;
  border-radius: 8px;
  margin-bottom: 15px;
  height: 151px;
  overflow: hidden; }
body .tabAC-Block .tab-header {
  height: 48px;
  border-bottom: 1px solid #e7e7e7;
  clear: both; }
body .tabAC-Block p {
  margin: 0 0 20px;
  line-height: 1.5; }
body .tabAC-Block main {
  max-width: 100%;
  padding: 0; }
body .tabAC-Block section {
  display: none;
  padding: 20px 0 0; }
body .tabAC-Block input {
  float: right;
  display: none; }
body .tabAC-Block .tab-header > a.nav-link {
  font-size: 16px;
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 15px 12px;
  font-weight: 600;
  text-align: center;
  color: #bbbbbb;
  border: 1px solid transparent; }
@media (min-width: 1200px) {
  body .tabAC-Block .tab-header > a.nav-link {
    padding: 15px 25px 12px; } }
body .tabAC-Block .tab-header > a.nav-link:before {
  font-weight: normal; }
body .tabAC-Block .tab-header > a.nav-link:hover {
  color: #888888;
  cursor: pointer; }
body .tabAC-Block .tab-header > a.nav-link.active {
  color: #e64894;
  border-radius: 3px;
  border-bottom: 4px solid #e64894; }
body .tabAC-Block section.active {
  display: block;
  padding: 13px 0 7px 0px; }
@media (min-width: 1200px) {
  body .tabAC-Block section.active {
    padding: 15px 0 7px 0px; } }
body .tabAC-Block .tabAC-box {
  width: 94%;
  padding: 0 3%;
  height: 70px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  clear: both; }
body .tabAC-Block .swiper-slide {
  width: 94%;
  padding: 0 5%;
  float: left; }
body .tabAC-Block .List-Bolack {
  float: left;
  width: 23.4%;
  height: 70px;
  overflow: hidden; }
@media (min-width: 1200px) {
  body .tabAC-Block .List-Bolack {
    width: 24.25%; } }
body .tabAC-Block .List-Bolack + .List-Bolack {
  padding-left: 1%;
  margin-left: 2%; }
@media (min-width: 1200px) {
  body .tabAC-Block .List-Bolack + .List-Bolack {
    margin-left: 1%; } }
body .tabAC-Block .List-Bolack + .List-Bolack:not(.ng) {
  border-left: #dbdbdb 1px solid; }
body .tabAC-Block .ng {
  border-right: none;
  width: 25%;
  text-align: center; }
body .tabAC-Block .ng .AD-img {
  width: 100%;
  height: 100%;
  max-height: 70px; }
body .tabAC-Block .ng img {
  max-width: 165px;
  max-height: 70px;
  width: 90%;
  margin: 2% auto; }
@media (min-width: 1200px) {
  body .tabAC-Block .ng img {
    width: 100%;
    margin: 0 auto; } }
body .tabAC-Block .List-Bolack.ng + .List-Bolack.ng {
  padding-left: 0%;
  margin-left: 0%; }
@media (min-width: 1200px) {
  body .tabAC-Block .List-Bolack.ng + .List-Bolack.ng {
    margin-left: 0%; } }
body .tabAC-Block .List-Bolack.ng a {
  height: auto; }
body .tabAC-Block .link-more {
  float: right;
  padding: 15px 12px 5px 5px;
  display: block;
  font-size: 16px;
  color: #26282a; }
body .tabAC-Block .link-more:hover {
  color: #26282a; }
body .swiper-container .swiper-wrapper {
  height: 100%; }
body .swiper-container .slider-arrow {
  width: 24px;
  height: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0 8px; }
body .swiper-container .slider-arrow i {
  width: 13px;
  height: 13px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute; }
body .swiper-container .bx-prev {
  border-radius: 0 3px 3px 0;
  left: 0; }
body .swiper-container .bx-next {
  border-radius: 3px 0 0 3px;
  right: 0; }
body .Article-Block {
  background-color: #ffffff;
  border-radius: 8px;
  margin-left: 15px;
  margin-bottom: 15px; }
body .Article-Block .Ar-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 47px;
  line-height: 47px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #26282a;
  border-bottom: 1px solid #e7e7e7;
  padding: 0 16px; }
body .Article-Block .Ar-header span {
  font-size: 16px;
  font-weight: 600;
  margin-right: 8px;
  color: #a5ab00; }
body .Article-Block .Ar-header a {
  display: block;
  padding: 0 20px 0 0;
  background-image: url("../images/icons/icon-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: right 16px;
  background-size: 14px;
  -webkit-box-align: right;
  -webkit-align-items: right;
  -ms-flex-align: right;
  align-items: right;
  font-size: 16px;
  text-decoration: none;
  color: #26282a; }
body .Article-Block .Ar-box {
  height: 105px;
  padding: 13px 0 15px 10px;
  clear: both; }
@media (min-width: 1200px) {
  body .Article-Block .Ar-box {
    padding: 15px 0 15px 15px; } }
body .Article-Block .Ar-box a {
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
body .Article-Block .Ar-box .Ar-img img {
  float: left;
  display: block;
  width: 130px;
  height: 70px;
  margin-top: 2px;
  margin-right: 10px; }
@media (min-width: 1200px) {
  body .Article-Block .Ar-box .Ar-img img {
    width: 150px;
    height: 75px;
    margin-top: 0;
    margin-right: 15px; } }
body .Article-Block .Ar-box .Ar-p {
  float: left;
  display: block;
  width: 120px;
  height: 60px;
  margin-top: 7px;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  color: #26282a;
  word-break: break-all;
  overflow: hidden; }
@media (min-width: 1200px) {
  body .Article-Block .Ar-box .Ar-p {
    width: 145px; } }
body .floor-Block {
  display: block;
  margin-bottom: 15px; }
body .floor-Block .floor-1-header {
  height: 55px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: rgba(0, 80, 151, 0.15);
  padding: 12px 13px 0 20px; }
body .floor-Block .floor-1-header a.floor-title {
  float: left;
  text-align: left;
  max-width: 300px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  color: #005097; }
body .floor-Block .floor-1-header a.floor-title:hover {
  color: #0C7CDE; }
body .floor-Block .floor-1-header .channel {
  float: right;
  max-width: 580px;
  text-align: left;
  font-size: 14px;
  color: #646464; }
body .floor-Block .floor-1-header .channel a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 10px;
  color: #646464;
  margin-top: 8px; }
body .floor-Block .floor-1-header .channel a:hover {
  color: #005097; }
body .floor-Block .floor-2-header {
  height: 55px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: rgba(0, 144, 212, 0.15);
  padding: 12px 13px 0 20px; }
body .floor-Block .floor-2-header a.floor-title {
  float: left;
  text-align: left;
  max-width: 300px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  color: #0090d4; }
body .floor-Block .floor-2-header a.floor-title:hover {
  color: #0DB4EC; }
body .floor-Block .floor-2-header .channel {
  float: right;
  max-width: 580px;
  text-align: left;
  font-size: 14px;
  color: #646464; }
body .floor-Block .floor-2-header .channel a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 10px;
  color: #646464;
  margin-top: 8px; }
body .floor-Block .floor-2-header .channel a:hover {
  color: #0090d4; }
body .floor-Block .floor-3-header {
  height: 55px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: rgba(220, 70, 144, 0.15);
  padding: 12px 13px 0 20px; }
body .floor-Block .floor-3-header a.floor-title {
  float: left;
  text-align: left;
  max-width: 300px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  color: #dc4690; }
body .floor-Block .floor-3-header a.floor-title:hover {
  color: #F55FBE; }
body .floor-Block .floor-3-header .channel {
  float: right;
  max-width: 580px;
  text-align: left;
  font-size: 14px;
  color: #646464; }
body .floor-Block .floor-3-header .channel a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 10px;
  color: #646464;
  margin-top: 8px; }
body .floor-Block .floor-3-header .channel a:hover {
  color: #EEB601; }
body .floor-Block .floor-4-header {
  height: 55px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: rgba(238, 163, 92, 0.15);
  padding: 12px 13px 0 20px; }
body .floor-Block .floor-4-header a.floor-title {
  float: left;
  text-align: left;
  max-width: 300px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  color: #eea35c; }
body .floor-Block .floor-4-header a.floor-title:hover {
  color: #FCB716; }
body .floor-Block .floor-4-header .channel {
  float: right;
  max-width: 580px;
  text-align: left;
  font-size: 14px;
  color: #646464; }
body .floor-Block .floor-4-header .channel a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 10px;
  color: #646464;
  margin-top: 8px; }
body .floor-Block .floor-4-header .channel a:hover {
  color: #eea35c; }
body .floor-Block .floor-5-header {
  height: 55px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: rgba(69, 176, 53, 0.15);
  padding: 12px 13px 0 20px; }
body .floor-Block .floor-5-header a.floor-title {
  float: left;
  text-align: left;
  max-width: 300px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  color: #45b035; }
body .floor-Block .floor-5-header a.floor-title:hover {
  color: #68D53B; }
body .floor-Block .floor-5-header .channel {
  float: right;
  max-width: 580px;
  text-align: left;
  font-size: 14px;
  color: #646464; }
body .floor-Block .floor-5-header .channel a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 10px;
  color: #646464;
  margin-top: 8px; }
body .floor-Block .floor-5-header .channel a:hover {
  color: #45b035; }
body .floor-Block .floor-6-header {
  height: 55px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: rgba(186, 74, 231, 0.15);
  padding: 12px 13px 0 20px; }
body .floor-Block .floor-6-header a.floor-title {
  float: left;
  text-align: left;
  max-width: 300px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  color: #ba4ae7; }
body .floor-Block .floor-6-header a.floor-title:hover {
  color: #E461FF; }
body .floor-Block .floor-6-header .channel {
  float: right;
  max-width: 580px;
  text-align: left;
  font-size: 14px;
  color: #ba4ae7; }
body .floor-Block .floor-6-header .channel a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 10px;
  color: #646464;
  margin-top: 8px; }
body .floor-Block .floor-6-header .channel a:hover {
  color: #ba4ae7; }
body .clean {
  clear: both; }
body a.floor-title:hover {
  opacity: 1; }
body .fl-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #ffffff; }
body .fl-body .fl-AD {
  float: left;
  width: 166px;
  margin: 15px;
  overflow: hidden; }
@media (min-width: 1200px) {
  body .fl-body .fl-AD {
    width: 200px; } }
body .fl-body .fl-AD img {
  width: 158px;
  height: 273px;
  border-radius: 8px; }
@media (min-width: 1200px) {
  body .fl-body .fl-AD img {
    width: 200px;
    height: 345px; } }
body .floor-Block .fl-body .fl-r-List {
  float: left;
  width: 784px; }
@media (min-width: 1200px) {
  body .floor-Block .fl-body .fl-r-List {
    width: 970px; } }
body .floor-Block .fl-body .fl-r-List .pro_group {
  width: 790px;
  height: 240px;
  margin: 5px 0 12px 0; }
@media (min-width: 1200px) {
  body .floor-Block .fl-body .fl-r-List .pro_group {
    width: 974px;
    height: 300px; } }
body .floor-Block .fl-body .fl-r-List .pro_group .pro_list:nth-child(4),
body .floor-Block .fl-body .fl-r-List .pro_group .pro_list:nth-child(8) {
  border-right: none; }
body .floor-Block .fl-body .fl-r-List .pro_group .pro_list {
  float: left;
  width: 197.5px;
  height: 120px;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7; }
@media (min-width: 1200px) {
  body .floor-Block .fl-body .fl-r-List .pro_group .pro_list {
    width: 243.5px;
    height: 152px; } }
body .floor-Block .fl-body .fl-r-List .pro_group .pro_list img {
  float: left;
  width: 80px;
  max-width: 100px;
  height: 80px;
  margin-top: 15px;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: middle; }
@media (min-width: 1200px) {
  body .floor-Block .fl-body .fl-r-List .pro_group .pro_list img {
    width: 100px;
    height: 100px;
    margin-top: 20px;
    margin-right: 13px; } }
body .floor-Block .fl-body .fl-r-List .pro_group .pro_list .pro_li {
  float: left;
  width: 90px;
  height: auto;
  margin-top: 20px; }
@media (min-width: 1200px) {
  body .floor-Block .fl-body .fl-r-List .pro_group .pro_list .pro_li {
    width: 110px;
    margin-top: 25px; } }
body .floor-Block .fl-body .fl-r-List .pro_group .pro_list .pro_li p {
  float: left;
  width: 100px;
  height: 50px;
  color: #6f7274;
  font-size: 14px;
  line-height: 17px;
  word-break: break-all;
  margin-bottom: 5px;
  text-align: left;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }
@media (min-width: 1200px) {
  body .floor-Block .fl-body .fl-r-List .pro_group .pro_list .pro_li p {
    width: 110px;
    margin-bottom: 13px; } }
body .floor-Block .fl-body .fl-r-List .pro_group .pro_list .pro_li span {
  width: 100px;
  height: auto;
  word-break: break-all;
  font-size: 14px;
  color: #EF337B;
  line-height: 16px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif; }
@media (min-width: 1200px) {
  body .floor-Block .fl-body .fl-r-List .pro_group .pro_list .pro_li span {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    width: 100px;
    height: 24px; } }
body .floor-Block .fl-body .fl-r-List .pro_group .pro_list .pro_tags {
  width: 90%;
  padding: 0 5%;
  float: left; }
body .floor-Block .fl-body .fl-r-List .pro_group .pro_list span.tag {
  width: auto;
  margin: 0;
  margin-bottom: 0;
  padding: 1px 6px;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff; }
@media (min-width: 1200px) {
  body .floor-Block .fl-body .fl-r-List .pro_group .pro_list span.tag {
    padding: 1px 8px;
    line-height: 18px; } }
body .fl-body .fl-r-List .brand-logo {
  display: block; }
body .fl-body .fl-r-List .brand-logo ul {
  margin: 0 0 0 5px;
  display: inline-block; }
@media (min-width: 1200px) {
  body .fl-body .fl-r-List .brand-logo ul {
    margin: 7px 0 0 5px; } }
body .fl-body .fl-r-List .brand-logo li {
  float: left;
  width: 90px;
  height: 32px;
  margin: 0 10px;
  overflow: hidden; }
@media (min-width: 1200px) {
  body .fl-body .fl-r-List .brand-logo li {
    width: 105px;
    height: 38px;
    margin: 0 16px; } }
body .fl-body .fl-r-List .brand-logo li a img {
  width: 105px;
  height: 32px;
  opacity: 0.5; }
@media (min-width: 1200px) {
  body .fl-body .fl-r-List .brand-logo li a img {
    width: 90px;
    height: 38px;
    margin-top: 3px; } }
body .fl-body .fl-r-List .brand-logo li a:hover img {
  opacity: 1; }
body .favorite-Block {
  margin: 80px 0 50px 0; }
body .favorite-Block .title-line {
  border-bottom: 1px solid #c9c9c9;
  width: 100%; }
body .favorite-Block h3 {
  font-weight: 700;
  color: #666666;
  width: 220px;
  font-size: 24px;
  text-align: center;
  letter-spacing: 15px;
  text-indent: 15px;
  margin: -15px auto 40px;
  background: #f2f2f2; }
body .favorite-Block .fv-carouse {
  width: 100%;
  background-color: #ffffff;
  border-radius: 8px; }
body .favorite-Block .fv-carouse ul {
  width: 100%;
  height: auto;
  padding: 1% 0 3%;
  margin: 0 auto;
  background: #ffffff;
  display: inline-block;
  clear: both;
  border-radius: 8px;
  text-align: center; }
body .favorite-Block .fv-carouse li {
  float: left;
  width: 165px;
  padding: 10px 10px 0px 10px; }
@media (min-width: 1200px) {
  body .favorite-Block .fv-carouse li {
    width: 200px; } }
body .favorite-Block .fv-carouse li a {
  background-color: #ffffff;
  text-decoration: none; }
body .favorite-Block .fv-carouse li a img {
  width: 100%;
  max-width: 170px;
  margin-bottom: 8px; }
body .favorite-Block .fv-carouse li .pro-n {
  height: 3em; }
body .favorite-Block .fv-carouse li .pro-n a {
  text-align: left;
  max-width: 170px;
  max-height: 40px;
  color: #26282a;
  font-size: 14px;
  line-height: 19px;
  overflow: hidden;
  word-break: break-all;
  margin: 0; }
body .favorite-Block .fv-carouse li .pro-n a:hover {
  text-decoration: underline; }
body .favorite-Block .fv-carouse li .pro-p {
  float: left;
  text-align: left;
  max-width: 85px;
  color: #EF337B;
  font-size: 18px;
  font-weight: bold;
  height: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif; }
body .favorite-Block .fv-carouse li .pro-Love a {
  float: right;
  width: 22px;
  height: 20px;
  margin-top: 3px;
  margin-right: 15px; }
body .favorite-Block .fv-carouse li .pro-Love i {
  display: block;
  width: 22px;
  height: 20px;
  margin-top: 3px;
  margin-right: 15px; }
body .favorite-Block .fv-carouse .slider-arrow {
  width: 31px;
  height: 45px; }
body .favorite-Block .fv-carouse .slider-arrow i {
  width: 17px;
  height: 17px; }
body .favorite-Block .fv-carouse .slider-arrow.bx-prev {
  left: -31px; }
body .favorite-Block .fv-carouse .slider-arrow.bx-next {
  right: -31px; }
body .favorite-Block .fv-carouse:hover .bx-prev {
  left: 0px; }
body .favorite-Block .fv-carouse:hover .bx-next {
  right: 0px; }
body .wrapper.fill .container .v2-ad-o2r img {
  width: 992px;
  height: 64px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px; }
@media (min-width: 1200px) {
  body .wrapper.fill .container .v2-ad-o2r img {
    width: 1200px; } }

body.home-v2 .header-navbar {
  border: none; }

.v2-ad-hot_event {
  margin-bottom: 18px;
  height: 340px;
  overflow: hidden;
  border-radius: 8px; }

.v2-ad-hot_event ul {
  position: absolute;
  margin-top: -185px;
  z-index: 2;
  margin-left: 47px; }

.v2-ad-hot_event ul li {
  float: left;
  margin: 5px 10px; }

.v2-ad-hot_event ul li img {
  width: 200px; }

li a.jump {
  -webkit-animation: jump 5s infinite;
  animation: jump 5s infinite; }

li a.jump2 {
  -webkit-animation: jump2 5s infinite;
  animation: jump2 5s infinite; }

li a.jump3 {
  -webkit-animation: jump3 5s infinite;
  animation: jump3 5s infinite; }

li a.jump4 {
  -webkit-animation: jump4 5s infinite;
  animation: jump4 5s infinite; }

li a.jump5 {
  -webkit-animation: jump5 5s infinite;
  animation: jump5 5s infinite; }

@-webkit-keyframes jump {
  15%, 35% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); } }

@keyframes jump {
  15%, 35% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); } }

@-webkit-keyframes jump2 {
  27%, 47% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  37% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); } }

@keyframes jump2 {
  27%, 47% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  37% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); } }

@-webkit-keyframes jump3 {
  39%, 59% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  49% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); } }

@keyframes jump3 {
  39%, 59% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  49% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); } }

@-webkit-keyframes jump4 {
  51%, 71% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  61% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); } }

@keyframes jump4 {
  51%, 71% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  61% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); } }

@-webkit-keyframes jump5 {
  63%, 83% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  73% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); } }

@keyframes jump5 {
  63%, 83% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  73% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); } }

img.hot_bg {
  height: 350px; }

@media (max-width: 1199px) {
  .v2-ad-hot_event ul {
    margin-top: -150px;
    margin-left: 45px; }
  .v2-ad-hot_event ul li img {
    width: 160px; }
  img.hot_bg {
    height: 289px; }
  .v2-ad-hot_event {
    height: 289px; } }

.hot_2 {
  height: 425px;
  overflow: hidden;
  border-radius: 8px; }

.hot_2 ul {
  margin-top: -223px; }

.hot_event_2 li a {
  width: 200px;
  text-align: center;
  background: rgba(255, 111, 97, 0.8);
  border-radius: 20px;
  padding: 30px 10px;
  line-height: 180%; }

.hot_event_2 .he_text_1 {
  font-size: 26px;
  font-weight: bold;
  color: #ffe767; }

.hot_event_2 li a:hover .he_text_1 {
  color: #ffe767; }

.hot_event_2 .he_text_2 {
  font-size: 15px;
  font-weight: bold;
  color: #fff; }

.hot_event_2 li a:hover .he_text_2 {
  color: #fff; }

.hot_2 li a.jump {
  -webkit-animation: jump_v2 4s infinite;
  animation: jump_v2 4s infinite; }

.hot_2 li a.jump2 {
  -webkit-animation: jump2_v2 4s infinite;
  animation: jump2_v2 4s infinite; }

.hot_2 li a.jump3 {
  -webkit-animation: jump3_v2 4s infinite;
  animation: jump3_v2 4s infinite; }

.hot_2 li a.jump4 {
  -webkit-animation: jump4_v2 4s infinite;
  animation: jump4_v2 4s infinite; }

.hot_2 li a.jump5 {
  -webkit-animation: jump5_v2 4s infinite;
  animation: jump5_v2 4s infinite; }

@-webkit-keyframes jump_v2 {
  15%, 35% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(0, 12px);
    transform: translate(0, 12px); } }

@keyframes jump_v2 {
  15%, 35% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(0, 12px);
    transform: translate(0, 12px); } }

@-webkit-keyframes jump2_v2 {
  27%, 47% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  37% {
    -webkit-transform: translate(0, 12px);
    transform: translate(0, 12px); } }

@keyframes jump2_v2 {
  27%, 47% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  37% {
    -webkit-transform: translate(0, 12px);
    transform: translate(0, 12px); } }

@-webkit-keyframes jump3_v2 {
  39%, 59% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  49% {
    -webkit-transform: translate(0, 12px);
    transform: translate(0, 12px); } }

@keyframes jump3_v2 {
  39%, 59% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  49% {
    -webkit-transform: translate(0, 12px);
    transform: translate(0, 12px); } }

@-webkit-keyframes jump4_v2 {
  51%, 71% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  61% {
    -webkit-transform: translate(0, 12px);
    transform: translate(0, 12px); } }

@keyframes jump4_v2 {
  51%, 71% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  61% {
    -webkit-transform: translate(0, 12px);
    transform: translate(0, 12px); } }

@-webkit-keyframes jump5_v2 {
  63%, 83% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  73% {
    -webkit-transform: translate(0, 12px);
    transform: translate(0, 12px); } }

@keyframes jump5_v2 {
  63%, 83% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  73% {
    -webkit-transform: translate(0, 12px);
    transform: translate(0, 12px); } }

.tabAC-Block .AD-img img, .Article-Block .Ar-img img {
  border-radius: 4px; }

.logo_newyear {
  width: 410px !important;
  max-width: 410px !important;
  height: 130px !important; }

footer.footer-newyear {
  background-color: #fff8ee; }

footer.footer-newyear .footer-nav {
  background-image: url("../images/home/footer_newyear_01.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 55px !important;
  border: 0; }

footer.footer-newyear .footer-info {
  background-image: url("../images/home/footer_newyear_02.jpg");
  background-size: 1122px;
  background-repeat: no-repeat;
  background-position: bottom center; }

@media screen and (max-width: 1200px) {
  footer.footer-newyear .footer-nav {
    background-size: 992px; }
  footer.footer-newyear .footer-info {
    background-size: 910px;
    background-position: 87px bottom; } }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box {
  height: 44.4px;
  padding: 10px 0 10px 20px;
  background-position: 170px 16px; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(1):hover {
  background-color: #DDB850; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(1) .L3-box li a:hover {
  color: #DDB850; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(2):hover {
  background-color: #b81c22; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(2) .L3-box li a:hover {
  color: #b81c22; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(3):hover {
  background-color: #09b4b4; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(3) .L3-box li a:hover {
  color: #09b4b4; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(4):hover {
  background-color: #005097; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(4) .L3-box li a:hover {
  color: #005097; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(5):hover {
  background-color: #0090d4; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(5) .L3-box li a:hover {
  color: #0090d4; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(6):hover {
  background-color: #e64894; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(6) .L3-box li a:hover {
  color: #e64894; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(7):hover {
  background-color: #fac109; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(7) .L3-box li a:hover {
  color: #fac109; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(8):hover {
  background-color: #3cb035; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(8) .L3-box li a:hover {
  color: #3cb035; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(9):hover {
  background-color: #ba4ae7; }

body .Left-Menu.L1_9 .Menu_L1 > .L1-box:nth-child(9) .L3-box li a:hover {
  color: #ba4ae7; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box {
  height: 40px;
  padding: 8px 0 10px 20px;
  background-position: 170px 16px; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(1):hover {
  background-color: #DDB850; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(1) .L3-box li a:hover {
  color: #DDB850; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box .highlight {
  color: #f5b28d; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(2):hover {
  background-color: #EA5504; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(2):hover a {
  color: #ffffff; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(2) .L2-box a {
  color: #707274 !important; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(2) .L3-box li a {
  color: #707274 !important; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(2) .L3-box li a:hover {
  color: #EA5504 !important; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(3):hover {
  background-color: #b81c22; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(3) .L3-box li a:hover {
  color: #b81c22; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(4):hover {
  background-color: #09b4b4; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(4) .L3-box li a:hover {
  color: #09b4b4; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(5):hover {
  background-color: #005097; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(5) .L3-box li a:hover {
  color: #005097; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(6):hover {
  background-color: #0090d4; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(6) .L3-box li a:hover {
  color: #0090d4; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(7):hover {
  background-color: #e64894; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(7) .L3-box li a:hover {
  color: #e64894; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(8):hover {
  background-color: #fac109; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(8) .L3-box li a:hover {
  color: #fac109; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(9):hover {
  background-color: #3cb035; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(9) .L3-box li a:hover {
  color: #3cb035; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(10):hover {
  background-color: #ba4ae7; }

body .Left-Menu.L1_10 .Menu_L1 > .L1-box:nth-child(10) .L3-box li a:hover {
  color: #ba4ae7; }

/* highlight L1 (Start)*/
body .Left-Menu .Menu_L1 > .highlight a {
  color: #EA5504 !important;}

body .Left-Menu .Menu_L1 > .highlight:hover {
  background-color: #EA5504 !important;}

body .Left-Menu .Menu_L1 > .highlight:hover a {
  color: #ffffff !important;}

body .Left-Menu .Menu_L1 > .highlight .L2-box a {
  color: #707274 !important; }

body .Left-Menu .Menu_L1 > .highlight .L2-box a:hover {
  color: #0090d4 !important; }

body .Left-Menu .Menu_L1 > .highlight .L3-box li a {
  color: #707274 !important; }

body .Left-Menu .Menu_L1 > .highlight .L3-box li a:hover {
  color: #EA5504 !important; }
/* highlight L1 (End)*/

.adbox-hami {
  width: 100%;
  height: auto;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px; }
.adbox-hami.fixed {
  top: 70px;
  margin: 0 auto;
  position: relative;
  z-index: 600; }
.adbox-hami .container {
  background-color: #69B417;
  border-radius: 6px;
  padding: 25px 30px 25px 30px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  opacity: 0.9; }
.adbox-hami a {
  color: #fff;
  line-height: 150%;
  font-weight: bold;
  font-size: 17px; }
.adbox-hami a:hover {
  color: #ffe871; }
.adbox-hami .btn-close {
  float: right;
  color: #DCDDDE;
  background-color: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 0;
  border-radius: 15px;
  width: 27px; }
.adbox-hami .btn-close .icon-close {
  margin: 4px;
  opacity: 0.6;
  margin-top: 2px;
  width: 12px;
  height: 12px;
  font-size: 12px; }
.adbox-hami .btn-close:hover {
  background-color: #F3F4F5; }
.adbox-hami .btn-close:hover .icon-close {
  opacity: 1; }

.product-group + .product-group {
  border-top: 1px solid #DCDDDE; }

.product {
  position: relative;
  z-index: 1;
  padding: 24px 16px;
  border: 1px solid transparent;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
.product.hasline {
  width: 30%;
  padding: 24px 16px;
  margin: 8px auto;
  border: 1px solid #DCDDDE;
  float: none; }
.product.hasline:first-child {
  float: left;
  margin: 0 0; }
.product.hasline:nth-child(2) {
  float: right;
  margin: 0 0; }
.product:hover {
  z-index: 10;
  border-color: rgba(0, 144, 212, 0.8); }
.product img {
  margin-bottom: 8px; }
.product .tag-nosell {
  margin-top: 45%;
  left: 0px;
  width: 100%; }
.product .tag-nosell_2 {
  margin-top: 9%;
  left: 0px;
  width: 100%; }
.product .content {
  position: relative; }
.product .content .title {
  margin-bottom: 8px;
  max-height: 44px;
  line-height: 22px;
  font-weight: bold; }
.product .content .title a {
  height: 44px;
  color: #1B1C1D;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
@media screen and (min-width: 0\0) {
  .product .content .title a {
    overflow: hidden; } }
.product .content .tags-group {
  position: absolute;
  top: -30px;
  z-index: 200; }
.product .content .tags-group .tag-mini {
  min-width: 68px;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1px;
  padding-bottom: 1px; }
.product .content .tags-group .tag-mini + .tag-mini {
  margin-left: 2px; }

.product-view.col-md-6 img {
  max-height: 208px; }

.product-view a {
  display: block; }

.product-view.third {
  margin-bottom: 16px;
  border-color: #DCDDDE; }
.product-view.third img {
  max-height: 272px; }
.product-view.third:hover {
  border-color: rgba(0, 144, 212, 0.8); }

.detail-images .share-buttons {
  margin-top: 1px; }

.detail-images .btn-favorite-outline {
  padding-top: 1px;
  padding-bottom: 1px; }
.detail-images .btn-favorite-outline .icon-heart {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-heart-outline-pink.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 12px;
  height: 12px;
  font-size: 12px; }
.detail-images .btn-favorite-outline:hover .icon-heart, .detail-images .btn-favorite-outline:focus .icon-heart, .detail-images .btn-favorite-outline:active .icon-heart {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-heart-outline-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.detail-images .btn-favorite-outline:hover .icon-info-circle, .detail-images .btn-favorite-outline:focus .icon-info-circle, .detail-images .btn-favorite-outline:active .icon-info-circle {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-info-circle-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.detail-images .btn-favorite-outline.active .icon-heart {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-heart-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.detail-images .btn-normal-share-outline {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: -1px; }
.detail-images .btn-normal-share-outline .icon-normal-share {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-normal-share-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 12px;
  height: 12px;
  font-size: 12px; }
.detail-images .btn-normal-share-outline:hover .icon-normal-share, .detail-images .btn-normal-share-outline:focus .icon-normal-share, .detail-images .btn-normal-share-outline:active .icon-normal-share {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-normal-share-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.detail-images .btn-normal-share-outline.active .icon-normal-share {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-normal-share-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.detail-images a {
  display: block; }

.detail-intro {
  padding-left: 24px; }
.detail-intro .tag-text-secondary {
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 18px;
  max-height: 36px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
.detail-intro .price {
  margin-bottom: 18px; }
.detail-intro .price del {
  margin-right: 12px;
  color: #8f9294;
  font-size: 16px; }
.detail-intro .price .text {
  margin-left: 8px;
  margin-right: 6px;
  color: #000000; }
.detail-intro .price .text:empty {
  display: none; }
.detail-intro .btn-group {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0; }
@media (max-width: 1199px) {
  .detail-intro .btn-group .btn {
    width: 172px; } }
@media (min-width: 1200px) {
  .detail-intro .btn-group .btn {
    width: 200px; } }

.product-title {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 34px; }

.product-desc {
  margin-bottom: 16px;
  line-height: 24px;
  color: #6F7274; }

.product-price {
  padding-bottom: 24px;
  border-bottom: 1px solid #DCDDDE; }

.product-type,
.product-qty,
.product-coupon {
  font-size: 13px; }
.product-type span,
.product-qty span,
.product-coupon span {
  width: 52px;
  color: #6F7274;
  vertical-align: middle; }

.product-type {
  margin-bottom: 12px; }
.product-type select {
  min-width: 136px;
  max-width: calc(100% - 96px);
  padding-top: 4px;
  padding-bottom: 4px; }
.product-type select:not([size]):not([multiple]) {
  height: auto; }

.product-qty,
.product-coupon {
  margin-bottom: 16px; }

.product-coupon .warning {
  width: auto;
  color: #1B1C1D;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.product-event {
  position: relative;
  font-size: 13px;
  line-height: 22px; }
.product-event li {
  padding-left: 78px;
  margin-bottom: 8px;
  overflow: hidden; }
.product-event .tag-mini {
  position: absolute;
  left: 0;
  width: 70px;
  margin-right: 4px; }

.product-extra {
  font-size: 13px;
  line-height: 22px; }

.installment,
.bank,
.profit {
  top: 32px;
  padding: 20px 24px 24px;
  cursor: auto;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); }
.installment .popover-arrow, .installment .message-arrow,
.bank .popover-arrow,
.bank .message-arrow,
.profit .popover-arrow,
.profit .message-arrow {
  top: -12px;
  left: 0;
  width: 100%;
  height: 12px;
  border: none; }
.installment .popover-content,
.bank .popover-content,
.profit .popover-content {
  padding: 0; }
.installment h4,
.bank h4,
.profit h4 {
  margin-top: 0;
  margin-bottom: 12px; }
.installment .col-3,
.installment .col-4,
.bank .col-3,
.bank .col-4,
.profit .col-3,
.profit .col-4 {
  color: #6F7274;
  font-size: 13px;
  line-height: 24px; }
.installment .col-3,
.bank .col-3,
.profit .col-3 {
  width: 33.33%; }
.installment .col-4,
.bank .col-4,
.profit .col-4 {
  width: 25%; }

.installment {
  left: -688px;
  width: 752px; }
.installment nav,
.installment .content {
  float: left; }
.installment nav {
  width: 256px; }
.installment .nav-stacked {
  position: relative;
  z-index: 10;
  text-align: right; }
.installment .nav-stacked .nav-item {
  padding: 8px 16px;
  background-color: #F3F4F5;
  border: 1px solid #DCDDDE;
  cursor: pointer; }
.installment .nav-stacked .nav-item + .nav-item {
  margin-top: -1px; }
.installment .nav-stacked .nav-item.active {
  background-color: #FFFFFF;
  border-left-color: #0090D4;
  border-right-color: #FFFFFF;
  -webkit-box-shadow: -3px 0 0 #0090D4;
  box-shadow: -3px 0 0 #0090D4; }
.installment .nav-link.extra {
  width: 240px;
  padding: 8px 16px;
  margin-top: 16px;
  background-color: #FFFFFF;
  border: 1px solid #DCDDDE;
  text-align: right; }
.installment .nav-link.extra a {
  color: #0090D4;
  text-decoration: underline; }
.installment .content {
  position: relative;
  z-index: 1;
  width: calc(100% - 256px);
  margin-left: -1px; }
.installment .content .pane {
  display: none;
  padding: 16px 24px;
  border: 1px solid #DCDDDE; }
.installment .content .pane.active {
  display: block; }
.installment .content .pane h5,
.installment .content .pane h6 {
  margin-top: 0;
  margin-bottom: 4px; }
.installment .content .pane span {
  width: 25%;
  font-size: 13px;
  line-height: 24px; }
.installment .content .pane .has-type-disc {
  margin: 16px 0 0;
  padding-top: 8px;
  padding-left: 16px;
  border-top: 1px solid #DCDDDE; }
.installment .content .pane .has-type-disc li {
  line-height: 22px; }

.bank {
  left: -212px;
  width: 328px; }
.bank h4 {
  padding-bottom: 8px;
  border-bottom: 1px solid #DCDDDE; }
.bank h5,
.bank h6 {
  margin-top: 2px;
  margin-bottom: 8px; }

.profit {
  left: -1px; }
@media (max-width: 1199px) {
  .profit {
    width: 760px; } }
@media (min-width: 1200px) {
  .profit {
    width: 950px; } }
.profit h4 {
  padding-bottom: 8px;
  border-bottom: 1px solid #DCDDDE; }
.profit h5,
.profit h6 {
  margin-top: 2px;
  margin-bottom: 8px; }
.profit table {
  margin-bottom: 0; }

.store-coupon {
  margin-bottom: 12px; }
.store-coupon .coupon-item {
  position: relative;
  margin-bottom: 1px;
  background: #F3F4F5 url("/public/images/icons/icon-img-gift-white.svg") no-repeat calc(100% - 152px) 12px;
  background-size: 68px;
  border-radius: 2px; }
.store-coupon .coupon-item::after {
  content: "";
  display: table;
  clear: both; }
.store-coupon .coupon-item .content,
.store-coupon .coupon-item .btn {
  padding-top: 12px;
  padding-bottom: 10px; }
.store-coupon .coupon-item .content {
  float: left;
  width: calc(100% - 136px);
  padding-left: 16px;
  padding-right: 16px; }
.store-coupon .coupon-item .content .tag {
  border: none; }
.store-coupon .coupon-item .content .date {
  font-size: 12px;
  margin-bottom: 4px; }
.store-coupon .coupon-item .content .title {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 22px;
  color: #1B1C1D;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.store-coupon .coupon-item .btn {
  position: absolute;
  right: 0;
  width: 128px;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #F17200;
  background: -webkit-linear-gradient(330deg, #ff8c25, #ff7f0c);
  background: -o-linear-gradient(330deg, #ff8c25, #ff7f0c);
  background: linear-gradient(120deg, #ff8c25, #ff7f0c);
  border: none;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0; }
.store-coupon .coupon-item .btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: -2px;
  width: 4px;
  height: 100%;
  background: transparent url("/public/images/icons/img-border-dotted-silver.svg") repeat-y 0 50%; }
.store-coupon .coupon-item .btn:hover {
  opacity: .9; }
.store-coupon .coupon-item .btn p {
  margin-bottom: 0; }
.store-coupon .coupon-item .btn .value {
  color: #FFFFFF !important;
  font-size: 20px;
  line-height: 28px; }
.store-coupon .coupon-item .btn .text-muted {
  color: #FFFFFF !important;
  font-size: 12px;
  line-height: 18px;
  opacity: .75; }
.store-coupon .coupon-item .btn .tooltip.top {
  top: -16px;
  left: -4px;
  width: 136px;
  color: #404245;
  font-size: 12px;
  line-height: 18px;
  text-align: center; }

.prd-manual {
  margin-bottom: 16px;
  overflow: hidden; }
.prd-manual dt {
  color: #1B1C1D;
  font-size: 18px;
  border-bottom: 1px solid #DCDDDE;
  margin-bottom: 8px; }
.prd-manual dt .inner-title {
  display: inline-block;
  min-width: 106px;
  padding-bottom: 8px;
  color: #0090D4;
  border-bottom: 3px solid #DCDDDE; }
.prd-manual dd {
  color: #6F7274;
  margin-bottom: 20px; }

.filter {
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid #DCDDDE;
  border-bottom: 1px solid #DCDDDE; }
.filter::after {
  content: "";
  display: table;
  clear: both; }
.filter .btn-group {
  margin-top: 0;
  margin-bottom: 0; }
.filter .btn-group .icon-arrow-left,
.filter .btn-group .icon-arrow-right {
  width: 13px;
  height: 13px;
  font-size: 13px; }
.filter.top {
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 0px solid #DCDDDE; }

.search-items-list {
  position: relative;
  margin-bottom: 0; }
.search-items-list .css-tr {
  border-bottom: 1px dashed #DCDDDE; }
.search-items-list .css-tr:first-child {
  border-top: none; }
.search-items-list .css-tr:last-child {
  border-bottom: none; }
.search-items-list .css-tr:last-child .css-td {
  border-bottom: none; }
.search-items-list .css-tr:nth-child(odd) {
  background: none; }
.search-items-list .css-tr .css-td {
  border-bottom: none; }
.search-items-list .css-tr .css-td.title {
  width: 11%;
  padding-top: 12.4px;
  padding-right: 0;
  padding-bottom: 12.4px;
  padding-left: 0; }
.search-items-list .css-tr .css-td.controls {
  width: 70px;
  padding-left: 0;
  padding-right: 0; }
.search-items-list .css-tr .css-td.content {
  width: 89%; }
.search-items-list .css-tr .css-td.content .search-items-box {
  width: 92%; }
.search-items-list .css-tr .css-td.content .search-items-box input[type="radio"],
.search-items-list .css-tr .css-td.content .search-items-box input[type="checkbox"] {
  margin-right: 4px; }
.search-items-list .css-tr .css-td.content .search-items-box label {
  padding-top: 4px;
  padding-bottom: 4px;
  display: inline-block;
  min-width: 15.8%;
  max-width: 15.8%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.search-items-list .btn-switch-text {
  position: absolute;
  right: 1px;
  top: 10px;
  border-radius: 0;
  margin-right: -1px;
  margin-bottom: -1px; }
.search-items-list .btn-switch-text .icon-arrow-down {
  top: -1px;
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-up-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.search-items-list .btn-switch-text:hover .icon-arrow-down, .search-items-list .btn-switch-text:focus .icon-arrow-down {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-up-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.search-items-list .btn-switch-text span::after {
  margin-right: 4px;
  content: '收合'; }
.search-items-list .btn-switch-text[aria-expanded="false"]:hover .icon-arrow-down, .search-items-list .btn-switch-text[aria-expanded="false"]:focus .icon-arrow-down {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-bottom-white.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.search-items-list .btn-switch-text[aria-expanded="false"] .icon-arrow-down {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-arrow-bottom-blue.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
.search-items-list .btn-switch-text[aria-expanded="false"] span::after {
  content: '更多'; }

.p_hot {
  margin-top: -8px;
  text-align: center; }

.price del.price_o {
  color: #a3a5a6;
  margin-right: 5px; }

.tag-nosell_2 {
  top: 74px;
  width: 100%;
  opacity: 0.7;
  position: absolute;
  z-index: 1;
  border-radius: 0; }

@media (max-width: 1200px) {
  .tag-nosell_2 {
    top: 42px; }
  .price del.price_o {
    margin-right: 2px; } }

.emp-price {
  color: #6F7274;
  margin-bottom: 8px;
  margin-top: 18px;
  font-weight: normal;
  font-size: 13px; }

.emp-price b {
  color: #8f9294;
  margin-left: 2px;
  font-weight: 600;
  font-size: 14px; }

.product-view .price del {
  display: block !important;
  margin-bottom: 3px;
  margin-top: -2px;
  height: 12px; }

.cycle_box {
  background-color: #F3F4F5;
  border-radius: 5px;
  padding: 17px 15px 10px 15px;
  margin-top: 15px;
  margin-bottom: 15px; }

.cycle_box .spacing.right {
  margin-right: 4px; }

.imgTag {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16%;
  z-index: 2; }

.cycle_fq {
  margin-left: 20px !important;
  line-height: 120%; }

.cycle_text {
  color: #6F7274;
  font-size: 13px;
  line-height: 22px;
  margin: 10px 0 10px 0; }

.cycle_text label {
  color: #1B1C1D; }

.service_c {
  margin-left: 10px; }

#cycleService ol li {
  list-style: decimal;
  margin-top: 12px; }

#cycleService .clause {
  padding-left: 30px;
  line-height: 28px; }

.pd_choice {
  float: left;
  padding-top: 11px;
  margin-bottom: 8px; }

.items-btn {
  float: left;
  width: 84%;
  margin-bottom: 14px; }

.items-btn button {
  font-size: 14px;
  background-color: #FFF;
  padding: 10px 12px;
  border: 1px solid #A2A5A7;
  margin-bottom: 7px;
  margin-left: 1px;
  border-radius: 2px;
  max-width: 170px; }

.items-btn button:hover {
  border: 1px solid #0090D4;
  color: #0090D4; }

.items-btn button:focus {
  border: 1px solid #0090D4;
  color: #0090D4;
  background-image: url("/public/images/icons/pd-selected.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 16px;
  outline-color: transparent;
  outline-style: none; }

.pd-selected {
  border: 1px solid #0090D4 !important;
  color: #0090D4;
  background-image: url("/public/images/icons/pd-selected.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 16px; }

.pd-disabled {
  border: 1px solid #D8D8D8 !important;
  color: #C7C7C7 !important;
  background: none !important;
  cursor: default; }

.items-btn {
  max-height: 125px;
  overflow-y: scroll;
  overflow-x: hidden; }

.product-type ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px; }

.product-type:hover ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.4); }

.tag-mini-pro {
  display: inline-block;
  /* min-width: 20px; */
  padding: 3px;
  margin-top: 10px;
  color: #EF337B;
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border: 1px solid #EF337B;
  cursor: default;
  border-radius: 6px;
  line-height: 15px; }

.tag-mini-pro2 {
  display: inline-block;
  /* min-width: 20px; */
  padding: 3px;
  margin-top: 10px;
  color: #ffffff;
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border: 1px solid #EF337B;
  cursor: default;
  border-radius: 6px;
  background-color: #EF337B;
  line-height: 15px; }

.cp_text {
  color: #E81568;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  margin: 10px 0 10px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif; }

a.b_receive {
  display: inline-block;
  min-width: 70px;
  padding: 3px;
  font-weight: bold;
  color: #ffffff;
  background-color: #E81568;
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border: 1px solid #E81568;
  border-radius: 6px; }

a.b_receive:hover {
  color: #ffffff; }

a.b_received {
  display: inline-block;
  min-width: 70px;
  padding: 3px;
  font-weight: bold;
  color: #ffffff;
  background-color: #D1D1D1;
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border: 1px solid #D1D1D1;
  border-radius: 6px;
  cursor: default; }

a.b_received:hover {
  color: #ffffff; }

a.b_success {
  display: inline-block;
  min-width: 70px;
  padding: 3px;
  font-weight: bold;
  color: #E81568;
  background-color: #FFE2EB;
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border: 1px solid #FED4E1;
  border-radius: 6px;
  cursor: default; }

a.b_success:hover {
  color: #ffffff; }

.obundle-w {
  width: 1200px; }

@media (max-width: 1199px) {
  .obundle-w {
    width: 990px; } }

.obundle-w label.ob_check {
  display: block;
  line-height: 150%; }

.obundle-w .page-header {
  margin-top: 40px;
  border-bottom: 1px solid #DCDDDE; }

.obundle-w h4 a {
  font-size: 15px;
  font-weight: 100;
  color: #F17200;
  text-decoration: underline; }

#obModal_01 .modal-body {
  padding: 24px 24px 40px;
  text-align: center; }

#obModal_01-1 .modal-body {
  padding: 24px 24px 40px;
  text-align: center; }

#obModal_01-2 .modal-body {
  padding: 24px 24px 40px;
  text-align: center; }

#obModal_02 .modal-body {
  padding: 24px 24px 40px;
  text-align: center; }

#obModal_03 .modal-body {
  padding: 24px 24px 40px;
  text-align: center; }

img.onlineBundle-pic {
  width: 100% !important;
  height: auto !important; }

.obundle-w span.sub.spacing a {
  color: #1B1C1D;
  text-decoration: underline; }

.obundle-w span.sub.spacing a:hover {
  color: #0090D4; }

.obundle-w p a {
  color: #1B1C1D;
  text-decoration: underline;
  font-size: 13px; }

.obundle-w p a:hover {
  color: #0090D4; }

.obundle-uploadForm {
  margin-top: 30px;
  margin-bottom: 50px;
  overflow: hidden; }

.obundle-uploadForm .col-md-12 .css-th.align.right.w-f11 {
  background-color: #FFFFFF;
  border-color: transparent;
  vertical-align: middle;
  word-break: break-all; }

.obundle-uploadForm .col-md-12 .css-td {
  background-color: #FFFFFF;
  border-color: transparent; }

.obundle-uploadForm .col-md-12 {
  margin-bottom: 30px;
  overflow: hidden; }

.obundle-uploadForm-photo {
  margin: 10px 5%; }

.obundle-uploadForm-note {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  margin-top: -40px;
  position: absolute;
  z-index: 1;
  border-radius: 0;
  margin-top: 29%;
  margin-left: 5%;
  left: 0px;
  width: 90%;
  color: #fff;
  text-align: center;
  font-size: 20px; }

.obundle-uploadForm .col-md-24.spacing {
  margin-top: -20px;
  text-align: center;
  font-weight: normal;
  line-height: 22px;
  color: #6F7274; }

#obModal_02-3.modal {
  text-align: center;
  line-height: 150%; }

.ob_new_search {
  height: 42px;
  width: 42px;
  margin-top: -2px;
  margin-left: -2px;
  padding: 2px; }

.ob_new_search .icon {
  width: 18px;
  height: 18px;
  margin: 9px 5px; }

.ob_number {
  margin: 10px 0;
  width: 80% !important;
  padding: 7px  !important;
  margin-bottom: 20px; }

.ob_numb_list {
  font-size: 13px;
  padding: 5px 8px; }

.ob_number_btn {
  padding: 8px 28px;
  margin-left: -1px;
  margin-top: -3px;
  font-size: 14px; }

.b-selected, .b-selected:active, .b-selected:hover, .b-selected:focus {
  color: #C8D100;
  border: 1px solid #C8D100;
  width: 64px; }

.PN {
  max-width: 8.5em;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }

.block-2r .product {
  min-height: 395px; }

.block-2r .product-view .btn.btn-primary {
  position: absolute;
  bottom: 20px; }

.pills li {
  display: inline-block;
  white-space: nowrap;
  margin: -0.5px; }

.pills li li {
  display: list-item; }

.pills ul.has-type-decimal {
  padding-left: 20px;
  color: #6F7274;
  font-size: 13px; }

.pills ul.has-type-decimal li {
  line-height: 24px; }

.group-width {
  width: 80%; }

.product-qty .spacing.right.middle {
  margin-bottom: 8px;
  margin-top: 8px; }

@media (max-width: 1199px) {
  .group-width {
    width: 100%; } }

.group-width .product-extra.notice {
  margin-left: 10px;
  float: left;
  margin-top: 4px; }

.search-items-list .css-tr .css-td.content .search-items-box label {
  min-width: 19%;
  max-width: 19%; }

.cart-form {
  padding: 16px 24px; }
.cart-form .title,
.cart-form .panel-head {
  font-size: 18px;
  font-weight: bold;
  color: #0090D4; }
.cart-form .panel-head {
  padding: 4px 0 16px; }
.cart-form .panel-head + .panel-body {
  padding-top: 16px;
  padding-bottom: 0; }
.cart-form .panel-head span {
  vertical-align: middle; }
.cart-form .panel-head .text-muted {
  font-size: 13px;
  font-weight: normal;
  vertical-align: middle; }
.cart-form .panel-head .marquee {
  display: inline-block; }
.cart-form .panel-body {
  padding: 4px 0; }
.cart-form .panel-body .bar.gray {
  padding: 16px; }
.cart-form .panel-body .alert[data-invoice] {
  display: none; }
.cart-form.panel[aria-expanded="false"] .panel-head {
  border-bottom: 0;
  padding-bottom: 4px; }
.cart-form.panel[aria-expanded="false"] .panel-body {
  display: none; }
.cart-form .input-card-number {
  display: inline-block; }
.cart-form .input-card-number input + input {
  margin-left: 2px; }
.cart-form .input-card-number .dash {
  margin-left: 4px; }
.cart-form .css-table b.notice {
  margin-right: 2px; }
.cart-form .icon-info-circle {
  top: -1px;
  background-image: url("/public/images/icons/icon-info-circle.svg");
  width: 13px;
  height: 13px;
  font-size: 13px; }
.cart-form .has-pay-select {
  margin-bottom: 4px; }
.cart-form .has-pay-select + .row {
  margin-top: 16px; }
.cart-form .has-pay-select li {
  float: left;
  width: calc(16.6666667% - 2px);
  padding: 20px 24px;
  background-color: #f6f7f7;
  margin-right: 2px;
  margin-bottom: 2px; }
.cart-form .has-pay-select li.active {
  background-color: #d5f0fb; }
.cart-form .has-pay-select label {
  display: block; }
.cart-form .jko {
  letter-spacing: -0.6px; }
.cart-form .popover-nav {
  margin-left: -3px; }
.cart-form .installment {
  left: 0px;
  text-indent: 0px; }
.cart-form ul.has-type-decimal li {
  padding-left: 18px;
  font-size: 100%;
  color: #6F7274;
  width: 100%;
  background: #FFF;
  padding: 0px; }
.cart-form .has-checkbox-list {
  margin-bottom: 6px; }
.cart-form .has-checkbox-list li {
  padding: 10px 16px;
  border-bottom: 1px solid #e0e2e5;
  background-color: #F3F4F5; }
.cart-form .has-checkbox-list li:last-child {
  border-bottom: none; }
.cart-form .has-checkbox-list input[type="radio"] {
  margin-right: 16px; }
.cart-form .has-checkbox-list + .credit-card-area {
  margin-top: 16px; }
.cart-form .has-checkbox-list .css-th,
.cart-form .has-checkbox-list .css-td {
  border-bottom-color: #e0e2e5; }
.cart-form .has-checkbox-list .css-tr:first-child {
  border-top-color: #e0e2e5; }
.cart-form .has-checkbox-list .css-th input[type="radio"],
.cart-form .has-checkbox-list .css-th input[type="check"] {
  margin-right: 0; }
.cart-form .has-checkbox-list .css-td {
  padding-left: 12px;
  padding-right: 12px;
  background-color: #f9f9f9; }
.cart-form .marquee {
  width: calc(100% - 160px);
  margin-bottom: 0;
  font-size: 13px;
  padding: 0 16px;
  background: #FFFFFF url("/public/images/icons/icon-megaphone-orange.svg") no-repeat 0 0;
  background-size: 13px; }
.cart-form .marquee a {
  color: #ED9E02;
  text-decoration: none; }
.cart-form a {
  margin: 0 4px;
  color: #1B1C1D;
  text-decoration: underline; }
.cart-form label {
  color: #1B1C1D; }

.order-form {
  padding-bottom: 32px; }
.order-form .table-group {
  margin-left: 20px; }
.order-form .table-group .css-table .css-tr {
  border-left: 1px solid #DCDDDE;
  border-right: 1px solid #DCDDDE; }
.order-form .css-table.blue {
  margin-bottom: 8px; }
.order-form .table-bordered th {
  padding-top: 4px;
  padding-bottom: 4px;
  height: 32px; }
.order-form .icon-camera {
  margin-left: 8px; }

.w-note {
  margin-top: 6px; }

.cart_cycle {
  background-color: #F3F4F5;
  border-radius: 5px;
  color: #6F7274;
  padding: 10px;
  overflow: auto;
  margin-top: 5px;
  margin-bottom: 10px; }

.cart_cycle img {
  float: left;
  width: 40px;
  margin: 0px 18px 0px 6px; }

.cart_cycle_text {
  float: left;
  width: 85%;
  margin-top: 4px;
  margin-bottom: 3px; }

.cart_cycle_text .product-type {
  margin-bottom: 5px; }

.cart_cycle_text select {
  font-size: 12px; }

.cart_cycle p {
  font-size: 13px; }

.cart_cycle span.cycle_s {
  background-color: none;
  color: #EF337B;
  border: 0;
  padding: 0;
  font-weight: bold; }

.cart_cycle_text .product-type span {
  width: unset; }

.cart_cycle_text .spacing.right {
  margin-right: 8px; }

.cart_cycle_text .product-type select {
  min-width: 100px;
  margin-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px; }

.cycle_checkout span {
  width: 150px; }

.cycle_checkout {
  margin-bottom: 0 !important; }

.table-pack-head .nav-tabs.nav-tabs-cart ul.nav-tabs-list.js-nav-tabs-list {
  height: 58px; }

.cart-sc {
  padding: 16px 24px 12px 24px !important; }

.cart-sc input {
  float: left;
  margin-top: 10px; }

.cart-sc .sub {
  color: #1B1C1D;
  font-size: 100%;
  float: left;
  line-height: 120%; }

.cart-sc .notice {
  font-size: 13px; }

.sameOderer {
  padding: 8px; }

.cart-form a.spacing {
  margin-right: 20px; }

.row-last-th {
  margin: 2px 9px 8px 16px; }

.last-item {
  margin-top: 3px; }

.title-discount {
  font-size: 16px;
  font-weight: bold;
  color: #1B1C1D;
  margin-right: 0; }

.cart-box-discount p.sub {
  margin: 5px 0 0 37px; }

a.hami_check {
  display: block; }

input[type=checkbox].checkbox:checked + label.checkbox-label:before {
  margin-top: -2px; }

label:before {
  margin-top: -2px; }

checkbox:checked .total-item {
  margin-bottom: 10px !important; }

h3.bill-hami {
  font-size: 22px;
  margin-bottom: 0; }

h4.bill-hami {
  padding-top: 20px; }

.cht_bind h4 {
  font-size: 22px; }

.cht_bind .modal-dialog {
  width: 100%;
  bottom: 0;
  margin-bottom: 0;
  left: 0;
  right: 0;
  margin-left: 0; }

.cht_bind .modal-content {
  overflow: hidden; }

.cht_bind b {
  display: inline-block;
  line-height: 38px;
  margin-top: -6px;
  font-size: 22px; }

.cht_bind .container {
  padding-top: 24px; }

.modal.fade.cht_bind .modal-dialog {
  -webkit-transform: translateY(130%);
  -ms-transform: translateY(130%);
  transform: translateY(130%);
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.modal.fade.cht_bind.in .modal-dialog {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

@media (min-width: 1200px) {
  .cht_bind .container {
    max-width: 1100px;
    min-width: 1100px; } }

.warn_box {
  width: 86%;
  margin: 40px auto 10px auto;
  padding: 27px 13% 13px 13%;
  border-top: 1px solid #DCDDDE !important; }

.warn_box ul {
  width: 45%;
  margin-left: 200px !important;
  text-align: left; }

.warn_box p {
  width: 85%;
  margin: 0 auto  !important; }

.warn_box h3 {
  margin: 10px auto; }

.th-Eden {
  padding: 15px 0 0 0;
  width: 60px; }

.Eden_l {
  display: block;
  float: left;
  width: 62%; }

.Eden_s {
  display: block;
  line-height: 12px;
  color: #6F7274;
  font-size: 12px; }

span.Eden_s {
  line-height: 16px;
  margin-top: -2px; }

.total-item-box {
  margin-bottom: 2px; }

.sp_text span.label, .sp_text span.price {
  font-size: 15px !important;
  font-weight: 400 !important; }

.tr-Eden {
  padding: 0; }

.tr-Eden .css-td span {
  font-size: 26px;
  line-height: 38px;
  font-weight: 100; }

.tr-Eden .css-td input {
  margin-left: 0;
  margin-top: -12px;
  width: 270px;
  font-size: 18px;
  line-height: 18px;
  padding: 7px;
  margin-left: 3px; }

.tr-Eden .css-td .btn {
  line-height: 25px;
  margin-top: -11px;
  padding: 4px 10px; }

.tr-Eden b.notice.fn-sm {
  display: block;
  margin-top: 5px; }

.Eden_top {
  padding-top: 0px; }

.Eden_box ol li {
  font-size: 15px;
  line-height: 1.6;
  color: #6F7274;
  list-style: decimal;
  margin-left: 20px; }

.Eden_box ol {
  padding-bottom: 20px;
  margin-bottom: 0px; }

.total-item p {
  max-width: 640px; }

@media (max-width: 1199px) {
  .total-item p {
    max-width: 490px; } }

.tr-Eden .css-td span.value {
  font-weight: bold; }

.title-note {
  font-weight: bold;
  font-size: 13px;
  line-height: 22px;
  margin-top: -8px;
  margin-bottom: 5px; }

.w-fix-2r {
  width: 462px !important; }

.form_2r .btn.w-f8 {
  padding-left: 8px;
  padding-right: 8px; }

.bar.b-sm.gray {
  padding: 10px 64px;
}

.bar.b-sm.gray p {
  margin-bottom: 0px;
}

.bar.b-sm.gray.divider.horizontal {
  margin: 8px 0;
}

.password-verdict .progress {
  display: inline-block;
  width: 360px;
  margin-right: 8px;
  margin-bottom: 0; }

.password-verdict .status-success,
.password-verdict .status-warning,
.password-verdict .status-danger {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em; }

.form-login-title,
.form-signup-title {
  color: #0090D4; }
.form-login-title.dark,
.form-signup-title.dark {
  color: #1B1C1D; }

.form-signup {
  background-color: #FFFFFF;
  overflow: hidden; }
.form-signup .btn.w-f8 {
  padding-left: 8px;
  padding-right: 8px;
  line-height: 1.6; }

.form-signup-title {
  margin-top: 32px;
  text-align: center; }

.form-signup {
  padding: 24px 32px;
  margin-top: 24px;
  margin-bottom: 48px;
  border: 1px solid #DCDDDE; }
.form-signup .btn-group {
  margin-top: 24px; }
.form-signup .steps {
  display: none; }

.form-login-title {
  margin-top: 0;
  margin-left: 8px;
  margin-bottom: 40px;
  font-size: 24px; }

.form-login {
  position: relative;
  z-index: 199;
  width: 440px;
  margin-top: 68px;
  margin-bottom: 68px; }
.form-login .login-switch:hover {
  cursor: pointer;
  opacity: .8; }
.form-login .login-switch .qrcode,
.form-login .login-switch .desktop {
  position: absolute;
  top: 62px;
  right: 4px; }
.form-login .login-switch img {
  width: 72px;
  float: right; }
.form-login .login-switch .qrcode .qrcode-title {
  margin-top: 34px;
  margin-right: -12px;
  font-size: 13px; }
.form-login .login-switch .qrcode .qrcode-title .icon {
  margin-left: 4px;
  color: #0090D4; }
.form-login .login-switch .qrcode .qrcode-title .icon-arrow-right {
  width: 13px;
  height: 13px;
  font-size: 13px; }
.form-login .login-switch .qrcode {
  display: block; }
.form-login .login-switch .desktop {
  display: none; }
.form-login .login-switch.change .qrcode {
  display: none; }
.form-login .login-switch.change .desktop {
  display: block; }
.form-login .switch-content .switch-pane[aria-hidden="true"] {
  display: none; }
.form-login .switch-content .switch-pane[aria-hidden="false"] {
  display: block; }
.form-login .switch-content .icon-arrow-circle {
  margin-right: 4px; }
.form-login .switch-content #login-desktop {
  display: block; }
.form-login .switch-content #login-qrcode {
  display: none; }
.form-login .switch-content.change #login-desktop {
  display: none; }
.form-login .switch-content.change #login-qrcode {
  display: block; }
.form-login .pull-left.offset {
  margin-left: 54px; }
.form-login .pull-right.offset {
  margin-right: 8px; }

.qrcode-lg {
  padding: 12px;
  margin: 56px auto 24px;
  width: 144px;
  border: 1px solid #DCDDDE; }

.cover-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100; }
.cover-wrap.has-login {
  background: transparent url("/public/images/banner/login-banner-sample.jpg") no-repeat 50% 0;
  background-size: cover; }

.form-login .error-msg,
.form-login-modal .error-msg {
  position: absolute;
  top: 72px;
  left: 78px;
  z-index: 299;
  width: 329px;
  padding: 4px 8px;
  color: white;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #F61A13;
  border-radius: 2px; }

.form-login-modal .modal-sm {
  width: 440px;
  margin-left: -220px; }

.form-login-modal .modal-body .form-login-title {
  margin-top: 8px;
  margin-bottom: 16px; }

.form-login-modal .modal-body .error-msg {
  position: relative;
  top: 0;
  left: 54px;
  margin-bottom: 0; }

.form-login-modal .modal-body .css-table.pure {
  margin-bottom: 0; }

.form-login-modal .modal-footer {
  padding-top: 28px;
  padding-bottom: 28px;
  background-color: #F3F4F5;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.phone-sale-bg {
  background: #F2F2F2 !important; }

.phone-sale-title {
  color: #0090D4; }

.form-phone-sale-login {
  margin: 0 auto;
  height: auto; }

.phone-sale-member-table {
  border-top: 4px solid #f2f2f2;
  margin-top: -15px; }

.phone-sale-member-msg {
  color: #4CB648;
  font-size: 24px;
  padding: 20px;
  line-height: 30px; }

.phone-sale-member-info {
  font-size: 32px;
  text-align: left;
  font-weight: bold;
  line-height: 30px;
  padding-left: 60px !important; }
.phone-sale-member-info .name {
  color: #999999; }

.phone-sale-member-tips {
  font-size: 17px;
  line-height: 60px;
  color: #5C5F61; }

.phone-sale-member-links {
  font-size: 25px;
  color: #0090D4;
  line-height: 1.2;
  font-weight: bold; }
.phone-sale-member-links a {
  text-decoration: underline;
  color: #0090D4; }

.phone-sale-member-btn {
  background: #A2B3C1;
  color: #ffffff; }
.phone-sale-member-btn:hover {
  background: #788D9F; }

.nav-tabs-login {
  border-radius: 17px; }

.logintb-bg {
  /*background-color: #f4f4f4;*/
  overflow: hidden;
  padding: 0;
  margin: 0;
  border-radius: 15px; }

.nav-tabs-login {
  max-width: 440px;
  min-height: 450px;
  text-align: center; }

.nav-tabs-login section {
  max-width: 440px;
  display: none;
  padding: 40px 24px 24px;
  border-top: 4px solid #0090D4;
  text-align: left;
  background: #fff;
  margin-top: 45px;
  border-radius: 0 0 15px 15px;
  min-height: 410px; }

.nav-tabs-login input#tab1, .nav-tabs-login input#tab2 {
  display: none; }

.nav-tabs-login label.logintb {
  display: block;
  width: 50%;
  height: 45px;
  line-height: 21px;
  margin: 0 0 -4px;
  padding: 13px 78px;
  font-weight: 550;
  text-align: center;
  color: #bbb;
  background-color: #f4f4f4;
  border-bottom: 1px solid #0090D4; }

.nav-tabs-login label.logintb.login_01 {
  float: left;
  border-radius: 0 15px 0 0; }

.nav-tabs-login label.logintb.login_02 {
  float: right;
  border-radius: 15px 0 0 0; }

.nav-tabs-login label.logintb:hover {
  color: #0090D4;
  cursor: pointer; }

.nav-tabs-login input:checked + label.logintb {
  color: #fff;
  border: 1px solid #0090D4;
  border-bottom: 1px solid #0090D4;
  background-color: #0090D4; }

.nav-tabs-login .login_01 {
  border-left: 0 !important; }

.nav-tabs-login .login_02 {
  border-right: 0 !important; }

.nav-tabs-login .login_02::before {
  content: '';
  width: 65px;
  height: 26px;
  position: absolute;
  left: 200px;
  top: 0px;
  z-index: -1;
  background-color: #f4f4f4; }

.nav-tabs-login #tab1:checked ~ #Gmember,
.nav-tabs-login #tab2:checked ~ #Emember {
  display: block; }

#Emember .css-table.pure {
  margin-top: -15px; }

#Emember .css-table.pure .css-td {
  padding: 4px 8px; }

#Emember .pull-left {
  margin-left: 86px; }

.empinfobox {
  width: 490px;
  margin-top: 22px; }

.inbox {
  margin-bottom: 24px; }

.inbox-head {
  padding-left: 20px;
  margin-bottom: 16px;
  border-left: 4px solid #C8D100; }
.inbox-head h1, .inbox-head h2, .inbox-head h3, .inbox-head h4, .inbox-head h5, .inbox-head h6,
.inbox-head .h1, .inbox-head .h2, .inbox-head .h3, .inbox-head .h4, .inbox-head .h5, .inbox-head .h6,
.inbox-head .title {
  margin-top: 0;
  margin-bottom: 6px; }
.inbox-head .info {
  font-size: 13px;
  line-height: 22px;
  color: #6F7274; }
.inbox-head .info .icon {
  top: -1px;
  margin-left: 0;
  margin-right: 4px;
  color: #DCDDDE;
  width: 12px;
  height: 12px;
  font-size: 12px; }

.inbox-body .mail-wrapper thead tr > th,
.inbox-body .mail-wrapper thead tr > td,
.inbox-body .mail-wrapper tbody tr > th,
.inbox-body .mail-wrapper tbody tr > td,
.inbox-body .mail-wrapper tfoot tr > th,
.inbox-body .mail-wrapper tfoot tr > td {
  padding-left: 24px !important;
  padding-right: 24px !important; }

.inbox-body .mail-wrapper thead > tr > th {
  background-color: transparent; }
.inbox-body .mail-wrapper thead > tr > th a,
.inbox-body .mail-wrapper thead > tr > th .logo {
  float: left; }

.inbox-body .mail-wrapper tfoot > tr > td {
  border: none; }

.inbox-body .mail-wrapper tbody > tr > th {
  padding: 0px; }

.inbox-body .mail-wrapper tbody p {
  font-size: 15px;
  line-height: 28px; }

.inbox-body .mail-wrapper tbody a {
  text-decoration: underline; }

.inbox-body .mail-wrapper tbody a[href^=tel] {
  color: #0090D4;
  font-weight: bold; }

.inbox-body .mail-wrapper tbody b[style] a[href^=tel] {
  color: #F61A13; }

.avatar {
  display: inline-block;
  width: 96px; }
@media (max-width: 1199px) {
  .avatar + .card-content {
    padding: 7.6px 7.6px; } }
@media (min-width: 1200px) {
  .avatar + .card-content {
    padding: 12px 16px; } }

.membership-grade {
  margin-bottom: 16px; }
.membership-grade .membership-ad img {
  height: 318px;
  display: inline-block; }
.membership-grade .membership-info {
  border: 1px solid #DCDDDE;
  height: 318px; }
.membership-grade .membership-info .pills {
  display: table;
  border-collapse: collapse;
  margin-bottom: 0; }
.membership-grade .membership-info .pills > li {
  display: table-cell;
  padding: 4px;
  border: 1px solid #DCDDDE;
  vertical-align: middle;
  font-size: 13px; }
.membership-grade .membership-info .pills > li:first-child {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px; }
.membership-grade .membership-info .pills > li:last-child {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }
.membership-grade .membership-info .pills > li .value,
.membership-grade .membership-info .pills > li .value-mute {
  font-size: 18px;
  padding: 0 4px; }
.membership-grade .membership-info .pills.sm > li {
  padding: 4px 12px;
  font-size: 13px;
  line-height: 22px; }
.membership-grade .membership-info .pills .popover-hover:hover, .membership-grade .membership-info .pills .tooltip-hover:hover {
  background-color: #F3F4F5; }
.membership-grade .membership-info .pills .popover-hover:hover > a, .membership-grade .membership-info .pills .tooltip-hover:hover > a {
  color: #0090D4; }
.membership-grade .membership-info .block {
  padding: 16px 16px 0 16px; }
.membership-grade .membership-info .block .vip-icon {
  display: inline-block;
  width: 60px;
  height: 60px; }
.membership-grade .membership-info .membership {
  display: inline-block;
  padding: 12px;
  height: 128px;
  width: 190px;
  background: #F3F4F5;
  text-align: center;
  vertical-align: middle;
  margin-right: 9.6px; }
.membership-grade .membership-info .membership .value {
  padding: 0 4px 0 4px; }
.membership-grade .membership-info .membership h5 {
  margin: 0 0 4px 0; }
.membership-grade .membership-info .membership .description {
  font-size: 12px; }
.membership-grade .membership-info .membership:nth-child(3) {
  margin-right: 0; }
.membership-grade .membership-info .vvip-block {
  width: 600px;
  height: 128px;
  background: url(/public/images/member/diamond-bg.jpg) no-repeat;
  background-size: cover;
  border: 1px solid #DCDDDE; }
.membership-grade .membership-info .vvip-block .vip-icon {
  width: 48px;
  height: 48px; }
.membership-grade .membership-info .vvip-block .css-table {
  background: none; }
.membership-grade .membership-info .vvip-block .css-table .css-tr {
  background: none;
  border: none; }
.membership-grade .membership-info .vvip-block .css-table .css-tr .css-td {
  border: none;
  height: 128px;
  vertical-align: middle; }
.membership-grade .membership-info .vvip-block .css-table .css-tr .css-td.icon {
  width: 120px; }
.membership-grade .membership-info .vvip-block .css-table .css-tr .css-td h4 {
  margin: 0; }
.membership-grade .membership-info .title {
  height: 58px; }
@media (max-width: 1199px) {
  .membership-grade .membership-info .title .col-md-4 {
    width: 20.83333%; }
  .membership-grade .membership-info .title .col-md-20 {
    width: 79.16667%; } }
.membership-grade .membership-info .title .main {
  background: #C8D100;
  height: 100%;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 22px;
  color: #FFFFFF;
  font-weight: bold; }
.membership-grade .membership-info .title .sub {
  background: #F3F4F5;
  height: 100%;
  padding: 8px 10px;
  font-size: 12px; }
.membership-grade .membership-info .title .sub a {
  color: #0090D4;
  text-decoration: underline; }
@media (max-width: 1199px) {
  .membership-grade .membership-ad img {
    height: 268px; }
  .membership-grade .membership-info {
    margin-right: 8px;
    height: 268px; }
  .membership-grade .membership-info .block {
    padding: 8px 8px 0 8px; }
  .membership-grade .membership-info .block .vip-icon {
    display: inline-block;
    width: 50px;
    height: 50px; }
  .membership-grade .membership-info .membership {
    display: inline-block;
    margin-left: 0;
    padding: 0;
    height: 110px;
    width: 156px;
    background: #F3F4F5;
    margin-right: 0.96px;
    padding-top: 8px;
    padding-bottom: 8px; }
  .membership-grade .membership-info .membership .value {
    padding: 0 2px 0 2px; }
  .membership-grade .membership-info .membership:nth-child(3) {
    margin-right: 0; }
  .membership-grade .membership-info .vvip-block {
    width: 480px;
    height: 110px; }
  .membership-grade .membership-info .vvip-block .vip-icon {
    margin-top: 18px; }
  .membership-grade .membership-info .vvip-block .css-table .css-tr .css-td {
    height: 110px;
    vertical-align: middle; }
  .membership-grade .membership-info .vvip-block .css-table .css-tr .css-td.icon {
    width: 76px;
    vertical-align: top; }
  .membership-grade .membership-info .vvip-block .css-table .css-tr .css-td h4 {
    margin: 0; }
  .membership-grade .membership-info .vvip-block .css-table .css-tr .css-td .desc {
    line-height: 18px; } }

.member-track .css-td.col-3 {
  padding: 12px 16px;
  height: 192px; }
@media (max-width: 1199px) {
  .member-track .css-td.col-3 {
    height: auto; } }

.member-track .nav a {
  line-height: 28px; }

.member-track .value {
  margin-left: 2px;
  margin-right: 2px;
  font-weight: bold; }

.user-dashboard {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 16px;
  border: 1px solid #DCDDDE; }
.user-dashboard .user-info,
.user-dashboard .statistic {
  display: table-cell;
  vertical-align: middle; }
.user-dashboard .user-info {
  padding: 20px;
  width: 384px; }
@media (max-width: 1199px) {
  .user-dashboard .user-info {
    width: 360px; } }
.user-dashboard .user-info .avatar,
.user-dashboard .user-info .intro {
  float: left; }
.user-dashboard .user-info .intro {
  width: calc(100% - 112px);
  margin-left: 16px;
  overflow: hidden; }
.user-dashboard .user-info .intro .name {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 22px; }
.user-dashboard .user-info .intro .mail {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }
.user-dashboard .user-info .intro p {
  margin-bottom: 0; }
.user-dashboard .user-info .intro p.warning {
  margin-top: 8px; }
.user-dashboard .statistic {
  margin-bottom: 0; }
.user-dashboard .statistic::after {
  content: "";
  display: table;
  clear: both; }
.user-dashboard .statistic li {
  float: left;
  width: 50%;
  border-left: 1px solid #DCDDDE; }
.user-dashboard .statistic li:nth-child(1), .user-dashboard .statistic li:nth-child(2) {
  border-bottom: 1px solid #DCDDDE; }

.order_icon_cycle {
  width: 35px;
  height: 43px;
  background: url(/public/images/icon_cycle.png) no-repeat;
  background-size: 100%;
  margin-bottom: -17px;
  margin-top: -23px;
  margin-right: 15px;
  margin-left: 12px; }

.cycle-note {
  min-height: 638px; }

.left_10 {
  margin-left: 10px !important; }

.ph_w {
  width: 127px !important; }

.left_10 .checkbox-label:before {
  top: 1px !important; }

.member-img {
  max-width: 1111px;
  height: 535px;
  margin: 0 0 10px 46px;
  overflow: hidden; }

.member-img .Bg-img {
  display: block;
  max-width: 1111px;
  height: 535px;
  padding-top: 265px;
  background: url("/public/images/member/view_bg.png");
  background-repeat: no-repeat;
  background-size: 100%; }

.member-img .Box1 {
  float: left;
  min-width: 180px;
  margin-left: 73px; }

.member-img .Box1 .TT {
  margin-bottom: 5px; }

.member-img .Box1 .TT img {
  float: left;
  width: 46px;
  margin-right: 10px; }

.member-img .Box1 .TT p {
  font-size: 20px;
  color: #5E953F;
  font-weight: bold;
  padding-top: 7px; }

.member-img .Box1 .List {
  margin-bottom: 72px; }

.member-img .Box1 .List ul li span {
  font-size: 18px;
  font-weight: bold; }

.member-img .Box1 .List ul li {
  font-size: 14px;
  line-height: 22px;
  color: #5E953F;
  padding-top: 8px;
  padding-bottom: 5px;
  border-bottom: 2px  dashed #D9D9D9; }

.member-img .Box2 {
  float: left;
  min-width: 180px;
  margin-left: 76px; }

.member-img .Box2 .TT {
  margin-bottom: 5px; }

.member-img .Box2 .TT img {
  float: left;
  width: 46px;
  margin-right: 10px; }

.member-img .Box2 .TT p {
  font-size: 20px;
  color: #EF8429;
  font-weight: bold;
  padding-top: 7px; }

.member-img .Box2 .List ul li {
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  color: #EF8429;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 2px  dashed #D9D9D9; }

.member-img .Box2 .List li:last-child {
  border: none; }

.member-img .Box3 {
  float: left;
  min-width: 180px;
  margin-left: 80px; }

.member-img .Box3 .TT {
  margin-bottom: 5px; }

.member-img .Box3 .TT img {
  float: left;
  width: 46px;
  margin-right: 10px; }

.member-img .Box3 .TT p {
  font-size: 20px;
  color: #136EAB;
  font-weight: bold;
  padding-top: 7px; }

.member-img .Box3 .List {
  margin-bottom: 72px; }

.member-img .Box3 .List ul li span {
  font-size: 18px;
  font-weight: bold; }

.member-img .Box3 .List ul li {
  font-size: 14px;
  line-height: 22px;
  color: #136EAB;
  padding-top: 8px;
  padding-bottom: 5px;
  border-bottom: 2px  dashed #D9D9D9; }

.member-img .Box4 {
  float: left;
  min-width: 180px;
  margin-left: 80px; }

.member-img .Box4 .TT {
  margin-bottom: 5px; }

.member-img .Box4 .TT img {
  float: left;
  width: 46px;
  margin-right: 10px; }

.member-img .Box4 .TT p {
  font-size: 20px;
  color: #E73E68;
  font-weight: bold;
  padding-top: 7px; }

.member-img .Box4 .List {
  margin-bottom: 72px; }

.member-img .Box4 .List ul li span {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.06em; }

.member-img .Box4 .List ul li {
  font-size: 14px;
  line-height: 22px;
  color: #E73E68;
  padding-top: 8px;
  padding-bottom: 5px;
  border-bottom: 2px  dashed #D9D9D9;
  letter-spacing: -0.05em; }

.member-img button:focus {
  outline: none; }

.member-img button.Btn-more {
  width: 100px;
  height: 30px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background-color: #BDBDBD;
  cursor: pointer;
  border: none;
  margin: -10px 0 0 40px; }

.member-img button.Btn-more:hover {
  background-color: #8B8B8B;
  cursor: pointer;
  border: 3px  solid #D9D9D9; }

.member_emp {
  color: #a1ad00;
  font-size: 14px; }

.member_emp b {
  font-weight: bold;
  font-size: 16px; }

.card-content .btn {
  padding: 8px; }

.haminote {
  line-height: 130%;
  letter-spacing: 0.1px;
  font-size: 12px; }

.member_cht {
  margin: 10px 0 10px 0; }

.member_cht a {
  display: table;
  font-size: 12px !important;
  margin: 0px auto 6px auto;
  padding: 0px 7px !important;
  line-height: 145%;
  border-radius: 15px;
  font-weight: 200; }

.member_cht a.pand {
  padding: 0px 10px  !important;
  line-height: 170%;
  font-size: 13px  !important; }

.member_container-v2 {
  width: 100%; }

.member_container-v2 .m-container {
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  padding-top: 15px; }

.Name_warrp {
  width: 100%;
  height: auto;
  background-color: #E5E5E5; }

.Name_container {
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  min-height: 125px;
  background: url("/public/images/member/member_v2_bg.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  margin-bottom: 68px; }

.Right_block {
  float: left;
  min-width: 512px;
  height: 115px;
  margin-right: 50px; }

.avatar-v2 {
  float: left;
  width: 78px;
  margin: 55px 20px 0 33px; }

.prof_list {
  float: left;
  width: 175px;
  margin: 50px 20px 0 0;
  overflow: hidden; }

.prof_list h5 {
  font-size: 20px;
  font-weight: bold;
  color: #959B00;
  margin: 0 0 5px 0;
  line-height: 20px; }

.prof_list h6 {
  font-size: 14px;
  font-weight: bold;
  color: #959B00;
  margin: 0 0 5px 0;
  line-height: 20px; }

.prof_list span {
  font-size: 14px;
  color: #676767;
  line-height: 18px;
  word-break: break-all;
  font-family: Arial, Helvetica, sans-serif; }

.clean {
  clear: both; }

.cht_list {
  float: left;
  width: 200px;
  padding: 45px 0 0 0;
  vertical-align: middle; }

.cht_list p {
  font-size: 15px;
  color: #676767;
  line-height: 18px;
  margin-bottom: 2px;
  font-family: Arial, Helvetica, sans-serif; }

.cht_list p.t2 {
  font-size: 13px; }

a.btn-darkgreen-outline {
  color: #959B00;
  background-image: none;
  background-color: transparent;
  border-color: #959B00;
  padding: 0px 10px !important;
  line-height: 160%;
  font-size: 13px !important;
  display: block;
  border-radius: 15px; }

a:hover.btn-darkgreen-outline {
  color: #ffffff;
  background-image: none;
  background-color: #959B00;
  border-color: #959B00; }

.prof_3point {
  float: left;
  width: 180px;
  height: 115px;
  margin: 60px 26px 0 0; }

.prof_3point a.prof_point {
  display: block;
  height: 114px;
  background: url("/public/images/member/point-bg.svg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  font-weight: bold;
  padding: 35px 13px 0 0;
  text-align: right; }

.prof_3point a.prof_ticket {
  display: block;
  height: 114px;
  background: url("/public/images/member/ticket-bg.svg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  font-weight: bold;
  padding: 35px 13px 0 0;
  text-align: right; }

.prof_3point a.prof_money {
  display: block;
  height: 114px;
  background: url("/public/images/member/money-bg.svg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  font-weight: bold;
  padding: 35px 13px 0 0;
  text-align: right; }

.prof_3point p {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 3px; }

.prof_3point .no-t {
  display: inline-block;
  max-width: 140px;
  min-width: 140px;
  height: 28px;
  font-size: 28px;
  color: #ffffff;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: -0.05em; }

.prof_3point .no-t2 {
  display: inline-block;
  max-width: 17px;
  min-width: 17px;
  font-size: 17px;
  color: #ffffff;
  text-align: right; }

.nav_container {
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  height: 64px;
  padding: 24px 0 0 68px;
  border-radius: 15px;
  background: -webkit-linear-gradient(180deg, #c1c502, #959b00);
  background: -webkit-gradient(linear, left top, left bottom, from(#c1c502), to(#959b00));
  background: -webkit-linear-gradient(top, #c1c502, #959b00);
  background: -o-linear-gradient(top, #c1c502, #959b00);
  background: linear-gradient(180deg, #c1c502, #959b00);
  -webkit-box-shadow: 2px 3px 0 #E4E6BF;
  box-shadow: 2px 3px 0 #E4E6BF;
  margin-bottom: 30px; }

.nav_container a {
  display: inline-block;
  width: 65px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: #747800 1px 1px;
  margin-right: 78px;
  letter-spacing: 0.2px; }

.nav_container a:last-child {
  margin-right: 0; }

.nav_container a:hover {
  padding-bottom: 8px;
  background: url("/public/images/member/nav_downline.svg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 1; }

.nav_container a {
  -webkit-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease; }

.Main_area {
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto; }

.Main_Box {
  height: 250px;
  background-color: #ffffff;
  border: 1px #ECECEC solid;
  border-radius: 8px;
  margin-bottom: 35px; }

.Main_Box .T-block {
  height: 65px;
  background-color: #F0F1D1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 24px 0 0 32px;
  font-size: 16px;
  font-weight: bold;
  color: #636B00;
  background-image: url("/public/images/member/s-t-line.svg");
  background-position: 23px;
  background-repeat: no-repeat; }

.Main_Box .b-content ul {
  display: block;
  margin: 28px 20px 0 25px; }

.Main_Box .b-content li {
  display: inline-block; }

.Main_Box .b-content span {
  display: inline-block;
  margin-right: 3px; }

.Main_Box .b-content li a.t1 {
  display: block;
  font-size: 16px;
  color: #151516;
  line-height: 38px; }

.Main_Box .b-content li a.t1:hover {
  color: #0090D4; }

.Main_Box .b-content li a.t2 {
  display: block;
  font-size: 12px;
  color: #0090D4;
  margin: 10px 4px 20px 0; }

.Main_Box .b-content li a.t2.underline-d {
  border-bottom: #0090D4 1px dashed;
  line-height: 17px; }

.Main_Box .b-content li a.t3 {
  display: block;
  font-size: 18px;
  color: #EF337B;
  line-height: 38px;
  font-weight: bold;
  text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif; }

.Main_Box .b-content li .t4 {
  font-size: 16px;
  color: #8B939E;
  line-height: 37px;
  padding-top: 1px; }

.Main_Box.row2 {
  height: 299px; }

.swiper-border {
  border-radius: 8px;
  height: 299px; }

.Main_area .adbox-xs.home {
  width: 950px;
  margin: 10px 0 50px 0;
  height: 64px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px #ECECEC solid; }

.order-note {
  font-weight: bold;
  font-size: 13px;
  line-height: 22px; }

.order-note-s {
  font-weight: bold;
  font-size: 12px;
  line-height: 22px; }

.member-img .Box3 .List ul li {
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  color: #136EAB;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 2px  dashed #D9D9D9; }

.member-img .Box3 .List li:last-child {
  border: none; }

.member-img .Box4 .List ul li {
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  color: #E73E68;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 2px  dashed #D9D9D9; }

.member-img .Box4 .List li:last-child {
  border: none; }

.member-img .Box3 .List, .member-img .Box4 .List {
  margin-bottom: 0; }

.Box1, .Box2, .Box3, .Box4 {
  position: relative;
  height: 203px; }

.member-img button.Btn-more {
  bottom: 0;
  position: absolute; }

body.lifenews {
  /*
    .js-lifenews-rightside{
        &.fixed{

            width: 300px;
            bottom: 0;
            transition-delay: 0.3s;
        }
    }
    */ }
body.lifenews header {
  margin-bottom: 0; }
body.lifenews header .header-navbar {
  border-bottom: 1px solid #DCDDDE; }
body.lifenews header .header-navbar.fixed {
  border-bottom: 0px; }
body.lifenews header .header-navbar.fixed .site-logo {
  display: inline-block;
  width: 140px;
  height: 42px;
  background: url(/public/images/lifenews/lifenews-logo-small.png) no-repeat top left;
  background-size: 140px 42px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  float: none; }
body.lifenews header .header-navbar.fixed .site-logo img {
  display: none; }
body.lifenews header .header-navbar.fixed .btn-home {
  display: none; }
body.lifenews header .header-navbar.fixed .hc-right {
  margin-top: 7.5px; }
body.lifenews header .header-navbar.fixed .hc-left .btn-senaoline {
  display: inline-block; }
body.lifenews header .header-navbar.fixed .hc-middle .search-bar-group .input-group {
  display: inline; }
body.lifenews header .header-navbar .site-logo {
  display: inline-block;
  width: 196px;
  height: 110px;
  vertical-align: middle;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
body.lifenews header .header-navbar .hc-right {
  margin-top: 37.5px; }
@media (max-width: 1199px) {
  body.lifenews header .header-navbar .hc-left {
    width: 351px; } }
@media (min-width: 1200px) {
  body.lifenews header .header-navbar .hc-left {
    width: 378px; } }
body.lifenews header .header-navbar .hc-left .btn-senaoline {
  display: none;
  vertical-align: middle;
  margin-right: 14px;
  margin-top: 4px; }
body.lifenews header .header-navbar .hc-left .btn-senaoline i.icon {
  margin-right: 4px;
  margin-top: -2px; }
body.lifenews .slider,
body.lifenews .lead,
body.lifenews .list-group.article,
body.lifenews article,
body.lifenews .comments {
  margin-right: 24px; }
body.lifenews .slider {
  margin-bottom: 32px;
  height: 448px;
  overflow: hidden; }
body.lifenews .slider.home {
  position: relative;
  margin-right: 0px;
  margin-top: 16px; }
body.lifenews .slider.home .bx-pager {
  text-align: center;
  width: 25%;
  position: absolute;
  bottom: 16px;
  vertical-align: middle;
  right: 0; }
body.lifenews .slider.home .bx-pager .bx-pager-item {
  display: inline-block; }
body.lifenews .slider.home .bx-pager .bx-pager-item + .bx-pager-item {
  margin-left: 8px; }
body.lifenews .slider.home .bx-pager .bx-pager-item a {
  padding: 4px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  cursor: pointer;
  background-color: #c7c9ca;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-indent: -9999px; }
body.lifenews .slider.home .bx-pager .bx-pager-item a.active {
  width: 10px;
  height: 10px;
  background-color: #0090D4; }
body.lifenews .slider.aside {
  margin-right: 0;
  height: auto;
  margin-bottom: 24px; }
body.lifenews .slider.home-aside {
  height: auto; }
@media (max-width: 1199px) {
  body.lifenews .slider {
    height: 358px; } }
body.lifenews .slider .slider-view .right-caption {
  padding-right: 24px; }
body.lifenews .slider .slider-view .right-caption h3 {
  color: #1B1C1D; }
@media (max-width: 1199px) {
  body.lifenews .slider .slider-view .right-caption {
    background: #FFFFFF;
    padding: 10px 18px;
    height: 358px; }
  body.lifenews .slider .slider-view .right-caption h3 {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 34px;
    height: 136px; }
  body.lifenews .slider .slider-view .right-caption p {
    margin-top: 24px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-height: 26px;
    height: 130px; } }
@media (min-width: 1200px) {
  body.lifenews .slider .slider-view .right-caption {
    background: #FFFFFF;
    padding: 10px 18px;
    height: 448px; }
  body.lifenews .slider .slider-view .right-caption h3 {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 34px;
    height: 136px; }
  body.lifenews .slider .slider-view .right-caption p {
    margin-top: 64px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-height: 26px;
    height: 130px; } }
@media (max-width: 1199px) {
  body.lifenews .slider .slider-view img {
    max-width: none;
    height: 358px; } }
@media (min-width: 1200px) {
  body.lifenews .slider .slider-view img {
    max-width: 100%;
    height: auto; } }
body.lifenews .slider.categroy {
  height: 436px;
  margin-bottom: 24px; }
@media (max-width: 1199px) {
  body.lifenews .slider.categroy {
    height: 358px; } }
body.lifenews .js-livenews-banner-slider .slider-arrow .icon {
  width: 24px;
  height: 24px;
  font-size: 24px; }
body.lifenews .menu {
  text-align: center; }
body.lifenews .menu.detail {
  border-bottom: 1px solid #0090D4; }
body.lifenews .menu a {
  color: #1B1C1D;
  display: inline-block;
  padding: 12px 19.2px;
  border-bottom: 4px solid transparent; }
body.lifenews .menu a:hover {
  color: #0090D4; }
body.lifenews .menu a.active {
  color: #0090D4;
  font-weight: bold;
  border-bottom: 4px solid #0090D4; }
body.lifenews .wrapper {
  padding-top: 16px;
  padding-bottom: 24px; }
body.lifenews .wrapper .breadcrumbs {
  margin-top: 0; }
body.lifenews .wrapper.fill {
  padding-top: 16px;
  padding-bottom: 24px;
  background: #f9f8f8; }
body.lifenews .wrapper.fill .article-meta {
  border-top: 1px solid #DCDDDE;
  border-bottom: 1px solid #DCDDDE; }
body.lifenews .footer .footer-nav {
  border-top: 1px solid transparent; }
body.lifenews footer {
  margin-top: 0; }
@media (max-width: 1199px) {
  body.lifenews .list-group.no-divided .item {
    padding-top: 10px;
    border-top: 0px solid #DCDDDE;
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
  body.lifenews .list-group.no-divided .item .thumbnail.small {
    width: 60px;
    height: 60px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
  body.lifenews .list-group.no-divided .item h5.title {
    font-size: 13px;
    margin-bottom: 0;
    vertical-align: top;
    -webkit-transition: none;
    -o-transition: none;
    transition: none; } }
@media (min-width: 1200px) {
  body.lifenews .list-group.no-divided .item {
    padding-top: 11.6px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
  body.lifenews .list-group.no-divided .item .thumbnail.small {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
  body.lifenews .list-group.no-divided .item h5.title {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; } }
body.lifenews .list-group.article .item {
  margin-bottom: 32px; }
body.lifenews .lead {
  padding-bottom: 13px;
  border-bottom: 1px solid #1B1C1D; }
body.lifenews .lead.title {
  padding-top: 6px;
  padding-bottom: 8px;
  border-bottom: 1px solid #1B1C1D; }
body.lifenews .panel {
  background: none; }
body.lifenews .panel .panel-head {
  border-top: 0;
  border-bottom: 1px solid #1B1C1D;
  color: #000000;
  margin-bottom: 10px; }
body.lifenews .btn-home {
  margin-top: 10px; }
body.lifenews p,
body.lifenews .breadcrumbs > li > a,
body.lifenews .list-group .item a {
  color: #444444; }
body.lifenews .breadcrumbs > li > a:hover,
body.lifenews .list-group .item a:hover {
  color: #0090D4; }
body.lifenews .article a:hover {
  color: #0090D4;
  opacity: 1; }
body.lifenews .article a:hover img {
  opacity: 0.8; }
body.lifenews .article a:hover h3 {
  color: #0090D4; }
body.lifenews .article a p {
  color: #444444; }
body.lifenews .article a h3 {
  color: #1B1C1D; }
body.lifenews .list-group .item .date {
  color: #444444; }
body.lifenews .iframe-wrap p {
  color: #444444;
  margin-top: 12px;
  margin-bottom: 12px; }
body.lifenews .iframe-wrap p:nth-child(1) {
  margin-top: 0; }
body.lifenews .article-foot {
  background: transparent;
  padding: 0; }

body.post .slider,
body.post .lead,
body.post .list-group.article,
body.post article,
body.post .comments {
  margin-right: 24px; }

body.post .slider {
  margin-bottom: 32px;
  height: 436px;
  overflow: hidden; }
@media (max-width: 1199px) {
  body.post .slider .slider-view img {
    max-width: none;
    height: 448px; } }
@media (min-width: 1200px) {
  body.post .slider .slider-view img {
    max-width: 100%;
    height: auto; } }

body.post .wrapper.fill {
  padding-top: 24px;
  padding-bottom: 24px; }

body.post footer {
  margin-top: 0; }

body.post .list-group.article .item {
  margin-bottom: 24px; }

body.post .lead {
  padding-bottom: 8px;
  border-bottom: 1px solid #DCDDDE; }

.article-head,
.article-body,
.article-foot {
  margin-bottom: 16px;
  overflow: hidden; }
.article-head::after,
.article-body::after,
.article-foot::after {
  content: "";
  display: table;
  clear: both; }

.article-head {
  overflow: hidden; }
.article-head h1,
.article-head h2,
.article-head h3,
.article-head h4,
.article-head h5,
.article-head h6,
.article-head .h1,
.article-head .h2,
.article-head .h3,
.article-head .h4,
.article-head .h5,
.article-head .h6 {
  margin-top: 0; }
.article-head h1 {
  font-size: 30px;
  line-height: 40px; }

.article-body img {
  margin-bottom: 8px; }

.article-meta {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #6F7274;
  border-top: 1px solid #e9eaea;
  border-bottom: 1px solid #e9eaea;
  overflow: hidden; }
.article-meta .date {
  font-size: 13px;
  line-height: 18px;
  margin-top: 5px; }
.article-meta .date .icon-clock {
  top: -1px;
  margin-right: 8px;
  width: 12px;
  height: 12px;
  font-size: 12px; }
.article-meta .share-buttons {
  margin-top: 4px;
  margin-right: 16px; }

.article-foot {
  padding: 16px;
  background-color: #F3F4F5; }
.article-foot .btn {
  padding-left: 16px;
  padding-right: 24px; }
.article-foot .share-buttons {
  margin-top: 11px; }

.social-widget {
  margin-bottom: 24px; }

.font-level span.divider {
  font-size: 13px; }

.font-level .btn-sm {
  padding: 4px 8px;
  line-height: 18px; }
.font-level .btn-sm + .btn-sm {
  margin-left: 4px; }

.comments {
  padding-bottom: 16px; }

.gift-caption {
  position: relative;
  padding-left: 24px;
  padding-right: 427px;
  margin-top: 24px;
  margin-bottom: 24px;
  border-left: 8px solid #1B1C1D; }
.gift-caption .btn-group {
  position: absolute;
  top: 4px;
  right: 0; }

.gift-content {
  margin-bottom: 24px; }

/**
  *for Safari css heck
**/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome,
  .fix .hc-middle .input-group {
    display: block; } }

/**
 *for IE11 css heck
**/
_:-ms-fullscreen,
:root .swiper-wrapper .swiper-slide img {
  width: 100%; }

_:-ms-fullscreen,
:root .slider-view {
  position: static; }

_:-ms-fullscreen,
:root .slider-view .item img {
  width: 100%; }

_:-ms-fullscreen,
:root .swiper-wrapper .swiper-slide .cycleTag_5 {
  width: 19%; }

_:-ms-fullscreen,
:root .card.lifenews {
  width: 267px; }

html.rwd_E-invice, html.rwd_E-invice body {
  min-width: 0px !important;
  width: 100%; }

.rwd_E-invice body .header-navbar .hc-left {
  width: 100%;
  margin-right: 0px; }

body .header-navbar .site-logo {
  width: 100%;
  max-width: 385px;
  height: auto; }

body .header-navbar .site-logo img {
  height: auto; }

.rwd_E-invice .container {
  width: 80%;
  max-width: 1200px !important;
  min-width: 300px !important; }

.rwd_E-invice .copyright {
  margin-top: 20px; }

@media screen and (min-width: 500px) {
  .rwd_none {
    display: none; } }

#t_privacy:before {
  content: "";
  display: block;
  height: 70px; }

.terms_title {
  font-size: 20px;
  color: #F17200; }

.terms_content dt {
  font-size: 17px !important;
  line-height: 22px !important; }

.manual dt {
  color: #F17200;
  font-size: 20px;
  line-height: 34px; }

.manual dd h5 {
  margin-top: 8px;
  margin-bottom: 4px;
  line-height: 28px; }
.manual dd h5.dark {
  font-size: 1rem;
  margin-bottom: 8px; }

.manual dd ul, .manual dd li, .manual dd p {
  font-size: 15px;
  line-height: 28px; }

.manual dd .css-table .has-type-circle {
  padding-left: 24px; }
.manual dd .css-table .has-type-circle:last-child {
  margin-bottom: 0; }

.manual dd .css-table li {
  line-height: 24px;
  color: #1B1C1D; }

.manual-canvas {
  width: 720px;
  margin: 40px auto 16px; }
.manual-canvas .title {
  padding-left: 16px;
  padding-bottom: 4px;
  margin-top: 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #DCDDDE;
  border-left: 8px solid #DCDDDE; }
.manual-canvas .content {
  height: 128px;
  padding: 12px 16px;
  border: 1px solid #DCDDDE;
  overflow: hidden;
  overflow-y: auto; }
.manual-canvas .content p, .manual-canvas .content dt, .manual-canvas .content dd, .manual-canvas .content ul, .manual-canvas .content li {
  font-size: 13px;
  line-height: 22px; }
.manual-canvas .content .manual {
  margin-bottom: 0; }

.clause {
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 0;
  height: 400px;
  overflow: hidden;
  overflow-y: auto; }
.clause .manual dt {
  font-size: 18px;
  line-height: 28px; }

.accordion .accordion-title,
.accordion dt {
  position: relative;
  padding: 16px 0 8px;
  margin-bottom: 0;
  border-top: 1px solid #DCDDDE; }
.accordion .accordion-title:first-child,
.accordion dt:first-child {
  padding-top: 8px;
  border-top: none; }
.accordion .accordion-title .icon,
.accordion dt .icon {
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 24px; }
.accordion .accordion-title a,
.accordion dt a {
  color: #1B1C1D; }
.accordion .accordion-title a[aria-expanded="true"] .icon-plus,
.accordion dt a[aria-expanded="true"] .icon-plus {
  background-color: transparent;
  background-image: url("/public/images/icons/icon-minus.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }

.accordion .accordion-content,
.accordion dd {
  margin-bottom: 0;
  overflow: hidden; }
.accordion .accordion-content .iframe-wrap,
.accordion dd .iframe-wrap {
  color: #6F7274;
  padding: 0;
  margin-bottom: 16px;
  overflow: hidden; }
.accordion .accordion-content:last-child .iframe-wrap,
.accordion dd:last-child .iframe-wrap {
  margin-bottom: 0; }
.accordion .accordion-content p:last-child,
.accordion dd p:last-child {
  margin-bottom: 16px; }

.icon-box {
  display: block;
  width: 56px;
  height: 52px;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;
  background: #47cec0;
  margin: 0 auto;
  margin-bottom: 6px;
  padding-top: 10px;
  -webkit-box-shadow: 0px 4px 0px 0px #3abdaf;
  -moz-box-shadow: 0px 4px 0px 0px #3abdaf;
  box-shadow: 0px 4px 0px 0px #3abdaf; }

.category-item-color-1 {
  background: #61C0FF; }

.category-title-color-1 {
  color: #61C0FF; }

.category-item-color-2 {
  background: #B81C22; }

.category-title-color-2 {
  color: #B81C22; }

.category-item-color-3 {
  background: #004D98; }

.category-title-color-3 {
  color: #004D98; }

.category-item-color-4 {
  background: #EEA35C; }

.category-title-color-4 {
  color: #EEA35C; }

.category-item-color-5 {
  background: #DC4690; }

.category-title-color-5 {
  color: #DC4690; }

.category-item-color-6 {
  background: #889DFF; }

.category-title-color-6 {
  color: #889DFF; }

.category-item-color-7 {
  background: #FF8B9B; }

.category-title-color-7 {
  color: #FF8B9B; }

.category-item-color-8 {
  background: #BA4AE7; }

.category-title-color-8 {
  color: #BA4AE7; }

.category-item-color-9 {
  background: #45B035; }

.category-title-color-9 {
  color: #45B035; }

.category-item-color-10 {
  background: #FF6800; }

.category-title-color-10 {
  color: #FF6800; }

.category-item-color-11 {
  background: #09B4B4; }

.category-title-color-11 {
  color: #09B4B4; }

.category-item-color-12 {
  background: #0089C0; }

.category-title-color-12 {
  color: #0089C0; }

.category-item-color-13 {
  background: #433783; }

.category-title-color-13 {
  color: #433783; }

@media (max-width: 1199px) {
  .col-md-19 .col-md-6 .widget .list-group .item:nth-child(4) {
    margin-bottom: 0; }
  .col-md-19 .col-md-6 .widget .list-group .item:last-child {
    display: none; } }

.item.oldbanner {
  text-align: center; }
.item.oldbanner img {
  height: 400px; }

@media (max-width: 1199px) {
  .item.video {
    height: 320px; }
  .item.video iframe {
    height: 320px; }
  .item.video .description {
    padding: 14.4px 19.2px 19.2px 19.2px; }
  .item.video .description h3 {
    font-size: 18px;
    -webkit-line-clamp: 2;
    line-height: 24px;
    height: 48px;
    margin-bottom: 10px; }
  .item.video .description h3 ~ .btn-group-vertical {
    margin-top: 12px; }
  .item.video .description h3 ~ .btn-group-vertical .btn {
    padding-top: 5px;
    padding-bottom: 5px; }
  .item.video .description img {
    margin-bottom: 8px; }
  .item.video .banner {
    padding-left: 14px; }
  .item.video .image-top {
    height: 100%;
    background: none; }
  .item.video .image-top a.item {
    height: 100%;
    background: #FFFFFF;
    margin-left: 14px; }
  .item.video .image-top a.item .title {
    padding: 16px; }
  .item.video .image-top a.item .title h3 {
    font-size: 18px;
    -webkit-line-clamp: 2;
    line-height: 24px;
    height: 48px; } }

@media (min-width: 1200px) {
  .item.video {
    height: 400px; }
  .item.video iframe {
    height: 400px; }
  .item.video .description {
    padding: 16px 24px 27.2px 24px; }
  .item.video .description h3 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 34px;
    height: 68px;
    margin-bottom: 12px; }
  .item.video .description img {
    margin-bottom: 16px; }
  .item.video .image-top a.item .title h3 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 34px;
    height: 68px; } }

.item .description {
  height: 100%;
  background: #FFFFFF; }
.item .description h3 {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  margin-top: 0; }

.item .banner {
  height: 100%;
  background: none;
  text-align: right;
  padding-left: 17px; }

.item .image-top {
  position: relative;
  height: 100%;
  background: none; }
.item .image-top a.item {
  height: 100%;
  background: #FFFFFF;
  margin-left: 17px; }
.item .image-top a.item .title {
  padding: 16px; }
.item .image-top a.item .title h3 {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  margin-top: 0;
  color: #1B1C1D; }
.item .image-top a.item .title h3:hover {
  color: #0090D4; }

.add-title {
  font-size: 20px;
  line-height: 130%;
  font-weight: bold;
  margin-bottom: 18px; }

#addCartModal del {
  display: block;
  margin-bottom: 5px; }

#addCartModal .list-group.product-plus .item {
  width: calc(50.33332% - 11px); }

#addCartModal .list-group.product-plus .item:nth-child(2n + 1) {
  margin-left: 0; }

#addCartModal .list-group.product-plus .item:nth-child(3n + 1) {
  margin-left: auto; }

#addCartModal .list-group.product-plus .item:nth-child(1) {
  margin-left: 0; }

#addCartModal .cycle_box .spacing.right {
  margin-right: 12px; }

#addCartModal .product-type select {
  min-width: 200px; }

#addCartModal .items-btn button {
  padding: 10px 18px; }

#addCartModal .items-btn button {
  max-width: 180px; }

#addCartModal .emp-price {
  margin-bottom: 6px; }

#addCartModal .product-type span.pd_choice, #addCartModal .product-qty span {
  margin-left: 14px;
  margin-right: 12px; }

#addCartModal hr {
  margin: 2px 0 20px 0; }

.add_cycle .clause {
  height: auto; }

.imgTag_add {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 23%;
  z-index: 2; }

#addCartModal .item.pdpic {
  margin-bottom: 15px; }

header.header-v2 .header-sakuyo {
  background-color: #ea5504;
  color: #fff;
  border: 0; }

header.header-v2 .header-sakuyo .nav span {
  float: left;
  margin-top: -6px;
  margin-right: -4px;
  font-size: 13px;
  font-weight: bold; }

header.header-v2 .header-sakuyo .nav a {
  color: #fff;
  border-left: 1px solid #fff;
  padding: 0 4px;
  line-height: 100%;
  margin-top: 15px;
  font-weight: bold; }

header.header-v2 .header-sakuyo .nav a:hover {
  color: #ffeda7;
  opacity: 1; }

.s-logo {
  padding: 10px 3px 10px 20px; }

header.header-v2 .header-topbar .nav .s-logo a {
  border-left: 0;
  margin-top: 0px; }

body .header-navbar.header-sakuyo.fixed .site-logo {
  display: block; }

header.header-v2 .header-topbar .nav li + li {
  margin-left: 5px; }

header.header-v2 .header-topbar .nav .s-logo a:before {
  display: none; }

header.header-v2 .header-sakuyo .nav.pull-right a {
  color: #fff;
  border-left: 0; }

header.header-v2 .header-sakuyo .nav.pull-right a:hover {
  color: #ffeda7;
  opacity: 1; }

.navbar-sakuyo {
  background-color: #004ea2;
  border-bottom: 0; }

.title-bg-sakuyo {
  background: url(/public/images/sakuyo/sakuyo-bg.jpg);
  background-size: 1200px; }

.sakuyo-logo {
  padding: 24px 35px 25px 35px; }

.title-slogan {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  padding-top: 48px; }

.title-slogan span {
  font-size: 22px;
  font-weight: bold;
  margin-left: 44px; }

.panel-primary.panel-sakuyo > .panel-head {
  background-color: #004ea2; }

.panel-sakuyo .nav-list .nav-item .nav-list-title.active a {
  color: #004ea2; }

.panel-sakuyo .nav-list .nav-item.active > a {
  color: #004ea2; }

.panel-sakuyo .nav-list .nav-item .nav-list-title + .nav-list .nav-item.active:before {
  background-image: url(/public/images/icons/icon-trangle-down-blue-2.svg); }

.header-sakuyo .pull-right.nav li {
  margin-top: 15px;
  padding: 0 15px; }

header.header-v2 .header-sakuyo .pull-right.nav a {
  margin-top: 0; }

.cart-items-sakuyo {
  border-left: 1px solid #fff; }

.cart-items-sakuyo span {
  display: contents; }

.navbar-money101 {
  background-color: #E2EBEE;
  border-bottom: 0; }

.headerFixed {
  width: 100%;
  height: auto;
  z-index: 2000;
  position: fixed !important; }

body .header-navbar.header-money101 .site-logo {
  display: block; }

header.header-v2 .header-money101 {
  background-color: #0076AE;
  color: #fff;
  border: 0; }

header.header-v2 .header-money101 .nav span {
  float: left;
  margin-top: -6px;
  margin-right: -4px;
  font-size: 13px;
  font-weight: bold; }

header.header-v2 .header-money101 .nav a {
  color: #fff;
  border-left: 1px solid #fff;
  padding: 0 4px;
  line-height: 100%;
  margin-top: 15px;
  font-weight: bold; }

header.header-v2 .header-money101 .nav a:hover {
  color: #E2EBEE;
  opacity: 1; }

.s-logo {
  padding: 10px 3px 10px 20px; }

header.header-v2 .header-topbar .nav .s-logo a {
  border-left: 0;
  margin-top: 0px; }

header.header-v2 .header-topbar .nav li + li {
  margin-left: 5px; }

header.header-v2 .header-topbar .nav .s-logo a:before {
  display: none; }

header.header-v2 .header-money101 .nav.pull-right a {
  color: #fff;
  border-left: 0; }

header.header-v2 .header-money101 .nav.pull-right a:hover {
  color: #E2EBEE;
  opacity: 1; }

.title-bg-money101 {
  background: url(/public/images/money101/money101-bg.jpg);
  background-size: cover;
  height: 120px;
  overflow: hidden;
  background-position: center; }

.money101-logo {
  margin: 28px 0 0 10px; }

.title-bg-money101 .title-slogan {
  color: #0076AE;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  padding-top: 48px; }

.title-bg-money101 .title-slogan span {
  font-size: 22px;
  font-weight: bold;
  margin-left: 44px; }

.panel-primary.panel-money101 > .panel-head {
  background-color: #6FA438; }

.panel-money101 .nav-list .nav-item .nav-list-title.active a {
  color: #6FA438; }

.panel-money101 .nav-list .nav-item.active > a {
  color: #6FA438; }

.header-money101 .pull-right.nav li {
  margin-top: 15px;
  padding: 0 15px; }

.panel-money101 .nav-list .nav-item .nav-list-title + .nav-list .nav-item.active:before {
  background-image: url(/public/images/icons/icon-trangle-down-green.svg);
  position: absolute;
  top: 8px;
  width: 8px;
  height: 8px;
  font-size: 8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

header.header-v2 .header-money101 .pull-right.nav a {
  margin-top: 0; }

.cart-items-money101 {
  border-left: 1px solid #fff; }

.cart-items-money101 span {
  display: contents; }

.map-view {
  min-width: 100% !important;
  width: 100% !important;
  min-height: 742px !important;
  height: 742px !important;
  border-left: 1px solid #DCDDDE; }

.popup-map-info {
  background-color: #0090D4; }

.result-group {
  height: 451px;
  overflow: hidden;
  overflow-y: auto; }
.result-group .title {
  padding: 8px 16px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #F3F4F5; }
.result-group .list-group li,
.result-group .list-group .item {
  padding: 8px 16px;
  border-top: 1px dashed #DCDDDE; }
.result-group .list-group li h5,
.result-group .list-group .item h5 {
  margin-top: 4px;
  margin-bottom: 2px;
  color: #1B1C1D; }
.result-group .list-group li p:last-child,
.result-group .list-group .item p:last-child {
  margin-bottom: 4px; }
.result-group .icon-location {
  top: -1px;
  margin-right: 4px;
  width: 15px;
  height: 15px;
  font-size: 15px; }

.store-list {
  height: 742px;
  background-color: #F3F4F5;
  border-left: 1px solid #DCDDDE;
  overflow: hidden;
  overflow-y: auto; }
.store-list .item {
  margin: 24px 24px 0;
  border-bottom: 1px solid #DCDDDE;
  padding-bottom: 24px;
  border-bottom: 1px solid #DCDDDE; }
.store-list .item:last-child {
  border-bottom: none; }
.store-list .item h3 {
  margin-top: 0; }

.store-info li {
  clear: both; }

.store-info .title {
  margin-right: 16px;
  color: #6F7274;
  float: left; }

.store-info .icon-google-map {
  margin-right: 8px; }

.store-info a.underline {
  display: inline-block; }

dl.accordion.acc-time {
  margin: 0;
  margin-bottom: 0;
  line-height: 24px;
  font-size: 13px; }

dl.accordion.acc-time dt {
  margin: 0;
  margin-bottom: 0;
  padding: 0; }

dl.accordion.acc-time dt:first-child {
  padding-top: 0;
  margin-top: -4px;
  margin-bottom: -3px; }

.accordion.acc-time .accordion-title a, .accordion.acc-time dt a {
  font-size: 13px;
  font-weight: 300;
  text-decoration: none; }

.accordion.acc-time .icon-plus {
  background-image: url(/public/images/icons/icon-arrow-bottom.svg); }

.accordion.acc-time .accordion-title a[aria-expanded="true"] .icon-plus, .accordion dt a[aria-expanded="true"] .icon-plus {
  background-image: url(/public/images/icons/icon-arrow-up.svg); }

.accordion.acc-time .accordion-title .icon, .accordion dt .icon {
  position: relative;
  margin-left: 10px;
  margin-top: 12px; }

dl.accordion.acc-time dd li {
  color: #1B1C1D; }

.accordion.acc-time .iframe-wrap {
  font-size: 13px;
  padding-left: 26px; }

.accordion.acc-time .iframe-wrap p {
  color: #1B1C1D;
  display: inline-block;
  margin-bottom: 0 !important;
  font-size: 13px;
  margin-right: 4px; }

.accordion.acc-time .accordion-content:last-child .iframe-wrap, .accordion.acc-time dd:last-child .iframe-wrap {
  margin-top: 2px;
  margin-bottom: 2px; }

.gm-style-iw-d {
  max-height: 318px !important; }

dl.accordion.acc-time-2 {
  margin: 0;
  margin-bottom: 0;
  line-height: 24px;
  font-size: 15px; }

dl.accordion.acc-time-2 dt {
  margin: 0;
  margin-bottom: 0;
  padding: 0; }

dl.accordion.acc-time-2 dt:first-child {
  padding-top: 0;
  margin-top: -4px;
  margin-bottom: -3px; }

.accordion.acc-time-2 .accordion-title a, .accordion.acc-time-2 dt a {
  font-size: 15px;
  font-weight: 300;
  text-decoration: none; }

.accordion.acc-time-2 .icon-plus {
  background-image: url(/public/images/icons/icon-arrow-bottom.svg); }

.accordion.acc-time-2 .accordion-title a[aria-expanded="true"] .icon-plus, .accordion dt a[aria-expanded="true"] .icon-plus {
  background-image: url(/public/images/icons/icon-arrow-up.svg); }

.accordion.acc-time-2 .accordion-title .icon, .accordion dt .icon {
  position: -webkit-sticky;
  position: sticky;
  margin-left: 10px;
  margin-top: 12px; }

.accordion.acc-time-2 .iframe-wrap {
  font-size: 14px;
  padding-left: 15px;
  padding: 5px 0 8px 0; }

span.sh {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.st_green {
  color: #188038;
  font-weight: bold; }

.st_red {
  color: #d93025;
  font-weight: bold; }

.store-info .iframe-wrap li p {
  display: inline-block;
  margin-bottom: 0 !important;
  font-size: 14px;
  margin-right: 4px; }

.css-td .accordion-content li {
  padding-left: 9px; }

.css-td .accordion-content p {
  display: inline;
  font-size: 14px; }

.css-table.middle .css-th.vertical-21 {
  vertical-align: top;
  padding-top: 21px; }

.css-table.middle .css-th.vertical-7 {
  vertical-align: top;
  padding-top: 7px; }

.iframe-wrap ul {
  margin-bottom: 0; }

.accordion .accordion-title .icon,
.accordion dt .icon.icon-plus {
  position: relative; }

.empty-page {
  padding-top: 56px;
  padding-bottom: 56px;
  text-align: center; }
.empty-page img,
.empty-page .content {
  vertical-align: top; }
.empty-page img.thumbnail {
  margin-right: 48px;
  margin-bottom: 56px; }
.empty-page img.thumbnail.medium {
  width: auto;
  height: 180px !important;
  margin-top: 16px;
  margin-bottom: 88px; }
.empty-page img.thumbnail.img-fail-doll {
  width: 210px;
  margin-top: 32px;
  margin-right: 24px; }
.empty-page .content {
  display: inline-block;
  max-width: calc(100% - 420px);
  margin-top: 32px; }
.empty-page h1 {
  font-size: 64px;
  margin-top: 32px;
  margin-bottom: 32px; }
.empty-page h1.fn-lg {
  font-size: 26px;
  line-height: 40px;
  margin-bottom: 16px;
  text-align: left; }
.empty-page p {
  margin-bottom: 24px; }
.empty-page h2,
.empty-page h3 {
  margin-top: 0; }
.empty-page h5 {
  margin-bottom: 8px; }
.empty-page ul.has-type-disc {
  margin-left: 24px; }

.error-page {
  padding-top: 56px;
  text-align: center; }
.error-page img,
.error-page .content {
  vertical-align: top; }
.error-page img.thumbnail {
  margin-right: 48px;
  margin-bottom: 56px; }
.error-page img.thumbnail.medium {
  width: auto;
  height: 180px !important;
  margin-top: 16px;
  margin-bottom: 88px; }
.error-page img.thumbnail.img-fail-doll {
  width: 210px;
  margin-top: 32px;
  margin-right: 24px; }
.error-page .content {
  display: inline-block;
  max-width: calc(100% - 420px);
  margin-top: 32px; }
.error-page h1 {
  font-size: 64px;
  margin-top: 32px;
  margin-bottom: 32px; }
.error-page h1.fn-lg {
  font-size: 26px;
  line-height: 40px;
  margin-bottom: 16px;
  text-align: left; }
.error-page p {
  margin-bottom: 24px; }
.error-page h2,
.error-page h3 {
  margin-top: 0; }
.error-page h5 {
  margin-bottom: 8px; }
.error-page ul.has-type-disc {
  margin-left: 24px; }

.warning-empty {
  width: 540px;
  margin: 40px auto; }
.warning-empty .has-type-disc .title {
  font-weight: bold;
  list-style: none;
  margin-left: 0; }
.warning-empty .lead .icon-exclamation-triangle {
  top: -1px;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  font-size: 24px; }

.box-chart {
  margin: 30px; }

.box-chart-info-wrapper {
  margin: 20px; }
.box-chart-info-wrapper .box-chart-info {
  display: block;
  margin: 16px;
  padding: 20px; }
.box-chart-info-wrapper .box-chart-info.blue {
  border-left: 10px solid #0090D4; }
.box-chart-info-wrapper .box-chart-info.deepblue {
  border-left: 10px solid #005097; }
.box-chart-info-wrapper .box-chart-info.yellowgreen {
  border-left: 10px solid #C8D100; }
.box-chart-info-wrapper .box-chart-info.transparent {
  border-left: 10px solid transparent; }
.box-chart-info-wrapper .box-chart-info.transparent.message {
  padding: 20px 0;
  margin: 0; }
.box-chart-info-wrapper .box-chart-info.total {
  margin: 0 20px; }

table.order-detail {
  border: 2px solid #DCDDDE; }
table.order-detail tr.divider.seconday td,
table.order-detail tr.divider.seconday th {
  border-bottom: 1px solid #f2b4da; }
table.order-detail tr.divider td,
table.order-detail tr.divider th {
  border-bottom: 1px solid #DCDDDE; }
table.order-detail tr td,
table.order-detail tr th {
  padding: 4px; }
table.order-detail tr th {
  background: #F3F4F5; }
table.order-detail tr th.highlight {
  background: #E8F7FD; }
table.order-detail tr th.highlight.seconday {
  background: #ffeffb; }
table.order-detail tr th.title {
  background: #FFFFFF;
  border: 0px solid #81b6e0; }

.friend-list-item {
  display: inline-block;
  width: calc(100% / 3);
  margin: 0 auto;
  float: left; }
.friend-list-item .box-list {
  border: 1px solid #e9e9e9;
  width: calc(100% - 16px);
  margin: 0 auto;
  margin-bottom: 16px;
  clear: both; }
.friend-list-item .box-list.success {
  border: 1px solid #81b6e0; }
.friend-list-item .box-list.success .css-tr .css-th.box-status,
.friend-list-item .box-list.success .css-tr .css-td.box-status {
  color: #FFFFFF;
  background: #81b6e0;
  font-weight: bold; }
.friend-list-item .box-list .css-tr:first-child {
  border: none; }
.friend-list-item .box-list .css-tr .css-th,
.friend-list-item .box-list .css-tr .css-td {
  background: #FFFFFF;
  border: none; }
.friend-list-item .box-list .css-tr .css-th.box-status,
.friend-list-item .box-list .css-tr .css-td.box-status {
  color: #6F7274;
  background: #FAFAFA;
  z-index: 999999; }
.friend-list-item .box-list .css-tr .css-th i.icon,
.friend-list-item .box-list .css-tr .css-td i.icon {
  margin-right: 8px;
  margin-bottom: 4px; }

.friendslist-controls .btn-group .btn-default.active {
  border-color: #0090D4;
  background: #0090D4;
  color: #FFFFFF;
  -webkit-box-shadow: none;
  box-shadow: none; }

.cp_wrapper {
  width: 100%; }

.couponsBanner {
  height: 160px;
  color: #fff;
  overflow: hidden;
  background-image: -webkit-linear-gradient(195deg, #9FC001, #0290D5);
  background-image: -o-linear-gradient(195deg, #9FC001, #0290D5);
  background-image: linear-gradient(255deg, #9FC001, #0290D5); }

.cp_header {
  max-width: 1200px;
  height: 160px;
  margin: 0 auto; }

.cp_header a.cp_logo {
  display: block;
  margin-top: 17px;
  width: 149px;
  height: 43px;
  background-image: url(../images/coupon/logo-cp.svg);
  background-repeat: no-repeat;
  vertical-align: top; }

.cp_header .cp_text img {
  width: 827px;
  height: 103px;
  margin: 0 auto; }

/*  coupon nav */
.nav-tabs-coupon-wp {
  background-color: #F3F4F5;
  border-bottom: #F26591 1px solid; }

.nav-tabs-coupon {
  max-width: 1200px;
  height: 48px;
  margin: 0 auto;
  text-align: center; }

.nav-tabs-coupon a.cp_service {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 65px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
  margin-top: -4px; }

.nav-tabs-coupon a:hover.cp_service {
  color: #F26591;
  text-decoration: none; }

.nav-tabs-coupon section {
  max-width: 1200px;
  display: none;
  text-align: left;
  margin: 10px 0 0 15px; }

.nav-tabs-coupon input {
  display: none; }

.nav-tabs-coupon label {
  display: inline-block;
  padding: 10px 65px;
  font-weight: 550;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent; }

.nav-tabs-coupon label:hover {
  color: #F26591;
  cursor: pointer; }

.nav-tabs-coupon input:checked + label {
  color: #F26591;
  border: 1px solid #F26591;
  border-top: 4px solid #F26591;
  border-bottom: 1.5px solid #fff;
  background-color: #fff; }

.nav-tabs-coupon #tab1:checked ~ #online,
.nav-tabs-coupon #tab2:checked ~ #store {
  display: block; }

/*  優惠券內容設定 */
.nav-tabs-coupon .cp_box {
  float: left;
  width: 580px;
  height: 110px;
  overflow: hidden;
  border: 1px #DCDDDE solid;
  border-radius: 8px;
  background-color: #FEF6F9;
  margin: 0 12px 15px 0;
  position: relative; }

.nav-tabs-coupon .cp_box .L_box {
  float: left;
  width: 233px;
  border-right: 2px dashed #F6C7D6;
  padding: 10px 10px 18px 15px;
  text-align: left;
  overflow: hidden; }

.nav-tabs-coupon .cp_box .L_box p {
  width: 210px;
  max-height: 60px;
  min-height: 60px;
  overflow: hidden;
  color: #F26591;
  font-size: 22px;
  line-height: 30px;
  font-weight: 550;
  letter-spacing: 0.02em;
  margin-bottom: 15px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.nav-tabs-coupon .cp_box .L_box span {
  color: #F26591;
  font-size: 12px;
  max-height: 18px;
  overflow: hidden; }

.nav-tabs-coupon .cp_box a {
  text-decoration: none; }

.nav-tabs-coupon .cp_box a.M_box {
  float: left;
  width: 300px;
  padding: 7px 10px 0 10px; }

.nav-tabs-coupon .cp_box a.M_box p {
  width: 270px;
  max-height: 20px;
  min-height: 20px;
  overflow: hidden;
  color: #F26591;
  font-size: 15px;
  font-weight: 550;
  margin: 0 0 8px 0;
  padding: 0; }

.nav-tabs-coupon .cp_box a.M_box table {
  width: 100%; }

.nav-tabs-coupon .cp_box a.M_box table, th, td {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  background-color: transparent; }

.nav-tabs-coupon .cp_box a.M_box table th {
  width: 20%;
  color: #1B1C1D; }

.nav-tabs-coupon .cp_box a.M_box table td {
  width: 80%;
  color: #1B1C1D; }

.nav-tabs-coupon .cp_box a.M_box span {
  font-size: 12px;
  color: #678FD2;
  display: block;
  margin-top: 3px; }

/*  優惠券內容設定-已領取 */
.nav-tabs-coupon .cpps_box {
  float: left;
  width: 580px;
  height: 110px;
  overflow: hidden;
  border: 1px #DCDDDE solid;
  border-radius: 8px;
  background-color: #E7E7E7;
  margin: 0 12px 15px 0; }

.nav-tabs-coupon .cpps_box .L_box {
  float: left;
  width: 233px;
  border-right: 2px dashed #D1D1D1;
  padding: 10px 10px 18px 15px;
  text-align: left;
  overflow: hidden; }

.nav-tabs-coupon .cpps_box .L_box p {
  width: 210px;
  max-height: 60px;
  min-height: 60px;
  overflow: hidden;
  color: #9A9A9A;
  font-size: 22px;
  line-height: 30px;
  font-weight: 550;
  letter-spacing: 0.02em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin: 0 0 15px 0; }

.nav-tabs-coupon .cpps_box .L_box span {
  font-size: 12px;
  max-height: 18px;
  overflow: hidden;
  color: #9A9A9A; }

.nav-tabs-coupon .cpps_box a {
  text-decoration: none; }

.nav-tabs-coupon .cpps_box a.M_box {
  float: left;
  width: 300px;
  padding: 7px 10px 0 10px; }

.nav-tabs-coupon .cpps_box a.M_box p {
  width: 270px;
  max-height: 20px;
  min-height: 20px;
  font-size: 15px;
  font-weight: 550;
  margin: 0 0 8px 0;
  padding: 0;
  color: #9A9A9A;
  overflow: hidden; }

.nav-tabs-coupon .cpps_box a.M_box table {
  width: 100%; }

.nav-tabs-coupon .cpps_box a.M_box table, th, td {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #9A9A9A;
  background-color: transparent; }

.nav-tabs-coupon .cpps_box a.M_box table th {
  width: 20%; }

.nav-tabs-coupon .cpps_box a.M_box table td {
  width: 80%; }

.nav-tabs-coupon .cpps_box a.M_box span {
  display: block;
  font-size: 12px;
  margin-top: 3px;
  color: #9A9A9A; }

/*  icon-快來領鈴鐺 */
.nav-tabs-coupon .cp_box .icon-bell {
  width: 53px;
  height: 53px;
  background-image: url("../images/coupon/icon-bell.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: 170px; }

/*  領取按鈕設定-領取 */
.nav-tabs-coupon .cp_box a.ck_box {
  float: right;
  display: block;
  width: 45px;
  height: 110px;
  font-size: 14px;
  font-weight: 550;
  letter-spacing: 0.3em;
  line-height: 45px;
  padding-top: 10px;
  border: none;
  color: #fff;
  text-align: center;
  background-color: #F26591;
  /*桃色*/
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl; }

/*  領取按鈕設定-已搶空 */
.nav-tabs-coupon .cpps_box a.ckps_box {
  float: right;
  display: block;
  width: 45px;
  height: 110px;
  font-size: 14px;
  font-weight: 550;
  letter-spacing: 0.3em;
  line-height: 45px;
  padding-top: 5px;
  border: none;
  color: #fff;
  text-align: center;
  background-color: #D0D0D0;
  /*淺灰色*/
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl; }

/*  領取按鈕設定-已領取 */
.nav-tabs-coupon .cp_box a.ckok_box {
  float: right;
  display: block;
  width: 45px;
  height: 110px;
  font-size: 14px;
  font-weight: 550;
  letter-spacing: 0.3em;
  line-height: 45px;
  padding-top: 5px;
  border: none;
  color: #F26591;
  text-align: center;
  background-color: #FFE2EB;
  /*淺粉紅*/
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl; }

/* Modal style*/
.coupon-modal .modal-header .btn-close, .modal-header .close {
  display: block;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 3110;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.coupon-modal .modal-dialog {
  max-width: 640px;
  left: 0; }

.coupon-modal .modal-dialog .modal-header {
  border-bottom: none;
  margin: 0;
  padding: 10px; }

.coupon-modal .modal-dialog .modal-body {
  padding: 20px 0 20px 30px; }

/* 優惠券詳細頁*/
.coupon-modal .modal-dialog .modal-body .c_box {
  width: 580px;
  height: 110px;
  overflow: hidden;
  border: 1px #DCDDDE solid;
  border-radius: 8px;
  background-color: #FEF6F9;
  margin: 0 12px 10px 0;
  position: relative; }

.coupon-modal .modal-dialog .modal-body .c_box .L_box {
  float: left;
  width: 233px;
  border-right: 2px dashed #F6C7D6;
  padding: 10px 10px 18px 15px;
  text-align: left;
  overflow: hidden; }

.coupon-modal .modal-dialog .modal-body .c_box .L_box p {
  max-height: 60px;
  min-height: 60px;
  overflow: hidden;
  color: #F26591;
  font-size: 22px;
  line-height: 30px;
  font-weight: 550;
  letter-spacing: 0.02em;
  margin-bottom: 15px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.coupon-modal .modal-dialog .modal-body .c_box .L_box span {
  color: #F26591;
  font-size: 12px;
  max-height: 18px;
  overflow: hidden; }

.coupon-modal .modal-dialog .modal-body .c_box a {
  text-decoration: none; }

.coupon-modal .modal-dialog .modal-body .c_box a.M_box {
  float: left;
  width: 300px;
  padding: 7px 10px 0 10px; }

.coupon-modal .modal-dialog .modal-body .c_box a.M_box p {
  max-height: 20px;
  min-height: 20px;
  color: #F26591;
  font-size: 15px;
  font-weight: 550;
  margin: 8px 0 15px 0;
  padding: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.coupon-modal .modal-dialog .modal-body .c_box a.M_box table {
  width: 100%; }

.coupon-modal .modal-dialog .modal-body .c_box a.M_box table, th, td {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  background-color: transparent; }

.coupon-modal .modal-dialog .modal-body .c_box a.M_box table th {
  width: 20%;
  color: #1B1C1D; }

.coupon-modal .modal-dialog .modal-body .c_box a.M_box table td {
  width: 80%;
  color: #1B1C1D; }

/*  領取按鈕設定-領取 */
.c_box a.ck_box {
  float: right;
  display: block;
  width: 45px;
  height: 110px;
  font-size: 14px;
  font-weight: 550;
  letter-spacing: 0.3em;
  line-height: 45px;
  padding-top: 10px;
  border: none;
  color: #fff;
  text-align: center;
  background-color: #F26591;
  /*桃色*/
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl; }

.c_box a.ck_box_store {
  float: right;
  display: block;
  width: 45px;
  height: 110px;
  font-size: 14px;
  font-weight: 550;
  letter-spacing: 0.3em;
  line-height: 45px;
  padding-top: 10px;
  border: none;
  color: #fff;
  text-align: center;
  background-color: #678FD2;
  /*神腦淺藍*/
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl; }

/* 優惠券詳細頁-下方內容*/
.coupon-modal .modal-dialog .modal-body .cp-detial {
  width: 580px;
  border-radius: 8px;
  border: #DCDDDE 1px solid;
  padding: 10px 15px; }

.coupon-modal .modal-dialog .modal-body .cp-detial ul {
  display: block;
  margin-top: -8px; }

.coupon-modal .modal-dialog .modal-body .cp-detial li {
  border-bottom: #DCDDDE 1px solid;
  padding: 10px 0; }

.coupon-modal .modal-dialog .modal-body .cp-detial li:last-child {
  border-bottom: none; }

.coupon-modal .modal-dialog .modal-body .cp-detial li p {
  background-image: url("../images/icons/icon-attention-circle-pink.svg");
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding: 0 0 3px 20px;
  color: #E64894;
  font-size: 14px;
  margin: 0; }

.coupon-modal .modal-dialog .modal-body .cp-detial li span {
  line-height: 22px;
  color: #5C5C5C;
  font-size: 13px;
  margin-left: 20px; }

.coupon-modal .modal-dialog .modal-body .cp-detial li span a {
  color: #0090D4; }

.coupon-modal .modal-dialog .modal-body .cp-detial li .List ul {
  display: block;
  font-size: 13px;
  margin: 0 0 0 20px;
  color: #5C5C5C;
  padding: 0; }

.coupon-modal .modal-dialog .modal-body .cp-detial li .List li {
  color: #5C5C5C;
  list-style-type: disc;
  margin: 0 0 0 20px;
  border-bottom: none;
  line-height: 26px;
  padding: 0; }

.coupon-modal .modal-dialog .modal-body .cp-detial li .List li .fo {
  margin-left: -5px;
  line-height: 20px; }

.coupon-modal .modal-dialog .modal-body .cp-detial li .List li a {
  color: #0090D4;
  padding: 0;
  margin-left: 0;
  line-height: 26px; }

.coupon-modal .modal-dialog .modal-body .cp-detial li .List li a:hover {
  color: #E64894; }

/*注意事項li*/
.coupon-modal .modal-dialog .modal-body .cp-detial li .List ul ul.note {
  display: block;
  font-size: 13px;
  margin: 0 0 0 20px;
  color: #5C5C5C;
  padding: 0; }

.coupon-modal .modal-dialog .modal-body .cp-detial li .List ul.note li {
  color: #5C5C5C;
  list-style-type: disc;
  margin: 0 0 0 15px;
  border-bottom: none;
  line-height: 22px;
  text-align: justify; }

/*熱門活動圖片style*/
.cp_hotImg {
  display: inline-block;
  width: 260px;
  height: 115px; }

.cp_hotImg img {
  border-radius: 15px; }

.rc-anchor-alert {
  visibility: hidden; }

.home .slider.js-gallery-slider .slider-view .item img {
  max-height: 400px; }

#inline-bs-modal-img .modal-header button {
  font-size: 24px;
  width: 24px;
  height: 24px;
  top: 16px;
  right: 16px; }

p#exampleInputCode-error {
  margin-bottom: 0; }
p#exampleInputCode-error.error {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: bold;
  color: #F61A13; }
p#exampleInputCode-error.error:last-child {
  margin-bottom: 0; }

.gallery-slider-size2 li a img {
  width: 100%; }