@media only screen and (max-width: 767px) {
  .rwd-side .nav span, .rwd-side .side-top h2, .rwd-side .side-content a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; } }

/**
 * CSS triangle generator use SCSS
 * ref: http://apps.eky.hk/css-triangle-generator/
 */
html,
body,
span,
div,
table,
input,
select,
textarea,
button,
section,
li,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  box-sizing: border-box; }

@media only screen and (max-width: 767px) {
  body,
  #wrap {
    margin: 0; }
  #header {
    position: relative !important;
    height: auto !important;
    width: 100% !important;
    overflow: hidden; }
  #banner {
    background-position: center center;
    background-size: contain;
    position: static;
    width: 100% !important;
    height: auto !important; }
  #logo a {
    width: 100%;
    height: auto;
    display: inline-block; }
    #logo a img {
      margin: 0 auto; }
  #nav {
    display: none; } }

@media only screen and (max-width: 767px) {
  #main-wrap,
  #main,
  #function {
    width: 100%; }
  #function {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #function > *:not(:first-child) {
      margin-top: 10px;
      margin-left: 2%; }
    #function #fans-follow {
      margin-top: 10px; }
  #main {
    float: none !important;
    font-size: 1.1em; }
    #main .main-top {
      width: 100%; }
  #side {
    display: none; }
  #main-wrap .column {
    float: none;
    width: 100%;
    padding: 10px 10px 20px;
    margin: 0;
    font-size: 1.1em;
    line-height: 165%; } }

.onedit > img,
.onedit p > img,
.onedit a > img {
  max-width: 100%;
  height: auto; }

@media only screen and (max-width: 767px) {
  #footer {
    width: 100%;
    height: auto;
    font-size: 1.1em; }
  #foot-nav {
    display: none; }
  #contact-info,
  #footer-service,
  #power,
  #copyright {
    position: static;
    width: 100%;
    padding: 0 15px;
    text-align: left;
    float: none; }
  #footer-service {
    padding: 15px 0 0; }
    #footer-service p {
      display: block;
      margin: 0; }
    #footer-service #privacy-and-terms-block .privacy {
      cursor: pointer;
      text-decoration: none; }
      #footer-service #privacy-and-terms-block .privacy::after {
        content: "";
        border-right: 1px solid #969696;
        opacity: 0.7;
        height: 100px;
        margin: 0 0.5em; }
    #footer-service #privacy-and-terms-block .terms {
      cursor: pointer;
      text-decoration: none; }
  #contact-info {
    margin-bottom: 15px; }
    #contact-info li {
      display: block; } }

body[data-type="fullpage"] #contact-info,
body[data-type="fullpage"] #power,
body[data-type="fullpage"] #copyright {
  padding: 0; }

body[data-type="fullpage"] #footer-service {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px; }
  @media only screen and (max-width: 767px) {
    body[data-type="fullpage"] #footer-service #power,
    body[data-type="fullpage"] #footer-service #copyright {
      margin-right: 30px; } }

@media only screen and (max-width: 767px) and (max-width: 767px) {
  body[data-type="fullpage"] #footer-service p {
    text-align: left; } }
  body[data-type="fullpage"] #footer-service #privacy-and-terms-block {
    text-align: center; }
    @media only screen and (max-width: 767px) {
      body[data-type="fullpage"] #footer-service #privacy-and-terms-block {
        text-align: left; } }
    body[data-type="fullpage"] #footer-service #privacy-and-terms-block .privacy {
      cursor: pointer;
      text-decoration: none; }
      body[data-type="fullpage"] #footer-service #privacy-and-terms-block .privacy::after {
        content: "";
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        height: 100px;
        margin: 0 0.5em; }
    body[data-type="fullpage"] #footer-service #privacy-and-terms-block .terms {
      cursor: pointer;
      text-decoration: none; }

body[data-type="basepage"] .wrap {
  padding: 0 15px; }

@media only screen and (max-width: 767px) {
  body[data-type="basepage"] #contact-info,
  body[data-type="basepage"] #footer-service,
  body[data-type="basepage"] #power,
  body[data-type="basepage"] #copyright {
    padding: 0; } }

body[data-type="basepage"] .privacy {
  cursor: pointer;
  text-decoration: none; }
  body[data-type="basepage"] .privacy::after {
    content: "";
    border-right: 1px solid #969696;
    opacity: 0.7;
    height: 100px;
    margin: 0 0.5em; }

.rwd-navbar-toggle {
  transition: padding 0.2s cubic-bezier(0.7, 0, 0.3, 1);
  position: relative;
  padding: 20px 70px 20px 12px;
  margin-left: -15px;
  height: 40px;
  border: 0;
  outline: none;
  float: left;
  overflow: hidden;
  background-image: none;
  background-color: transparent;
  -webkit-appearance: none; }
  .rwd-navbar-toggle.menu-open {
    padding: 20px 12px; }
    .rwd-navbar-toggle.menu-open:before {
      left: 0; }
    .rwd-navbar-toggle.menu-open .label {
      display: none; }
  .rwd-navbar-toggle:before {
    position: absolute;
    left: -100%;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    transition: left 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    background-color: #272727; }
  .rwd-navbar-toggle .label {
    position: absolute;
    left: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 13px;
    text-transform: uppercase; }

@media only screen and (max-width: 767px) {
  .rwd-side {
    width: 100%;
    background-color: #272727;
    color: #a8a8a8; }
    .rwd-side.menu-open {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0);
      box-shadow: 10px 0 20px rgba(0, 0, 0, 0.3); }
      .rwd-side.menu-open .inner {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
    .rwd-side a {
      color: #a8a8a8;
      text-decoration: none; }
      .rwd-side a.hover, .rwd-side a:hover {
        color: #e9e9e9; }
      .rwd-side a.active, .rwd-side a:active {
        color: #75c7f4;
        position: relative;
        top: 1px; }
    .rwd-side .nav,
    .rwd-side .topnav,
    .rwd-side .side,
    .rwd-side .product-search {
      margin: 0 35px 0 4%;
      padding: 0 0 15px;
      clear: both; }
    .rwd-side .topnav {
      margin-top: 15px;
      font-size: 110%;
      padding: 0; }
      .rwd-side .topnav .dropdown-menu {
        position: relative;
        float: none;
        background-color: #1c1c1c;
        padding: 0; }
        .rwd-side .topnav .dropdown-menu > li > a {
          padding: 7px 15px;
          color: #a8a8a8; }
        .rwd-side .topnav .dropdown-menu > li > a:hover {
          color: #fff;
          background-color: transparent; }
      .rwd-side .topnav > li {
        display: block;
        margin-bottom: 5px;
        text-transform: uppercase; }
    .rwd-side .home > a {
      border: 1px solid #757575;
      padding: 3px 12px;
      font-size: .9em;
      border-radius: 3px; }
    .rwd-side .language > a {
      line-height: 2.5;
      padding-left: 4px; }
    .rwd-side .nav {
      overflow: hidden; }
      .rwd-side .nav li {
        position: relative;
        display: inline-block;
        width: 100%; }
        .rwd-side .nav li.has-subnav .toggle {
          position: relative;
          display: inline-block;
          background-color: transparent;
          -webkit-appearance: none;
          background-image: none;
          outline: none;
          border: 0;
          padding: 4px 10px;
          vertical-align: middle; }
          .rwd-side .nav li.has-subnav .toggle::after {
            display: inline-block;
            width: 20px;
            height: 20px;
            font-size: 20px;
            line-height: 1;
            font-family: "FontAwesome";
            content: "\f105";
            transition: -webkit-transform .25s ease-in-out;
            transition: transform .25s ease-in-out;
            transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
            color: #e9e9e9; }
        .rwd-side .nav li.has-subnav.opened > .toggle::after,
        .rwd-side .nav li.has-subnav.opened > div .toggle::after {
          -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
                  transform: rotate(90deg); }
      .rwd-side .nav a {
        position: relative;
        max-width: 83%;
        padding: 2% 2% 2% 0;
        display: inline-block;
        font-size: 1.2em;
        line-height: 1.4em;
        vertical-align: middle; }
      .rwd-side .nav span {
        display: block; }
      .rwd-side .nav .subnav {
        max-height: 0;
        overflow: hidden;
        margin-left: 5%;
        border-left: 1px solid #414141;
        transition: max-height .3s, -webkit-transform .25s ease-in-out;
        transition: max-height .3s, transform .25s ease-in-out;
        transition: max-height .3s, transform .25s ease-in-out, -webkit-transform .25s ease-in-out; }
        .rwd-side .nav .subnav li {
          padding-left: 5%; }
        .rwd-side .nav .subnav li.has-subnav {
          padding-left: 0; }
      .rwd-side .nav .has-subnav.opened > .subnav {
        max-height: 10000px; }
    .rwd-side .side-top {
      margin-bottom: 5px; }
      .rwd-side .side-top h2 {
        color: #fff; }
    .rwd-side .side-content {
      font-size: 120%;
      font-weight: 300; }
      .rwd-side .side-content li {
        transition-property: height;
        transition-duration: .3s;
        position: relative;
        line-height: 2em; }
        .rwd-side .side-content li > span {
          transition-property: background-position;
          transition-duration: .3s;
          display: block;
          position: absolute;
          width: 24px;
          height: 24px;
          top: 3px;
          right: 2px;
          border: 1px solid #424242;
          border-radius: 2em;
          cursor: pointer;
          background-image: none;
          background-position: 0 -19px; }
          .rwd-side .side-content li > span:before {
            content: "";
            position: absolute;
            top: -7px;
            left: -7px;
            width: 36px;
            height: 36px; }
          .rwd-side .side-content li > span + a {
            width: 90%; }
        .rwd-side .side-content li.open > span {
          background-position: 0 0; }
        .rwd-side .side-content li.open > .children {
          max-height: 1000px; }
      .rwd-side .side-content a {
        display: block; }
      .rwd-side .side-content > ul > li {
        border-bottom: 1px solid #454545; }
      .rwd-side .side-content .current > a {
        color: #fff; }
      .rwd-side .side-content .children {
        transition: max-height .3s;
        overflow: hidden;
        margin-left: 20px;
        max-height: 0; }
    .rwd-side .product-search {
      position: relative;
      height: 50px; }
      .rwd-side .product-search input {
        transition-duration: .3s;
        -webkit-appearance: none;
        float: left;
        border-radius: 2em;
        margin: 0;
        outline: none; }
      .rwd-side .product-search input[type="text"] {
        transition-property: background-color border-color;
        width: 100%;
        height: 35px;
        font-size: 18px;
        padding: 5px 63px 5px 10px;
        background-color: #272727;
        border-color: #4d4d4d; }
        .rwd-side .product-search input[type="text"]:focus {
          background-color: #f3f3f3;
          border-color: black;
          box-shadow: 0 0 10px #75c7f4; }
          .rwd-side .product-search input[type="text"]:focus + button,
          .rwd-side .product-search input[type="text"]:focus + input {
            opacity: 1; }
      .rwd-side .product-search button[type="submit"],
      .rwd-side .product-search input[type="submit"] {
        transition-property: right;
        position: absolute;
        top: 1px;
        right: -1px;
        height: 33px;
        padding: 0 10px;
        font-size: 17px;
        color: #333;
        background-color: #75c7f4;
        border-color: #46b4f0;
        border-radius: 5em;
        opacity: .5; }
        .rwd-side .product-search button[type="submit"]:focus,
        .rwd-side .product-search input[type="submit"]:focus {
          opacity: 1; }
    .rwd-side .close {
      position: absolute;
      top: 0;
      right: 0;
      color: #fff;
      padding: 10px 10px 15px;
      filter: alpha(opacity=90);
      opacity: 0.9;
      line-height: .6;
      font-size: 42px;
      font-weight: lighter;
      text-shadow: 0 0 0 transparent;
      pointer-events: none; } }