@charset "UTF-8";
/** ___  Setting  __________________________________________________
 *
 *    此檔案為網站設定檔，包含基本字體、顏色、尺寸
 * ___________________________________________________________ */
/** ___  Setting  __________________________________________________
 *
 *    此檔案為網站設定檔，包含基本字體、顏色、尺寸
 * ___________________________________________________________ */
/** ------ Default Reset ------ **/
/* ------ 字型 ------ */
body, input, a {
  font-family: MyriadPro, "Segoe UI", "微軟正黑體", "Microsoft JhengHei", "Arial", "新細明體"; }

body {
  margin: 0; }

.header a, .footer a {
  font-family: "Segoe UI", "微軟正黑體", "Microsoft JhengHei", "Arial", "新細明體"; }

a {
  color: #0094f2;
  text-decoration: none;
  cursor: pointer;
  outline: none; }

a:link {
  color: #0094f2;
  text-decoration: none; }

a:visited {
  text-decoration: none; }

a:hover {
  color: #0074d7; }

strong {
  font-weight: bold; }

section {
  width: 100%;
  max-width: 100%; }

.trans-fast-in, .icon, .af-zb-pd-spec .spec-list li, .af-zb-pd-support .content-opt ul li a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.trans-fast-out {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.trans-med-in, .af-zb-btn, .af-zb-step-btn, .af-zb-btn.af-zb-btn-b, .af-zb-btn-b.af-zb-step-btn, .af-zb-ezenbo .af-zb-page-top, .af-zb-ezenbo .af-zb-page-top .page-menu ul li, .af-zb-ezenbo .section-intro .intro-nav ul li, .af-zb-b2b .af-zb-page-top, .af-zb-b2b .af-zb-page-top .page-menu ul li, .af-zb-step-btn.valid, .af-zb-b2b-ZMC .section-ZMC-payment .plan:hover {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.trans-med-out {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.trans-slow-in, .af-zb-ezenbo .section-intro .intro-nav {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

.trans-slow-out {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

.trans-fast-easeOutQuint-in, .slick-dots li button, .page-nav .nav-content > ul > li ul li.has-submenu, .page-nav .nav-content > ul > li ul li.has-submenu:before {
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1); }

.trans-fast-easeOutQuint-out {
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1); }

.trans-med-easeOutQuint-in, .ui-datepicker-calendar .ui-state-default, .tab-content, body .af-zb-wrapper:after, .header .search-bar, .header.open .search-bar, .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap, .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap .block-info .share, .console-content .console-flow ul, .subnav, .page-content, .page-content .slider-list, .page-content .slider-list > li, .af-zb-whatsnew .articles-filter-by {
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

.trans-med-easeOutQuint-out, .af-zb-whatsnew .articles-filter-by ul li, .af-zb-relay-station.menu-collapse .menu-collapse-bar a {
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

.trans-slow-easeOutQuint-in, .af-zb-articles.af-zb-info-block.offsetTop_1, .af-zb-calendar .calendar-m .month, .af-zb-pd-support .content-area.content-area-driver ul li .list-block {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.trans-slow-easeOutQuint-out, .af-zb-relay-station.menu-collapse .header,
.af-zb-relay-station.menu-collapse .footer,
.af-zb-relay-station.menu-collapse .af-zb-page-top {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

@keyframes fromTop {
  0% {
    transform:translateY(-60px) { }
    -webkit-transform:translateY(-60px) { }
    opacity: 0; }
  100% {
    transform:translateY(0) { }
    -webkit-transform:translateY(0) { }
    opacity: 1; } }

/** ------ Layout ------ **/
.af-zb-wrapper {
  width: 100%;
  position: relative;
  font-size: 20px; }
  .af-zb-wrapper .af-zb-container {
    position: relative;
    max-width: 1700px;
    margin: 0 auto; }
  .af-zb-wrapper .main-inner {
    position: relative;
    max-width: 1500px;
    margin: 0 auto; }
  .af-zb-wrapper .sub-inner {
    max-width: 890px;
    position: relative;
    margin: 0 auto; }
  .af-zb-wrapper .offsetTop_1,
  .af-zb-wrapper .offsetTop_2,
  .af-zb-wrapper .offsetTop_3 {
    margin: 0 atuo; }
    .af-zb-wrapper .offsetTop_1:before,
    .af-zb-wrapper .offsetTop_2:before,
    .af-zb-wrapper .offsetTop_3:before {
      content: "";
      display: block;
      clear: both; }
  .af-zb-wrapper .offsetTop_1 {
    margin-top: -10%; }
  .af-zb-wrapper .offsetTop_2 {
    margin-top: -20%; }
  .af-zb-wrapper .offsetTop_3 {
    margin-top: -30%; }

.grids .grid {
  display: inline-block;
  float: left;
  width: 100%; }

.grids.grid_lg_2 .grid {
  width: 50%; }

.grids.grid_lg_3 .grid {
  width: 33.33%; }

.grids.grid_lg_4 .grid {
  width: 25%; }

.grids.grid_lg_5 .grid {
  width: 20%; }

.grids:after {
  content: "";
  display: block;
  clear: both; }

@media only screen and (max-width: 1720px) {
  .af-zb-wrapper .af-zb-container {
    padding: 0 3em; } }

@media only screen and (max-width: 1600px) {
  .af-zb-layout {
    font-size: 20px; }
  .af-zb-wrapper .af-zb-container,
  .af-zb-wrapper .af-zb-inner,
  .af-zb-wrapper .main-inner {
    padding: 0 3em; }
  .main-inner {
    padding: 0 3em; } }

@media only screen and (max-width: 1300px) {
  .af-zb-layout {
    font-size: 18px; } }

@media only screen and (max-width: 1200px) {
  .grids.grid_md_1 .grid {
    width: 100%; }
  .grids.grid_md_2 .grid {
    width: 50%; }
  .grids.grid_md_3 .grid {
    width: 33.33%; }
  .grids.grid_md_4 .grid {
    width: 25%; }
  .grids.grid_md_5 .grid {
    width: 20%; } }

@media only screen and (max-width: 1000px) {
  .af-zb-layout {
    font-size: 16px; } }

@media only screen and (max-width: 800px) {
  .af-zb-wrapper {
    width: 100%;
    max-width: 100%;
    overflow: hidden; }
    .af-zb-wrapper .af-zb-container {
      overflow: hidden;
      padding: 0 20px; }
    .af-zb-wrapper .main-inner {
      width: 100%;
      padding: 0 20px; }
  .af-zb-layout .pull-center {
    margin: 1.8em 0 2em; }
  body .gotop {
    display: block;
    height: 60px;
    border-top: 1px solid #ccc;
    cursor: pointer; }
    body .gotop .btn-gotop {
      width: 100%;
      height: 100%;
      line-height: 60px;
      display: block;
      position: relative;
      text-align: center;
      font-size: 16px; }
      body .gotop .btn-gotop:after {
        content: "";
        display: inline-block;
        background: url(../images/icons/icon-totop.png) center center no-repeat;
        background-size: 8px auto;
        width: 12px;
        height: 12px;
        margin-left: 4px; }
  body.overlay {
    overflow: hidden;
    position: fixed; }
  .grids.grid_sm_1 .grid {
    width: 100%; }
  .grids.grid_sm_2 .grid {
    width: 50%; }
  .grids.grid_sm_3 .grid {
    width: 33.33%; }
  .grids.grid_sm_4 .grid {
    width: 25%; }
  .grids.grid_sm_5 .grid {
    width: 20%; } }

@media only screen and (max-width: 600px) {
  .af-zb-layout {
    font-size: 14px; } }

@media only screen and (max-width: 480px) {
  body.searching .af-zb-wrapper:after {
    top: 8em; }
  .af-zb-layout {
    font-size: 14px; } }

@media only screen and (max-width: 320px) {
  body .gotop {
    height: 50px; }
    body .gotop .btn-gotop {
      line-height: 50px; }
  .af-zb-layout {
    font-size: 12px; } }

@font-face {
  font-family: "Segoe UI";
  font-weight: 200;
  src: local("Segoe UI Light"); }

@font-face {
  font-family: "Segoe UI";
  font-weight: 300;
  src: local("Segoe UI Semilight"); }

@font-face {
  font-family: "Segoe UI";
  font-weight: 400;
  src: local("Segoe UI"); }

@font-face {
  font-family: "Segoe UI";
  font-weight: 600;
  src: local("Segoe UI Semibold"); }

@font-face {
  font-family: "Segoe UI";
  font-weight: 700;
  src: local("Segoe UI Bold"); }

@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 400;
  src: local("Segoe UI Italic"); }

@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 700;
  src: local("Segoe UI Bold Italic"); }

@font-face {
  font-family: MyriadPro;
  src: url("../fonts/MyriadPro-Light.eot");
  src: local("☺"), url("../fonts/MyriadPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

form .form-group {
  margin: 10px 0 30px;
  width: 100%; }
  form .form-group label {
    width: 100%;
    display: block;
    font-size: 18px;
    margin: 4px 0; }
  form .form-group input, form .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 48px;
    display: block;
    border-radius: 6px;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 1px solid #dadada;
    outline-color: #0094f2;
    padding: 4px 8px;
    font-size: 18px;
    line-height: 40px \9; }
    form .form-group input:focus, form .form-group select:focus {
      border: 1px solid #0094f2; }
  form .form-group select {
    background: url(../images/icons/icon-narrow.png) 98% center no-repeat;
    background: none \9; }
  form .form-group.required label:before {
    content: "*";
    display: inline-block;
    margin-right: 4px;
    color: #ff0000;
    font-weight: 600; }
  form .form-group.half {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 0 10px;
    padding-left: 0; }
    form .form-group.half + .half {
      padding: 0px;
      padding-left: 10px; }

@media only screen and (max-width: 800px) {
  form .form-group {
    margin: .5em 0 1.6em; }
    form .form-group input, form .form-group select {
      height: 3em;
      font-size: .9em; }
    form .form-group select {
      height: 2.8em;
      font-size: 1em; }
    form .form-group label {
      font-size: .9em; }
    form .form-group.half {
      width: 100%;
      padding: 0; }
      form .form-group.half + .half {
        padding: 0; } }

@media only screen and (max-width: 320px) {
  form .form-group input, form .form-group select {
    height: 2.6em; } }

/* Mixins */
/* Box-Shadow Technique */
/* Box-Shadow Technique */
/* Gradient & Border Technique */
/* Border Image Gradient Technique */
.af-zb-layout .af-zb-link {
  color: #0094f2; }
  .af-zb-layout .af-zb-link .icon {
    text-align: center;
    color: #0094f2;
    margin-right: .3em; }
  .af-zb-layout .af-zb-link:hover {
    color: #0074d7; }
    .af-zb-layout .af-zb-link:hover .icon {
      color: #0074d7; }

.af-zb-layout .af-zb-link-block {
  display: block;
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEHAAEALAAAAAABAAEAAAICTAEAOw==") 0 0 repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  outline: none; }

.af-zb-layout .af-zb-hide {
  display: none; }

.af-zb-layout .gradient-text {
  background: -webkit-linear-gradient(left, #008be4, #00ccff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #00ccff; }

.af-zb-layout .pull-center {
  text-align: center;
  margin: 2.5em 0; }
  .af-zb-layout .pull-center:before, .af-zb-layout .pull-center:after {
    content: "";
    display: block;
    clear: both; }

.af-zb-layout .pull-right {
  float: right;
  text-align: right; }
  .af-zb-layout .pull-right:before {
    content: "";
    display: block;
    clear: both; }

@media only screen and (max-width: 800px) {
  .btn-group {
    text-align: center; } }

/* _____________________  Icons  _____________________________ */
/* */
/*    Icon統一放這 */
/* ___________________________________________________________ */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?sd34ve");
  src: url("../fonts/icomoon.eot?sd34ve#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?sd34ve") format("truetype"), url("../fonts/icomoon.woff?sd34ve") format("woff"), url("../fonts/icomoon.svg?sd34ve#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-zb-"], [class*=" icon-zb-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-zb-Face:before {
  content: "\e950"; }

.icon-zb-zmc-cms1:before {
  content: "\e94a"; }

.icon-zb-zmc-cms2:before {
  content: "\e94b"; }

.icon-zb-zmc-cms3:before {
  content: "\e94c"; }

.icon-zb-zmc-cms4:before {
  content: "\e94d"; }

.icon-zb-welcome:before {
  content: "\e900"; }

.icon-zb-SLAM:before {
  content: "\e901"; }

.icon-zb-SDK:before {
  content: "\e902"; }

.icon-zb-Medicalcare:before {
  content: "\e903"; }

.icon-zb-DDE:before {
  content: "\e904"; }

.icon-zb-app:before {
  content: "\e905"; }

.icon-zb-ADAM2:before {
  content: "\e906"; }

.icon-zb-ADAM1:before {
  content: "\e907"; }

.icon-zb-close:before {
  content: "\e908"; }

.icon-zb-menu:before {
  content: "\e909"; }

.icon-zb-account:before {
  content: "\e90a"; }

.icon-zb-arr-down:before {
  content: "\e90b"; }

.icon-zb-tag-close:before {
  content: "\e90c"; }

.icon-zb-checked:before {
  content: "\e90d"; }

.icon-zb-pin:before {
  content: "\e90e"; }

.icon-zb-fb:before {
  content: "\e90f"; }

.icon-zb-check-circle:before {
  content: "\e910"; }

.icon-zb-check:before {
  content: "\e911"; }

.icon-zb-subscribe:before {
  content: "\e912"; }

.icon-zb-fb-logo:before {
  content: "\e913"; }

.icon-zb-life:before {
  content: "\e914"; }

.icon-zb-dialogue-system:before {
  content: "\e915"; }

.icon-zb-arrow-back:before {
  content: "\e916"; }

.icon-zb-arrow-next:before {
  content: "\e917"; }

.icon-zb-ig-logo:before {
  content: "\e918"; }

.icon-zb-story-editor:before {
  content: "\e919"; }

.icon-zb-app-builder:before {
  content: "\e91a"; }

.icon-zb-search:before {
  content: "\e91b"; }

.icon-zb-sdk:before {
  content: "\e91c"; }

.icon-zb-arrow-up:before {
  content: "\e91d"; }

.icon-zb-logout:before {
  content: "\e91e"; }

.icon-zb-star:before {
  content: "\e91f"; }

.icon-zb-ring:before {
  content: "\e920"; }

.icon-zb-setting:before {
  content: "\e921"; }

.icon-zb-close-m:before {
  content: "\e922"; }

.icon-zb-tt-logo:before {
  content: "\e923"; }

.icon-zb-arr-down-s:before {
  content: "\e924"; }

.icon-zb-arr-right-s:before {
  content: "\e925"; }

.icon-zb-menu-arr:before {
  content: "\e926"; }

.icon-zb-arr-back:before {
  content: "\e927"; }

.icon-zb-inspired:before {
  content: "\e928"; }

.icon-zb-circleline:before {
  content: "\e929"; }

.icon-zb-arr:before {
  content: "\e92a"; }

.icon-zb-global:before {
  content: "\e92b"; }

.icon-zb-yt:before {
  content: "\e92c"; }

.icon-zb-tw:before {
  content: "\e92d"; }

.icon-zb-developer:before {
  content: "\e92e"; }

.icon-zb-awards:before {
  content: "\e92f"; }

.icon-zb-unboxing:before {
  content: "\e930"; }

.icon-zb-events:before {
  content: "\e931"; }

.icon-zb-partnership:before {
  content: "\e932"; }

.icon-zb-news:before {
  content: "\e933"; }

.icon-zb-arrow-down:before {
  content: "\e934"; }

.icon-zb-features:before {
  content: "\e935"; }

.icon-zb-all:before {
  content: "\e936"; }

.icon-zb-life-m:before {
  content: "\e937"; }

.icon-zb-entertainment:before {
  content: "\e938"; }

.icon-zb-close-s:before {
  content: "\e939"; }

.icon-zb-entertainment-m:before {
  content: "\e93a"; }

.icon-zb-health:before {
  content: "\e93b"; }

.icon-zb-health-m:before {
  content: "\e93c"; }

.icon-zb-education:before {
  content: "\e93d"; }

.icon-zb-education-m:before {
  content: "\e93e"; }

.icon-zb-home:before {
  content: "\e93f"; }

.icon-zb-home-m:before {
  content: "\e940"; }

.icon-zb-partner:before {
  content: "\e941"; }

.icon-zb-next:before {
  content: "\e942"; }

.icon-zb-prev:before {
  content: "\e943"; }

.icon-zb-wechat:before {
  content: "\e944"; }

.icon-zb-arr-r:before {
  content: "\e945"; }

.icon-zb-arr-l:before {
  content: "\e946"; }

.icon-zb-mail:before {
  content: "\e947"; }

.icon-zb-phone:before {
  content: "\e948"; }

.icon-zb-zmc1:before {
  content: "\e949"; }

.icon-zb-weibo:before {
  content: "\e94e"; }

.icon-zb-wechat-logo:before {
  content: "\e94f"; }

.icon-zb-weibo-logo:before {
  content: "\e954"; }

.icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: relative;
  font-size: 22px;
  color: #000; }
  .icon:hover, .icon.active {
    color: #0094f2; }
  .icon.icon-zb-fb, .icon.icon-zb-tw, .icon.icon-zb-yt, .icon.icon-zb-pin {
    width: 40px;
    height: 40px; }
  .icon.icon-zb-closethin:after {
    content: "\e931";
    display: inline-block;
    font-size: 22px;
    color: #0094f2;
    line-height: 35px;
    vertical-align: top;
    padding-left: 10px;
    vertical-align: middle;
    color: #000; }
  .icon.icon-zb-unboxing-b:after {
    content: "\e916";
    display: inline-block;
    font-size: 22px;
    color: #0094f2;
    line-height: 24px;
    vertical-align: top; }
  .icon.icon-zb-arrowleft {
    width: 16px; }
    .icon.icon-zb-arrowleft:after {
      content: "\e927";
      display: inline-block;
      font-size: 14px;
      color: #0094f2;
      line-height: 20px;
      vertical-align: top; }

/** ___________________  Overwrite  _____________________ **/
/** ----- slick ----- **/
.slick-slider {
  margin: 0;
  padding: 0;
  margin-bottom: 2px;
  position: relative;
  margin: 0 \9\0; }
  .slick-slider .slick-slide {
    outline: none; }

.slick-prev,
.slick-next {
  z-index: 1;
  width: 58px;
  height: 231px; }
  .slick-prev:before,
  .slick-next:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    background: transparent;
    display: none; }
    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
      opacity: 0;
      display: none; }

.slick-prev {
  left: 15px; }
  .slick-prev:before {
    background: url("../images/slider-prev.png") center center no-repeat; }

.slick-next {
  right: 15px; }
  .slick-next:before {
    background: url("../images/slider-next.png") center center no-repeat; }

.slick-dots {
  bottom: 10px;
  z-index: 1; }
  .slick-dots li {
    width: 20px;
    height: 30px;
    margin: 0;
    outline: none; }
    .slick-dots li button {
      border-radius: 50%;
      background: #bababa;
      width: 6px;
      height: 6px;
      margin: 8px auto;
      padding: 0; }
      .slick-dots li button:before {
        display: none; }
    .slick-dots li.slick-active button {
      background: #0094f2; }
    .slick-dots li:hover button {
      transform: scale(1.2); }

/** ----- colorbox ----- **/
#cboxOverlay {
  opacity: 0.5 !important; }
  #cboxOverlay.video-overlay #cboxClose {
    width: 25px;
    height: 25px;
    background: url("../images/icons/icon-close-m-w.png") no-repeat center center;
    background-size: 100% auto;
    top: 30px;
    right: 30px; }
    #cboxOverlay.video-overlay #cboxClose:hover {
      background: url("../images/icons/icon-close-m.png") no-repeat center center; }

#colorbox #cboxContent {
  background: #fff;
  margin-top: 0; }
  #colorbox #cboxContent #cboxClose {
    width: 20px;
    height: 20px;
    top: 20px;
    right: 20px;
    background: url("../images/icons/icon-close.png") center center no-repeat; }
  #colorbox #cboxContent #cboxLoadedContent {
    border: 0;
    border-radius: 5px; }
    #colorbox #cboxContent #cboxLoadedContent .colorbox-block {
      width: 100%;
      height: 100%;
      text-align: center; }
      #colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info {
        display: block;
        padding: 20px; }
        #colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .title {
          font-size: 30px;
          line-height: 38px;
          color: #222;
          margin: 30px 0 20px; }
        #colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .content {
          font-size: 18px;
          line-height: 28px;
          color: #555;
          width: 60%;
          margin: 0 auto; }
        #colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group {
          margin: 30px 0 0; }
          #colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group .af-zb-btn, #colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group .af-zb-step-btn {
            vertical-align: top;
            margin: 0 10px; }

#colorbox.reg-colorbox #cboxClose {
  display: none; }

#colorbox.unsubscribe-colorbox #cboxContent #cboxLoadedContent .colorbox-block {
  text-align: left; }
  #colorbox.unsubscribe-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info {
    padding: 10px 50px; }
  #colorbox.unsubscribe-colorbox #cboxContent #cboxLoadedContent .colorbox-block .content {
    width: 100%; }
    #colorbox.unsubscribe-colorbox #cboxContent #cboxLoadedContent .colorbox-block .content .radio {
      line-height: 36px; }
      #colorbox.unsubscribe-colorbox #cboxContent #cboxLoadedContent .colorbox-block .content .radio label {
        color: #555;
        display: inline-block; }

#colorbox.video-colorbox .video-content {
  height: 100%;
  overflow: hidden; }

#colorbox.apply-colorbox #cboxClose {
  display: none; }

#colorbox.apply-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info {
  padding: 40px 20px; }
  #colorbox.apply-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .title {
    font-size: 1.8em; }

#colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block {
  text-align: left; }
  #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info {
    padding: 20px 50px; }
    #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .title {
      margin: 30px 0 10px; }
    #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li {
      position: relative;
      padding: 20px 0;
      border-bottom: 1px solid #d8d8d8; }
      #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .title {
        font-size: 18px;
        line-height: 20px;
        margin: 4px 0;
        color: #222; }
      #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .date {
        font-size: 14px;
        color: #888; }
      #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .level {
        position: relative;
        top: -2px;
        font-size: .5em;
        margin-left: .8em;
        background: #555;
        color: #fff;
        border-radius: 10px;
        padding: 2px 9px; }
      #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .af-zb-btn, #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .af-zb-step-btn {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 135px;
        height: 35px;
        font-size: 14px; }
        #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .af-zb-btn span, #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .af-zb-step-btn span {
          line-height: 35px; }
      #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li:last-child {
        border-bottom: 0; }

#colorbox.lang-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group {
  text-align: center; }
  #colorbox.lang-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group .af-zb-btn, #colorbox.lang-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group .af-zb-step-btn {
    display: block;
    width: 18em;
    margin: 0 auto;
    background: #008be4;
    background-image: -webkit-linear-gradient(left, #fff, #fff);
    background-image: -moz-linear-gradient(left, #fff, #fff);
    background-image: -ms-linear-gradient(left, #fff, #fff);
    background-image: -o-linear-gradient(left, #fff, #fff);
    background-image: linear-gradient(to right, #fff, #fff); }
    #colorbox.lang-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group .af-zb-btn span, #colorbox.lang-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group .af-zb-step-btn span {
      font-weight: 500;
      color: #777; }
    #colorbox.lang-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group .af-zb-btn:hover, #colorbox.lang-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group .af-zb-step-btn:hover {
      background: #008be4;
      background-image: -webkit-linear-gradient(left, #008be4, #00ccff);
      background-image: -moz-linear-gradient(left, #008be4, #00ccff);
      background-image: -ms-linear-gradient(left, #008be4, #00ccff);
      background-image: -o-linear-gradient(left, #008be4, #00ccff);
      background-image: linear-gradient(to right, #008be4, #00ccff);
      box-shadow: none; }
      #colorbox.lang-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group .af-zb-btn:hover span, #colorbox.lang-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group .af-zb-step-btn:hover span {
        color: #fff; }

/** ----- jsSocials ----- **/
.jssocials-share-link {
  padding: 0em; }

.jssocials-share-facebook .jssocials-share-link {
  background: transparent; }
  .jssocials-share-facebook .jssocials-share-link:after {
    content: "\e90b";
    font-family: "icomoon";
    font-size: 22px;
    color: #666; }
  .jssocials-share-facebook .jssocials-share-link:hover {
    background: transparent; }
    .jssocials-share-facebook .jssocials-share-link:hover:after {
      color: #0094f2; }

.jssocials-share-twitter .jssocials-share-link {
  background: transparent; }
  .jssocials-share-twitter .jssocials-share-link:after {
    content: "\e91b";
    font-family: "icomoon";
    font-size: 22px;
    color: #666; }
  .jssocials-share-twitter .jssocials-share-link:hover {
    background: transparent; }
    .jssocials-share-twitter .jssocials-share-link:hover:after {
      color: #0094f2; }

/** ----- social share ----- **/
.social-share .social-share-icon {
  border: 0; }

.social-share .icon-facebook,
.social-share .icon-twitter,
.social-share .icon-weibo,
.social-share .icon-wechat {
  background: transparent;
  color: #666;
  font-size: 1.6em;
  width: 1em;
  height: 1em; }
  .social-share .icon-facebook:hover,
  .social-share .icon-twitter:hover,
  .social-share .icon-weibo:hover,
  .social-share .icon-wechat:hover {
    background: transparent;
    color: #0094f2; }

.social-share .icon-facebook:before,
.social-share .icon-twitter:before {
  font-size: .85em; }

.social-share .icon-weibo:before {
  content: "\e954";
  font-family: "icomoon"; }

.social-share .icon-wechat:before {
  content: "\e94f";
  font-family: "icomoon"; }

/** ----- datepicker ----- **/
.datepicker-inline {
  width: 100%; }

.datepicker {
  margin-left: -5px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
  margin-bottom: 3em; }
  .datepicker table {
    padding: 2em 0;
    width: 245px;
    margin: 0 auto; }
    .datepicker table thead {
      background: #ccc;
      border-spacing: 5px; }
      .datepicker table thead tr {
        padding: 0 1em; }
        .datepicker table thead tr th {
          border-radius: 0;
          display: table-cell; }
    .datepicker table tr td, .datepicker table tr th {
      width: 35px;
      height: 35px;
      line-height: 35px;
      font-size: .7em;
      border-radius: 50%; }
    .datepicker table tr td.active.active {
      background: #0094f2; }

.datetimepicker {
  width: 280px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); }

.ui-datepicker-header {
  height: 50px;
  line-height: 50px;
  color: #b0aead;
  background: #eaeaea;
  padding-bottom: 10px;
  position: relative; }

.ui-datepicker-prev,
.ui-datepicker-next {
  width: 20px;
  height: 20px;
  text-indent: 9999px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto; }
  .ui-datepicker-prev:after,
  .ui-datepicker-next:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

.ui-datepicker-prev {
  left: 20%; }
  .ui-datepicker-prev:after {
    background: url(../images/icons/icon-arrow-prev.png) center center no-repeat;
    background-size: 100% auto; }

.ui-datepicker-next {
  right: 20%; }
  .ui-datepicker-next:after {
    background: url(../images/icons/icon-arrow-next.png) center center no-repeat;
    background-size: 100% auto; }

.ui-datepicker-title {
  text-align: center;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-transform: uppercase; }

.ui-datepicker {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ui-datepicker-calendar {
  width: 280px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-spacing: 5px; }
  .ui-datepicker-calendar tr td {
    padding: 5px; }
  .ui-datepicker-calendar thead tr th span {
    display: block;
    width: 40px;
    color: #9a9a9a;
    margin-bottom: 5px;
    font-size: 13px;
    background: #eaeaea;
    padding-bottom: 1em; }
  .ui-datepicker-calendar .ui-state-default {
    display: block;
    text-decoration: none;
    color: #222222;
    line-height: 40px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 20px;
    padding: 5px;
    outline: none; }
    .ui-datepicker-calendar .ui-state-default:hover {
      background: rgba(0, 0, 0, 0.02);
      border-radius: 50%; }
  .ui-datepicker-calendar .ui-state-active {
    background: #0094f2;
    color: #fff;
    border-radius: 50%;
    outline: none; }
    .ui-datepicker-calendar .ui-state-active:hover {
      background: #0094f2;
      color: #fff; }

@media only screen and (max-width: 800px) {
  .slick-dots {
    bottom: 0; }
  #colorbox #cboxContent #cboxLoadedContent {
    border-radius: 0; }
  #colorbox.reg-colorbox #cboxContent #cboxLoadedContent .colorbox-block {
    position: relative; }
    #colorbox.reg-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info {
      position: absolute;
      width: 100%;
      height: auto;
      height: 80%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
      #colorbox.reg-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .title {
        font-size: 1.6em; }
      #colorbox.reg-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .content {
        width: 80%;
        font-size: 1em; }
  #colorbox.unsubscribe-colorbox #cboxContent #cboxLoadedContent .colorbox-block {
    position: relative; }
    #colorbox.unsubscribe-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info {
      padding: 4em 2.6em; }
      #colorbox.unsubscribe-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .title {
        font-size: 1.6em;
        line-height: 1.2em; }
      #colorbox.unsubscribe-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .content {
        font-size: 1.2em; }
        #colorbox.unsubscribe-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .content .radio {
          line-height: 1.2em;
          margin: 1.5em 0; }
      #colorbox.unsubscribe-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .btn-group {
        text-align: center; }
  #colorbox.unsubscribe-colorbox [type="radio"]:not(:checked) + label span,
  #colorbox.unsubscribe-colorbox [type="radio"]:checked + label span {
    line-height: 1.4em; }
  #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info {
    padding: 60px 20px 40px; }
    #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .title {
      font-size: 1.6em;
      margin: 20px 0 10px; }
    #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .title {
      font-size: 1.2em; }
    #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .date {
      font-size: .8em; }
    #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .af-zb-btn, #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .af-zb-step-btn {
      width: 8em;
      height: 2.4em; }
      #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .af-zb-btn span, #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li .af-zb-step-btn span {
        line-height: 2.4em; }
    #colorbox.version-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info ul li:last-child {
      border-bottom: 1px solid #d8d8d8; }
  #colorbox.apply-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info {
    padding: 0 20px;
    width: 100%;
    height: 14em;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    #colorbox.apply-colorbox #cboxContent #cboxLoadedContent .colorbox-block .colorbox-info .title {
      font-size: 1.6em; } }

.af-zb-btn, .af-zb-step-btn {
  display: inline-block;
  width: auto;
  min-width: 8.5em;
  width: 9.5em;
  height: 2.8em;
  line-height: 2.8em;
  border: 0;
  border-radius: 40px;
  font-size: .9em;
  width: 180px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  cursor: pointer;
  outline: none;
  text-align: center;
  background: #008be4;
  background-image: -webkit-linear-gradient(left, #008be4, #00ccff);
  background-image: -moz-linear-gradient(left, #008be4, #00ccff);
  background-image: -ms-linear-gradient(left, #008be4, #00ccff);
  background-image: -o-linear-gradient(left, #008be4, #00ccff);
  background-image: linear-gradient(to right, #008be4, #00ccff); 
}
  .af-zb-btn span, .af-zb-step-btn span {
    display: block;
    color: #fff;
    line-height: 50px;
    font-weight: 600; }

  .af-zb-btn span.blue-color {
    display: block;
    color: #0094f2;
    line-height: 50px;
    font-weight: 600; }

  .white-btn {
      background: #fff;
    }


  .af-zb-btn:hover, .af-zb-step-btn:hover {
    -webkit-box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.75);
    -moz-box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.75);
    box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.75);
    color: #fff; }
  .af-zb-btn.af-zb-btn-b, .af-zb-btn-b.af-zb-step-btn {
    height: 49px;
    line-height: 49px;
    width: 180px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    padding: 2px;
    vertical-align: middle;
    background: #008be4;
    background: linear-gradient(268deg, #00ccff, #008be4);
    background-size: 100% 100%;
    background: #008be4 \9;
    background: linear-gradient(268deg, #008be4, #008be4) \9;
    background: #fff \9; }
    .af-zb-btn.af-zb-btn-b span, .af-zb-btn-b.af-zb-step-btn span {
      line-height: 49px;
      color: #008be4;
      display: block;
      position: relative;
      width: 100%;
      height: 100%;
      font-weight: 600;
      background: #fff;
      border: none;
      border-radius: 40px;
      background: #fff \9;
      -webkit-appearance: none;
      transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .af-zb-btn.af-zb-btn-b:hover span, .af-zb-btn-b.af-zb-step-btn:hover span {
      color: #fff;
      background: transparent; }
  .af-zb-btn.af-zb-btn-white, .af-zb-btn-white.af-zb-step-btn {
    background: #fff;
    border: 2px solid #fff;
    color: #222;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .af-zb-btn.af-zb-btn-white span, .af-zb-btn-white.af-zb-step-btn span {
      background: -webkit-linear-gradient(left, #222, #222);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      color: #222; }
    .af-zb-btn.af-zb-btn-white:hover, .af-zb-btn-white.af-zb-step-btn:hover {
      background: transparent;
      border: 2px solid #fff;
      color: #fff; }
      .af-zb-btn.af-zb-btn-white:hover span, .af-zb-btn-white.af-zb-step-btn:hover span {
        background: -webkit-linear-gradient(left, #fff, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #fff; }
  .af-zb-btn.af-zb-btn-w, .af-zb-btn-w.af-zb-step-btn {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .af-zb-btn.af-zb-btn-w span, .af-zb-btn-w.af-zb-step-btn span {
      color: #fff;
      line-height: 48px; }
    .af-zb-btn.af-zb-btn-w:hover, .af-zb-btn-w.af-zb-step-btn:hover {
      background: #fff;
      color: #222; }
      .af-zb-btn.af-zb-btn-w:hover span, .af-zb-btn-w.af-zb-step-btn:hover span {
        color: #222; }
  .af-zb-btn.af-zb-btn-s, .af-zb-btn-s.af-zb-step-btn {
    width: auto;
    height: 26px;
    font-size: .65em;
    padding: 1px; }
    .af-zb-btn.af-zb-btn-s span, .af-zb-btn-s.af-zb-step-btn span {
      line-height: 24px; }
    .af-zb-btn.af-zb-btn-s.af-zb-btn-w, .af-zb-btn-s.af-zb-btn-w.af-zb-step-btn {
      border: 1.4px solid #fff; }
  .af-zb-btn.af-zb-btn-scrolldown, .af-zb-btn-scrolldown.af-zb-step-btn {
    width: auto; }
    .af-zb-btn.af-zb-btn-scrolldown:after, .af-zb-btn-scrolldown.af-zb-step-btn:after {
      content: "";
      content: "\e926";
      font-family: "icomoon";
      font-size: .8em;
      color: #fff;
      height: 3.5em;
      line-height: 3.5em;
      display: inline-block;
      position: absolute;
      right: 1.4em;
      top: 0; }
    .af-zb-btn.af-zb-btn-scrolldown:hover, .af-zb-btn-scrolldown.af-zb-step-btn:hover {
      -webkit-box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.75);
      -moz-box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.75);
      box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.75);
      background: #0094f2;
      color: #fff; }

@media only screen and (max-width: 800px) {
  .af-zb-layout .af-zb-btn, .af-zb-layout .af-zb-step-btn {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 16px; }
    .af-zb-layout .af-zb-btn span, .af-zb-layout .af-zb-step-btn span {
      line-height: 42px; }
    .af-zb-layout .af-zb-btn.af-zb-btn-b span, .af-zb-layout .af-zb-btn-b.af-zb-step-btn span {
      line-height: 42px; }
    .af-zb-layout .af-zb-btn.af-zb-btn-white, .af-zb-layout .af-zb-btn-white.af-zb-step-btn, .af-zb-layout .af-zb-btn.af-zb-btn-white:hover, .af-zb-layout .af-zb-btn-white.af-zb-step-btn:hover {
      background: #fff; }
      .af-zb-layout .af-zb-btn.af-zb-btn-white span, .af-zb-layout .af-zb-btn-white.af-zb-step-btn span, .af-zb-layout .af-zb-btn.af-zb-btn-white:hover span, .af-zb-layout .af-zb-btn-white.af-zb-step-btn:hover span {
        background: -webkit-linear-gradient(left, #222, #222);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #222; }
  .af-zb-layout #special-sectionOverview #wrap article.intro > .container .container-text .button-scroll-down {
    width: 160px;
    height: 45px;
    line-height: 45px;
    padding: 0 2em 0 .5em;
    font-size: 16px; }
    .af-zb-layout #special-sectionOverview #wrap article.intro > .container .container-text .button-scroll-down span {
      line-height: 45px; } }

@media only screen and (max-width: 480px) {
  .af-zb-layout .af-zb-btn, .af-zb-layout .af-zb-step-btn {
    width: 135px; } }

.tab-menu ul li {
  display: inline-block;
  float: left;
  margin-right: 32px;
  line-height: 70px;
  font-size: 16px;
  color: #a9a9a9;
  cursor: default;
  border-bottom: 0; }
  .tab-menu ul li .checker {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    line-height: 70px;
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
    box-shadow: -1px 0 0 0.02em rgba(195, 195, 195, 0.75), -1px -1px 0 0.02em rgba(195, 195, 195, 0.25), -1px 1px 0 0.02em rgba(195, 195, 195, 0.25), 0 -1px 0 0.02em rgba(195, 195, 195, 0.5), 0 1px 0 0.02em rgba(195, 195, 195, 0.5), 1px -1px 0 0.02em rgba(195, 195, 195, 0.25), 1px 1px 0 0.02em rgba(195, 195, 195, 0.25), 1px 0 0 0.02em rgba(195, 195, 195, 0.75); }
  .tab-menu ul li:last-child {
    margin: 0; }
  .tab-menu ul li.active {
    border-bottom: 8px solid #ededed;
    background: -webkit-linear-gradient(left, #008be4, #00ccff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #00ccff; }
    .tab-menu ul li.active .checker {
      border: none;
      box-shadow: -1px 0 0 0.02em rgba(0, 139, 228, 0.75), -1px -1px 0 0.02em rgba(0, 156, 235, 0.25), -1px 1px 0 0.02em rgba(0, 156, 235, 0.25), 0 -1px 0 0.02em rgba(0, 172, 242, 0.5), 0 1px 0 0.02em rgba(0, 172, 242, 0.5), 1px -1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 0 0 0.02em rgba(0, 204, 255, 0.75); }
      .tab-menu ul li.active .checker:after {
        display: inline-block;
        font-family: 'icomoon';
        content: "";
        position: absolute;
        width: 25px;
        line-height: 25px;
        text-align: center;
        vertical-align: middle; }
  .tab-menu ul li.success {
    color: #222; }
    .tab-menu ul li.success .checker {
      position: relative;
      text-align: center;
      border: none;
      box-shadow: -1px 0 0 0.02em rgba(0, 139, 228, 0.75), -1px -1px 0 0.02em rgba(0, 156, 235, 0.25), -1px 1px 0 0.02em rgba(0, 156, 235, 0.25), 0 -1px 0 0.02em rgba(0, 172, 242, 0.5), 0 1px 0 0.02em rgba(0, 172, 242, 0.5), 1px -1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 0 0 0.02em rgba(0, 204, 255, 0.75); }
      .tab-menu ul li.success .checker:after {
        content: "\e911";
        font-family: "icomoon";
        font-size: .8em;
        position: absolute;
        width: 22px;
        height: 22px;
        line-height: 22px;
        top: 0;
        left: 0;
        background: -webkit-linear-gradient(left, #008be4, #00ccff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #00ccff; }

.tab-content {
  opacity: 0; }
  .tab-content.active {
    opacity: 1; }

@media only screen and (max-width: 1000px) {
  .tab-menu ul li .title {
    font-size: .9em; }
  .tab-menu ul li .checker {
    margin-right: 5px; } }

@media only screen and (max-width: 800px) {
  .tab-menu ul li {
    font-size: 1.2em;
    margin-right: 2%;
    width: 33%;
    max-width: 31%;
    height: auto;
    line-height: 1.2em;
    padding: .5em 0 .8em; }
    .tab-menu ul li .checker {
      position: absolute;
      top: .5em;
      width: 1em;
      height: 1em;
      margin-right: .6em; }
      .tab-menu ul li .checker:after {
        background-size: 100% auto;
        width: 1.2em;
        height: 1.2em;
        line-height: 1.2em; }
    .tab-menu ul li.active .checker, .tab-menu ul li.success .checker {
      position: absolute;
      top: .5em; }
      .tab-menu ul li.active .checker:after, .tab-menu ul li.success .checker:after {
        background-size: 100% auto;
        width: 1.2em;
        height: 1.2em;
        line-height: 1.2em; }
    .tab-menu ul li .title {
      display: inline-block;
      vertical-align: top;
      padding-left: 1.8em;
      font-size: .8em;
      line-height: 1.2em;
      font-weight: 300;
      font-family: MyriadPro; }
    .tab-menu ul li.active {
      color: #fff;
      border-bottom: 5px solid #ededed;
      background: -webkit-linear-gradient(left, #000, #000);
      -webkit-background-clip: text;
      -webkit-text-fill-color: initial;
      color: #0094f2; } }

@media only screen and (max-width: 480px) {
  .tab-menu ul li {
    max-width: 32%; }
    .tab-menu ul li .title {
      font-size: .8em;
      line-height: 1.4em; }
    .tab-menu ul li.active .checker, .tab-menu ul li.success .checker {
      top: .7em; } }

.af-zb-layout {
  /* Base for label styling */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* disabled checkbox */
  /* accessibility */
  /* hover style just for information */ }
  .af-zb-layout [type="checkbox"]:not(:checked),
  .af-zb-layout [type="checkbox"]:checked {
    position: absolute;
    left: -9999px; }
    .af-zb-layout [type="checkbox"]:not(:checked):hover,
    .af-zb-layout [type="checkbox"]:checked:hover {
      outline: none; }
  .af-zb-layout [type="checkbox"]:not(:checked) + label,
  .af-zb-layout [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 32px;
    line-height: 21px;
    cursor: pointer;
    display: inline-block; }
  .af-zb-layout [type="checkbox"]:not(:checked) + label:before,
  .af-zb-layout [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #777;
    background: #fff;
    border-radius: 3px; }
    .af-zb-layout [type="checkbox"]:not(:checked) + label:before:hover,
    .af-zb-layout [type="checkbox"]:checked + label:before:hover {
      outline: none; }
  .af-zb-layout [type="checkbox"]:checked + label:before {
    border: 1px solid #0094f2; }
  .af-zb-layout [type="checkbox"]:not(:checked) + label:after,
  .af-zb-layout [type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    line-height: 0.8;
    color: #fff;
    width: 17px;
    height: 17px;
    background: #0094f2 url("../images/icons/icon-check.png") center center no-repeat;
    transition: all .2s; }
    .af-zb-layout [type="checkbox"]:not(:checked) + label:after:hover,
    .af-zb-layout [type="checkbox"]:checked + label:after:hover {
      outline: none; }
  .af-zb-layout [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0); }
  .af-zb-layout [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1); }
  .af-zb-layout [type="checkbox"]:disabled:not(:checked) + label:before,
  .af-zb-layout [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd; }
  .af-zb-layout [type="checkbox"]:disabled:checked + label:after {
    color: #999; }
  .af-zb-layout [type="checkbox"]:disabled + label {
    color: #aaa; }

.af-zb-layout {
  /* Base for label styling */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* disabled checkbox */
  /* accessibility */
  /* hover style just for information */ }
  .af-zb-layout [type="radio"]:not(:checked),
  .af-zb-layout [type="radio"]:checked {
    position: absolute;
    left: -9999px; }
    .af-zb-layout [type="radio"]:not(:checked):hover,
    .af-zb-layout [type="radio"]:checked:hover {
      outline: none; }
  .af-zb-layout [type="radio"]:not(:checked) + label,
  .af-zb-layout [type="radio"]:checked + label {
    position: relative;
    padding-left: 32px;
    line-height: 22px;
    cursor: pointer;
    display: inline-block; }
    .af-zb-layout [type="radio"]:not(:checked) + label span,
    .af-zb-layout [type="radio"]:checked + label span {
      display: inline-block;
      vertical-align: top; }
  .af-zb-layout [type="radio"]:not(:checked) + label:before,
  .af-zb-layout [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #777;
    background: #fff;
    border-radius: 50%; }
    .af-zb-layout [type="radio"]:not(:checked) + label:before:hover,
    .af-zb-layout [type="radio"]:checked + label:before:hover {
      outline: none; }
  .af-zb-layout [type="radio"]:checked + label:before {
    border: 1px solid #0094f2; }
  .af-zb-layout [type="radio"]:not(:checked) + label:after,
  .af-zb-layout [type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: transparent url("../images/icons/icon-radio.png") center center no-repeat;
    transition: all .2s; }
    .af-zb-layout [type="radio"]:not(:checked) + label:after:hover,
    .af-zb-layout [type="radio"]:checked + label:after:hover {
      outline: none; }
  .af-zb-layout [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0); }
  .af-zb-layout [type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1); }
  .af-zb-layout [type="radio"]:disabled:not(:checked) + label:before,
  .af-zb-layout [type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd; }
  .af-zb-layout [type="radio"]:disabled:checked + label:after {
    color: #999; }
  .af-zb-layout [type="radio"]:disabled + label {
    color: #aaa; }

.af-zb-layout .switcher {
  position: relative;
  width: 45px;
  height: 27px;
  display: inline-block;
  line-height: 0; }
  .af-zb-layout .switcher .switch-container {
    display: inline-block;
    background: #dbdbdb;
    border-radius: 25px;
    height: 27px;
    width: 45px;
    padding: 2px;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    transition: background 0.5s; }
  .af-zb-layout .switcher input.switch {
    display: none; }
  .af-zb-layout .switcher input.switch + label:before,
  .af-zb-layout .switcher input.switch + label:after {
    display: none; }
  .af-zb-layout .switcher input.switch + label {
    display: block;
    position: absolute;
    background: #fff;
    border-radius: 25px;
    height: 25px;
    width: 25px;
    border: 0;
    top: 10px;
    left: 10px;
    -webkit-box-shadow: 0px 1px 0.5px 0.1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 0.5px 0.1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 0.5px 0.1px rgba(0, 0, 0, 0.15);
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    transition: left 0.5s;
    top: 1px;
    left: 1px;
    padding-left: 0;
    cursor: pointer; }
  .af-zb-layout .switcher input.switch:checked + label {
    left: 19px;
    background: #fff url(../images/icons/icon-checked.png) center center no-repeat; }
  .af-zb-layout .switcher input.switch:checked + label + .switch-container {
    background: #33b3e9; }

.af-zb-banner {
  position: relative; }
  .af-zb-banner:after {
    content: "";
    display: block;
    clear: both; }
  .af-zb-banner .banner-block {
    display: block;
    width: 100%;
    padding-top: 48%;
    position: relative;
    overflow: hidden; }
    .af-zb-banner .banner-block .banner-inner {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      font-size: 20px; }
      .af-zb-banner .banner-block .banner-inner .banner-wrap {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
        .af-zb-banner .banner-block .banner-inner .banner-wrap .af-link-block {
          text-indent: 150%;
          white-space: nowrap;
          overflow: hidden; }
        .af-zb-banner .banner-block .banner-inner .banner-wrap:before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 0;
          height: 100%; }
        .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-img {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          overflow: hidden;
          text-align: center;
          width: 100%;
          height: 100%; }
          .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-img img {
            width: 100%;
            height: auto;
            border: 0; }
        .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info {
          position: relative;
          z-index: 2;
          display: inline-block;
          width: 40%;
          left: 16%;
          text-align: left;
          vertical-align: middle; }
          .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .title {
            font-weight: 400;
            font-size: 4.2em;
            line-height: 1.1em;
            color: #008be4; }
            .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .title img {
              max-width: 70%;
              margin: 0 0 .3em; }
          .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
            font-size: 4.2em;
            font-weight: 300;
            line-height: 1.2em;
            margin: 0;
            color: #00ccff; }
            .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .sub-title img {
              max-width: 100%;
              margin: 0 0 .3em; }
          .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .desp {
            font-size: .95em;
            line-height: 26px;
            font-weight: 400; }
          .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-btn, .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-step-btn {
            margin: 2em 6px 0 0; }
            .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-btn.btn-buy-now, .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .btn-buy-now.af-zb-step-btn {
              text-transform: uppercase; }
    .af-zb-banner .banner-block.info-on-center .banner-inner .banner-wrap .banner-info, .af-zb-banner .banner-block.info-on-top .banner-inner .banner-wrap .banner-info, .af-zb-banner .banner-block.info-on-bottom .banner-inner .banner-wrap .banner-info {
      text-align: center;
      left: 33%;
      margin-left: 0;
      padding: 0 0 0 0; }
      .af-zb-banner .banner-block.info-on-center .banner-inner .banner-wrap .banner-info img, .af-zb-banner .banner-block.info-on-top .banner-inner .banner-wrap .banner-info img, .af-zb-banner .banner-block.info-on-bottom .banner-inner .banner-wrap .banner-info img {
        margin: 0 auto; }
    .af-zb-banner .banner-block.info-on-center .banner-inner .banner-wrap .banner-info .title img {
      margin: 0 auto; }
    .af-zb-banner .banner-block.info-on-center.info-white .banner-inner .banner-wrap .banner-info {
      text-align: center; }
    .af-zb-banner .banner-block.info-on-right .banner-inner .banner-wrap .banner-info {
      left: 60%; }
    .af-zb-banner .banner-block.info-on-top .banner-inner .banner-wrap .banner-info, .af-zb-banner .banner-block.info-on-bottom .banner-inner .banner-wrap .banner-info {
      position: absolute;
      text-align: center;
      width: 40%;
      top: 4em;
      left: 0;
      right: 0;
      margin: 0 auto; }
      .af-zb-banner .banner-block.info-on-top .banner-inner .banner-wrap .banner-info img, .af-zb-banner .banner-block.info-on-bottom .banner-inner .banner-wrap .banner-info img {
        margin: 0 auto .3em; }
    .af-zb-banner .banner-block.info-on-bottom .banner-inner .banner-wrap .banner-info {
      top: initial;
      bottom: 4em; }
    .af-zb-banner .banner-block.info-white .banner-inner .banner-wrap .banner-info {
      text-align: left; }
      .af-zb-banner .banner-block.info-white .banner-inner .banner-wrap .banner-info .title, .af-zb-banner .banner-block.info-white .banner-inner .banner-wrap .banner-info .sub-title, .af-zb-banner .banner-block.info-white .banner-inner .banner-wrap .banner-info .price {
        color: #fff; }
    .af-zb-banner .banner-block.info-white.info-on-center .banner-inner .banner-wrap .banner-info, .af-zb-banner .banner-block.info-white.info-on-top .banner-inner .banner-wrap .banner-info, .af-zb-banner .banner-block.info-white.info-on-bottom .banner-inner .banner-wrap .banner-info {
      text-align: center; }
  .af-zb-banner .slick-arrow {
    display: block;
    width: 25%;
    height: 100%;
    transition: 0.3s;
    position: absolute;
    top: 0;
    opacity: 0; }
    .af-zb-banner .slick-arrow.slick-arrow-r {
      right: 0; }
    .af-zb-banner .slick-arrow:hover {
      opacity: 1; }
    .af-zb-banner .slick-arrow.narrow {
      width: 10%; }
      .af-zb-banner .slick-arrow.narrow:before {
        content: "";
        position: absolute;
        content: "";
        padding: 102% 70%;
        right: 100%;
        top: 0; }
      .af-zb-banner .slick-arrow.narrow:after {
        content: "";
        position: absolute;
        content: "";
        padding: 50% 70%;
        right: 100%;
        bottom: 0; }
      .af-zb-banner .slick-arrow.narrow.slick-arrow-l:before {
        right: auto;
        left: 100%; }
      .af-zb-banner .slick-arrow.narrow.slick-arrow-l:after {
        right: auto;
        left: 100%; }
  .af-zb-banner .slick-next,
  .af-zb-banner .slick-prev {
    width: 55px;
    height: 55px;
    right: 25px;
    transition: 0.2s;
    cursor: pointer; }
    .af-zb-banner .slick-next:before,
    .af-zb-banner .slick-prev:before {
      content: "\e942";
      font-family: "icomoon";
      font-size: 75px;
      color: rgba(102, 102, 102, 0.3);
      background: none; }
  .af-zb-banner .slick-prev:before {
    content: "\e943"; }
  .af-zb-banner.af-zb-dev-banner .banner-block {
    padding-top: 31%; }

    .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .title {
      font-size: 1.9em;
      margin: .2em 0;
      color: #000; }

    .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .white-title {
      font-size: 1.9em;
      margin: .2em 0;
      color: #fff; }

    .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
      font-size: 1.2em;
      line-height: 1.4em;
      color: #000; }
    .af-zb-banner.af-zb-dev-banner .banner-block.info-on-right .banner-inner .banner-wrap .banner-info {
      width: 33%;
      left: 55%;
      padding-left: 0; }

@media only screen and (max-width: 1600px) {
  .af-zb-banner .banner-block .banner-inner {
    font-size: 18px; }
    .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .title img {
      max-width: 60%; }
    .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
      font-size: 3.8em; }
    .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-btn, .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-step-btn {
      margin: 1.4em 6px 0 0; } }

@media only screen and (max-width: 1300px) {
  .af-zb-banner .banner-block .banner-inner {
    font-size: 16px; }
    .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .title img {
      max-width: 50%; }
    .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
      font-size: 3.4em; }
  .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner {
    font-size: 14px; } }

@media only screen and (max-width: 1000px) {
  .af-zb-banner .banner-block .banner-inner {
    font-size: 14px; }
  .af-zb-banner.af-zb-dev-banner .banner-block {
    padding-top: 300px; }
    .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner {
      font-size: 12px; }
      .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-img img {
        position: absolute;
        top: 0;
        right: -100%;
        left: -100%;
        height: 100%;
        width: auto;
        margin: auto; }
      .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info {
        width: 40%; }
        .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-btn, .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-step-btn {
          width: 160px;
          height: 45px;
          line-height: 45px; }
          .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-btn span, .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-step-btn span {
            line-height: 47px; }
    .af-zb-banner.af-zb-dev-banner .banner-block.info-on-right .banner-inner .banner-wrap .banner-info {
      width: 40%; } }

@media only screen and (max-width: 800px) {
  .af-zb-banner .banner-block .banner-inner {
    font-size: 14px; }
    .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info {
      width: 50%; }
      .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .title {
        font-size: 2.6em;
        margin: .2em 0; }
        .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .title img {
          width: 60%;
          margin: 0 0 0.2em; }
      .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
        font-size: 2.2em;
        margin: .2em 0; }
        .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .sub-title img {
          width: 100%;
          margin: 0 0 0.2em; }
      .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group {
        text-align: left; }
        .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-btn, .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-step-btn {
          margin: .5em 0 0 0;
          min-width: 9.5em;
          width: 9.5em;
          height: 3em;
          line-height: 3em;
          font-size: 1em; }
          .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-btn span, .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-step-btn span {
            display: block;
            height: 100%;
            vertical-align: middle;
            line-height: 3.2em; }
  .af-zb-banner .banner-block.info-on-top .banner-inner .banner-wrap .banner-info {
    padding-top: 2.6em; }
    .af-zb-banner .banner-block.info-on-top .banner-inner .banner-wrap .banner-info .btn-group {
      text-align: center; }
  .af-zb-banner.af-zb-dev-banner .banner-block {
    padding-top: 300px; }
    .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner {
      font-size: 12px; }
      .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-btn, .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-step-btn {
        font-size: 1.4em; } }

@media only screen and (max-width: 600px) {
  .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .title {
    font-size: 1.8em; }
  .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
    font-size: 1.6em; }
  .af-zb-banner.af-zb-dev-banner .banner-block {
    padding-top: 220px; }
    .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .title {
      font-size: 1.7em; }
    .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
      font-size: 1em; }
    .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-btn, .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-step-btn {
      font-size: 1.2em;
      width: 120px;
      height: 36px; }
      .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-btn span, .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-step-btn span {
        line-height: 36px; } }

@media only screen and (max-width: 480px) {
  .af-zb-banner .banner-block {
    padding-top: 240px; }
    .af-zb-banner .banner-block .banner-inner {
      font-size: 12px; }
      .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-img img {
        position: absolute;
        top: 0;
        right: -100%;
        left: -100%;
        height: 100%;
        width: auto;
        margin: auto; }
      .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info {
        left: 12%; }
        .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-btn, .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-step-btn {
          min-width: 8.5em;
          width: 8.5em;
          height: 2.6em;
          line-height: 2.6em;
          font-size: 1em; }
          .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-btn span, .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .btn-group .af-zb-step-btn span {
            line-height: 2.8em; } }

@media only screen and (max-width: 480px) {
  .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info {
    left: 8%; }
  .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .title {
    font-size: 1.4em; }
  .af-zb-banner.af-zb-dev-banner .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
    font-size: 1em; } }

.af-zb-info-block .info-block-list .info-block {
  padding: .35em; }
  .af-zb-info-block .info-block-list .info-block .block-wrap {
    cursor: pointer; }
    .af-zb-info-block .info-block-list .info-block .block-wrap .block-img img {
      width: 100%;
      height: auto;
      display: block; }
    .af-zb-info-block .info-block-list .info-block .block-wrap .block-info {
      font-weight: 300;
      line-height: 1em;
      position: relative; }
      .af-zb-info-block .info-block-list .info-block .block-wrap .block-info .category {
        font-size: .8em;
        line-height: 1em;
        margin: 5px 0; }
      .af-zb-info-block .info-block-list .info-block .block-wrap .block-info .date {
        font-size: .6em;
        line-height: .9em;
        color: #0094f2; }
      .af-zb-info-block .info-block-list .info-block .block-wrap .block-info .title {
        font-size: 1em;
        line-height: 1.3em;
        margin: .5em 0;
        color: #221815; }
      .af-zb-info-block .info-block-list .info-block .block-wrap .block-info .desp {
        font-size: .7em;
        line-height: 1.4em;
        color: #666666; }

@media only screen and (max-width: 800px) {
  .af-zb-info-block .info-block-list .info-block .block-wrap .block-info .category {
    font-size: 1em;
    line-height: 1.1em; }
  .af-zb-info-block .info-block-list .info-block .block-wrap .block-info .date {
    font-size: .8em;
    line-height: 1em; }
  .af-zb-info-block .info-block-list .info-block .block-wrap .block-info .title {
    font-size: 1.3em;
    line-height: 1.4em; }
  .af-zb-info-block .info-block-list .info-block .block-wrap .block-info .desp {
    font-size: .9em;
    line-height: 1.5em; }
  .af-zb-info-block .info-block-list .info-block .block-wrap .block-info .share .jssocials-share-twitter .jssocials-share-link:after,
  .af-zb-info-block .info-block-list .info-block .block-wrap .block-info .share .jssocials-share-facebook .jssocials-share-link:after {
    font-size: 1.6em; } }

@media only screen and (max-width: 480px) {
  .af-zb-info-block .info-block-list .info-block .block-wrap .block-info .share .jssocials-share-twitter .jssocials-share-link:after,
  .af-zb-info-block .info-block-list .info-block .block-wrap .block-info .share .jssocials-share-facebook .jssocials-share-link:after {
    font-size: 1.4em; } }

.af-zb-info-list .info-inline-list .list-title {
  font-size: 1.5em;
  margin-bottom: 1em; }

.af-zb-info-list .info-inline-list .af-zb-link {
  font-size: .5em;
  margin-left: .5em; }
  .af-zb-info-list .info-inline-list .af-zb-link.af-zb-link-more:after {
    content: ">";
    display: inline-block;
    margin-left: 4px; }

.af-zb-info-list .info-inline-list .info-list {
  padding: .8em 0;
  border-bottom: 1px solid #eaeaea;
  cursor: pointer;
  position: relative; }
  .af-zb-info-list .info-inline-list .info-list .title {
    font-size: .9em;
    line-height: 1.1em;
    color: #222;
    margin: 0 0 .6em; }
  .af-zb-info-list .info-inline-list .info-list .date,
  .af-zb-info-list .info-inline-list .info-list .replies {
    font-size: .65em;
    line-height: .8em;
    color: #999;
    display: inline-block;
    float: left; }
  .af-zb-info-list .info-inline-list .info-list .replies {
    float: right; }
  .af-zb-info-list .info-inline-list .info-list:after {
    content: "";
    display: block;
    clear: both; }
  .af-zb-info-list .info-inline-list .info-list:last-child {
    border-bottom: 0; }
  .af-zb-info-list .info-inline-list .info-list:hover .title {
    color: #0094f2; }

.af-zb-info-list.af-zb-dev-newslist .info-inline-list ul {
  margin: 0; }

.af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list {
  padding: 1.5em 1em 1.5em 0; }
  .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list .list-img {
    width: 140px;
    height: 110px;
    float: left;
    position: relative;
    margin-right: 1em;
    overflow: hidden; }
    .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list .list-img img {
      width: 100%;
      height: auto; }
  .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list .list-info {
    overflow: hidden; }
    .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list .list-info .title {
      font-size: 1.2em;
      line-height: 1.2em;
      font-weight: 600;
      color: #221815;
      word-break: break-all; }
    .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list .list-info .category,
    .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list .list-info .date {
      display: inline-block;
      float: left;
      font-size: .7em;
      line-height: 1em;
      margin-bottom: 1em; }
    .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list .list-info .category {
      color: #555; }
    .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list .list-info .date {
      color: #0094f2;
      margin-left: .8em; }
    .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list .list-info .desp {
      display: block;
      width: 100%;
      font-size: .8em;
      line-height: 1.4em;
      color: #666; }
      .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list .list-info .desp:before {
        content: "";
        display: block;
        clear: both; }
  .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list.list-sticky {
    background: #f4f4f4;
    border-bottom: 0;
    margin-left: -1em;
    padding-left: 1em; }
    .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list.list-sticky .sticky {
      position: absolute;
      top: 1em;
      right: 1.2em;
      text-transform: uppercase;
      font-size: .7em; }
      .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list.list-sticky .sticky:after {
        display: inline-block;
        content: "\e917";
        font-family: "icomoon";
        color: #0094f2;
        margin-left: .3em; }
  .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list:last-child {
    border-bottom: 1px solid #eaeaea; }

.af-zb-info-list.af-zb-dev-latest-newslist .info-inline-list .info-list, .af-zb-info-list.af-zb-dev-pop-newslist .info-inline-list .info-list {
  border: 0;
  padding: .6em 0; }
  .af-zb-info-list.af-zb-dev-latest-newslist .info-inline-list .info-list .title, .af-zb-info-list.af-zb-dev-pop-newslist .info-inline-list .info-list .title {
    font-size: .8em;
    color: #222; }
  .af-zb-info-list.af-zb-dev-latest-newslist .info-inline-list .info-list .date, .af-zb-info-list.af-zb-dev-pop-newslist .info-inline-list .info-list .date {
    font-size: .6em;
    color: #0094f2; }

@media only screen and (max-width: 800px) {
  .af-zb-info-list .info-inline-list .list-title {
    font-size: 2.2em;
    margin-bottom: .2em; }
  .af-zb-info-list .info-inline-list .info-list {
    padding: 2em 0 1.2em; }
    .af-zb-info-list .info-inline-list .info-list .title {
      font-size: 1.3em;
      line-height: 1.2em; }
    .af-zb-info-list .info-inline-list .info-list .date, .af-zb-info-list .info-inline-list .info-list .replies {
      font-size: 1em; }
    .af-zb-info-list .info-inline-list .info-list:last-child {
      border-bottom: 1px solid #eaeaea; }
  .af-zb-info-list.af-zb-dev-newslist .info-inline-list {
    padding: 0 1em 1em; }
    .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list .list-img {
      width: 7em; }
    .af-zb-info-list.af-zb-dev-newslist .info-inline-list .info-list.list-sticky {
      margin: 0 -1em;
      padding: 2.2em 1em 1em; }
  .af-zb-info-list.af-zb-rel-list .info-inline-list .info-list {
    padding: 1.2em 0; } }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  position: relative;
  width: 100%; }
  body .af-zb-wrapper {
    max-width: none; }
    body .af-zb-wrapper:after {
      content: "";
      display: block;
      background: transparent;
      position: absolute;
      width: 100%;
      height: 0;
      top: 0;
      background: transparent;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0) \9";
      filter: alpha(opacity=0); }
  body.overlay .af-zb-wrapper:after {
    background: #000;
    height: 100%;
    opacity: 0.2;
    z-index: 4;
    top: 0; }
  body.content-overlay .af-zb-wrapper {
    overflow: hidden;
    position: fixed; }
    body.content-overlay .af-zb-wrapper:after {
      background: #000;
      height: 100%;
      opacity: 0.2;
      z-index: 4;
      top: 60px; }
  body .gotop {
    display: none; }

.full-colorbox .af-zb-wrapper {
  filter: blur(2px);
  -webkit-filter: blur(2px); }

.full-colorbox #cboxOverlay {
  opacity: 0.5 !important; }

@media only screen and (max-width: 800px) {
  body {
    max-width: 100%; }
    body.overlay {
      overflow: hidden;
      position: fixed; }
    body.fixed {
      overflow: hidden;
      position: fixed; }
    body .gotop {
      display: block; } }

@media only screen and (max-width: 480px) {
  body.content-overlay .af-zb-wrapper:after {
    top: 50px; } }

.af-zb-wrapper {
  width: 100%;
  position: relative;
  font-size: 20px; }
  .af-zb-wrapper .main-inner {
    position: relative;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto; }
  .af-zb-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .af-zb-wrapper .af-zb-hide {
    display: none; }

@media only screen and (max-width: 1600px) {
  .af-zb-wrapper .main-inner {
    padding: 0 3em; } }

/** ------ Header ------ **/
body.searching {
  overflow: hidden; }
  body.searching .af-zb-wrapper:after {
    background: #000;
    height: 100%;
    opacity: 0.5;
    z-index: 2;
    top: 125px;
    background: transparent \9; }

.header {
  display: block;
  background: #fff;
  height: 60px;
  max-height: 60px;
  position: relative;
  z-index: 3;
  padding: 0;
  -webkit-transition: padding 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: padding 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: padding 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: padding 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
  .header:after {
    content: "";
    position: absolute;
    height: 3px;
    bottom: -3px;
    width: 100%;
    z-index: -1;
    background: url("../images/top-bar-shadow.png") 0 0 repeat-x; }
  .header .mobile-menu-toggle {
    display: none; }

  .header .nav-bar {
    display: block;
    width: 100%;
    height: 60px;
    text-align: center; }
    .header .nav-bar .main-area {
      display: inline-block;
      margin: 0 auto; }
      .header .nav-bar .main-area .nav-main {
        display: inline-block; }
        .header .nav-bar .main-area .nav-main ul {
          display: inline-block; }
          .header .nav-bar .main-area .nav-main ul li {
            display: inline-block;
            line-height: 60px;
            margin: 0 28px;
            position: relative; }
            .header .nav-bar .main-area .nav-main ul li a {
              font-size: 15px;
              font-weight: 500;
              color: #222; }
      .header .nav-bar .main-area .nav-sub {
        display: none; }
    .header .nav-bar .sub-area {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      height: 100%; }
      .header .nav-bar .sub-area .nav-option ul {
        display: block;
        float: right;
        position: relative; }
        .header .nav-bar .sub-area .nav-option ul li {
          display: inline-block;
          line-height: 60px;
          margin: 0 5px; }
    .header .nav-bar .submenu-area {
      position: absolute;
      top: 61px;
      max-width: 900px;
      max-height: 590px;
      background: #ccc; }
      .header .nav-bar .submenu-area .title {
        display: none; }
      .header .nav-bar .submenu-area a {
        text-decoration: none; }
    .header .nav-bar .nav-option {
      float: left; }
      .header .nav-bar .nav-option .option-item {
        float: left;
        position: relative;
        margin-right: 5px; }
        .header .nav-bar .nav-option .option-item a {
          display: block;
          line-height: 56px; }
      .header .nav-bar .nav-option .sub-block {
        display: none;
        position: absolute;
        padding: 26px 26px 10px;
        width: 300px;
        right: -10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #FFF;
        text-align: center;
        -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); }
      .header .nav-bar .nav-option .member-opt .sub-block .block-info {
        border-bottom: 1px solid #ccc;
        text-align: center;
        padding-bottom: 20px; }
        .header .nav-bar .nav-option .member-opt .sub-block .block-info .title {
          font-size: 16px;
          font-weight: 500;
          color: #1f1f1f;
          line-height: 24px;
          margin-bottom: 5px; }
        .header .nav-bar .nav-option .member-opt .sub-block .block-info .text {
          font-size: 14px;
          color: #828282;
          line-height: 20px; }
      .header .nav-bar .nav-option .member-opt .sub-block .block-menu {
        display: block;
        padding: 10px 0;
        margin: 0 -26px; }
        .header .nav-bar .nav-option .member-opt .sub-block .block-menu ul {
          width: 100%;
          float: initial; }
          .header .nav-bar .nav-option .member-opt .sub-block .block-menu ul li {
            display: block;
            position: relative;
            width: 100%;
            text-align: left;
            line-height: 40px;
            font-size: 14px;
            color: #555;
            padding: 0 26px;
            margin: 0;
            cursor: pointer;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
            .header .nav-bar .nav-option .member-opt .sub-block .block-menu ul li .icon {
              margin-right: 10px;
              color: #777; }
            .header .nav-bar .nav-option .member-opt .sub-block .block-menu ul li .num-circle {
              position: relative;
              float: right;
              width: 1.8em;
              height: 1.8em;
              line-height: 1.8em;
              font-size: .8em; }
      .header .nav-bar .nav-option .member-opt .sub-block .member-center-btn {
        margin: 15px 0 20px;
        background: #0094f2;
        color: #FFF;
        padding: 10px 30px;
        display: inline-block; }
        .header .nav-bar .nav-option .member-opt .sub-block .member-center-btn:hover {
          background: #0074d7; }
      .header .nav-bar .nav-option .member-opt .sub-block .logout {
        display: block;
        font-size: 14px;
        text-transform: capitalize; }
      .header .nav-bar .nav-option .num-circle {
        position: absolute;
        display: inline-block;
        background: #0094f2;
        border-radius: 50%;
        width: 1.6em;
        height: 1.6em;
        color: #fff;
        line-height: 1.6em;
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
        top: .7em;
        right: -0.5em;
        width: 16px \0;
        height: 16px \0;
        line-height: 16px \0;
        font-size: 12px \0;
        right: -4px \0;
        line-height: 16px \0; }
      .header .nav-bar .nav-option .option-item.open .icon {
        color: #0094f2; }
      .header .nav-bar .nav-option .option-item.open .sub-block {
        display: block; }
      .header .nav-bar .nav-option .option-item.open:before, .header .nav-bar .nav-option .option-item.open:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        margin-left: 1px;
        z-index: 1; }
      .header .nav-bar .nav-option .option-item.open:before {
        border-bottom: 10px solid #7b7b7b;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        display: block;
        margin-left: 1px;
        position: absolute;
        bottom: 0px; }
      .header .nav-bar .nav-option .option-item .user-profile {
        padding: 26px 26px 10px;
        width: 290px; }
        .header .nav-bar .nav-option .option-item .user-profile .block-menu ul li a {
          display: block;
          color: #555; }
        .header .nav-bar .nav-option .option-item .user-profile .block-menu ul li:hover {
          background: #f2f2f2; }
        .header .nav-bar .nav-option .option-item .user-profile .user-img {
          width: 84px;
          height: 84px;
          border-radius: 50%;
          margin: 0 auto;
          overflow: hidden; }
          .header .nav-bar .nav-option .option-item .user-profile .user-img img {
            width: 100%;
            height: auto; }
        .header .nav-bar .nav-option .option-item .user-profile .user-name {
          margin: 12px 0;
          color: #4e4e4e;
          font-size: 14px;
          line-height: 1.2; }
        .header .nav-bar .nav-option .option-item .user-profile.not-login {
          padding-top: 10px; }
          .header .nav-bar .nav-option .option-item .user-profile.not-login .btn-signin {
            width: 100%; }
      .header .nav-bar .nav-option .option-item.service-info .sub-block {
        width: 310px; }
        .header .nav-bar .nav-option .option-item.service-info .sub-block .block-menu ul li:hover {
          background: #f2f2f2; }
      .header .nav-bar .nav-option .option-item.search-opt.open:before, .header .nav-bar .nav-option .option-item.search-opt.open:after {
        display: none; }
      .header .nav-bar .nav-option .option-item.shop-info .sub-block {
        padding: 10px 26px 0;
        width: 360px; }
        .header .nav-bar .nav-option .option-item.shop-info .sub-block .block-info {
          border: 0;
          padding-bottom: 36px; }
        .header .nav-bar .nav-option .option-item.shop-info .sub-block .block-bottom {
          display: block;
          background: #eee;
          margin: 0 -26px;
          padding: 2px 0 12px; }
          .header .nav-bar .nav-option .option-item.shop-info .sub-block .block-bottom .title {
            display: block;
            font-size: 12px;
            font-weight: 700;
            color: #3f3f3f;
            line-height: 20px;
            margin-top: 5px; }
          .header .nav-bar .nav-option .option-item.shop-info .sub-block .block-bottom .link {
            display: block;
            font-size: 12px;
            line-height: 20px;
            color: #00a8ff;
            height: 15px; }
        .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-list {
          display: block; }
          .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-list ul {
            display: block;
            float: none; }
            .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-list ul li {
              display: block;
              border-bottom: 1px solid #dedede;
              height: 110px;
              padding: 20px 0;
              line-height: 20px; }
              .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-list ul li .cart-img {
                width: auto;
                height: 100%;
                width: 20%;
                display: inline-block;
                float: left; }
                .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-list ul li .cart-img img {
                  height: auto;
                  width: 100%; }
              .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-list ul li .cart-info {
                display: inline-block;
                float: left;
                width: 60%;
                line-height: 20px;
                text-align: left;
                padding: 0 10px; }
                .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-list ul li .cart-info .info-title {
                  font-size: 12px;
                  font-weight: 500;
                  color: #000; }
                .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-list ul li .cart-info .info-color,
                .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-list ul li .cart-info .info-nums {
                  font-size: 12px;
                  color: #585858; }
                .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-list ul li .cart-info .info-nums {
                  float: right; }
              .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-list ul li .cart-price {
                display: inline-block;
                float: left;
                width: 15%;
                font-size: 14px;
                color: #000; }
              .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-list ul li:last-child {
                border: 0;
                padding-bottom: 0; }
        .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count {
          display: block;
          border-top: 1px solid #848484;
          text-align: left;
          line-height: 0;
          padding: 10px 0; }
          .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .discount {
            display: block;
            color: #ff0000;
            font-size: 14px;
            line-height: 22px; }
            .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .discount .title {
              float: left; }
            .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .discount .money {
              float: right;
              font-weight: 500; }
          .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .subtotal {
            color: #000;
            font-size: 16px;
            line-height: 24px; }
            .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .subtotal .title {
              float: left; }
            .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .subtotal .money {
              float: right;
              font-weight: 500; }
          .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .btn-checkout {
            float: right;
            margin: 10px 0 15px;
            width: 140px; }
          .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .discount,
          .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .subtotal,
          .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .btn-group {
            display: block; }
            .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .discount:after,
            .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .subtotal:after,
            .header .nav-bar .nav-option .option-item.shop-info .sub-block .cart-count .btn-group:after {
              content: "";
              display: block;
              clear: both; }
        .header .nav-bar .nav-option .option-item.shop-info .sub-block.is-empty {
          padding: 26px 26px 0; }
      .header .nav-bar .nav-option .option-item.no-value:before, .header .nav-bar .nav-option .option-item.no-value:after {
        content: none; }
  .header .search-bar {
    position: relative;
    display: block;
    opacity: 0;
    height: 0;
    max-height: 0;
    margin-top: 12px;
    overflow: hidden; }
    .header .search-bar:after {
      content: "";
      display: block;
      clear: both; }
    .header .search-bar:before {
      content: "\e913";
      font-family: "icomoon";
      font-size: 1.2em;
      position: absolute;
      width: 35px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      left: 0;
      top: 0; }
    .header .search-bar .search-input {
      width: 97%;
      height: 35px;
      display: inline-block;
      float: left;
      border: 1px solid #d5d5d5;
      outline: none;
      font-size: 1em;
      padding: 4px 8px 4px 35px; }
    .header .search-bar .search-bar-close {
      width: 3%;
      height: 35px;
      display: inline-block;
      vertical-align: top; }
    .header .search-bar .search-tags {
      display: inline-block;
      position: absolute;
      right: 3%;
      height: 35px;
      line-height: 35px;
      padding-right: 10px; }
      .header .search-bar .search-tags .searchtag {
        border-radius: 3px;
        font-size: 12px;
        color: #0094f2;
        background: #ededed;
        padding: 2px 8px;
        margin-left: 3px;
        cursor: pointer; }
    .header .search-bar .search-auto-comp {
      display: none;
      position: absolute;
      width: 97%;
      top: 48px;
      background: #fff;
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); }
      .header .search-bar .search-auto-comp ul li {
        height: 70px;
        cursor: pointer; }
        .header .search-bar .search-auto-comp ul li .product-img {
          width: 70px;
          height: 100%;
          padding: 10px;
          float: left;
          overflow: hidden; }
          .header .search-bar .search-auto-comp ul li .product-img img {
            width: 100%;
            height: auto; }
        .header .search-bar .search-auto-comp ul li .product-info {
          line-height: 70px;
          color: #777; }
          .header .search-bar .search-auto-comp ul li .product-info .key {
            display: inline-block;
            font-weight: 500;
            color: #000; }
        .header .search-bar .search-auto-comp ul li:hover {
          background: #f2f2f2; }
  .header.open {
    height: 125px;
    max-height: 125px;
    padding-right: 17px; }
    .header.open .search-bar {
      position: relative;
      display: block;
      height: 35px;
      max-height: 35px;
      opacity: 1; }
      .header.open .search-bar.active {
        overflow: hidden; }
        .header.open .search-bar.active .search-auto-comp {
          display: block; }

@media only screen and (max-width: 1600px) {
  .header .logo {
    left: 20px;
    width: 210px; }
  .header .nav-bar .sub-area {
    right: 20px; } }

@media only screen and (max-width: 1100px) {
  .header .logo {
    width: 180px; }
  .header .nav-bar .main-area .nav-main ul li {
    margin: 0 1em; } }

@media only screen and (max-width: 1000px) {
  .header .logo {
    width: 150px; }
  .header .nav-bar .main-area .nav-main ul li {
    margin: 0 .8em; } }

@media only screen and (max-width: 1000px) {
  body.searching {
    overflow: hidden;
    position: fixed; }
  .af-zb-wrapper .main-inner {
    padding: 0 20px; }
  .header .search-bar {
    width: 100%;
    margin-top: .5em; }
    .header .search-bar:before {
      height: 2.5em;
        height-line-height: 2.5em; }
    .header .search-bar .search-input {
      height: 2.5em;
      width: 92%; }
    .header .search-bar .search-bar-close {
      height: auto; }
  .header.open {
    padding: 0; }
    .header.open .search-bar {
      height: 3em;
      max-height: 3em; }
  .header .logo {
    right: 0;
    margin: 0 auto; }
  .header .mobile-menu-toggle {
    position: absolute;
    display: inline-block;
    width: 60px;
    height: 100%;
    top: 0;
    left: 0; }
    .header .mobile-menu-toggle .icon {
      font-size: 20px;
      vertical-align: middle;
      text-align: center;
      width: 60px;
      height: 100%;
      line-height: 60px; }
  .header .nav-bar {
    font-size: 14px; }
    .header .nav-bar .main-area {
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 100vh;
      overflow: hidden;
      background: #fff;
      z-index: 4;
      left: -100% \9;
      opacity: 0;
      -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
      .header .nav-bar .main-area.open {
        position: fixed;
        overflow-y: scroll;
        opacity: 1;
        width: 100%;
        height: 100vh;
        left: 0 \9; }
      .header .nav-bar .main-area .nav-main {
        display: block;
        padding-bottom: 4em; }
        .header .nav-bar .main-area .nav-main .nav-top {
          height: 3.8em;
          background: #f5f5f5;
          overflow: hidden;
          position: relative; }
          .header .nav-bar .main-area .nav-main .nav-top .nav-main-close {
            height: 100%;
            margin-left: 1.6em;
            position: absolute;
            left: 0; }
            .header .nav-bar .main-area .nav-main .nav-top .nav-main-close:after {
              content: "\e909";
              font-family: "icomoon";
              font-size: 1.2em;
              line-height: 3.3em;
              color: #777;
              height: 100%;
              display: block; }
        .header .nav-bar .main-area .nav-main ul {
          display: block;
          width: 100%;
          position: relative; }
          .header .nav-bar .main-area .nav-main ul > li {
            display: block;
            position: relative;
            width: 100%;
            line-height: 4em;
            margin: 0;
            padding: 0 1.6em;
            max-height: 4.2em;
            overflow: hidden;
            -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
            .header .nav-bar .main-area .nav-main ul > li a {
              display: block;
              width: 100%;
              text-align: left;
              color: #333;
              border-bottom: 1px solid #dadada;
              font-size: 1.2em;
              line-height: 3.4em; }
            .header .nav-bar .main-area .nav-main ul > li.has-submenu > a:after {
              content: "\e926";
              font-family: "icomoon";
              font-size: 1em;
              height: 3.5em;
              display: inline-block;
              position: absolute;
              right: 1.4em; }
            .header .nav-bar .main-area .nav-main ul > li.has-submenu.active {
              max-height: 100em; }
              .header .nav-bar .main-area .nav-main ul > li.has-submenu.active > a:after {
                content: "\e91d"; }
      .header .nav-bar .main-area .nav-sub {
        display: block;
        margin-bottom: 1.6em; }
        .header .nav-bar .main-area .nav-sub ul li {
          display: block;
          padding: 0; }
          .header .nav-bar .main-area .nav-sub ul li a {
            border-bottom: 0;
            color: #6e6e6e; }
    .header .nav-bar .nav-option .option-item.member-opt .sub-block .block-menu ul li {
      font-size: 1.3em;
      line-height: 2em;
      padding: .25em 26px; }
      .header .nav-bar .nav-option .option-item.member-opt .sub-block .block-menu ul li .icon {
        width: auto;
        height: 100%;
        font-size: 1.4em;
        margin-right: .5em; }
      .header .nav-bar .nav-option .option-item.member-opt .sub-block .block-menu ul li .num-circle {
        top: .5em;
        right: 0; }
    .header .nav-bar .nav-option .option-item.member-opt.open:before {
      display: none; }
    .header .nav-bar .nav-option .option-item .user-profile {
      position: fixed;
      top: 0;
      right: 0;
      width: 100%;
      height: 100vh;
      padding-top: 40px;
      padding: 4em 2.5em; }
      .header .nav-bar .nav-option .option-item .user-profile .member-nav-close {
        position: absolute;
        width: auto;
        height: auto;
        top: 0;
        right: 15px; }
        .header .nav-bar .nav-option .option-item .user-profile .member-nav-close:before {
          content: "\e91a";
          font-family: "icomoon";
          font-size: 2.4em;
          color: #777; }
      .header .nav-bar .nav-option .option-item .user-profile .user-img {
        width: 100px;
        height: 100px; }
      .header .nav-bar .nav-option .option-item .user-profile .user-name {
        font-size: 1.4em; } }

@media only screen and (max-width: 600px) {
  .header .nav-bar {
    font-size: 12px; } }

@media only screen and (max-width: 480px) {
  body.searching .af-zb-wrapper:after {
    top: 8em; }
  .af-zb-layout {
    font-size: 14px; }
  .header {
    height: 50px;
    line-height: 50px; }
    .header.open {
      height: 8em;
      max-height: 8em; }
    .header .logo {
      height: 50px; }
    .header .mobile-menu-toggle {
      width: 60px;
      height: 50px; }
      .header .mobile-menu-toggle .icon {
        width: 100%;
        line-height: 50px; }
    .header .nav-bar {
      height: 50px; }
      .header .nav-bar .sub-area .nav-option ul li {
        line-height: 50px; } }

@media only screen and (max-width: 320px) {
  .header .logo {
    width: 130px; }
  .header .mobile-menu-toggle .icon {
    font-size: 16px; }
  .header .nav-bar .nav-option .num-circle {
    font-size: 12px;
    width: 1.2em;
    height: 1.2em;
    top: 8px;
    right: -15%; }
  .header .nav-bar .sub-area .nav-option ul li {
    margin: 0 .2em; }
    .header .nav-bar .sub-area .nav-option ul li .icon {
      font-size: 18px; }
  .header .search-bar .search-input {
    width: 90%; }
  .header .search-bar .search-bar-close {
    width: 10%; } }

/** ------ Footer ------ **/
.footer {
  position: relative;
  display: block;
  background: #f1f1f1;
  border-top: 1px solid #ccc; }
  .footer .footer-block {
    display: block;
    position: relative;
    padding: 1.2em 0 .4em; }
    .footer .footer-block .nav-footer {
      display: inline-block;
      position: absolute;
      padding-top: .4em; }
      .footer .footer-block .nav-footer ul li {
        display: inline-block;
        float: left;
        margin-right: 1.2em; }
        .footer .footer-block .nav-footer ul li a {
          font-size: .8em;
          line-height: 1.5em;
          color: #222; }
          .footer .footer-block .nav-footer ul li a:hover {
            color: #0094f2; }
      .footer .footer-block .nav-footer .lang {
        margin: 2em 0 .4em;
        height: 25px;
        line-height: 25px; }
        .footer .footer-block .nav-footer .lang .icon {
          height: 25px; }
          .footer .footer-block .nav-footer .lang .icon:hover {
            color: initial; }
        .footer .footer-block .nav-footer .lang a {
          font-size: .7em;
          color: #333;
          margin-right: 1em; }
          .footer .footer-block .nav-footer .lang a:hover {
            color: #0094f2; }
          .footer .footer-block .nav-footer .lang a:after {
            content: "\e924";
            position: relative;
            font-family: "icomoon";
            display: inline-block;
            font-size: .6em; }
        .footer .footer-block .nav-footer .lang:before {
          content: "";
          display: block;
          clear: both; }
      .footer .footer-block .nav-footer a {
        position: relative;
        z-index: 1; }
    .footer .footer-block .nav-global {
      position: relative;
      text-align: right;
      top: -.5em;
      right: 15px; }
      .footer .footer-block .nav-global .social-media {
        margin: .4em 0 .6em; }
        .footer .footer-block .nav-global .social-media a {
          margin-left: .4em; }
          .footer .footer-block .nav-global .social-media a .icon {
            font-size: 2em;
            color: #888;
            width: 1em;
            height: 1em; }
      .footer .footer-block .nav-global .rel-link,
      .footer .footer-block .nav-global .copyright {
        display: inline-block; }
        .footer .footer-block .nav-global .rel-link a, .footer .footer-block .nav-global .rel-link span,
        .footer .footer-block .nav-global .copyright a,
        .footer .footer-block .nav-global .copyright span {
          font-size: .7em;
          color: #7d7d7d;
          margin-left: 1.5em;
          z-index: 1; }
          .footer .footer-block .nav-global .rel-link a.full-site, .footer .footer-block .nav-global .rel-link span.full-site,
          .footer .footer-block .nav-global .copyright a.full-site,
          .footer .footer-block .nav-global .copyright span.full-site {
            display: none; }
          .footer .footer-block .nav-global .rel-link a.link-cnnic:before, .footer .footer-block .nav-global .rel-link span.link-cnnic:before,
          .footer .footer-block .nav-global .copyright a.link-cnnic:before,
          .footer .footer-block .nav-global .copyright span.link-cnnic:before {
            content: "";
            display: inline-block;
            position: relative;
            width: 47px;
            height: 20px;
            background: url(../images/icons/icon-cnnic.png) center center no-repeat;
            background-size: 100% auto;
            vertical-align: middle;
            top: -3px; }
          .footer .footer-block .nav-global .rel-link a.link-beian:before, .footer .footer-block .nav-global .rel-link span.link-beian:before,
          .footer .footer-block .nav-global .copyright a.link-beian:before,
          .footer .footer-block .nav-global .copyright span.link-beian:before {
            content: "";
            display: inline-block;
            position: relative;
            width: 20px;
            height: 20px;
            background: url(../images/icons/icon-beian.png) center center no-repeat;
            background-size: cover;
            vertical-align: middle;
            margin-right: 3px;
            top: -3px; }
        .footer .footer-block .nav-global .rel-link a:hover,
        .footer .footer-block .nav-global .copyright a:hover {
          color: #0094f2; }
        .footer .footer-block .nav-global .rel-link span,
        .footer .footer-block .nav-global .copyright span {
          cursor: default; }
      .footer .footer-block .nav-global .rel-link {
        margin-right: .5em; }
        .footer .footer-block .nav-global .rel-link a {
          display: inline-block;
          line-height: 1.5em; }
      .footer .footer-block .nav-global:after {
        content: "";
        clear: both;
        display: block; }
    .footer .footer-block:after {
      content: "";
      clear: both;
      display: block; }

@media only screen and (max-width: 1600px) {
  .footer .footer-block .nav-global .copyright a:first-child {
    margin: 0; } }

@media only screen and (max-width: 1200px) {
  .footer .footer-block .nav-global .rel-link,
  .footer .footer-block .nav-global .copyright {
    display: block;
    margin-bottom: .3em;
    margin-right: 0; } }

@media only screen and (max-width: 800px) {
  .footer .main-inner {
    padding: 0; }
  .footer .footer-block .nav-footer {
    display: block;
    position: relative;
    text-align: center;
    margin: 0 auto;
    float: none; }
    .footer .footer-block .nav-footer ul {
      display: inline-block; }
      .footer .footer-block .nav-footer ul li {
        height: 26px;
        line-height: 26px; }
    .footer .footer-block .nav-footer .lang {
      display: inline-block;
      vertical-align: top;
      margin: 0; }
  .footer .footer-block .nav-global {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    float: none;
    text-align: center; }
    .footer .footer-block .nav-global .social-media {
      margin: .5em -20px 1.4em;
      padding-bottom: 1em;
      border-bottom: 1px solid #c7c7c7; }
      .footer .footer-block .nav-global .social-media a {
        margin: 0 .4em; }
        .footer .footer-block .nav-global .social-media a .icon {
          font-size: 2.5em;
          width: 1em;
          height: 1em; }
    .footer .footer-block .nav-global .copyright {
      padding: 1em 0; }
      .footer .footer-block .nav-global .copyright a {
        margin-left: .5em;
        margin-bottom: 1em; }
        .footer .footer-block .nav-global .copyright a.full-site {
          display: inline-block; }
        .footer .footer-block .nav-global .copyright a.active {
          color: #0094f2; }
        .footer .footer-block .nav-global .copyright a:before {
          content: "";
          display: inline-block;
          width: 1px;
          height: 10px;
          padding-left: 1em;
          border-left: 1px solid #ccc; }
        .footer .footer-block .nav-global .copyright a:first-child:before {
          border: 0; }
      .footer .footer-block .nav-global .copyright span:before {
        content: "";
        display: block;
        clear: both; } }

@media only screen and (max-width: 600px) {
  .footer .footer-block .nav-global .social-media a .icon {
    font-size: 3em; } }

.af-zb-intro {
  padding-bottom: 40px; }
  .af-zb-intro.move .af-zb-info-block.offsetTop_1 {
    margin-top: -8%; }

.af-zb-info-block.af-zb-intro-block {
  position: relative; }
  .af-zb-info-block.af-zb-intro-block .intro-block-bg img {
    width: 100%;
    height: auto; }
  .af-zb-info-block.af-zb-intro-block .info-block-list .intro-block {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: absolute;
    top: 15%;
    left: 0;
    right: 0; }
  .af-zb-info-block.af-zb-intro-block .info-block-list .info-block {
    text-align: center;
    z-index: 2;
    padding: 0 0 20px;
    color: #fff;
    width: 50%;
    margin: 0 auto;
    font-weight: 300; }
    .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-wrap {
      cursor: default; }
    .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-img .icon {
      width: 1em;
      height: 1em;
      margin: 0;
      color: #fff;
      font-size: 2.8em; }
    .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-info {
      width: 100%;
      margin: 0 auto;
      height: 5em;
      overflow: hidden;
      background: transparent; }
      .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-info .title {
        font-size: 1.4em;
        line-height: 1.1em;
        margin: .4em 0;
        font-weight: 300;
        color: #fff; }
    .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .af-zb-btn, .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .af-zb-step-btn {
      color: rgba(0, 0, 0, 0.4);
      text-transform: uppercase; }

@media only screen and (max-width: 1700px) {
  .af-zb-intro .af-zb-container {
    padding: 0 3em; } }

@media only screen and (max-width: 1300px) {
  .af-zb-intro.move .af-zb-info-block.offsetTop_1 {
    margin-top: -5%; } }

@media only screen and (max-width: 1100px) {
  .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-info {
    height: 4em; }
    .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-info .title {
      font-size: 1.2em; } }

@media only screen and (max-width: 800px) {
  .af-zb-info-block.af-zb-intro-block .intro-block-bg {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    overflow: hidden; }
    .af-zb-info-block.af-zb-intro-block .intro-block-bg img {
      position: absolute;
      top: 0;
      right: -100%;
      left: -100%;
      height: 100%;
      width: auto;
      margin: auto; }
  .af-zb-info-block.af-zb-intro-block .info-block-list .intro-block {
    width: 100%;
    height: auto;
    top: 2em; }
  .af-zb-info-block.af-zb-intro-block .info-block-list .info-block {
    width: 100%;
    padding: 0 0 10px;
    position: relative; }
    .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-wrap {
      width: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0; }
      .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-wrap .block-info {
        margin-top: .4em;
        height: 3.4em;
        width: 60%;
        padding: 0 10px; }
        .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-wrap .block-info .title {
          font-size: 1.1em;
          line-height: 1.1em;
          margin: 0; }
      .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-wrap .af-zb-btn, .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-wrap .af-zb-step-btn {
        width: 8.5em;
        min-width: 8.5em;
        height: 2.6em;
        line-height: 2.6em;
        font-size: 1em; }
        .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-wrap .af-zb-btn span, .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-wrap .af-zb-step-btn span {
          line-height: 2.8em; }
  .af-zb-intro {
    padding: 0; }
    .af-zb-intro .af-zb-container {
      padding: 0; }
    .af-zb-intro.move .af-zb-info-block.offsetTop_1 {
      margin: 0; } }

@media only screen and (max-width: 600px) {
  .af-zb-info-block.af-zb-intro-block .intro-block-bg {
    height: 200px; }
  .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-wrap .block-info {
    height: 3em;
    width: 80%; } }

@media only screen and (max-width: 480px) {
  .af-zb-info-block.af-zb-intro-block .info-block-list .info-block .block-wrap .block-info {
    height: 4em; } }

@media only screen and (max-width: 320px) {
  .af-zb-info-block.af-zb-intro-block .intro-block-bg {
    height: 160px; } }

.af-zb-articles.af-zb-info-block {
  position: relative;
  z-index: 1;
  margin-bottom: 3em; }
  .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0); }
    .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap .block-info {
      background: #f5f5f5;
      height: 280px;
      padding: 1.5em; }
      .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap .block-info .share {
        position: absolute;
        right: 1.5em;
        bottom: 1em;
        opacity: 0;
        z-index: 2; }
        .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap .block-info .share.social-share h4 {
          margin: 0; }
        .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap .block-info .share .icon {
          color: #666;
          width: 24px;
          font-size: 20px; }
          .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap .block-info .share .icon:hover {
            color: #0094f2; }
    .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap:hover {
      transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      -o-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      box-shadow: rgba(0, 0, 0, 0.35) 0 4px 16px 0;
      -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 4px 16px 0;
      -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 4px 16px 0; }
      .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap:hover .block-info .share {
        opacity: 1; }
  .af-zb-articles.af-zb-info-block .af-zb-btn, .af-zb-articles.af-zb-info-block .af-zb-step-btn {
    text-transform: uppercase; }
  .af-zb-articles.af-zb-info-block.offsetTop_1 {
    margin-top: 0; }

@media only screen and (max-width: 1300px) {
  .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap .block-info {
    height: 250px; } }

@media only screen and (max-width: 800px) {
  .af-zb-info-block.af-zb-articles .info-block-list {
    margin: .1em -0.2em 0; }
    .af-zb-info-block.af-zb-articles .info-block-list .info-block {
      padding: .2em; }
      .af-zb-info-block.af-zb-articles .info-block-list .info-block .block-wrap .block-info {
        padding: 15px 15px 2em;
        height: 17em; }
        .af-zb-info-block.af-zb-articles .info-block-list .info-block .block-wrap .block-info .share {
          opacity: 1; }
          .af-zb-info-block.af-zb-articles .info-block-list .info-block .block-wrap .block-info .share .icon {
            font-size: 1.3em;
            width: 1.2em;
            height: 1.2em; }
      .af-zb-info-block.af-zb-articles .info-block-list .info-block .block-wrap:hover {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0); } }

@media only screen and (max-width: 480px) {
  .af-zb-info-block.af-zb-articles .info-block-list .info-block .block-wrap .block-info {
    height: 19em; } }

@media only screen and (max-width: 320px) {
  .af-zb-info-block.af-zb-articles .info-block-list .info-block .block-wrap .block-info {
    height: 20em; } }

.af-zb-subscribe-block.af-zb-info-block {
  min-height: 600px; }
  .af-zb-subscribe-block.af-zb-info-block .info-block-list .info-block {
    width: 60%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 4em 0 0; }
    .af-zb-subscribe-block.af-zb-info-block .info-block-list .info-block .block-img {
      margin: .5em 0 1.5em; }
      .af-zb-subscribe-block.af-zb-info-block .info-block-list .info-block .block-img .icon {
        width: 2.5em;
        height: 2.5em; }
        .af-zb-subscribe-block.af-zb-info-block .info-block-list .info-block .block-img .icon:before {
          font-size: 2.4em;
          background: -webkit-linear-gradient(left, #008be4, #00ccff);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          color: #00ccff; }
    .af-zb-subscribe-block.af-zb-info-block .info-block-list .info-block .block-info .title {
      font-size: 2.4em;
      line-height: 1em;
      color: #222; }
    .af-zb-subscribe-block.af-zb-info-block .info-block-list .info-block .block-info .desp {
      font-size: .9em;
      color: #000;
      margin: 1em 0 2.5em; }
    .af-zb-subscribe-block.af-zb-info-block .info-block-list .info-block .block-confirm {
      width: 320px;
      margin: .5em auto 1em;
      text-align: left; }
      .af-zb-subscribe-block.af-zb-info-block .info-block-list .info-block .block-confirm .checker {
        margin: 1em 0; }
    .af-zb-subscribe-block.af-zb-info-block .info-block-list .info-block .btn-group {
      margin: 2em 0; }

@media only screen and (max-width: 800px) {
  .af-zb-info-block.af-zb-subscribe-block .info-block-list .info-block {
    width: 100%; }
    .af-zb-info-block.af-zb-subscribe-block .info-block-list .info-block .block-info .title {
      font-size: 1.8em; }
    .af-zb-info-block.af-zb-subscribe-block .info-block-list .info-block .block-info .desp {
      font-size: 1.4em; }
    .af-zb-info-block.af-zb-subscribe-block .info-block-list .info-block .block-confirm {
      width: 420px;
      margin: auto; }
      .af-zb-info-block.af-zb-subscribe-block .info-block-list .info-block .block-confirm .checker {
        display: block;
        font-size: 1.4em;
        line-height: 2em; } }

@media only screen and (max-width: 480px) {
  .af-zb-info-block.af-zb-subscribe-block .info-block-list .info-block .block-confirm {
    width: 80%; } }

@media only screen and (max-width: 320px) {
  .af-zb-subscribe-block {
    font-size: .9em; } }

.console-step {
  display: block;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e9e9e9;
  padding-top: 30px; }
  .console-step:after {
    content: "";
    display: block;
    clear: both; }
  .console-step .tab-menu {
    padding: 0 20px; }

.console-content .console-flow {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .console-content .console-flow ul {
    display: block;
    width: 2550px;
    min-height: 800px;
    position: absolute;
    left: 0; }
    .console-content .console-flow ul li {
      display: inline-block;
      float: left;
      width: 33.33%;
      padding: 0 20px; }
  .console-content .console-flow:after {
    content: "";
    display: block;
    clear: both; }

.console-content .tab-content h1 {
  font-size: 40px;
  margin: 60px 0 20px; }

.console-content .tab-content .desp {
  font-size: 16px;
  font-weight: lighter;
  color: #555;
  line-height: 24px;
  padding: 6px 0; }

.console-content .tab-content .checker {
  margin: 20px 0 40px;
  font-size: 16px;
  line-height: 24px; }
  .console-content .tab-content .checker .error-msg {
    display: block;
    top: 28px;
    left: 30px;
    margin-left: 0; }

.console-content .tab-content .error-msg {
  display: inline-block;
  color: #ff0000;
  margin-left: 10px;
  font-size: 16px; }

.console-content .tab-content form {
  margin-top: 50px; }

.console-content .tab-content .policy-content {
  display: block;
  border: 1px solid #e5e5e5;
  height: 380px;
  max-height: 380px;
  padding: 20px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  color: #555555;
  font-size: 14px;
  line-height: 24px; }
  .console-content .tab-content .policy-content .text-bold {
    font-weight: 600;
    color: #000; }
  .console-content .tab-content .policy-content ul, .console-content .tab-content .policy-content ol {
    padding: 0 0 0 12px;
    margin: .7em 0; }
    .console-content .tab-content .policy-content ul li, .console-content .tab-content .policy-content ol li {
      width: 100%;
      display: list-item;
      margin-bottom: .5em; }
  .console-content .tab-content .policy-content ul {
    list-style-type: disc; }
  .console-content .tab-content .policy-content ol {
    list-style-type: decimal; }
    .console-content .tab-content .policy-content-tw ol > li {
      list-style-type: cjk-ideographic;
      list-style-type: trad-chinese-informal;
      padding-left: 8px;
      margin-left: 12px; }
  
.console-content .tab-content .msg-content {
  margin: 30px 0 50px; }
  .console-content .tab-content .msg-content .desp {
    font-size: 18px;
    color: #000;
    margin: 8px 0; }
  .console-content .tab-content .msg-content textarea {
    border: 1px solid #dadada;
    border-radius: 5px;
    width: 100%;
    height: 220px;
    resize: none; }

.console-content .tab-content .check-content {
  padding-bottom: 30px;
  border-bottom: 1px solid #dadada; }
  .console-content .tab-content .check-content .desp {
    font-size: 18px;
    color: #000;
    margin: 10px 0; }
  .console-content .tab-content .check-content .checker {
    margin: 20px 0; }

.console-content .tab-content .btn-group {
  margin: 20px 0 80px; }
  .console-content .tab-content .btn-group .af-zb-btn, .console-content .tab-content .btn-group .af-zb-step-btn {
    margin: 0 8px; }
    .console-content .tab-content .btn-group .af-zb-btn:last-child, .console-content .tab-content .btn-group .af-zb-step-btn:last-child {
      margin-left: 15px; }
    .console-content .tab-content .btn-group .af-zb-btn:first-child, .console-content .tab-content .btn-group .af-zb-step-btn:first-child {
      margin-left: 0; }

@media only screen and (max-width: 800px) {
  .af-zb-dev-console .console-step {
    padding: 1.6em 20px 0; }
    .af-zb-dev-console .console-step .tab-menu {
      padding: 0; }
  .af-zb-dev-console .console-content .tab-content h1 {
    font-size: 1.6em;
    margin: 1.2em 0 .4em; }
  .af-zb-dev-console .console-content .tab-content form {
    margin-top: 2.2em; }
  .af-zb-dev-console .console-content .tab-content .desp {
    font-size: .7em;
    line-height: 1.4em; }
  .af-zb-dev-console .console-content .tab-content .policy-content {
    height: 30vh;
    padding: 1em;
    font-size: 1.1em; }
  .af-zb-dev-console .console-content .tab-content .msg-content {
    margin: .5em 0 1.5em; }
  .af-zb-dev-console .console-content .tab-content .error-msg {
    font-size: .8em; } }

@media only screen and (max-width: 600px) {
  .af-zb-dev-console .console-content .tab-content .checker {
    font-size: 1em;
    line-height: 1.4em;
    vertical-align: top; }
    .af-zb-dev-console .console-content .tab-content .checker [type="checkbox"]:not(:checked) + label:before,
    .af-zb-dev-console .console-content .tab-content .checker [type="checkbox"]:checked + label:before,
    .af-zb-dev-console .console-content .tab-content .checker [type="checkbox"]:not(:checked) + label:after,
    .af-zb-dev-console .console-content .tab-content .checker [type="checkbox"]:checked + label:after {
      width: 14px;
      height: 14px; }
    .af-zb-dev-console .console-content .tab-content .checker [type="checkbox"]:not(:checked) + label:after,
    .af-zb-dev-console .console-content .tab-content .checker [type="checkbox"]:checked + label:after {
      width: 14px;
      height: 14px; }
    .af-zb-dev-console .console-content .tab-content .checker [type="checkbox"]:checked + label,
    .af-zb-dev-console .console-content .tab-content .checker [type="checkbox"]:not(:checked) + label {
      font-size: 1em;
      line-height: 1.4em;
      padding-left: 2em; } }

@media only screen and (max-width: 320px) {
  .af-zb-dev-console {
    font-size: .9em; }
    .af-zb-dev-console .console-content .tab-content .btn-group .af-zb-btn, .af-zb-dev-console .console-content .tab-content .btn-group .af-zb-step-btn {
      width: 100px;
      min-width: 100px;
      height: 35px;
      vertical-align: top; }
      .af-zb-dev-console .console-content .tab-content .btn-group .af-zb-btn span, .af-zb-dev-console .console-content .tab-content .btn-group .af-zb-step-btn span {
        line-height: 35px; }
      .af-zb-dev-console .console-content .tab-content .btn-group .af-zb-btn.af-zb-btn-b, .af-zb-dev-console .console-content .tab-content .btn-group .af-zb-btn-b.af-zb-step-btn {
        height: 35px; } }

.subnav {
  display: block;
  position: absolute;
  width: 340px;
  top: 0;
  right: 0;
  z-index: 5;
  text-align: left;
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform-origin: top right;
  box-shadow: rgba(0, 0, 0, 0.4) 0 5px 20px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 5px 20px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 5px 20px 0;
  display: none \9; }
  .subnav.open {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    display: block \9; }
  .subnav.subnav-time {
    width: 480px; }
  .subnav .nav-title {
    height: 50px;
    line-height: 50px;
    background: #f5f5f5;
    padding: 0 25px; }
  .subnav .nav-close {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 50px; }
    .subnav .nav-close:after {
      content: "\e91a";
      font-family: "icomoon";
      font-size: 1.6em;
      width: 18px;
      height: 18px;
      color: #777; }
  .subnav ul {
    background: #fff; }
    .subnav ul li {
      position: relative;
      height: 60px;
      line-height: 60px;
      font-size: 18px;
      border-bottom: 1px solid #e9e9e9;
      padding: 0 25px; }
      .subnav ul li:last-child {
        border: 0; }
      .subnav ul li .icon {
        width: 30px;
        height: 60px;
        margin-right: 20px;
        font-size: 1.7em;
        line-height: 60px;
        color: #808080; }
      .subnav ul li .switcher {
        position: absolute;
        right: 20px;
        top: 18px;
        bottom: 0;
        margin: 0; }

@media only screen and (max-width: 800px) {
  .subnav.subnav-time {
    max-width: 100%; }
  .subnav .nav-title {
    font-size: 1.4em; }
  .subnav .nav-close {
    right: 20px;
    text-align: right; }
    .subnav .nav-close:after {
      font-size: 1.2em; }
  .subnav.open {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 100vh; }
  .subnav ul li {
    font-size: 1.4em; }
    .subnav ul li:last-child {
      border-bottom: 1px solid #e9e9e9; }
    .subnav ul li .icon {
      margin-right: .8em;
      font-size: 1.6em; } }

.af-zb-calendar {
  width: 480px;
  background: #fff;
  text-align: center; }
  .af-zb-calendar .calendar-y {
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    border-bottom: 1px solid #e9e9e9;
    cursor: default;
    position: relative; }
    .af-zb-calendar .calendar-y .year-prev:after,
    .af-zb-calendar .calendar-y .year-next:after {
      width: 60px;
      height: 60px;
      color: #777;
      display: inline-block;
      position: absolute;
      text-align: center; }
    .af-zb-calendar .calendar-y .year-prev:after {
      content: "\e90e";
      font-family: "icomoon";
      left: 25%; }
    .af-zb-calendar .calendar-y .year-next:after {
      content: "\e90f";
      font-family: "icomoon";
      right: 25%; }
  .af-zb-calendar .calendar-m .month {
    height: 120px;
    position: relative;
    cursor: pointer;
    border: 1px solid #fff;
    background: #008be4;
    background-image: -webkit-linear-gradient(left, #fff, #fff);
    background-image: -moz-linear-gradient(left, #fff, #fff);
    background-image: -ms-linear-gradient(left, #fff, #fff);
    background-image: -o-linear-gradient(left, #fff, #fff);
    background-image: linear-gradient(to right, #fff, #fff); }
    .af-zb-calendar .calendar-m .month span {
      display: block; }
    .af-zb-calendar .calendar-m .month .num {
      height: 80px;
      line-height: 100px;
      font-size: 30px; }
    .af-zb-calendar .calendar-m .month .eng {
      font-size: 14px;
      color: #888; }
    .af-zb-calendar .calendar-m .month:hover, .af-zb-calendar .calendar-m .month.active {
      background: #008be4;
      background-image: -webkit-linear-gradient(left, #0090da, #00caff);
      background-image: -moz-linear-gradient(left, #0090da, #00caff);
      background-image: -ms-linear-gradient(left, #0090da, #00caff);
      background-image: -o-linear-gradient(left, #0090da, #00caff);
      background-image: linear-gradient(to right, #0090da, #00caff); }
      .af-zb-calendar .calendar-m .month:hover .num, .af-zb-calendar .calendar-m .month:hover .eng, .af-zb-calendar .calendar-m .month.active .num, .af-zb-calendar .calendar-m .month.active .eng {
        color: #fff; }
    .af-zb-calendar .calendar-m .month.disabled {
      cursor: default; }
      .af-zb-calendar .calendar-m .month.disabled .num, .af-zb-calendar .calendar-m .month.disabled .eng {
        color: #b1b1b1; }
      .af-zb-calendar .calendar-m .month.disabled:hover {
        background: #008be4;
        background-image: -webkit-linear-gradient(left, #fff, #fff);
        background-image: -moz-linear-gradient(left, #fff, #fff);
        background-image: -ms-linear-gradient(left, #fff, #fff);
        background-image: -o-linear-gradient(left, #fff, #fff);
        background-image: linear-gradient(to right, #fff, #fff);
        background: #fff\9; }
        .af-zb-calendar .calendar-m .month.disabled:hover .num, .af-zb-calendar .calendar-m .month.disabled:hover .eng {
          color: #b1b1b1; }

@media only screen and (max-width: 800px) {
  .af-zb-calendar {
    width: 100%;
    height: 85vh; }
    .af-zb-calendar .calendar-y .year-next:after,
    .af-zb-calendar .calendar-y .year-prev:after {
      font-size: .8em; }
    .af-zb-calendar .calendar-m {
      position: relative;
      height: 100%;
      overflow: hidden;
      display: block; }
      .af-zb-calendar .calendar-m .grids {
        position: relative;
        display: block;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        height: 100%; }
      .af-zb-calendar .calendar-m .month {
        height: 13.5em;
        background: transparent; }
        .af-zb-calendar .calendar-m .month .num {
          font-size: 2.8em;
          height: 3em;
          line-height: 4em; }
        .af-zb-calendar .calendar-m .month .eng {
          font-size: 1.2em; }
        .af-zb-calendar .calendar-m .month:hover {
          background: transparent; }
          .af-zb-calendar .calendar-m .month:hover .num {
            color: #000; }
          .af-zb-calendar .calendar-m .month:hover .eng {
            color: #888; }
        .af-zb-calendar .calendar-m .month.active {
          background: #008be4;
          background-image: -webkit-linear-gradient(left, #0090da, #00caff);
          background-image: -moz-linear-gradient(left, #0090da, #00caff);
          background-image: -ms-linear-gradient(left, #0090da, #00caff);
          background-image: -o-linear-gradient(left, #0090da, #00caff);
          background-image: linear-gradient(to right, #0090da, #00caff); }
          .af-zb-calendar .calendar-m .month.active .num, .af-zb-calendar .calendar-m .month.active .eng {
            color: #fff; } }

@media only screen and (max-width: 600px) {
  .af-zb-calendar .calendar-m .month {
    height: 11em; }
    .af-zb-calendar .calendar-m .month .num {
      font-size: 2em; }
    .af-zb-calendar .calendar-m .month .eng {
      font-size: 1em; } }

@media only screen and (max-width: 480px) {
  .af-zb-calendar .calendar-m .month {
    height: 9em; }
    .af-zb-calendar .calendar-m .month .num {
      font-size: 1.8em;
      height: 3em;
      line-height: 4em; } }

@media only screen and (max-width: 320px) {
  .af-zb-calendar .calendar-m .month {
    height: 8em; }
    .af-zb-calendar .calendar-m .month .num {
      font-size: 1.6em;
      height: 3em;
      line-height: 4em; }
    .af-zb-calendar .calendar-m .month .eng {
      font-size: .6em; } }

.af-zb-page-top {
  width: 100%;
  height: 3.5em;
  background: #f5f5f5;
  overflow: unset; }
  .af-zb-page-top .page-title {
    line-height: 2.5em;
    float: left;
    font-size: 1.5em; }
    .af-zb-page-top .page-title a {
      color: #000; }
  .af-zb-page-top .page-menu {
    float: right; }
    .af-zb-page-top .page-menu ul li {
      position: relative;
      display: inline-block;
      line-height: 70px;
      margin-left: 20px; }
      .af-zb-page-top .page-menu ul li a {
        font-size: 16px;
        color: #222; }
      .af-zb-page-top .page-menu ul li.active>a {
        color: #0094f2; }

@media only screen and (max-width: 1600px) {
  .af-zb-page-top .main-inner {
    padding: 0 20px; } }

@media only screen and (max-width: 800px) {
  .af-zb-page-top .page-menu ul li {
    display: none; }
    .af-zb-page-top .page-menu ul li.active {
      display: inline-block;
      line-height: 3.8em; }
      .af-zb-page-top .page-menu ul li.active.active-mobile {
        display: none; }
    .af-zb-page-top .page-menu ul li.has-submenu:after {
      content: "\e917";
      display: inline-block;
      font-family: "icomoon";
      font-size: 1em;
      color: #0094f2;
      margin-left: .4em; } }

.page-option {
  width: 100%;
  margin: .2em 0 0; }
  .page-option:after {
    content: "";
    display: block;
    clear: both; }
  .page-option .af-zb-link,
  .page-option .filter-option {
    position: relative;
    display: block; }
    .page-option .af-zb-link:after,
    .page-option .filter-option:after {
      content: "";
      display: block;
      clear: both; }
  .page-option .af-zb-link {
    margin: 2em .35em .8em;
    font-size: .8em;
    vertical-align: middle;
    line-height: 1.2em; }
    .page-option .af-zb-link .icon {
      font-size: 1.5em;
      vertical-align: middle; }
  .page-option .filter-option {
    width: 100%;
    margin: .2em 0 1.2em; }
    .page-option .filter-option .sel-option {
      display: inline-block;
      position: relative;
      margin: 0 .5em; }
      .page-option .filter-option .sel-option:last-child {
        margin-right: .35em; }
      .page-option .filter-option .sel-option > a {
        display: inline-block;
        color: #222;
        padding: .2em 20px .2em 0;
        margin: 0 20px;
        font-size: .9em; }
        .page-option .filter-option .sel-option > a:after {
          content: "";
          display: inline-block;
          width: .5em;
          height: .7em;
          margin-left: .6em;
          background: url(../images/icons/icon-narrow.png) center center no-repeat;
          background-size: 100% auto; }
      .page-option .filter-option .sel-option form {
        display: inline-block;
        width: 100%; }
      .page-option .filter-option .sel-option input {
        border-radius: 30px;
        box-shadow: none;
        width: 300px;
        height: 36px;
        padding: 4px 12px 4px 40px;
        outline: none;
        background: #f5f5f5;
        border: 1px solid #f5f5f5;
        font-size: 18px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      .page-option .filter-option .sel-option.sel-search:before {
        content: "\e91b";
        font-family: "icomoon";
        display: inline-block;
        position: absolute;
        font-size: 1em;
        text-align: center;
        line-height: 36px;
        padding-left: 12px; }
      .page-option .filter-option .sel-option:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 16px;
        position: absolute;
        right: 0;
        top: 4px;
        border-right: 1px solid #cfcfcf; }
      .page-option .filter-option .sel-option:last-child:after {
        display: none; }

@media only screen and (max-width: 800px) {
  .page-option {
    margin: .2em 0 1.2em; }
    .page-option .filter-option .sel-option.sel-search {
      width: 100%; }
      .page-option .filter-option .sel-option.sel-search input {
        width: 100%; }
    .page-option .filter-option .sel-option:last-child {
      margin: 0; } }

.page-nav {
  position: relative;
  width: 250px;
  float: left;
  padding-right: 2em; }
  .page-nav .nav-title {
    display: none; }
  .page-nav .nav-content > ul > li {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 42px;
    cursor: default; }
    .page-nav .nav-content > ul > li a {
      color: #000;
      cursor: pointer; }
    .page-nav .nav-content > ul > li.has-sub {
      cursor: pointer; }
    .page-nav .nav-content > ul > li.active > a {
      color: #0094f2; }
    .page-nav .nav-content > ul > li ul {
      margin: 5px 0; }
      .page-nav .nav-content > ul > li ul li {
        font-size: 15px;
        line-height: 25px;
        padding-left: 18px;
        font-weight: normal;
        cursor: pointer;
        position: relative; }
        .page-nav .nav-content > ul > li ul li a {
          color: #444; }
        .page-nav .nav-content > ul > li ul li.has-submenu {
          max-height: 22px;
          overflow: hidden; }
          .page-nav .nav-content > ul > li ul li.has-submenu:before {
            content: "\e91c";
            font-family: "icomoon";
            display: inline-block;
            font-size: 8px;
            position: absolute;
            left: 0; }
          .page-nav .nav-content > ul > li ul li.has-submenu.active {
            max-height: 150px; }
        .page-nav .nav-content > ul > li ul li.active > a {
          color: #0094f2; }
        .page-nav .nav-content > ul > li ul li ul {
          display: block; }
          .page-nav .nav-content > ul > li ul li ul li {
            font-size: 14px;
            line-height: 22px; }
            .page-nav .nav-content > ul > li ul li ul li a {
              color: #777; }
            .page-nav .nav-content > ul > li ul li ul li.active a {
              color: #0094f2; }
  .page-nav.faq-page-nav {
    margin-bottom: 6em; }
    .page-nav.faq-page-nav.open {
      height: 100%; }
    .page-nav.faq-page-nav .nav-content ul {
      margin-bottom: 0; }
      .page-nav.faq-page-nav .nav-content ul li {
        font-size: 1em; }
        .page-nav.faq-page-nav .nav-content ul li a {
          color: #444; }
        .page-nav.faq-page-nav .nav-content ul li.active a {
          color: #0094f2; }
        .page-nav.faq-page-nav .nav-content ul li ul {
          margin: .3em 0; }
          .page-nav.faq-page-nav .nav-content ul li ul li {
            font-size: .8em;
            padding: 0; }
    .page-nav.faq-page-nav .nav-footer {
      border-top: 1px solid #e2e2e2;
      padding: 1.2em 0 1.5em;
      font-size: .8em;
      line-height: 1.2em; }

@media only screen and (max-width: 800px) {
  .page-nav {
    position: fixed;
    top: 60px;
    left: 0;
    width: 80%;
    height: 100vh;
    opacity: 0;
    overflow: hidden;
    transform: translateX(125%);
    -webkit-transform: translateX(125%);
    left: -100% \9;
    padding-right: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
    .page-nav.open {
      background: #fff;
      position: fixed;
      opacity: 1;
      z-index: 5;
      width: 80%;
      height: 100vh;
      transform: translateX(25%);
      -webkit-transform: translateX(25%);
      left: 0 \9; }
    .page-nav .nav-title {
      display: block;
      position: relative;
      background: #f5f5f5;
      height: 3.5em;
      overflow: hidden;
      padding: 0 1.8em; }
      .page-nav .nav-title span {
        line-height: 2.5em;
        float: left;
        font-size: 1.5em; }
      .page-nav .nav-title .nav-close {
        display: inline-block;
        position: absolute;
        right: 1.4em;
        width: 3em;
        height: 100%;
        text-align: right; }
        .page-nav .nav-title .nav-close:after {
          content: "\e916";
          display: inline-block;
          font-family: "icomoon";
          font-size: 1.2em;
          line-height: 3.3em;
          color: #777;
          height: 100%; }
    .page-nav .nav-content {
      height: 80vh;
      overflow-y: scroll; }
      .page-nav .nav-content > ul {
        padding: 1.4em 1.8em;
        margin-bottom: 3em; }
        .page-nav .nav-content > ul > li {
          font-size: 1.4em;
          margin-bottom: 2em; }
          .page-nav .nav-content > ul > li ul li {
            font-size: .9em;
            line-height: 1.7em;
            padding-left: 1.2em; }
            .page-nav .nav-content > ul > li ul li.has-submenu {
              max-height: 1.6em; }
              .page-nav .nav-content > ul > li ul li.has-submenu:before {
                font-size: .7em;
                left: 0em; }
            .page-nav .nav-content > ul > li ul li ul li {
              padding-left: .6em;
              font-size: .9em; }
    .page-nav.faq-page-nav.open {
      overflow-y: hidden; }
    .page-nav.faq-page-nav .nav-content {
      height: 80vh;
      overflow-y: scroll; }
      .page-nav.faq-page-nav .nav-content > ul {
        padding: 1.4em 1.8em; }
        .page-nav.faq-page-nav .nav-content > ul > li {
          font-size: 1.4em;
          margin-bottom: 2em; }
          .page-nav.faq-page-nav .nav-content > ul > li ul li {
            font-size: .9em;
            line-height: 1.7em;
            padding-left: 0; }
    .page-nav.faq-page-nav .nav-footer {
      margin: 0 1.4em;
      font-size: 1.2em; } }

@media only screen and (max-width: 480px) {
  .page-nav {
    top: 50px; }
    .page-nav > ul > li ul li.has-submenu:before {
      font-size: .6em;
      left: 2.2em; } }

.af-zb-page .main-inner {
  overflow: hidden; }

.page-content {
  overflow: hidden;
  padding-left: 2.6em;
  border-left: 1px solid #d0d0d0;
  margin-bottom: 4em;
  /** Prism **/ }
  .page-content .page-index {
    margin-bottom: 2em; }
    .page-content .page-index .icon {
      font-size: .8em;
      line-height: 1.2em; }
  .page-content .slider-list {
    width: 200%;
    display: block;
    position: relative;
    left: 0%; }
    .page-content .slider-list > li {
      width: 50%;
      display: inline-block;
      float: left;
      opacity: 0; }
      .page-content .slider-list > li.active {
        opacity: 1; }
    .page-content .slider-list.move {
      left: -100%; }
      .page-content .slider-list.move li .sub-content {
        display: none; }
      .page-content .slider-list.move li.active .sub-content {
        display: block; }
  .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5 {
    font-family: inherit;
    padding: .4em 0 .2em;
    line-height: 1.1em; }
  .page-content h1 {
    font-size: 2.4em;
    padding-top: 0; }
  .page-content h2 {
    font-size: 2em; }
  .page-content h3 {
    font-size: 1.5em; }
  .page-content p {
    font-size: .9em;
    line-height: 1.7em;
    padding: .5em 0 .8em;
    margin: 0; }
  .page-content img, .page-content iframe {
    max-width: 100%; }
  .page-content dd, .page-content ol, .page-content ul {
    margin: 0;
    margin: 1.5em 0; }
  .page-content ul.ques-list {
    margin-bottom: 3em; }
    .page-content ul.ques-list li {
      list-style: none;
      position: relative;
      font-size: 1.2em;
      line-height: 1.4em;
      padding-left: 2.6em;
      margin-bottom: 1em;
      cursor: pointer; }
      .page-content ul.ques-list li a {
        color: #222; }
        .page-content ul.ques-list li a:hover {
          color: #0094f2; }
      .page-content ul.ques-list li .ques-num {
        color: #999;
        position: absolute;
        left: 0; }
  .page-content ul.slider-list {
    margin: 0; }
  .page-content table, .page-content th, .page-content td {
    border: 1px solid #dedede;
    vertical-align: middle; }
  .page-content .table-block {
    margin-bottom: 40px;
    padding-top: 20px;
    overflow-x: auto;
    width: auto; }
    .page-content .table-block::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.3); }
    .page-content .table-block::-webkit-scrollbar {
      -webkit-appearance: none;
      height: 8px;
      width: 4px; }
    .page-content .table-block table {
      max-width: 100%;
      margin: 0;
      width: none; }
      .page-content .table-block table p {
        border-bottom: 1px solid #e9e9e9; }
      .page-content .table-block table th, .page-content .table-block table td {
        vertical-align: middle; }
      .page-content .table-block table th {
        padding: 18px 30px;
        text-align: left;
        font-size: 16px;
        background: #46b7ff;
        color: #fff; }
      .page-content .table-block table td {
        padding: 14px 28px;
        font-size: 14px;
        line-height: 20px;
        background: #f7f7f7; }
        .page-content .table-block table td.hightlight {
          background: #f4f4f4; }
        .page-content .table-block table td p {
          padding: 4px;
          border: 0; }
  .page-content .content-video {
    margin: 1em 0;
    position: relative;
    cursor: pointer; }
    .page-content .content-video:before {
      content: "";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url(../images/icons/icon-player.png) center center no-repeat; }
  .page-content .code-block {
    margin-bottom: 2em; }
    .page-content .code-block .code-header {
      font-size: 16px;
      height: 60px;
      min-height: 60px;
      height: auto;
      padding: 16px 160px 16px 22px;
      background: #46b7ff;
      position: relative;
      word-wrap: break-word;
      word-break: break-all;
      letter-spacing: 1.3px; }
      .page-content .code-block .code-header a {
        color: #fff; }
      .page-content .code-block .code-header .af-zb-btn, .page-content .code-block .code-header .af-zb-step-btn {
        font-size: 14px;
        letter-spacing: 0.7px;
        padding: 0 16px;
        height: 28px;
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 16px; }
        .page-content .code-block .code-header .af-zb-btn span, .page-content .code-block .code-header .af-zb-step-btn span {
          line-height: 28px; }
  .page-content code[class*="language-"],
  .page-content pre[class*="language-"] {
    font-size: 14px;
    letter-spacing: 0.8px;
    line-height: 22px;
    color: #222; }
  .page-content pre {
    overflow: auto; }
    .page-content pre.prettyprint {
      background: #f7f7f7;
      border: 0;
      padding: 20px 26px;
      overflow: auto; }
      .page-content pre.prettyprint::-webkit-scrollbar {
        height: 8px;
        width: 4px; }
      .page-content pre.prettyprint .com {
        color: #d60000; }
      .page-content pre.prettyprint .typ {
        color: #7a00e1; }
      .page-content pre.prettyprint .kwd {
        color: #008be4; }
      .page-content pre.prettyprint .pun, .page-content pre.prettyprint .opn, .page-content pre.prettyprint .clo {
        color: #000; }
      .page-content pre.prettyprint.inline-block {
        background: #f7f7f7;
        border: 0;
        padding: 16px 26px;
        margin: 3px 0 7px; }
  .page-content pre::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.26); }

@media only screen and (max-width: 800px) {
  .page-content {
    border-left: 0;
    padding-left: 0; } }

.page-footer {
  display: block;
  width: 100%; }
  .page-footer:before {
    content: "";
    display: block;
    clear: both; }

.doc-content {
  /** Prism **/ }
  .doc-content h1 {
    font-size: 48px;
    margin-bottom: 10px; }
  .doc-content h2, .doc-content h3 {
    font-size: 30px;
    color: #222;
    margin: 45px 0 9px; }
  .doc-content h3 {
    font-size: 24px; }
  .doc-content p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8em;
    letter-spacing: 0.7px;
    color: #222;
    padding: 12px 0; }
  .doc-content strong {
    font-weight: 600; }
  .doc-content dd, .doc-content ol, .doc-content ul {
    margin: 0;
    padding-left: 20px;
    margin: 10px 0 30px; }
    .doc-content dd li, .doc-content ol li, .doc-content ul li {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 5px;
      letter-spacing: .08px; }
      .doc-content dd li p.list-title, .doc-content ol li p.list-title, .doc-content ul li p.list-title {
        padding: 0;
        font-size: 16px; }
  .doc-content ul {
    list-style: disc outside; }
  .doc-content ol li {
    list-style: decimal; }
  .doc-content ul li {
    list-style: disc; }
  .doc-content .note {
    font-size: 14px;
    font-weight: 600;
    padding: 16px 15px 16px 74px;
    background: #dbf1ff;
    position: relative;
    border-radius: 4px;
    font-weight: 500;
    line-height: 1.8em;
    letter-spacing: 0.7px;
    color: #222; }
    .doc-content .note strong {
      position: absolute;
      left: 36px; }
    .doc-content .note:before {
      content: "\e917";
      font-family: "icomoon";
      display: inline-block;
      font-size: 14px;
      position: absolute;
      top: 16px;
      left: 18px; }
    .doc-content .note p {
      padding: 0;
      font-size: 14px; }
  .doc-content .code-block {
    margin-bottom: 40px; }
    .doc-content .code-block .code-header {
      font-size: 16px;
      height: 60px;
      min-height: 60px;
      height: auto;
      padding: 16px 160px 16px 22px;
      background: #46b7ff;
      position: relative;
      word-wrap: break-word;
      word-break: break-all;
      letter-spacing: 1.3px; }
      .doc-content .code-block .code-header a {
        color: #fff; }
      .doc-content .code-block .code-header .af-zb-btn, .doc-content .code-block .code-header .af-zb-step-btn {
        font-size: 14px;
        letter-spacing: 0.7px;
        padding: 0 16px;
        height: 28px;
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 16px; }
        .doc-content .code-block .code-header .af-zb-btn span, .doc-content .code-block .code-header .af-zb-step-btn span {
          line-height: 28px; }

@media only screen and (max-width: 800px) {
  .doc-content h1 {
    font-size: 2.2em; }
  .doc-content h2 {
    font-size: 1.7em; }
  .doc-content p {
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.4em; }
  .doc-content dd li p.list-title, .doc-content ol li p.list-title, .doc-content ul li p.list-title {
    font-size: 1.2em; }
  .doc-content .table-block {
    overflow-x: scroll; }
    .doc-content .table-block table {
      max-width: none; }
      .doc-content .table-block table th, .doc-content .table-block table td {
        padding: 0.8em 1.2em;
        font-size: 1.2em;
        vertical-align: middle; }
  .doc-content code[class*="language-"],
  .doc-content pre[class*="language-"] {
    font-size: 1.2em;
    font-weight: 500;
    overflow-x: scroll; }
  .doc-content pre.prettyprint {
    overflow-x: scroll; }
  .doc-content .note {
    font-size: 1.2em;
    padding: 1em 1.2em 1em 4.8em; }
    .doc-content .note strong {
      left: 2em; }
    .doc-content .note:before {
      font-size: .9em;
      top: 1.1em;
      left: 1.1em; }
  .doc-content .code-block .code-header {
    min-height: 60px;
    height: auto;
    padding: 1em 170px 1em 1.4em;
    font-size: 1.2em;
    line-height: 1.4em;
    word-wrap: break-word;
    word-break: break-all;
    letter-spacing: .08em; }
    .doc-content .code-block .code-header .af-zb-btn, .doc-content .code-block .code-header .af-zb-step-btn {
      font-size: .75em; }
  .doc-content .code-block .code-cont {
    padding: 1.5em 1.5em 0;
    background: #f7f7f7; }
    .doc-content .code-block .code-cont pre.prettyprint {
      padding: 0 0 1.5em; } }

.dropdown-toggle {
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin: 0 1em 0 0;
  vertical-align: bottom; }
  .dropdown-toggle.dropdown-ver .dropdown-block {
    top: 1.3em; }
  .dropdown-toggle.dropdown-note {
    vertical-align: middle;
    font-size: .85em; }
    .dropdown-toggle.dropdown-note .dropdown-block {
      top: 1.6em;
      width: 160px; }
  .dropdown-toggle.dropdown-name .dropdown-block {
    min-width: 200px; }
  .dropdown-toggle .dropdown-opt {
    display: inline-block;
    position: relative; }
    .dropdown-toggle .dropdown-opt:after {
      content: "\e90b";
      font-family: "icomoon";
      display: inline-block;
      font-size: .6em;
      position: relative;
      margin-left: .6em;
      transform: scale(0.8); }
  .dropdown-toggle .dropdown-block {
    display: none;
    position: absolute;
    width: 100%;
    top: 1.8em;
    left: 1px;
    background: #fff; }
    .dropdown-toggle .dropdown-block .dropdown-title {
      display: none; }
    .dropdown-toggle .dropdown-block ul {
      width: 100%;
      min-width: 85px;
      padding: 10px 0;
      background: #fff;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); }
      .dropdown-toggle .dropdown-block ul li {
        display: block;
        position: relative;
        width: 100%;
        text-align: left;
        line-height: 40px;
        font-size: 14px;
        color: #555;
        padding: 0 26px;
        margin: 0;
        cursor: pointer; }
        .dropdown-toggle .dropdown-block ul li a {
          display: block;
          color: #555; }
        .dropdown-toggle .dropdown-block ul li:hover {
          background: #f2f2f2; }
  .dropdown-toggle.open {
    -webkit-tap-highlight-color: transparent; }
    .dropdown-toggle.open .dropdown-block {
      display: block;
      z-index: 3; }

@media only screen and (max-width: 800px) {
  .dropdown-toggle .dropdown-block {
    display: block;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform-origin: top center;
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
  .dropdown-toggle.open .dropdown-block {
    position: fixed;
    background: #fff;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 3;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    display: block \9; }
    .dropdown-toggle.open .dropdown-block .dropdown-title {
      display: block;
      position: relative;
      background: #f5f5f5;
      height: 60px;
      overflow: hidden;
      padding: 0 1.8em; }
      .dropdown-toggle.open .dropdown-block .dropdown-title span {
        line-height: 60px;
        float: left;
        font-size: 1.5em;
        color: #555; }
      .dropdown-toggle.open .dropdown-block .dropdown-title .dropdown-close {
        display: inline-block;
        position: absolute;
        right: 1.4em;
        width: 3em;
        height: 100%;
        text-align: right; }
        .dropdown-toggle.open .dropdown-block .dropdown-title .dropdown-close:after {
          content: "\e900";
          display: inline-block;
          font-family: "icomoon";
          font-size: 1.2em;
          line-height: 60px;
          color: #777;
          height: 100%; }
    .dropdown-toggle.open .dropdown-block ul {
      box-shadow: none;
      padding: 4em 1.8em; }
      .dropdown-toggle.open .dropdown-block ul li {
        font-size: 1.3em;
        padding: .9em 0 .5em;
        border-bottom: 1px solid #d8d8d8; }
        .dropdown-toggle.open .dropdown-block ul li a {
          color: #222; }
        .dropdown-toggle.open .dropdown-block ul li:hover {
          background: none; } }

@media only screen and (max-width: 480px) {
  .dropdown-toggle.open .dropdown-block .dropdown-title {
    height: 50px; }
    .dropdown-toggle.open .dropdown-block .dropdown-title span {
      line-height: 50px; }
    .dropdown-toggle.open .dropdown-block .dropdown-title .dropdown-close:after {
      line-height: 50px; } }

/** ------ Whats-New ------ **/
.af-zb-whatsnew .articles-option .af-zb-link {
  margin: 2em .35em .8em;
  font-size: .8em;
  vertical-align: middle;
  line-height: 1.2em; }
  .af-zb-whatsnew .articles-option .af-zb-link .icon {
    font-size: 1.5em;
    vertical-align: middle; }

.af-zb-whatsnew .articles-option .filter-option {
  width: 100%;
  margin: .2em 0 1.2em; }
  .af-zb-whatsnew .articles-option .filter-option .sel-option {
    display: inline-block;
    position: relative;
    margin: 0 .5em; }
    .af-zb-whatsnew .articles-option .filter-option .sel-option:last-child {
      margin-right: .35em; }
    .af-zb-whatsnew .articles-option .filter-option .sel-option > a {
      display: inline-block;
      color: #222;
      padding: .2em 20px .2em 0;
      margin: 0 20px;
      font-size: .9em; }
      .af-zb-whatsnew .articles-option .filter-option .sel-option > a:after {
        content: "";
        display: inline-block;
        width: .5em;
        height: .7em;
        margin-left: .6em;
        background: url(../images/icons/icon-narrow.png) center center no-repeat;
        background-size: 100% auto; }
    .af-zb-whatsnew .articles-option .filter-option .sel-option form {
      display: inline-block;
      width: 100%; }
    .af-zb-whatsnew .articles-option .filter-option .sel-option input {
      border-radius: 30px;
      box-shadow: none;
      width: 300px;
      height: 36px;
      padding: 4px 12px 4px 40px;
      outline: none;
      background: #f5f5f5;
      border: 1px solid #f5f5f5;
      font-size: 18px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    .af-zb-whatsnew .articles-option .filter-option .sel-option.sel-search:before {
      content: "\e91b";
      font-family: "icomoon";
      display: inline-block;
      position: absolute;
      font-size: 1em;
      text-align: center;
      line-height: 36px;
      padding-left: 12px; }
    .af-zb-whatsnew .articles-option .filter-option .sel-option:after {
      content: "";
      display: inline-block;
      width: 1px;
      height: 16px;
      position: absolute;
      right: 0;
      top: 4px;
      border-right: 1px solid #cfcfcf; }
    .af-zb-whatsnew .articles-option .filter-option .sel-option:last-child:after {
      display: none; }

.af-zb-whatsnew .articles-option .af-zb-link,
.af-zb-whatsnew .articles-option .filter-option {
  position: relative;
  display: block; }
  .af-zb-whatsnew .articles-option .af-zb-link:after,
  .af-zb-whatsnew .articles-option .filter-option:after {
    content: "";
    display: block;
    clear: both; }

.af-zb-whatsnew .articles-filter-by {
  display: block;
  width: 100%;
  text-align: right;
  border-top: 1px solid #e9e9e9;
  opacity: 0;
  max-height: 0;
  overflow: hidden; }
  .af-zb-whatsnew .articles-filter-by.active {
    opacity: 1;
    padding: 0.8em 0 0;
    max-height: 90px; }
  .af-zb-whatsnew .articles-filter-by ul li {
    display: inline-block;
    position: relative;
    margin: 0 6px;
    color: #0094f2;
    background: #f5f5f5;
    border-radius: 30px;
    font-size: 14px;
    line-height: 30px;
    padding: 0 40px 0 10px;
    margin-bottom: 0.8em;
    cursor: default;
    opacity: 1; }
    .af-zb-whatsnew .articles-filter-by ul li .btn-filter-cancel {
      position: absolute;
      top: 0;
      right: 10px;
      width: 20px;
      height: 100%;
      margin-left: 10px;
      cursor: pointer;
      background: url(../images/icons/icon-close-filter.png) center center no-repeat; }
    .af-zb-whatsnew .articles-filter-by ul li .icon {
      width: 28px;
      background-size: 100% auto;
      color: #0094f2;
      margin-right: 6px; }
    .af-zb-whatsnew .articles-filter-by ul li.non-show {
      opacity: 0; }
  .af-zb-whatsnew .articles-filter-by ul .btn-filter-cancel-all {
    color: #fff;
    width: 120px;
    min-width: 120px;
    height: 96%;
    line-height: 30px;
    margin: 0 6px; }
    .af-zb-whatsnew .articles-filter-by ul .btn-filter-cancel-all span {
      height: 100%;
      line-height: 28px;
      font-size: 14px;
      padding: 0; }

@media only screen and (max-width: 1500px) {
  .af-zb-whatsnew .articles-option .af-zb-link {
    margin: 2em 0 .8em; }
  .af-zb-whatsnew .articles-option .filter-option .sel-option:last-child {
    margin-right: 0; } }

@media only screen and (max-width: 800px) {
  .af-zb-whatsnew .articles-option .af-zb-link {
    float: left;
    font-size: 1em; }
  .af-zb-whatsnew .articles-option .filter-option {
    margin: 0 0 1em; }
    .af-zb-whatsnew .articles-option .filter-option .sel-option {
      width: 50%;
      display: inline-block;
      float: left;
      text-align: left;
      margin: .5em 0; }
      .af-zb-whatsnew .articles-option .filter-option .sel-option a {
        font-size: 1em; }
      .af-zb-whatsnew .articles-option .filter-option .sel-option.sel-category a {
        margin-left: 0; }
      .af-zb-whatsnew .articles-option .filter-option .sel-option.sel-time:after {
        display: none; }
      .af-zb-whatsnew .articles-option .filter-option .sel-option.sel-search {
        width: 100%;
        padding: 0; }
        .af-zb-whatsnew .articles-option .filter-option .sel-option.sel-search input {
          width: 100%;
          height: 2.4em;
          padding: 4px 12px 4px 45px;
          font-size: 16px; }
        .af-zb-whatsnew .articles-option .filter-option .sel-option.sel-search:before {
          font-size: 1.5em;
          padding-left: 0;
          left: .6em;
          height: 1.6em;
          line-height: 1.8em; }
      .af-zb-whatsnew .articles-option .filter-option .sel-option:after {
        top: 2px;
        height: 14px; }
  .af-zb-whatsnew .articles-filter-by {
    border: 0;
    margin-bottom: 1em; }
    .af-zb-whatsnew .articles-filter-by .af-zb-container {
      padding: 0; }
    .af-zb-whatsnew .articles-filter-by.active {
      padding: 0 20px;
      max-height: 500px; }
      .af-zb-whatsnew .articles-filter-by.active .af-zb-container {
        padding-top: .8em; }
    .af-zb-whatsnew .articles-filter-by ul li {
      margin: 0 6px 1em 0; }
    .af-zb-whatsnew .articles-filter-by .af-zb-container {
      border-top: 1px solid #e9e9e9;
      padding-top: .4em; }
  .af-zb-whatsnew .af-zb-articles.af-zb-info-block {
    margin: 0 -20px; } }

@media only screen and (max-width: 320px) {
  .af-zb-whatsnew .articles-option .filter-option .sel-option.sel-search:before {
    height: 1.8em;
    line-height: 1.8em;
    font-size: 1.2em;
    padding-left: 0.5em; }
  .af-zb-whatsnew .articles-option .filter-option .sel-option.sel-search input {
    height: 2em;
    padding: 4px .6em 4px 2.5em;
    font-size: 14px; } }

/** ------ Article-Page ------ **/
.af-zb-article-page.af-zb-wrapper .main-inner {
  max-width: 1200px; }

.af-zb-article-page .af-zb-article h1 {
  font-size: 40px; }

.af-zb-article-page .af-zb-article h2 {
  font-size: 34px; }

.af-zb-article-page .af-zb-article h3 {
  font-size: 26px; }

.af-zb-article-page .af-zb-article h4 {
  font-size: 22px; }

.af-zb-article-page .af-zb-article h5 {
  font-size: 18px; }

.af-zb-article-page .af-zb-article h6 {
  font-size: 14px; }

.af-zb-article-page .af-zb-article .article-top {
  padding: 20px 0 40px; }
  .af-zb-article-page .af-zb-article .article-top .af-zb-link {
    font-size: 18px;
    line-height: 22px; }
    .af-zb-article-page .af-zb-article .article-top .af-zb-link .icon {
      line-height: 22px;
      vertical-align: middle;
      background-position: center center; }

.af-zb-article-page .af-zb-article .article-header {
  padding: 20px 0;
  border-bottom: 1px solid #e9e9e9;
  word-break: break-all; }
  .af-zb-article-page .af-zb-article .article-header:after {
    content: "";
    display: block;
    clear: both; }

.af-zb-article-page .af-zb-article .article-content {
  padding: 30px 0 10px;
  border-bottom: 1px solid #e9e9e9; }

.af-zb-article-page .af-zb-article .article-info {
  margin: 6px 0 8px; }
  .af-zb-article-page .af-zb-article .article-info .article-date,
  .af-zb-article-page .af-zb-article .article-info .article-author {
    font-size: 14px; }
  .af-zb-article-page .af-zb-article .article-info .article-author {
    text-transform: uppercase;
    margin-left: 6px; }

.af-zb-article-page .af-zb-article .article-category {
  display: inline-block;
  line-height: 24px; }
  .af-zb-article-page .af-zb-article .article-category a {
    font-size: 14px;
    line-height: 24px;
    float: left;
    margin-right: 1.8em;
    white-space: nowrap; }

.af-zb-article-page .af-zb-article .article-share {
  float: right;
  display: inline-block;
  font-size: 16px;
  line-height: 24px; }
  .af-zb-article-page .af-zb-article .article-share .share {
    display: inline-block; }
    .af-zb-article-page .af-zb-article .article-share .share .jssocials-share {
      margin: 0 .2em; }
    .af-zb-article-page .af-zb-article .article-share .share .jssocials-share-logo {
      font-size: .8em; }
  .af-zb-article-page .af-zb-article .article-share .icon {
    color: #666;
    font-size: 16px;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle; }
  .af-zb-article-page .af-zb-article .article-share:after {
    content: "";
    display: block;
    clear: both; }
  .af-zb-article-page .af-zb-article .article-share .btn-download {
    margin: 0 .1em 0 1em; }

.af-zb-article-page .af-zb-article .article-content {
  display: block; }
  .af-zb-article-page .af-zb-article .article-content.page-content {
    border-left: 0; }
  .af-zb-article-page .af-zb-article .article-content h1, .af-zb-article-page .af-zb-article .article-content h2, .af-zb-article-page .af-zb-article .article-content h3, .af-zb-article-page .af-zb-article .article-content h4, .af-zb-article-page .af-zb-article .article-content h5 {
    font-family: inherit;
    color: inherit; }
  .af-zb-article-page .af-zb-article .article-content h3 {
    line-height: 30px;
    margin-top: 28px; }
  .af-zb-article-page .af-zb-article .article-content p {
    font-size: .8em;
    line-height: 1.7em;
    padding: .5em 0 .8em;
    margin: 0; }
  .af-zb-article-page .af-zb-article .article-content em {
    font-style: italic; }
  .af-zb-article-page .af-zb-article .article-content img {
    max-width: 100%;
    height: auto; }
  .af-zb-article-page .af-zb-article .article-content iframe {
    max-width: 100%; }
  .af-zb-article-page .af-zb-article .article-content ol, .af-zb-article-page .af-zb-article .article-content ul, .af-zb-article-page .af-zb-article .article-content dl {
    *margin-right: 0px;
    padding: 0 20px;
    margin: .5em 0 1.2em; }
    .af-zb-article-page .af-zb-article .article-content ol li, .af-zb-article-page .af-zb-article .article-content ul li, .af-zb-article-page .af-zb-article .article-content dl li {
      font-size: .8em;
      line-height: 1.7em;
      margin-bottom: .5em; }
  .af-zb-article-page .af-zb-article .article-content ol li {
    list-style: decimal; }
  .af-zb-article-page .af-zb-article .article-content ul li {
    list-style: disc; }
  .af-zb-article-page .af-zb-article .article-content table, .af-zb-article-page .af-zb-article .article-content th, .af-zb-article-page .af-zb-article .article-content td {
    border: 1px solid #d0d0d0; }
  .af-zb-article-page .af-zb-article .article-content table {
    width: 100%;
    margin-bottom: 4em; }
    .af-zb-article-page .af-zb-article .article-content table p {
      border-bottom: 1px solid #e9e9e9; }
    .af-zb-article-page .af-zb-article .article-content table th {
      padding: 1em 1em;
      text-align: left;
      font-size: 1.5em;
      font-weight: 600;
      background: #e5e5e5; }
    .af-zb-article-page .af-zb-article .article-content table td {
      padding: 1em 1.5em;
      font-size: .9em;
      line-height: 1.6em; }
      .af-zb-article-page .af-zb-article .article-content table td.hightlight {
        background: #f4f4f4; }
      .af-zb-article-page .af-zb-article .article-content table td p {
        padding: 4px;
        border: 0; }
  .af-zb-article-page .af-zb-article .article-content hr {
    border: 0px;
    border-top: 1px solid #e9e9e9; }
  .af-zb-article-page .af-zb-article .article-content figure {
    text-align: center;
    background: transparent;
    margin: 1em 0;
    display: inline-block; }
    .af-zb-article-page .af-zb-article .article-content figure figcaption, .af-zb-article-page .af-zb-article .article-content figure p {
      font-size: .8em;
      color: #9d9d9d;
      text-align: left;
      padding: 1.5em 0;
      display: block; }
  .af-zb-article-page .af-zb-article .article-content a > img {
    padding: 1px;
    margin: 1px;
    border: none;
    outline: none; }
  .af-zb-article-page .af-zb-article .article-content .article-img {
    text-align: left; }
    .af-zb-article-page .af-zb-article .article-content .article-img img {
      max-width: 100%;
      width: 100%;
      height: auto; }
    .af-zb-article-page .af-zb-article .article-content .article-img p {
      font-size: .8em;
      color: #9d9d9d; }
  .af-zb-article-page .af-zb-article .article-content .article-img-text {
    padding: 3em 0 1em; }
    .af-zb-article-page .af-zb-article .article-content .article-img-text h3 {
      margin-top: 0; }
    .af-zb-article-page .af-zb-article .article-content .article-img-text .grids .grid {
      padding: 0; }
    .af-zb-article-page .af-zb-article .article-content .article-img-text .grids.grid_lg_2 .grid {
      padding-right: 12px; }
      .af-zb-article-page .af-zb-article .article-content .article-img-text .grids.grid_lg_2 .grid + .grid {
        padding-right: 0;
        padding-left: 12px; }
  .af-zb-article-page .af-zb-article .article-content .article-figure {
    padding-top: 0px; }
  .af-zb-article-page .af-zb-article .article-content .article-video {
    position: relative;
    cursor: pointer; }
    .af-zb-article-page .af-zb-article .article-content .article-video:before {
      content: "";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url(../images/icons/icon-player.png) center center no-repeat; }
  .af-zb-article-page .af-zb-article .article-content .article-share {
    display: block;
    float: none;
    text-align: right;
    margin: 2em 0 0; }

.af-zb-article-page .af-zb-article .article-footer h4 {
  text-transform: uppercase;
  line-height: 28px;
  margin: 40px 0 10px; }

.af-zb-article-page .af-zb-article .article-footer .af-zb-articles .af-zb-inner {
  padding: 0; }

.af-zb-article-page .af-zb-article .article-footer .af-zb-articles.af-zb-info-block .info-block-list {
  margin: 0 -9px; }
  .af-zb-article-page .af-zb-article .article-footer .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap .block-info {
    height: 13em; }
    .af-zb-article-page .af-zb-article .article-footer .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap .block-info .title {
      margin-top: 0; }
    .af-zb-article-page .af-zb-article .article-footer .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap .block-info .share .icon {
      font-size: 18px; }

.af-zb-article-page .af-zb-article .article-footer .subscribe-link {
  display: block;
  margin: 20px 0 40px;
  text-align: right; }
  .af-zb-article-page .af-zb-article .article-footer .subscribe-link .af-zb-link {
    font-size: 16px;
    line-height: 20px; }
    .af-zb-article-page .af-zb-article .article-footer .subscribe-link .af-zb-link .icon {
      margin-right: 6px; }

@media only screen and (max-width: 1600px) {
  .af-zb-article-page.af-zb-wrapper .main-inner {
    padding: 0 20px; } }

@media only screen and (max-width: 1300px) {
  .af-zb-article-page.af-zb-wrapper .main-inner {
    padding: 0 3em; } }

@media only screen and (max-width: 800px) {
  .af-zb-article-page.af-zb-wrapper .main-inner {
    padding: 0 20px; }
  .af-zb-article-page .af-zb-article .article-top {
    padding: 1.8em 0 .5em; }
  .af-zb-article-page .af-zb-article .article-header {
    border: 0;
    padding: 1em 0; }
  .af-zb-article-page .af-zb-article h1 {
    font-size: 2.2em;
    line-height: 1.2em; }
  .af-zb-article-page .af-zb-article h3 {
    font-size: 1.8em;
    line-height: 1em; }
  .af-zb-article-page .af-zb-article .article-category {
    padding-bottom: 1em; }
  .af-zb-article-page .af-zb-article .article-share {
    width: 100%;
    text-align: right;
    border-top: 1px solid #e9e9e9;
    padding-top: 1em; }
    .af-zb-article-page .af-zb-article .article-share .jssocials-share-facebook:after,
    .af-zb-article-page .af-zb-article .article-share .jssocials-share-link:after {
      font-size: 1.6em; }
    .af-zb-article-page .af-zb-article .article-share .af-zb-btn, .af-zb-article-page .af-zb-article .article-share .af-zb-step-btn {
      width: 7.5em;
      min-width: 7.5em;
      height: 2em;
      margin: 0 .1em 0 1em; }
      .af-zb-article-page .af-zb-article .article-share .af-zb-btn span, .af-zb-article-page .af-zb-article .article-share .af-zb-step-btn span {
        line-height: 2em; }
  .af-zb-article-page .af-zb-article .article-content {
    padding: 1em 0; }
    .af-zb-article-page .af-zb-article .article-content p {
      font-size: 1.2em; }
    .af-zb-article-page .af-zb-article .article-content ol, .af-zb-article-page .af-zb-article .article-content ul, .af-zb-article-page .af-zb-article .article-content dl {
      margin: 1em 0 3em; }
      .af-zb-article-page .af-zb-article .article-content ol li, .af-zb-article-page .af-zb-article .article-content ul li, .af-zb-article-page .af-zb-article .article-content dl li {
        font-size: 1.2em; }
    .af-zb-article-page .af-zb-article .article-content figure figcaption, .af-zb-article-page .af-zb-article .article-content figure p {
      font-size: 1.2em;
      line-height: 1.4em;
      padding: .5em 0 1em; }
    .af-zb-article-page .af-zb-article .article-content .article-share {
      border-top: 0; }
    .af-zb-article-page .af-zb-article .article-content .article-img-text .grids.grid_lg_2 .grid, .af-zb-article-page .af-zb-article .article-content .article-img-text .grids.grid_lg_2 .grid + .grid {
      padding: 1em 0 0; }
  .af-zb-article-page .af-zb-article .article-footer h4 {
    font-size: 1.4em; }
  .af-zb-article-page .af-zb-article .article-footer .subscribe-link {
    text-align: center; }
  .af-zb-article-page .af-zb-article .article-footer .af-zb-articles.af-zb-info-block .info-block-list {
    margin: 0; }
    .af-zb-article-page .af-zb-article .article-footer .af-zb-articles.af-zb-info-block .info-block-list .grid:last-child {
      display: none; } }

@media only screen and (max-width: 480px) {
  .af-zb-article-page .af-zb-article .article-share .jssocials-share-facebook:after,
  .af-zb-article-page .af-zb-article .article-share .jssocials-share-link:after {
    font-size: 1.4em; }
  .af-zb-article-page .af-zb-article .article-footer .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap .block-info {
    height: 18em; } }

@media only screen and (max-width: 320px) {
  .af-zb-article-page .af-zb-article .article-footer .af-zb-articles.af-zb-info-block .info-block-list .info-block .block-wrap .block-info {
    height: 20em; } }

/** ------ Contact-us ------ **/
.af-zb-contact-us .main-inner {
  width: 1200px;
  max-width: 100%; }
  .af-zb-contact-us .main-inner h1 {
    width: 700px;
    font-size: 110px;
    line-height: 115px;
    text-transform: uppercase;
    margin: 150px 0 50px;
    background: -webkit-linear-gradient(left, #008be4, #00ccff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #00ccff;
    color: #008be4; }
  .af-zb-contact-us .main-inner .contact-content {
    padding: 20px 0 60px;
    border-bottom: 1px solid #e9e9e9; }
    .af-zb-contact-us .main-inner .contact-content h4 {
      font-size: 30px;
      line-height: 34px;
      margin: 5px 0; }
    .af-zb-contact-us .main-inner .contact-content ul li {
      position: relative;
      font-size: 18px;
      line-height: 28px;
      margin: 12px 0;
      padding: 0 4.5em 0 16px; }
      .af-zb-contact-us .main-inner .contact-content ul li a {
        color: #0094f2;
        padding-bottom: .1px;
        border-bottom: 1px solid #0094f2; }
      .af-zb-contact-us .main-inner .contact-content ul li:before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        top: 10px;
        width: 5px;
        height: 5px;
        vertical-align: middle;
        border-radius: 50%;
        background: #0094f2; }
  .af-zb-contact-us .main-inner .contact-footer {
    padding: 20px 0 60px;
    line-height: 1.3em; }

@media only screen and (max-width: 800px) {
  .af-zb-contact-us .main-inner h1 {
    width: 100%;
    margin: .8em 0 0;
    font-size: 5em;
    line-height: 1.1em; }
  .af-zb-contact-us .main-inner .contact-content .grid {
    margin-bottom: 1em; }
  .af-zb-contact-us .main-inner .contact-content h4 {
    font-size: 1.6em;
    line-height: 1.6em; }
  .af-zb-contact-us .main-inner .contact-content ul li {
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 0 0 0 16px; }
    .af-zb-contact-us .main-inner .contact-content ul li:before {
      top: .5em; } }

/** ------ Product Overview ------ **/
.af-zb-overview #special-sectionOverview#wrap article.intro > .container .container-text .sprite-title-zenbo {
  background-image: none;
  text-indent: 0;
  width: auto;
  height: auto;
  margin-bottom: .5em; }
  .af-zb-overview #special-sectionOverview#wrap article.intro > .container .container-text .sprite-title-zenbo img {
    max-width: 70%; }

.af-zb-overview #special-sectionOverview#wrap article.intro > .container .container-text .subtitle {
  font-size: 3.7em;
  margin-bottom: 1em; }

@media only screen and (max-width: 1600px) {
  .af-zb-overview #special-sectionOverview #wrap article.intro > .container .container-text .sprite-title-zenbo img {
    max-width: 60%; }
  .af-zb-overview #special-sectionOverview #wrap article.intro > .container .container-text .subtitle {
    font-size: 3.6em; } }

@media only screen and (max-width: 1300px) {
  .af-zb-overview #special-sectionOverview #wrap article.intro > .container .container-text .sprite-title-zenbo img {
    max-width: 50%; } }

@media only screen and (max-width: 800px) {
  .af-zb-overview #special-sectionOverview #wrap article.intro > .container .container-text .sprite-title-zenbo img {
    max-width: 60%; }
  .af-zb-overview #special-sectionOverview #wrap article.intro > .container .container-text .subtitle {
    font-size: 3em;
    line-height: 1em; } }

@media only screen and (max-width: 700px) {
  .af-zb-overview #special-sectionOverview #wrap article.intro > .container .container-text .sprite-title-zenbo img {
    max-width: 50%; }
  .af-zb-overview #special-sectionOverview #wrap article.intro > .container .container-text .subtitle {
    font-size: 2.4em;
    line-height: 1em; } }

@media only screen and (max-width: 600px) {
  .af-zb-overview #special-sectionOverview #wrap article.intro > .container .container-text .subtitle {
    font-size: 1.8em;
    line-height: 1em; } }

@media only screen and (max-width: 480px) {
  .af-zb-overview #special-sectionOverview #wrap article.intro > .container .container-text .subtitle {
    font-size: 1.4em;
    line-height: 1em; } }

@media only screen and (max-width: 320px) {
  .af-zb-overview #special-sectionOverview #wrap article.intro > .container .container-text .subtitle {
    font-size: 1.2em;
    line-height: 1em; } }

body.page-fixed {
  overflow: hidden; }

.cn-sponser {
  display: none; }

.site-cn .cn-sponser {
  display: block; }

.af-zb-ezenbo.af-zb-wrapper {
  background: #fff; }

.af-zb-ezenbo .header,
.af-zb-ezenbo .af-zb-page-top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.af-zb-ezenbo .af-zb-page-top {
  top: 60px;
  z-index: 1;
  background: transparent;
  font-size: .7em; }
  .af-zb-ezenbo .af-zb-page-top .page-menu ul li {
    line-height: 3.8em; }
    .af-zb-ezenbo .af-zb-page-top .page-menu ul li .icon {
      display: none; }

.af-zb-ezenbo .section-start {
  width: 100%;
  height: 100vh;
  position: relative;
  padding-top: 6.5em; }
  .af-zb-ezenbo .section-start .section-block {
    height: 100%; }
    .af-zb-ezenbo .section-start .section-block .section-kv {
      height: 100%;
      max-height: none;
      text-align: left; }
      .af-zb-ezenbo .section-start .section-block .section-kv .kv-bg img {
        width: 35%;
        height: auto;
        top: 40%;
        bottom: 0;
        left: 40%;
        right: 0;
        margin: auto; }
      .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro {
        position: absolute;
        left: 10%;
        top: 20%;
        color: #000;
        max-width: initial; }
        .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .title,
        .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .desp {
          text-shadow: none; }
        .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .title {
          font-size: 4.5em;
          line-height: 1.2em;
          font-weight: 500;
          color: #0094f2; }
        .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .desp {
          font-size: 1.2em;
          line-height: 1.2em;
          color: #555;
          margin: 1em 0 1.5em; }
      .af-zb-ezenbo .section-start .section-block .section-kv .kv-next {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 2em;
        margin: auto;
        text-align: center; }
        .af-zb-ezenbo .section-start .section-block .section-kv .kv-next .page-down {
          width: 3em;
          height: 3em;
          padding: .4em;
          cursor: pointer; }
          .af-zb-ezenbo .section-start .section-block .section-kv .kv-next .page-down:after {
            content: "\e926";
            font-family: "icomoon";
            width: 100%;
            height: 100%;
            color: #6f6f6f; }
          .af-zb-ezenbo .section-start .section-block .section-kv .kv-next .page-down:hover:after {
            color: #0094f2; }
      .af-zb-ezenbo .section-start .section-block .section-kv:before {
        content: "";
        display: inline-block;
        background: url(../images/ezenbo/gradient.jpg);
        height: 100%;
        width: 100%;
        max-width: 1600px;
        max-height: 924px;
        position: absolute;
        bottom: 0;
        right: 0; }

.af-zb-ezenbo .section-intro {
  width: 100%;
  position: relative; }
  .af-zb-ezenbo .section-intro .intro-section {
    height: 100vh; }
    .af-zb-ezenbo .section-intro .intro-section.hasnt-items {
      height: auto; }
  .af-zb-ezenbo .section-intro .intro-nav {
    position: fixed;
    display: block;
    width: 20px;
    right: 1.5em;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    opacity: 0; }
    .af-zb-ezenbo .section-intro .intro-nav ul {
      position: absolute;
      top: 40%; }
      .af-zb-ezenbo .section-intro .intro-nav ul li {
        display: block;
        position: relative;
        background: #fff;
        width: .5em;
        height: .5em;
        border-radius: 50%;
        margin-bottom: .75em; }
        .af-zb-ezenbo .section-intro .intro-nav ul li a {
          width: 100%;
          height: 100%;
          display: block; }
        .af-zb-ezenbo .section-intro .intro-nav ul li.active {
          background: #0094f2; }
  .af-zb-ezenbo .section-intro.in .intro-nav {
    opacity: 1;
    z-index: 0; }

.af-zb-ezenbo .section-partner {
  background: #f5f5f5;
  width: 100%;
  position: relative;
  padding-bottom: 1em; }
  .af-zb-ezenbo .section-partner .section-kv {
    padding: 3em 0 2.5em;
    margin-bottom: 5.5em;
    height: auto;
    font-size: initial;
    background: transparent; }
    .af-zb-ezenbo .section-partner .section-kv:before {
      display: none; }
    .af-zb-ezenbo .section-partner .section-kv .kv-intro .title {
      font-size: 3.3em;
      color: #000; }
    .af-zb-ezenbo .section-partner .section-kv .kv-intro .desp {
      font-size: 1.05em;
      color: #535353; }
    .af-zb-ezenbo .section-partner .section-kv .kv-intro .title,
    .af-zb-ezenbo .section-partner .section-kv .kv-intro .desp,
    .af-zb-ezenbo .section-partner .section-kv .kv-intro .icon {
      text-shadow: none; }
    .af-zb-ezenbo .section-partner .section-kv .kv-intro .icon {
      color: #434343; }
  .af-zb-ezenbo .section-partner .section-content {
    max-width: 1240px; }

.af-zb-ezenbo .section-kv {
  position: relative;
  height: 34vw;
  max-height: 60vh;
  overflow: hidden;
  background: #fff;
  text-align: center; }
  .af-zb-ezenbo .section-kv:before {
    content: "";
    height: 80%;
    display: inline-block;
    vertical-align: middle; }
  .af-zb-ezenbo .section-kv .kv-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    .af-zb-ezenbo .section-kv .kv-bg img {
      position: absolute;
      width: 100%;
      height: auto;
      top: 0;
      left: 0; }
  .af-zb-ezenbo .section-kv .kv-intro {
    position: absolute;
    width: 100%;
    max-width: 500px;
    position: relative;
    display: inline-block;
    vertical-align: middle; }
    .af-zb-ezenbo .section-kv .kv-intro .title,
    .af-zb-ezenbo .section-kv .kv-intro .desp,
    .af-zb-ezenbo .section-kv .kv-intro .icon {
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); }
    .af-zb-ezenbo .section-kv .kv-intro .title,
    .af-zb-ezenbo .section-kv .kv-intro .desp {
      color: #fff; }
    .af-zb-ezenbo .section-kv .kv-intro .title {
      font-size: 4.2em;
      line-height: 1.5em; }
    .af-zb-ezenbo .section-kv .kv-intro .desp {
      font-size: 1.2em;
      line-height: 1.6em; }
    .af-zb-ezenbo .section-kv .kv-intro .icon {
      color: #fff;
      font-size: 8em;
      width: 1em;
      height: .9em; }

.af-zb-ezenbo .section-content {
  width: 100%;
  max-width: 1500px;
  position: relative;
  top: -95px;
  left: 0;
  right: 0;
  margin: auto; }
  .af-zb-ezenbo .section-content .content-block-list {
    margin: 0 -0.7em;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden; }
    .af-zb-ezenbo .section-content .content-block-list li {
      display: inline-block;
      vertical-align: top;
      text-align: left;
      width: 24.5%;
      max-width: 400px;
      padding: 0 1.4em;
      transform: translateY(4em);
      opacity: 0;
      transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-delay: 0.4s; }
      .af-zb-ezenbo .section-content .content-block-list li + li {
        transition-delay: 0.58s; }
        .af-zb-ezenbo .section-content .content-block-list li + li + li {
          transition-delay: 0.67s; }
          .af-zb-ezenbo .section-content .content-block-list li + li + li + li {
            transition-delay: 0.49s; }
    .af-zb-ezenbo .section-content .content-block-list .content-block .content-img {
      width: 100%;
      padding-top: 56%;
      position: relative; }
      .af-zb-ezenbo .section-content .content-block-list .content-block .content-img img {
        position: absolute;
        width: 100%;
        height: auto;
        top: 0;
        left: 0; }
    .af-zb-ezenbo .section-content .content-block-list .content-block .content-info {
      background: #fff;
      margin-top: .8em; }
      .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .title {
        font-size: 1.7em;
        line-height: 1.5em;
        font-weight: 400;
        color: #313131; }
      .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .desp {
        font-size: .9em;
        line-height: 1.6em;
        font-weight: 400;
        color: #555; }
      .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .annotation {
        position: relative;
        font-size: .75em;
        line-height: 1.5em;
        color: #959595;
        margin-top: .6em; }
        .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .annotation p {
          padding-left: .8em;
          margin-bottom: .1em; }
          .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .annotation p:before {
            content: "*";
            display: inline-block;
            position: absolute;
            left: 0; }
    .af-zb-ezenbo .section-content .content-block-list .slick-prev {
      left: -60px; }
    .af-zb-ezenbo .section-content .content-block-list .slick-next {
      right: -60px; }
    .af-zb-ezenbo .section-content .content-block-list.partner-list {
      position: relative;
      margin: 0 auto; }
      .af-zb-ezenbo .section-content .content-block-list.partner-list ul li {
        display: inline-block;
        float: left;
        position: relative;
        width: 20%;
        padding: 5px;
        transform: translateY(0);
        opacity: 1; }
        .af-zb-ezenbo .section-content .content-block-list.partner-list ul li .content-block {
          width: 100%;
          padding-top: 56%;
          background: #fff;
          position: relative; }
          .af-zb-ezenbo .section-content .content-block-list.partner-list ul li .content-block img {
            position: absolute;
            width: 100%;
            height: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
        .af-zb-ezenbo .section-content .content-block-list.partner-list ul li:last-child:after {
          content: "";
          display: block;
          clear: both; }
      .af-zb-ezenbo .section-content .content-block-list.partner-list ul:after {
        content: "";
        display: block;
        clear: both; }
  .af-zb-ezenbo .section-content.visible .content-block-list li {
    transform: translateY(0);
    opacity: 1; }

@media only screen and (max-width: 1700px) {
  .af-zb-ezenbo .section-kv .kv-intro {
    max-width: 550px; }
    .af-zb-ezenbo .section-kv .kv-intro .sprite-title-zenbo img {
      max-width: 45%; }
    .af-zb-ezenbo .section-kv .kv-intro .icon {
      font-size: 7em; }
    .af-zb-ezenbo .section-kv .kv-intro .title {
      font-size: 3.8em;
      line-height: 1.3em; }
    .af-zb-ezenbo .section-kv .kv-intro .desp {
      font-size: 1em; }
  .af-zb-ezenbo .section-content {
    width: 90%; }
    .af-zb-ezenbo .section-content .content-block-list li {
      padding: 0 1em; }
    .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .title {
      font-size: 1.5em; }
    .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .desp {
      font-size: .8em; }
    .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .annotation {
      font-size: .7em; } }

@media only screen and (max-width: 1560px) {
  .af-zb-ezenbo .section-content .content-block-list {
    margin: 0;
    padding: 0 2.6em; }
    .af-zb-ezenbo .section-content .content-block-list li {
      padding: 0 1em; } }

@media only screen and (max-width: 1400px) {
  .af-zb-ezenbo .section-start .section-block .section-kv .kv-bg img {
    top: 30%; }
  .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .title {
    font-size: 3.2em; }
  .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .sprite-title-zenbo img {
    max-width: 40%; }
  .af-zb-ezenbo .section-kv {
    height: 29vw; }
    .af-zb-ezenbo .section-kv:before {
      height: 75%; }
    .af-zb-ezenbo .section-kv .kv-intro {
      max-width: 550px; }
      .af-zb-ezenbo .section-kv .kv-intro .icon {
        font-size: 4.8em; }
      .af-zb-ezenbo .section-kv .kv-intro .title {
        font-size: 2.2em;
        line-height: 1.2em; }
      .af-zb-ezenbo .section-kv .kv-intro .desp {
        font-size: .85em; }
  .af-zb-ezenbo .section-intro .intro-nav ul {
    top: 28%; }
    .af-zb-ezenbo .section-intro .intro-nav ul li {
      margin-bottom: .5em; }
  .af-zb-ezenbo .section-content .content-block-list li {
    padding: 0 1em; }
  .af-zb-ezenbo .section-content .content-block-list .content-block .content-info {
    margin-top: .4em; }
    .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .title {
      font-size: 1.2em; }
    .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .desp {
      font-size: .7em; }
    .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .annotation {
      font-size: .6em; }
  .af-zb-ezenbo .section-partner .section-content .content-block-list {
    padding: 0 4em; } }

@media only screen and (max-width: 1300px) {
  .af-zb-ezenbo .section-start .section-block .section-kv .kv-bg img {
    top: 25%; }
  .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .title {
    font-size: 3.0em; } }

@media only screen and (min-height: 630px) and (max-height: 800px) and (max-width: 1280px) {
  .af-zb-ezenbo .section-kv {
    height: 28vw; }
    .af-zb-ezenbo .section-kv:before {
      height: 78%; }
    .af-zb-ezenbo .section-kv .kv-intro {
      max-width: 550px; }
      .af-zb-ezenbo .section-kv .kv-intro .icon {
        font-size: 6em; }
      .af-zb-ezenbo .section-kv .kv-intro .title {
        font-size: 2.8em;
        line-height: 1.4em; }
      .af-zb-ezenbo .section-kv .kv-intro .desp {
        font-size: 1em; }
  .af-zb-ezenbo .section-content {
    top: -70px; }
    .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .title {
      font-size: 1.1em; }
    .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .desp {
      font-size: .75em; }
    .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .annotation {
      font-size: .65em; } }

@media only screen and (max-width: 1100px) {
  .af-zb-ezenbo .section-kv {
    height: 27vw; }
    .af-zb-ezenbo .section-kv .kv-intro .icon {
      font-size: 4.8em; }
    .af-zb-ezenbo .section-kv .kv-intro .title {
      font-size: 2.3em;
      line-height: 1.4em; }
    .af-zb-ezenbo .section-kv .kv-intro .desp {
      font-size: .9em;
      line-height: 1.4em; }
  .af-zb-ezenbo .section-intro .intro-nav {
    right: 1em; }
    .af-zb-ezenbo .section-intro .intro-nav ul {
      top: 20%; }
      .af-zb-ezenbo .section-intro .intro-nav ul li {
        width: .45em;
        height: .45em;
        margin-bottom: .4em; }
  .af-zb-ezenbo .section-partner .section-kv {
    margin-bottom: 3em; }
  .af-zb-ezenbo .section-content {
    top: -50px; }
    .af-zb-ezenbo .section-content .content-block-list li {
      padding: 0 .8em; }
    .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .desp {
      font-size: .7em; } }

@media only screen and (max-width: 1000px) {
  .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .title {
    font-size: 2.2em; }
  .af-zb-ezenbo .section-content {
    top: -30px; }
    .af-zb-ezenbo .section-content .content-block-list li {
      padding: 0 1em; } }

@media only screen and (max-width: 800px) {
  .af-zb-ezenbo {
    -webkit-overflow-scrolling: touch; }
    .af-zb-ezenbo .af-zb-page-top {
      position: fixed;
      top: -60px;
      font-size: .9em; }
      .af-zb-ezenbo .af-zb-page-top.fixed {
        position: fixed;
        top: 0;
        background: #fff;
        animation: fromTop .4s;
        -webkit-animation: fromTop .4s;
        -moz-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3); }
      .af-zb-ezenbo .af-zb-page-top .page-menu ul li {
        line-height: 3.5em;
        opacity: 0; }
        .af-zb-ezenbo .af-zb-page-top .page-menu ul li .icon {
          display: none; }
        .af-zb-ezenbo .af-zb-page-top .page-menu ul li.active {
          opacity: 1; }
          .af-zb-ezenbo .af-zb-page-top .page-menu ul li.active a:after {
            content: "\e91e";
            font-size: .7em;
            display: inline-block;
            font-family: "icomoon";
            color: #0094f2;
            margin-left: .5em; }
      .af-zb-ezenbo .af-zb-page-top.open {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0; }
        .af-zb-ezenbo .af-zb-page-top.open .main-inner {
          padding: 0; }
        .af-zb-ezenbo .af-zb-page-top.open .page-title {
          display: block;
          width: 100%;
          background: #f5f5f5;
          -moz-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
          -webkit-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3); }
          .af-zb-ezenbo .af-zb-page-top.open .page-title span {
            display: none; }
          .af-zb-ezenbo .af-zb-page-top.open .page-title .menu-close {
            display: inline-block;
            position: relative;
            float: right;
            width: 2.4em;
            height: 2.4em;
            line-height: 2.4em;
            text-align: center; }
            .af-zb-ezenbo .af-zb-page-top.open .page-title .menu-close:after {
              content: "\e91a";
              display: inline-block;
              font-family: "icomoon";
              font-size: 1.4em;
              color: #777; }
        .af-zb-ezenbo .af-zb-page-top.open .page-menu {
          display: block;
          width: 100%;
          padding: 0 2em; }
          .af-zb-ezenbo .af-zb-page-top.open .page-menu ul li {
            display: block;
            opacity: 1;
            margin: 0;
            border-bottom: 1px solid #e9e9e9; }
            .af-zb-ezenbo .af-zb-page-top.open .page-menu ul li a {
              display: block;
              font-size: 1.3em;
              line-height: 1.6em;
              padding: .7em 0 .5em; }
              .af-zb-ezenbo .af-zb-page-top.open .page-menu ul li a .icon {
                width: 1em;
                height: 1em;
                color: #9e9e9e;
                font-size: 1.8em;
                margin-right: .2em;
                vertical-align: middle; }
              .af-zb-ezenbo .af-zb-page-top.open .page-menu ul li a:after {
                display: none; }
            .af-zb-ezenbo .af-zb-page-top.open .page-menu ul li .icon {
              display: inline-block; }
              .af-zb-ezenbo .af-zb-page-top.open .page-menu ul li .icon .icon {
                color: #0094f2; }
    .af-zb-ezenbo .section-start {
      height: auto;
      padding-top: 64%; }
      .af-zb-ezenbo .section-start .section-block {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
        .af-zb-ezenbo .section-start .section-block .section-kv:before {
          display: none; }
        .af-zb-ezenbo .section-start .section-block .section-kv .kv-bg img {
          width: 45%;
          top: 60%; }
        .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro {
          padding-top: 4em;
          top: 0;
          bottom: 0;
          left: 5%;
          margin: auto;
          height: 65%;
          width: 50%; }
          .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .title {
            font-size: 2.6em; }
          .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .desp {
            width: 80%;
            line-height: 1.4em;
            margin: .6em 0 .8em;
            padding: 0; }
          .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .btn-group {
            text-align: left; }
        .af-zb-ezenbo .section-start .section-block .section-kv .kv-next {
          display: none; }
    .af-zb-ezenbo .section-intro .intro-section {
      height: auto;
      margin-bottom: 5px; }
      .af-zb-ezenbo .section-intro .intro-section .section-block {
        background: #f5f5f5;
        padding-bottom: .3em; }
    .af-zb-ezenbo .section-intro .intro-nav {
      display: none; }
    .af-zb-ezenbo .section-partner {
      padding-bottom: 1.5em; }
      .af-zb-ezenbo .section-partner .section-kv {
        padding: 1em;
        margin-bottom: 0; }
        .af-zb-ezenbo .section-partner .section-kv .kv-intro {
          margin: 0; }
          .af-zb-ezenbo .section-partner .section-kv .kv-intro .title {
            font-size: 2.2em; }
          .af-zb-ezenbo .section-partner .section-kv .kv-intro .icon {
            font-size: 4.5em; }
          .af-zb-ezenbo .section-partner .section-kv .kv-intro .desp {
            padding: 0;
            font-size: .9em; }
    .af-zb-ezenbo .section-kv {
      height: auto;
      max-height: initial;
      background: transparent; }
      .af-zb-ezenbo .section-kv:before {
        display: none; }
      .af-zb-ezenbo .section-kv .kv-bg {
        position: relative;
        padding-top: 42%;
        overflow: hidden; }
        .af-zb-ezenbo .section-kv .kv-bg img {
          height: 100%;
          width: auto;
          position: absolute;
          top: 0;
          bottom: 0;
          left: -100%;
          right: -100%;
          margin: auto; }
      .af-zb-ezenbo .section-kv .kv-intro {
        padding-top: 6%;
        margin-top: -38%; }
        .af-zb-ezenbo .section-kv .kv-intro .icon {
          font-size: 4.4em; }
          .af-zb-ezenbo .section-kv .kv-intro .icon.icon-zb-education:before {
            content: "\e936"; }
          .af-zb-ezenbo .section-kv .kv-intro .icon.icon-zb-entertainment:before {
            content: "\e932"; }
          .af-zb-ezenbo .section-kv .kv-intro .icon.icon-zb-health:before {
            content: "\e934"; }
          .af-zb-ezenbo .section-kv .kv-intro .icon.icon-zb-life:before {
            content: "\e92f"; }
          .af-zb-ezenbo .section-kv .kv-intro .icon.icon-zb-home:before {
            content: "\e938"; }
        .af-zb-ezenbo .section-kv .kv-intro .title {
          font-size: 2em;
          font-weight: 600; }
        .af-zb-ezenbo .section-kv .kv-intro .desp {
          width: 90%;
          margin: 0 auto;
          padding: 12% 1.8em 1em;
          color: #000;
          text-shadow: none;
          font-weight: 600;
          font-size: 1.1em;
          line-height: 1.6em; }
    .af-zb-ezenbo .section-content {
      top: 0;
      width: 100%; }
      .af-zb-ezenbo .section-content .content-block-list {
        padding: 0 1.5em; }
        .af-zb-ezenbo .section-content .content-block-list li {
          width: 100%;
          max-width: none;
          padding: 0;
          margin-bottom: 1.2em;
          transition: none;
          transition-delay: initial; }
          .af-zb-ezenbo .section-content .content-block-list li + li,
          .af-zb-ezenbo .section-content .content-block-list li + li + li,
          .af-zb-ezenbo .section-content .content-block-list li + li + li + li {
            transition-delay: initial; }
        .af-zb-ezenbo .section-content .content-block-list .content-block .content-info {
          margin: 0;
          padding: .8em 1em; }
          .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .title {
            color: #000; }
          .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .desp {
            font-size: 1em; }
          .af-zb-ezenbo .section-content .content-block-list .content-block .content-info .annotation {
            font-size: .8em; }
        .af-zb-ezenbo .section-content .content-block-list.content-block-list.partner-list {
          padding: 0;
          margin: 0 -3px; }
          .af-zb-ezenbo .section-content .content-block-list.content-block-list.partner-list ul li {
            width: 50%;
            margin-bottom: 0;
            padding: 3px; } }

@media only screen and (max-width: 600px) {
  .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .title {
    font-size: 2.2em; }
  .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .desp {
    font-size: 1em; }
  .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .btn-group .af-zb-btn, .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .btn-group .af-zb-step-btn {
    width: 12%;
    font-size: 14px; } }

@media only screen and (max-width: 500px) {
  .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro {
    height: 70%; }
    .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .title {
      font-size: 1.5em; }
    .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .desp {
      font-size: .8em; }
    .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .btn-group .af-zb-btn, .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .btn-group .af-zb-step-btn {
      height: 2.8em;
      line-height: 2.8em;
      font-size: 12px; }
      .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .btn-group .af-zb-btn span, .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .btn-group .af-zb-step-btn span {
        line-height: 2.8em; } }

@media only screen and (max-width: 400px) {
  .af-zb-ezenbo .section-start {
    margin-bottom: 5px; }
    .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro {
      height: 85%; }
      .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .title {
        font-size: 1.2em; }
      .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .desp {
        font-size: .8em; }
      .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .btn-group .af-zb-btn, .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .btn-group .af-zb-step-btn {
        font-size: 10px; } }

@media only screen and (max-width: 320px) {
  .af-zb-ezenbo .section-kv .kv-intro {
    margin-top: -42%; }
    .af-zb-ezenbo .section-kv .kv-intro .desp {
      font-size: 1em;
      padding: 12% 1em 1em; } }

.af-zb-wtb h1 {
  font-size: 2em;
  color: #222;
  margin-bottom: .5em; }

.af-zb-wtb .wtb-content {
  padding: 3.6em 0 3em; }
  .af-zb-wtb .wtb-content:last-child {
    border-bottom: 0; }
  .af-zb-wtb .wtb-content.online {
    padding-bottom: 0; }
  .af-zb-wtb .wtb-content .online-store {
    padding: 1.4em 0 .1em; }
    .af-zb-wtb .wtb-content .online-store ul {
      margin: 0 -4px; }
      .af-zb-wtb .wtb-content .online-store ul li {
        display: inline-block;
        float: left;
        height: 100px;
        padding: 0 4px;
        margin-bottom: 8px; }
        .af-zb-wtb .wtb-content .online-store ul li a {
          display: block;
          width: 100%;
          height: 100%;
          position: relative;
          border: 1px solid #d8d8d8; }
          .af-zb-wtb .wtb-content .online-store ul li a img {
            position: absolute;
            display: inline-block;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            max-width: 100%;
            height: auto; }
      .af-zb-wtb .wtb-content .online-store ul:after {
        content: "";
        display: block;
        clear: both; }
  .af-zb-wtb .wtb-content .active {
    color: #008fd9; }
  .af-zb-wtb .wtb-content .hidden {
    display: none; }
  .af-zb-wtb .wtb-content .physical-store-title {
    float: left; }
  .af-zb-wtb .wtb-content .physical-store {
    float: right;
    position: relative;
    padding-bottom: 20px;
    padding-left: 160px;
    z-index: 2; }
    .af-zb-wtb .wtb-content .physical-store button {
      background: none;
      border: 0;
      font: inherit;
      padding: 0;
      cursor: pointer; }
    .af-zb-wtb .wtb-content .physical-store button:focus {
      outline: 0; }
    .af-zb-wtb .wtb-content .physical-store label {
      position: relative;
      display: inline-block;
      padding: 0 18px 0 12px;
      line-height: 3em;
      cursor: pointer; }
    .af-zb-wtb .wtb-content .physical-store label:before {
      display: none; }
    .af-zb-wtb .wtb-content .physical-store label:after {
      content: "";
      position: absolute;
      display: block;
      background: none;
      opacity: 1;
      transform: scale(1);
      top: 45%;
      right: 0;
      left: auto;
      width: 0;
      height: 0;
      border-top: 4px solid #666;
      border-bottom: 0px solid #666;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      transition: none; }
    .af-zb-wtb .wtb-content .physical-store input:checked ~ label:after {
      border-top: 0 solid #666;
      border-bottom: 4px solid #666; }
    .af-zb-wtb .wtb-content .physical-store input:checked ~ ul.physical-store-menu {
      display: block;
      padding-left: 30px;
      padding-top: 30px;
      border: 1px solid #aaa;
      overflow-y: auto;
      overflow-x: hidden; }
    .af-zb-wtb .wtb-content .physical-store ul.physical-store-menu {
      display: none;
      z-index: 4;
      position: absolute;
      list-style: none;
      right: 0;
      min-width: 200px;
      white-space: nowrap;
      height: auto;
      padding: 0;
      border: none;
      background-color: #fff;
      overflow: hidden; }
      .af-zb-wtb .wtb-content .physical-store ul.physical-store-menu li {
        line-height: 1.2em;
        padding-bottom: 24px; }

.af-zb-wtb .clearFloat {
  clear: left; }

.af-zb-wtb .table-block {
  display: table;
  position: relative;
  width: 100%;
  margin-bottom: 4em; }
  .af-zb-wtb .table-block .table-tr {
    display: table-row;
    position: relative; }
    .af-zb-wtb .table-block .table-tr .table-td {
      display: table-cell;
      text-align: left;
      font-size: .9em;
      line-height: 2em;
      color: #222;
      padding: 1em 2em 1em 0;
      border-bottom: 1px solid #e9e9e9; }
      .af-zb-wtb .table-block .table-tr .table-td.td-shop {
        min-width: 150px; }
      .af-zb-wtb .table-block .table-tr .table-td.td-tel {
        min-width: 140px; }
      .af-zb-wtb .table-block .table-tr .table-td.td-time {
        min-width: 220px; }
      .af-zb-wtb .table-block .table-tr .table-td .td-region {
        min-width: 48px; }
    .af-zb-wtb .table-block .table-tr.table-th .table-td {
      font-size: .7em;
      color: #777;
      padding-bottom: .4em; }
    .af-zb-wtb .table-block .table-tr:last-child .table-td {
      border-bottom: 0; }

@media only screen and (max-width: 800px) {
  .af-zb-wtb h1 {
    font-size: 2.6em; }
  .af-zb-wtb .wtb-content .online-store {
    padding: 1em 0 1.4em; }
    .af-zb-wtb .wtb-content .online-store ul {
      text-align: center; }
      .af-zb-wtb .wtb-content .online-store ul li {
        width: 50%;
        text-align: center; }
  .af-zb-wtb .wtb-content.online {
    padding-bottom: 0; }
  .af-zb-wtb .table-block {
    display: block; }
    .af-zb-wtb .table-block .table-tr {
      display: block;
      border-bottom: 1px solid #e9e9e9;
      padding: 1.8em 0 2em; }
      .af-zb-wtb .table-block .table-tr .table-td {
        display: block;
        border-bottom: 0;
        font-size: 1.4em;
        line-height: 1.5em;
        padding: .7em 0; }
        .af-zb-wtb .table-block .table-tr .table-td.td-shop {
          font-size: 2em;
          padding-bottom: 0; }
      .af-zb-wtb .table-block .table-tr.table-th {
        display: none; }
      .af-zb-wtb .table-block .table-tr:last-child {
        border-bottom: 0; } }

@media only screen and (max-width: 600px) {
  .af-zb-wtb .wtb-content .online-store {
    padding-top: .6em; }
    .af-zb-wtb .wtb-content .online-store .af-zb-btn, .af-zb-wtb .wtb-content .online-store .af-zb-step-btn {
      width: 190px;
      height: 54px; }
      .af-zb-wtb .wtb-content .online-store .af-zb-btn span, .af-zb-wtb .wtb-content .online-store .af-zb-step-btn span {
        line-height: 55px;
        font-size: 1.3em; }
  .af-zb-wtb .table-block .table-tr {
    padding-top: 1.2em; } }

@media only screen and (max-width: 480px) {
  .af-zb-wtb {
    font-size: 12px; } }

@media only screen and (max-width: 320px) {
  .af-zb-wtb {
    font-size: 10px; }
  .af-zb-wtb .wtb-content .online-store ul li .af-zb-btn, .af-zb-wtb .wtb-content .online-store ul li .af-zb-step-btn {
    font-size: 12px;
    width: 130px;
    height: 3.2em;
    line-height: 20px; }
    .af-zb-wtb .wtb-content .online-store ul li .af-zb-btn span, .af-zb-wtb .wtb-content .online-store ul li .af-zb-step-btn span {
      line-height: 2.6em; } }

.fixedBody {
  overflow: hidden;
  position: fixed; }

.allowScroll {
  overflow: default;
  height: auto; }

.hideScroll {
  overflow: hidden; }

.mobile-scrollbar-container {
  display: none; }

.scrollbar-container {
  width: 100%;
  margin: 0 0 16px; }
  .scrollbar-container .viewport {
    width: 100%;
    height: 172px;
    overflow: hidden;
    position: relative; }
  .scrollbar-container .overview {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    width: calc(276px * 3); }
    .scrollbar-container .overview .slide {
      display: inline-block;
      width: 276px;
      height: 172px;
      margin-right: 8px; }
      .scrollbar-container .overview .slide img {
        width: 100%;
        height: auto; }
    .scrollbar-container .overview .slide:last-child {
      margin-right: 0; }
  .scrollbar-container .scrollbar {
    position: relative;
    margin: 8px 0;
    clear: both;
    height: 16px; }
  .scrollbar-container .track {
    background-color: #efefef;
    width: 100%;
    height: 3px;
    position: relative; }
  .scrollbar-container .thumb {
    background-color: #707070;
    height: 3px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0; }
  .scrollbar-container .thumb .end {
    background: transparent;
    overflow: hidden;
    height: 25px;
    width: 5px; }
  .scrollbar-container .disable {
    display: none; }
  .scrollbar-container .noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none; }

.lightbox-wrapper {
  position: absolute;
  color: #555555;
  z-index: 4;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5); }
  .lightbox-wrapper .lightbox {
    position: relative;
    background-color: #fff;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5) html;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    width: 640px;
    height: auto;
    margin: 0 auto;
    color: #777; }
    .lightbox-wrapper .lightbox img.app-icon {
      width: 100px;
      height: 100px; }
    .lightbox-wrapper .lightbox .clearFloat {
      clear: both;
      padding-bottom: 16px; }
    .lightbox-wrapper .lightbox .lightbox-header {
      background-color: #f5f5f5;
      height: 3em;
      padding: 10px 36px; }
      .lightbox-wrapper .lightbox .lightbox-header .lightbox-title {
        float: left;
        font-size: 1.3em;
        color: #555555;
        font-weight: 400;
        line-height: 1.6em; }
      .lightbox-wrapper .lightbox .lightbox-header .closeBtn {
        position: relative;
        top: -8px;
        right: -18px;
        width: 36px;
        height: 36px;
        float: right;
        font-size: 1.8em;
        line-height: 1.6em;
        cursor: pointer;
        font-weight: 400; }
    .lightbox-wrapper .lightbox .lightbox-content {
      padding: 16px 36px; }
      .lightbox-wrapper .lightbox .lightbox-content .information {
        width: 100%; }
        .lightbox-wrapper .lightbox .lightbox-content .information .icon {
          float: left;
          margin-right: 16px; }
          .lightbox-wrapper .lightbox .lightbox-content .information .icon img {
            width: 100%; }
        .lightbox-wrapper .lightbox .lightbox-content .information .app-spec {
          float: left; }
          .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .title {
            font-size: 1.5em;
            color: #000;
            margin-bottom: 12px;
            letter-spacing: 0em; }
          .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .age {
            font-size: 0.8em;
            max-width: 144px;
            line-height: 2em;
            border: solid 1px #cdd3c9;
            border-radius: 1em; }
          .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .age:before {
            content: "";
            display: inline-block;
            width: 1.1em;
            height: 1.3em;
            background: url(../images/icons/icon-cate-age.png) center center no-repeat;
            background-size: 100% auto;
            vertical-align: text-bottom;
            margin-left: 1em;
            margin-right: .3em; }
          .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .produced, .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .published {
            font-size: 0.8em;
            line-height: 1.6em; }
          .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .produced {
            margin-top: .6em; }
          .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .produced .category:before {
            content: ' / '; }
          .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .price {
            font-size: 1.125em;
            position: relative;
            line-height: 2em;
            color: #000;
            float: right;
            font-weight: bold; }
      .lightbox-wrapper .lightbox .lightbox-content .digital-content-price {
        top: 56px; }
      .lightbox-wrapper .lightbox .lightbox-content .media {
        clear: both;
        overflow: hidden; }
        .lightbox-wrapper .lightbox .lightbox-content .media hr {
          border: 0;
          height: 0px;
          border-top: 1px solid rgba(0, 0, 0, 0.1); }
        .lightbox-wrapper .lightbox .lightbox-content .media .media-title {
          font-size: 1.3em;
          margin: 16px 0; }
        .lightbox-wrapper .lightbox .lightbox-content .media .viewport {
          width: auto;
          white-space: nowrap; }
          .lightbox-wrapper .lightbox .lightbox-content .media .viewport .media-video, .lightbox-wrapper .lightbox .lightbox-content .media .viewport .media-image {
            width: 276px;
            height: 172px;
            display: inline-block;
            margin-right: 8px;
            margin-bottom: 12px; }
          .lightbox-wrapper .lightbox .lightbox-content .media .viewport .media-video iframe {
            width: 100%;
            height: 100%; }
          .lightbox-wrapper .lightbox .lightbox-content .media .viewport .media-video video {
            object-fit: fill; }
          .lightbox-wrapper .lightbox .lightbox-content .media .viewport .media-image {
            margin-right: 0; }
            .lightbox-wrapper .lightbox .lightbox-content .media .viewport .media-image img {
              width: 100%;
              height: 100%; }
      .lightbox-wrapper .lightbox .lightbox-content .description {
        font-size: 0.9em;
        height: 8em;
        line-height: 1.6em;
        letter-spacing: 0em;
        overflow: hidden; }
        .lightbox-wrapper .lightbox .lightbox-content .description .description-text {
          display: inline; }
      .lightbox-wrapper .lightbox .lightbox-content .readmore-state {
        display: none; }
      .lightbox-wrapper .lightbox .lightbox-content .readmore-trigger {
        margin: 1em 0;
        font-size: 0.7em;
        float: right; }
      .lightbox-wrapper .lightbox .lightbox-content .readmore-state ~ .readmore-trigger:before {
        color: #0094f2;
        cursor: pointer;
        content: 'Read More'; }
      .lightbox-wrapper .lightbox .lightbox-content .readmore-state:checked ~ .readmore-trigger:before {
        content: 'Read Less'; }
      .lightbox-wrapper .lightbox .lightbox-content .readmore-state:checked ~ .description {
        height: auto;
        overflow: visible; }

.subscribe-store .lightbox .subscribe-kv img {
  width: 100%;
  height: auto;
  overflow: hidden; }

.subscribe-store .lightbox .lightbox-content .information .app-spec {
  width: 100%;
  margin-bottom: -12px; }
  .subscribe-store .lightbox .lightbox-content .information .app-spec .title {
    margin-bottom: 4px;
    float: left; }
  .subscribe-store .lightbox .lightbox-content .information .app-spec .produced {
    clear: left;
    float: left; }
  .subscribe-store .lightbox .lightbox-content .information .app-spec .price {
    position: relative;
    top: -12px; }

.subscribe-store .lightbox .lightbox-content .description {
  height: 96px; }

.face-store .lightbox .lightbox-content .information .icon {
  width: 200px;
  height: auto; }

.face-store .lightbox .lightbox-content .information .app-spec {
  width: calc(100% - 220px);
  margin-bottom: -36px; }
  .face-store .lightbox .lightbox-content .information .app-spec .price {
    position: relative;
    top: -32px; }

.face-store .lightbox .lightbox-content .media .mobile-scrollbar-container .slide video,
.face-store .lightbox .lightbox-content .media .scrollbar-container .viewport .overview .slide video {
  object-fit: fill; }

.app-store .lightbox .lightbox-content .information .icon {
  width: 100px;
  height: 100px; }

.app-store .lightbox .lightbox-content .information .app-spec {
  width: calc(100% - 116px);
  margin-bottom: -36px; }
  .app-store .lightbox .lightbox-content .information .app-spec .produced .version:before {
    content: ' / '; }
  .app-store .lightbox .lightbox-content .information .app-spec .price {
    position: relative;
    top: -32px; }

.app-store .lightbox .lightbox-content .readmore-trigger {
  margin-bottom: 2.5em; }

.media-store .lightbox .media-kv {
  display: block;
  float: left;
  width: 160px;
  margin-left: 36px;
  margin-top: 16px; }
  .media-store .lightbox .media-kv img {
    width: 100%; }

.media-store .lightbox .lightbox-content {
  float: left;
  width: calc(100% - 200px);
  padding-left: 18px; }
  .media-store .lightbox .lightbox-content .media-kv-m {
    display: none; }
  .media-store .lightbox .lightbox-content .app-spec {
    width: 100%;
    margin-bottom: -36px; }
    .media-store .lightbox .lightbox-content .app-spec .price {
      top: -32px; }

.af-zb-appstore .af-zb-page-top.fixed {
  position: fixed;
  top: 0;
  z-index: 1; }

.af-zb-appstore .af-zb-banner .banner-block {
  padding-top: 19%; }
  .af-zb-appstore .af-zb-banner .banner-block .banner-inner {
    font-size: 1em; }
    .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-info {
      width: 25%;
      left: 33%;
      vertical-align: top;
      top: 3em;
      text-align: center; }
      .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-info .title {
        font-size: 2.2em;
        color: #fff; }
        .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-info .title img {
          display: inline-block;
          width: 3em;
          margin: 0; }
      .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-info .sub-title {
        width: 80%;
        margin: auto;
        font-size: 1em;
        line-height: 1.4em;
        color: #fff;
        text-align: center;
        padding: .4em 0; }

.af-zb-appstore .af-zb-banner .slick-dots {
  bottom: 0; }

.af-zb-appstore .section-block .lightbox-wrapper {
  display: none; }

.af-zb-appstore .section-block .section-kv {
  width: 100%; }
  .af-zb-appstore .section-block .section-kv img {
    width: 100%;
    height: auto; }

.af-zb-appstore .section-block .section-title {
  position: relative;
  padding: 2.1em 0 1.3em; }
  .af-zb-appstore .section-block .section-title .title {
    display: inline-block;
    font-size: 1.5em;
    line-height: 1.6em;
    font-weight: 400;
    color: #222; }
  .af-zb-appstore .section-block .section-title .desp {
    font-size: .9em;
    color: #777;
    padding-left: 1.5em;
    height: 1em;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto; }

.af-zb-appstore .section-block .section-content {
  background: #f2f2f2;
  padding: 2.5em 0 .3em; }
  .af-zb-appstore .section-block .section-content .sub-title {
    font-size: 1em;
    color: #000;
    padding: .6em 0 1em; }
  .af-zb-appstore .section-block .section-content .app-list {
    margin: 0 -1.125em; }
    .af-zb-appstore .section-block .section-content .app-list .slick-slide {
      display: inline-block;
      width: 16.66%;
      float: left;
      padding: 0 1.125em .2em; }
      .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap {
        display: block;
        width: 100%;
        background: #fff;
        padding: 1.25em;
        box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.11);
        border: 0;
        margin: 0;
        cursor: pointer; }
        .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-img {
          display: block;
          width: 100%;
          text-align: center;
          margin-bottom: 1.25em;
          padding-top: 70%;
          position: relative;
          overflow: hidden;
          border: 0;
          margin: 0; }
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-img img {
            display: inline-block;
            position: absolute;
            max-width: 100%;
            width: 60%;
            height: auto;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            border: 0; }
        .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info {
          height: 4em; }
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .title {
            font-size: .9em;
            color: #222;
            line-height: 1.3em;
            max-height: 2.6em;
            overflow: hidden; }
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .produced,
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category,
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .age {
            font-size: .7em;
            line-height: 1.4em;
            max-height: 1.4em;
            overflow: hidden;
            color: #777;
            margin: .2em 0; }
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category.tool:before, .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category.game:before, .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category.living:before, .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category.video:before, .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category.set:before, .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category.photography:before {
            content: "";
            display: inline-block;
            width: 1.2em;
            height: 1.2em;
            vertical-align: middle;
            margin-right: .3em; }
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category.tool:before {
            background: url("../images/icons/icon-cate-tool.png") center center no-repeat;
            background-size: 100% auto; }
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category.game:before {
            background: url("../images/icons/icon-cate-game.png") center center no-repeat;
            background-size: 100% auto; }
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category.living:before {
            background: url("../images/icons/icon-cate-living.png") center center no-repeat;
            background-size: 100% auto; }
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category.video:before {
            background: url("../images/icons/icon-cate-video.png") center center no-repeat;
            background-size: 100% auto; }
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category.set:before {
            background: url("../images/icons/icon-cate-set.png") center center no-repeat;
            background-size: 100% auto; }
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .category.photography:before {
            background: url("../images/icons/icon-cate-photography.png") center center no-repeat;
            background-size: 100% auto; }
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info .age:before {
            content: "";
            display: inline-block;
            width: 1.1em;
            height: 1.3em;
            background: url("../images/icons/icon-cate-age.png") center center no-repeat;
            background-size: 100% auto;
            vertical-align: middle;
            margin-right: .3em; }
        .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap.empty {
          background: #dedede url("../images/appstore/app-empty.png") center center no-repeat;
          background-size: 50% auto; }
    .af-zb-appstore .section-block .section-content .app-list .slick-prev,
    .af-zb-appstore .section-block .section-content .app-list .slick-next {
      left: auto;
      right: .55em;
      top: -2em;
      width: 1.5em;
      height: 1.5em;
      font-size: 1em; }
      .af-zb-appstore .section-block .section-content .app-list .slick-prev.slick-disabled,
      .af-zb-appstore .section-block .section-content .app-list .slick-next.slick-disabled {
        width: 0;
        font-size: 0; }
      .af-zb-appstore .section-block .section-content .app-list .slick-prev:before,
      .af-zb-appstore .section-block .section-content .app-list .slick-next:before {
        content: "\e917";
        font-family: "icomoon";
        font-size: 1.5em;
        background: none;
        color: #ccc; }
    .af-zb-appstore .section-block .section-content .app-list .slick-prev:before {
      content: "\e916"; }
    .af-zb-appstore .section-block .section-content .app-list.large li .block-wrap, .af-zb-appstore .section-block .section-content .app-list.medium li .block-wrap {
      padding: 0; }
      .af-zb-appstore .section-block .section-content .app-list.large li .block-wrap .block-img, .af-zb-appstore .section-block .section-content .app-list.medium li .block-wrap .block-img {
        margin-bottom: 0; }
        .af-zb-appstore .section-block .section-content .app-list.large li .block-wrap .block-img img, .af-zb-appstore .section-block .section-content .app-list.medium li .block-wrap .block-img img {
          width: 100%; }
    .af-zb-appstore .section-block .section-content .app-list.large li .block-wrap .block-img {
      padding-top: 140%; }
    .af-zb-appstore .section-block .section-content .app-list.large li .block-wrap .block-info {
      padding: .6em 1.25em 1em;
      height: 7em; }
    .af-zb-appstore .section-block .section-content .app-list.medium li .block-wrap .block-img {
      padding-top: 62%; }
    .af-zb-appstore .section-block .section-content .app-list.medium li .block-wrap .block-info {
      padding: 1em 1.25em 1em;
      height: 7em; }
    .af-zb-appstore .section-block .section-content .app-list:after {
      content: "";
      display: block;
      clear: both; }
  .af-zb-appstore .section-block .section-content:last-child {
    padding-bottom: 2.2em; }

.af-zb-appstore .section + .section + .section + .section + .section + .section {
  padding-bottom: 4.6em; }

@media only screen and (max-width: 1550px) {
  .af-zb-appstore .af-zb-banner .banner-block {
    padding-top: 0;
    height: 300px; }
    .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-img img {
      height: 100%;
      width: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -50%;
      right: -50%;
      margin: auto; }
    .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info {
      width: 350px;
      left: 30%; }
  .af-zb-appstore .section-block .section-kv .kv-bg {
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden; }
    .af-zb-appstore .section-block .section-kv .kv-bg img {
      height: 100%;
      width: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -50%;
      right: -50%;
      margin: auto; }
  .af-zb-appstore .section-block .section-content .app-list {
    margin: 0 -0.6em; }
    .af-zb-appstore .section-block .section-content .app-list > li,
    .af-zb-appstore .section-block .section-content .app-list .slick-slide {
      padding: 0 .6em .2em; } }

@media only screen and (max-width: 1450px) {
  .af-zb-appstore .section-block .section-content {
    padding-top: 3.5em; }
    .af-zb-appstore .section-block .section-content .app-list {
      margin: 0 -0.8em; }
      .af-zb-appstore .section-block .section-content .app-list > li,
      .af-zb-appstore .section-block .section-content .app-list .slick-slide {
        padding: 0 .8em .2em; } }

@media only screen and (max-width: 1100px) {
  .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info {
    width: 350px;
    left: 22%; } }

@media only screen and (max-width: 800px) {
  .lightbox-wrapper {
    position: fixed; }
    .lightbox-wrapper .lightbox {
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: scroll; }
      .lightbox-wrapper .lightbox .lightbox-header {
        padding: 12px 16px; }
        .lightbox-wrapper .lightbox .lightbox-header .closeBtn {
          top: -12px;
          right: -12px; }
      .lightbox-wrapper .lightbox .lightbox-content {
        padding: 16px 16px;
        width: 100%; }
        .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .age, .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .produced, .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .published {
          font-size: 1em; }
        .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .age {
          max-width: 200px; }
        .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .produced, .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .published {
          line-height: 1.2em; }
        .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .price {
          font-size: 1em;
          float: left;
          line-height: 2.4em; }
        .lightbox-wrapper .lightbox .lightbox-content .media .viewport .media-video, .lightbox-wrapper .lightbox .lightbox-content .media .viewport .media-image {
          width: 360px;
          height: 225px; }
        .lightbox-wrapper .lightbox .lightbox-content .description {
          font-size: 1em;
          height: auto;
          overflow: visible; }
        .lightbox-wrapper .lightbox .lightbox-content .readmore-target {
          display: block; }
        .lightbox-wrapper .lightbox .lightbox-content .readmore-trigger {
          float: right; }
        .lightbox-wrapper .lightbox .lightbox-content .readmore-state ~ .readmore-trigger:before {
          content: ''; }
  .subscribe-store .lightbox .lightbox-content .information .app-spec {
    margin-bottom: 0; }
    .subscribe-store .lightbox .lightbox-content .information .app-spec .title {
      margin-bottom: 16px; }
    .subscribe-store .lightbox .lightbox-content .information .app-spec .price {
      top: 0;
      clear: left; }
  .face-store .lightbox .lightbox-content .information .icon {
    width: 45%; }
  .face-store .lightbox .lightbox-content .information .app-spec {
    width: 50%;
    margin-bottom: 0; }
    .face-store .lightbox .lightbox-content .information .app-spec .price {
      top: 0; }
  .face-store .lightbox .lightbox-content .media .scrollbar-container {
    display: none; }
  .face-store .lightbox .lightbox-content .media .mobile-scrollbar-container {
    display: block;
    margin-bottom: 16px;
    overflow: hidden; }
    .face-store .lightbox .lightbox-content .media .mobile-scrollbar-container .slide {
      width: 335px;
      height: 184px; }
      .face-store .lightbox .lightbox-content .media .mobile-scrollbar-container .slide video {
        width: 96%; }
      .face-store .lightbox .lightbox-content .media .mobile-scrollbar-container .slide img {
        margin: 0;
        padding: 0;
        width: 96%;
        height: auto; }
  .app-store .lightbox .lightbox-content .information .app-spec {
    margin-bottom: 0; }
    .app-store .lightbox .lightbox-content .information .app-spec .produced .version {
      display: block; }
    .app-store .lightbox .lightbox-content .information .app-spec .produced .version:before {
      content: ''; }
    .app-store .lightbox .lightbox-content .information .app-spec .price {
      top: 0; }
  .app-store .lightbox .lightbox-content .media {
    width: 100%;
    white-space: nowrap;
    overflow: hidden; }
    .app-store .lightbox .lightbox-content .media .viewport {
      overflow: auto;
      max-width: 100%;
      margin-bottom: -20px;
      padding-bottom: 20px; }
  .media-store .lightbox .media-kv {
    display: none; }
  .media-store .lightbox .lightbox-content {
    width: 100%; }
    .media-store .lightbox .lightbox-content .information .media-kv-m {
      display: block;
      float: left;
      width: 40%;
      margin-right: 16px; }
      .media-store .lightbox .lightbox-content .information .media-kv-m img {
        width: 100%; }
    .media-store .lightbox .lightbox-content .information .app-spec {
      float: left;
      width: 55%; }
      .media-store .lightbox .lightbox-content .information .app-spec .price {
        float: left;
        top: 0; }
  .af-zb-appstore .af-zb-page-top.fixed {
    position: relative;
    top: initial; }
  .af-zb-appstore .af-zb-banner .banner-block {
    height: 250px; }
    .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-info {
      top: 2em; }
      .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-info .title {
        font-size: 1.8em; }
  .af-zb-appstore .section-block .section-title {
    padding: 1.5em 20px 1em;
    display: table; }
    .af-zb-appstore .section-block .section-title .main-inner {
      display: table-row; }
    .af-zb-appstore .section-block .section-title .title,
    .af-zb-appstore .section-block .section-title .desp {
      display: table-cell;
      vertical-align: middle;
      max-height: 2em;
      overflow: hidden; }
    .af-zb-appstore .section-block .section-title .title {
      font-size: 1.2em;
      padding-right: 1em;
      min-width: 5em; }
    .af-zb-appstore .section-block .section-title .desp {
      position: relative;
      padding: 0;
      line-height: 1.4em; }
  .af-zb-appstore .section-block .section-content {
    padding-top: 2em; }
    .af-zb-appstore .section-block .section-content .app-list {
      margin: 0 -0.4em; }
      .af-zb-appstore .section-block .section-content .app-list .slick-list {
        padding: 0 15% 0 0; }
      .af-zb-appstore .section-block .section-content .app-list.last .slick-list {
        padding: 0 0 0 15%; }
      .af-zb-appstore .section-block .section-content .app-list > li,
      .af-zb-appstore .section-block .section-content .app-list .slick-slide {
        padding: 0 .4em; }
        .af-zb-appstore .section-block .section-content .app-list > li .block-wrap,
        .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap {
          padding: .8em 0 0; }
          .af-zb-appstore .section-block .section-content .app-list > li .block-wrap .block-img,
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-img {
            margin-bottom: .6em; }
            .af-zb-appstore .section-block .section-content .app-list > li .block-wrap .block-img img,
            .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-img img {
              max-width: 60%; }
          .af-zb-appstore .section-block .section-content .app-list > li .block-wrap .block-info,
          .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info {
            height: 6em;
            padding: .4em .8em .8em; }
      .af-zb-appstore .section-block .section-content .app-list.large li .block-wrap .block-img img, .af-zb-appstore .section-block .section-content .app-list.medium li .block-wrap .block-img img {
        width: 100%;
        max-width: 100%; }
  .af-zb-appstore .section + .section + .section + .section + .section + .section {
    padding-bottom: 0; }
  .af-zb-appstore .gotop {
    margin-top: 3em; } }

@media only screen and (max-width: 450px) {
  .lightbox-wrapper {
    position: fixed; }
    .lightbox-wrapper .lightbox {
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: scroll; }
      .lightbox-wrapper .lightbox .lightbox-header {
        padding: 12px 16px; }
        .lightbox-wrapper .lightbox .lightbox-header .closeBtn {
          top: -10px;
          right: -12px; }
      .lightbox-wrapper .lightbox .lightbox-content {
        padding: 16px 16px;
        width: 100%; }
        .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .produced, .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .published {
          line-height: 1.2em; }
        .lightbox-wrapper .lightbox .lightbox-content .information .app-spec .price {
          font-size: 0.8em;
          float: left;
          line-height: 2.4em; }
        .lightbox-wrapper .lightbox .lightbox-content .media .viewport .media-video, .lightbox-wrapper .lightbox .lightbox-content .media .viewport .media-image {
          width: 276px;
          height: 172px; }
        .lightbox-wrapper .lightbox .lightbox-content .description {
          font-size: 1em;
          height: auto;
          overflow: visible; }
        .lightbox-wrapper .lightbox .lightbox-content .readmore-target {
          display: block; }
        .lightbox-wrapper .lightbox .lightbox-content .readmore-trigger {
          float: right; }
        .lightbox-wrapper .lightbox .lightbox-content .readmore-state ~ .readmore-trigger:before {
          content: ''; }
  .subscribe-store .lightbox .lightbox-content .information .app-spec {
    margin-bottom: 0; }
    .subscribe-store .lightbox .lightbox-content .information .app-spec .title {
      margin-bottom: 16px; }
    .subscribe-store .lightbox .lightbox-content .information .app-spec .price {
      top: 0;
      clear: left; }
  .face-store .lightbox .lightbox-content .information .icon {
    width: 45%; }
  .face-store .lightbox .lightbox-content .information .app-spec {
    width: 50%;
    margin-bottom: 0; }
    .face-store .lightbox .lightbox-content .information .app-spec .price {
      top: 0; }
  .face-store .lightbox .lightbox-content .media .scrollbar-container {
    display: none; }
  .face-store .lightbox .lightbox-content .media .mobile-scrollbar-container {
    display: block;
    margin-bottom: 16px; }
    .face-store .lightbox .lightbox-content .media .mobile-scrollbar-container .slide {
      width: 274px;
      height: 164px; }
      .face-store .lightbox .lightbox-content .media .mobile-scrollbar-container .slide video {
        width: 96%; }
      .face-store .lightbox .lightbox-content .media .mobile-scrollbar-container .slide img {
        margin: 0;
        padding: 0;
        width: 96%;
        height: 100%; }
  .app-store .lightbox .lightbox-content .information .app-spec {
    margin-bottom: 0; }
    .app-store .lightbox .lightbox-content .information .app-spec .produced .version {
      display: block; }
    .app-store .lightbox .lightbox-content .information .app-spec .produced .version:before {
      content: ''; }
    .app-store .lightbox .lightbox-content .information .app-spec .price {
      top: 0; }
  .app-store .lightbox .lightbox-content .media {
    width: 100%;
    white-space: nowrap;
    overflow: hidden; }
    .app-store .lightbox .lightbox-content .media .viewport {
      overflow: auto;
      max-width: 100%;
      margin-bottom: -20px;
      padding-bottom: 20px; }
      .app-store .lightbox .lightbox-content .media .viewport .media-video, .app-store .lightbox .lightbox-content .media .viewport .media-image {
        display: inline-block; }
  .media-store .lightbox .media-kv {
    display: none; }
  .media-store .lightbox .lightbox-content {
    width: 100%; }
    .media-store .lightbox .lightbox-content .information .media-kv-m {
      display: block;
      float: left;
      width: 40%;
      margin-right: 16px; }
      .media-store .lightbox .lightbox-content .information .media-kv-m img {
        width: 100%; }
    .media-store .lightbox .lightbox-content .information .app-spec {
      float: left;
      width: 55%; }
      .media-store .lightbox .lightbox-content .information .app-spec .price {
        float: left;
        top: 0; }
  .af-zb-appstore .af-zb-banner .banner-block {
    height: 180px; }
    .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-img img {
      left: -60%; }
    .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info {
      left: 5%; }
  .af-zb-appstore .section-block .section-kv .kv-bg img {
    left: -60%; }
  .af-zb-appstore .section-block .section-content .app-list .slick-list {
    padding: 0 20% 0 0; }
  .af-zb-appstore .section-block .section-content .app-list.last .slick-list {
    padding: 0 0 0 20%; }
  .af-zb-appstore .section-block .section-content .app-list > li .block-wrap,
  .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap {
    padding-bottom: 0; }
    .af-zb-appstore .section-block .section-content .app-list > li .block-wrap .block-info,
    .af-zb-appstore .section-block .section-content .app-list .slick-slide .block-wrap .block-info {
      height: 5em; }
  .af-zb-appstore .section-block .section-content .app-list.large li .block-wrap .block-info {
    padding: .6em .8em 1em;
    height: 7.5em; }
  .af-zb-appstore .section-block .section-content .app-list.medium li .block-wrap .block-info {
    padding: .8em .8em 1em; } }

@media only screen and (max-width: 400px) {
  .face-store .lightbox .lightbox-content .media .scrollbar-container {
    display: none; }
  .face-store .lightbox .lightbox-content .media .mobile-scrollbar-container .slide {
    width: 240px;
    height: 150px; }
    .face-store .lightbox .lightbox-content .media .mobile-scrollbar-container .slide img {
      height: 100%; }
  .af-zb-appstore .af-zb-banner .banner-block {
    height: 180px; }
    .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-img img {
      left: -75%; }
    .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .title {
      font-size: 1.4em; }
    .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
      width: 70%;
      font-size: .8em; } }

@media only screen and (max-width: 320px) {
  .af-zb-appstore .af-zb-banner .banner-block {
    height: 180px; }
    .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-img img {
      left: -100%; }
    .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info {
      left: 0;
      width: 95%; } }

@keyframes blur {
  100% {
    filter: blur(3px); } }

@keyframes fadeIn {
  100% {
    opacity: 1; } }

.clearFloat {
  clear: both; }

.fixedBody {
  overflow: hidden;
  position: fixed; }

#colorbox.video-colorbox #cboxWrapper #cboxContent {
  background: transparent; }
  #colorbox.video-colorbox #cboxWrapper #cboxContent #cboxLoadedContent {
    background: transparent; }
    #colorbox.video-colorbox #cboxWrapper #cboxContent #cboxLoadedContent .video-content {
      background: transparent; }
      #colorbox.video-colorbox #cboxWrapper #cboxContent #cboxLoadedContent .video-content video {
        width: 100% !important;
        height: auto !important; }

.af-zb-b2b .rwd-line-break {
  display: none; }

.af-zb-b2b .af-zb-btn.af-zb-btn-b span, .af-zb-b2b .af-zb-btn-b.af-zb-step-btn span {
  background: #f5f5f5;
  font-size: 16px; }
  .af-zb-b2b .af-zb-btn.af-zb-btn-b span:hover, .af-zb-b2b .af-zb-btn-b.af-zb-step-btn span:hover {
    background: transparent; }

.af-zb-b2b .af-zb-page-top {
  width: 100%;
  top: 3.5em;
  z-index: 1;
  font-size: 1em; }
  .af-zb-b2b .af-zb-page-top .page-menu ul li {
    line-height: 3.8em; }
    .af-zb-b2b .af-zb-page-top .page-menu ul li .icon {
      display: none; }

.af-zb-b2b .af-zb-top-banner {
  background: #fff;
  border: none; }
  .af-zb-b2b .af-zb-top-banner .banner-block .banner-inner .banner-wrap .banner-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 100%;
    background-size: cover; }
    .af-zb-b2b .af-zb-top-banner .banner-block .banner-inner .banner-wrap .banner-img img {
      width: 100%;
      height: auto;
      border: 0; }
  .af-zb-b2b .af-zb-top-banner .banner-block .banner-inner .banner-wrap .banner-img-M {
    display: none; }
  .af-zb-b2b .af-zb-top-banner .banner-block .banner-inner .banner-wrap .banner-info {
    text-align: center;
    left: 10%; }
    .af-zb-b2b .af-zb-top-banner .banner-block .banner-inner .banner-wrap .banner-info .title {
      font-weight: 300;
      font-size: 4em;
      color: white; }
    .af-zb-b2b .af-zb-top-banner .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
      font-weight: 300;
      font-size: 3.2em;
      color: white; }
    .af-zb-b2b .af-zb-top-banner .banner-block .banner-inner .banner-wrap .banner-info .desc {
      font-size: 0.8em;
      padding: 1em 2em;
      line-height: 1.6em;
      color: white; }
  .af-zb-b2b .af-zb-top-banner .top-slider .slick-dots {
    bottom: 5%; }
  .af-zb-b2b .af-zb-top-banner .slick-arrows {
    display: none; }

.af-zb-b2b .section-category,
.af-zb-b2b .section-service {
  text-align: center; }

.af-zb-b2b .section-category .grids {
  width: 80%;
  margin: 0 auto; }
  .af-zb-b2b .section-category .grids .grid {
    padding: 36px;
    text-align: center; }
    .af-zb-b2b .section-category .grids .grid .block-icon {
      width: 4em;
      height: 4em;
      margin: 0 auto; }
      .af-zb-b2b .section-category .grids .grid .block-icon .icon {
        width: 100%;
        height: 100%;
        font-size: 4em; }
    .af-zb-b2b .section-category .grids .grid .block-info .title {
      font-size: 1.3em;
      letter-spacing: 0.1em;
      padding: 0;
      line-height: 2em; }
    .af-zb-b2b .section-category .grids .grid .block-info .desc {
      color: #555555;
      font-size: 0.75em;
      letter-spacing: 0.05em;
      line-height: 1.6em;
      min-height: 130px;
      padding-bottom: 1em; }

.af-zb-b2b .section-service {
  margin-bottom: 2em; }
  .af-zb-b2b .section-service .service-info {
    width: 50%;
    margin: 0 auto; }
    .af-zb-b2b .section-service .service-info .title {
      font-size: 2.2em;
      line-height: 3em; }
    .af-zb-b2b .section-service .service-info .desc {
      color: #555555;
      font-size: 0.75em;
      line-height: 2em;
      padding-bottom: 2em; }
    .af-zb-b2b .section-service .service-info .image {
      width: 90%;
      margin: 0 auto;
      padding-bottom: 6em; }
      .af-zb-b2b .section-service .service-info .image img {
        width: 100%; }
  .af-zb-b2b .section-service .grids {
    width: 80%;
    margin: 0 auto; }
    .af-zb-b2b .section-service .grids .grid {
      min-height: 240px; }
      .af-zb-b2b .section-service .grids .grid:nth-child(3n) {
        clear: left; }
      .af-zb-b2b .section-service .grids .grid .block-icon {
        display: inline-block;
        width: 15%;
        vertical-align: text-top;
        margin-right: 1%; }
        .af-zb-b2b .section-service .grids .grid .block-icon .icon {
          position: relative;
          top: -0.1em;
          width: 100%;
          height: 100%;
          font-size: 4em; }
      .af-zb-b2b .section-service .grids .grid .block-info {
        display: inline-block;
        width: 80%;
        text-align: left;
        vertical-align: text-top; }
        .af-zb-b2b .section-service .grids .grid .block-info .title {
          font-size: 1.2em;
          padding-bottom: 0.4em; }
        .af-zb-b2b .section-service .grids .grid .block-info .update {
          color: #888888;
          font-size: 0.6em;
          padding-bottom: 2em; }
        .af-zb-b2b .section-service .grids .grid .block-info ul.desc {
          font-size: 0.75em;
          list-sytle: none; }
          .af-zb-b2b .section-service .grids .grid .block-info ul.desc li {
            line-height: 1.4em;
            padding-bottom: 0.8em;
            color: #555555; }
            .af-zb-b2b .section-service .grids .grid .block-info ul.desc li .list-decoration:before {
              display: inline-block;
              width: 1em;
              content: "\2022";
              vertical-align: top;
              line-height: 1em; }
            .af-zb-b2b .section-service .grids .grid .block-info ul.desc li .list-content {
              display: inline-block;
              width: 85%; }

.af-zb-b2b .section-hr {
  width: 100%;
  padding: 60px 0; }
  .af-zb-b2b .section-hr .hr-line {
    display: block;
    height: 1px;
    border: 0;
    border-top: 0.5px solid #dedede;
    width: 40%;
    margin: 0 auto; }

.af-zb-b2b .section-partner {
  background: #f5f5f5;
  width: 100%;
  position: relative;
  padding-bottom: 1em; }
  .af-zb-b2b .section-partner .partner-intro {
    width: 80%;
    margin: 0 auto;
    padding: 4em 0 2em;
    height: auto;
    font-size: initial;
    background: transparent;
    text-align: center; }
    .af-zb-b2b .section-partner .partner-intro .title {
      font-size: 2.2em;
      color: #222222;
      padding-bottom: 0.2em; }
    .af-zb-b2b .section-partner .partner-intro .desc {
      font-size: 0.8em;
      color: #555555;
      line-height: 1.6em; }
      .af-zb-b2b .section-partner .partner-intro .desc .icon {
        color: #434343; }
  .af-zb-b2b .section-partner .partner-list-wrapper {
    width: 80%;
    margin: 0 auto; }
    .af-zb-b2b .section-partner .partner-list-wrapper .content-block-list {
      position: relative;
      margin: 0 auto; }
    .af-zb-b2b .section-partner .partner-list-wrapper .partner-list ul {
      text-align: center; }
      .af-zb-b2b .section-partner .partner-list-wrapper .partner-list ul li {
        display: inline-block;
        position: relative;
        width: 18%;
        padding: 5px;
        transform: translateY(0);
        opacity: 1; }
        .af-zb-b2b .section-partner .partner-list-wrapper .partner-list ul li .content-block {
          width: 100%;
          padding-top: 56%;
          background: #fff;
          position: relative; }
          .af-zb-b2b .section-partner .partner-list-wrapper .partner-list ul li .content-block img {
            position: absolute;
            width: 100%;
            height: auto;
            padding: 1em;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
        .af-zb-b2b .section-partner .partner-list-wrapper .partner-list ul li:last-child {
          display: none; }
  .af-zb-b2b .section-partner .partner-slider {
    clear: left;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    padding: 2em 0 0em; }
    .af-zb-b2b .section-partner .partner-slider .slick-arrow {
      top: 160px; }
    .af-zb-b2b .section-partner .partner-slider .slick-prev {
      left: -75px; }
    .af-zb-b2b .section-partner .partner-slider .slick-next {
      right: -75px; }
    .af-zb-b2b .section-partner .partner-slider .slide .example-logo {
      width: 32%;
      margin: 0 auto; }
      .af-zb-b2b .section-partner .partner-slider .slide .example-logo img {
        display: block;
        width: 100%;
        height: auto; }
    .af-zb-b2b .section-partner .partner-slider .slide .example-quote {
      font-weight: 600;
      font-size: 0.9em;
      width: 90%;
      margin: 0 auto;
      padding: 2em 0;
      line-height: 1.6em; }
    .af-zb-b2b .section-partner .partner-slider .slide .example-link {
      padding-bottom: 4em; }

.af-zb-b2b .section-category-intro {
  margin-bottom: -6em; }
  .af-zb-b2b .section-category-intro .section-kv {
    position: relative;
    width: auto;
    height: 100vh;
    overflow: hidden;
    text-align: center; }
    .af-zb-b2b .section-category-intro .section-kv:before {
      content: "";
      height: 80%;
      display: inline-block;
      vertical-align: middle; }
    .af-zb-b2b .section-category-intro .section-kv .kv-bg-m {
      display: none;
      position: absolute;
      height: 100vh;
      top: 0;
      left: 0;
      transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
      overflow: hidden; }
      .af-zb-b2b .section-category-intro .section-kv .kv-bg-m img {
        position: absolute;
        width: auto;
        height: 100%;
        top: 0;
        left: 0; }
    .af-zb-b2b .section-category-intro .section-kv .kv-bg {
      position: absolute;
      width: 100vw;
      height: 100vh;
      top: 0;
      left: 0;
      transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
      overflow: hidden;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
      .af-zb-b2b .section-category-intro .section-kv .kv-bg img {
        position: absolute;
        width: auto;
        height: 100%;
        top: 0;
        left: 0; }
    .af-zb-b2b .section-category-intro .section-kv .kv-bg {
      opacity: 0; }
    .af-zb-b2b .section-category-intro .section-kv .blur.kv-bg {
      filter: blur(3px); }
    .af-zb-b2b .section-category-intro .section-kv .visible {
      opacity: 1; }
    .af-zb-b2b .section-category-intro .section-kv .visible.kv-intro .title,
    .af-zb-b2b .section-category-intro .section-kv .visible.kv-intro .desc {
      opacity: 1; }
    .af-zb-b2b .section-category-intro .section-kv .kv-intro {
      width: 60%;
      position: relative;
      display: inline-block;
      vertical-align: top;
      top: 8%; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .title,
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
        color: #000; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .title {
        font-size: 2.5em;
        font-weight: 200;
        opacity: 0;
        transition: all 4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0.25s; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
        font-size: 0.8em;
        line-height: 1.6em;
        padding-top: 1em;
        opacity: 0;
        transition: all 4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0.8s; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .icon {
        color: #000;
        font-size: 1.6em;
        width: 1em;
        height: 1em; }
  .af-zb-b2b .section-category-intro .section-content {
    width: 100%;
    position: relative;
    top: -190px;
    left: 0;
    right: 0;
    margin: auto; }
    .af-zb-b2b .section-category-intro .section-content .content-block-list {
      margin: 0;
      text-align: center;
      box-sizing: border-box;
      overflow: hidden; }
      .af-zb-b2b .section-category-intro .section-content .content-block-list li.list-block {
        background-color: #f5f5f5;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        width: 30%;
        max-width: 400px;
        padding: 0;
        margin-right: 1em;
        transform: translateY(4em);
        opacity: 0;
        transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0.15s; }
        .af-zb-b2b .section-category-intro .section-content .content-block-list li.list-block + li {
          transition-delay: 0.25s; }
          .af-zb-b2b .section-category-intro .section-content .content-block-list li.list-block + li + li {
            transition-delay: 0.35s; }
            .af-zb-b2b .section-category-intro .section-content .content-block-list li.list-block + li + li + li {
              transition-delay: 0.45s; }
        .af-zb-b2b .section-category-intro .section-content .content-block-list li.list-block:last-child {
          margin-right: 0; }
      .af-zb-b2b .section-category-intro .section-content .content-block-list .content-img {
        width: 100%; }
        .af-zb-b2b .section-category-intro .section-content .content-block-list .content-img img {
          width: 100%;
          height: auto; }
      .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info {
        padding: 1.5em; }
        .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .title {
          font-size: 1.2em;
          line-height: 1.5em;
          font-weight: 500;
          color: #222222;
          padding-bottom: 1em; }
        .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .desc {
          font-size: .7em;
          line-height: 1.6em;
          font-weight: 400;
          color: #555555;
          min-height: 160px; }
      .af-zb-b2b .section-category-intro .section-content .content-block-list .slick-prev {
        left: -60px; }
      .af-zb-b2b .section-category-intro .section-content .content-block-list .slick-next {
        right: -60px; }
      .af-zb-b2b .section-category-intro .section-content .content-block-list.partner-list {
        position: relative;
        margin: 0 auto; }
        .af-zb-b2b .section-category-intro .section-content .content-block-list.partner-list ul li {
          display: inline-block;
          float: left;
          position: relative;
          width: 20%;
          padding: 5px;
          transform: translateY(0);
          opacity: 1; }
          .af-zb-b2b .section-category-intro .section-content .content-block-list.partner-list ul li .content-block {
            width: 100%;
            padding-top: 56%;
            background: #fff;
            position: relative; }
            .af-zb-b2b .section-category-intro .section-content .content-block-list.partner-list ul li .content-block img {
              position: absolute;
              width: 100%;
              height: auto;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto; }
          .af-zb-b2b .section-category-intro .section-content .content-block-list.partner-list ul li:last-child:after {
            content: "";
            display: block;
            clear: both; }
        .af-zb-b2b .section-category-intro .section-content .content-block-list.partner-list ul:after {
          content: "";
          display: block;
          clear: both; }
    .af-zb-b2b .section-category-intro .section-content.visible .content-block-list li.list-block {
      transform: translateY(0);
      opacity: 1; }

.af-zb-b2b .section-story {
  background-color: #f5f5f5;
  width: 100%;
  text-align: center;
  padding-bottom: 100px; }
  .af-zb-b2b .section-story .intro {
    padding: 2em 2em 0; }
    .af-zb-b2b .section-story .intro .title {
      font-size: 2em;
      line-height: 1.5em; }
    .af-zb-b2b .section-story .intro .desc {
      color: #555555;
      font-size: 0.7em;
      line-height: 1.6em; }
  .af-zb-b2b .section-story .story-slider {
    width: 80%;
    margin: 0 auto; }
    .af-zb-b2b .section-story .story-slider .slick-arrow {
      top: 50%; }
    .af-zb-b2b .section-story .story-slider .slick-prev {
      left: -50px; }
    .af-zb-b2b .section-story .story-slider .slick-next {
      right: -50px; }
    .af-zb-b2b .section-story .story-slider .slide:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .af-zb-b2b .section-story .story-slider .slide .story-quote {
      line-height: 1.6em;
      width: 85%;
      margin: 0 auto; }
    .af-zb-b2b .section-story .story-slider .slide .media-slider,
    .af-zb-b2b .section-story .story-slider .slide .story-text {
      display: inline-block;
      width: 42%;
      vertical-align: middle;
      text-align: left; }
    .af-zb-b2b .section-story .story-slider .slide .story-text {
      padding: 2em; }
      .af-zb-b2b .section-story .story-slider .slide .story-text .title {
        font-size: 1.2em;
        line-height: 1.6em;
        padding-bottom: 1em; }
      .af-zb-b2b .section-story .story-slider .slide .story-text .desc {
        color: #555555;
        font-size: 0.7em;
        line-height: 1.8em; }
    .af-zb-b2b .section-story .story-slider .slide .media-slider {
      padding-top: 2em; }
      .af-zb-b2b .section-story .story-slider .slide .media-slider .slick-dots {
        position: relative;
        bottom: 0; }
      .af-zb-b2b .section-story .story-slider .slide .media-slider .image img {
        width: 100%;
        height: auto; }
      .af-zb-b2b .section-story .story-slider .slide .media-slider .video video {
        width: 100% !important;
        height: auto !important; }

.af-zb-b2b .section-contact {
  padding: 4em 0 6em;
  width: 90%;
  margin: 0 auto;
  text-align: center; }
  .af-zb-b2b .section-contact .title {
    font-size: 2.4em;
    padding-bottom: 1em; }
  .af-zb-b2b .section-contact .contacts .list {
    display: inline-block;
    width: 42%; }
    .af-zb-b2b .section-contact .contacts .list .title {
      font-size: 1.2em; }
    .af-zb-b2b .section-contact .contacts .list .contact-name,
    .af-zb-b2b .section-contact .contacts .list .phone,
    .af-zb-b2b .section-contact .contacts .list .email {
      color: #555555 !important;
      font-size: 0.9em;
      line-height: 1.4em;
      margin: 0 auto; }
      .af-zb-b2b .section-contact .contacts .list .contact-name .icon,
      .af-zb-b2b .section-contact .contacts .list .phone .icon,
      .af-zb-b2b .section-contact .contacts .list .email .icon {
        width: auto;
        height: 1em;
        font-size: 2em;
        color: #555555 !important; }
        .af-zb-b2b .section-contact .contacts .list .contact-name .icon:hover, .af-zb-b2b .section-contact .contacts .list .contact-name .icon.active,
        .af-zb-b2b .section-contact .contacts .list .phone .icon:hover,
        .af-zb-b2b .section-contact .contacts .list .phone .icon.active,
        .af-zb-b2b .section-contact .contacts .list .email .icon:hover,
        .af-zb-b2b .section-contact .contacts .list .email .icon.active {
          color: #555555 !important; }
    .af-zb-b2b .section-contact .contacts .list .phone {
      margin-left: -1.5em; }
    .af-zb-b2b .section-contact .contacts .list:first-child {
      border-right: 0.5px solid #dedede; }
    .af-zb-b2b .section-contact .contacts .list:last-child {
      padding-left: 1em; }

.af-zb-b2b-ADAM .af-zb-ADAM-top-banner {
  margin-bottom: -3px; }
  .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-img {
    width: 60%;
    height: auto;
    margin: 0 auto; }
    .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-img img {
      box-sizing: border-box;
      width: 100%;
      height: auto; }
  .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-img-M {
    display: none; }
    .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-img-M img {
      box-size: border-box;
      width: 100%; }
  .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap {
    width: 60%;
    margin: 0 auto; }
    .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info {
      top: 0;
      text-align: center; }
      .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info .title {
        color: #222222;
        font-size: 3em;
        line-height: 1.4em;
        padding: 1em 0 0.6em; }
        .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info .title .sub-title {
          font-size: 0.8em; }
      .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info .desc {
        color: #555555;
        font-size: 0.8em;
        line-height: 1.6em;
        letter-spacing: 0.1em; }

.af-zb-b2b-ADAM .section-ZMC-feature {
  background-color: #f5f5f5;
  padding: 4em 0; }
  .af-zb-b2b-ADAM .section-ZMC-feature .grids {
    width: 90%;
    margin: 0 auto;
    text-align: center; }
    .af-zb-b2b-ADAM .section-ZMC-feature .grids .grid .block-icon {
      padding-bottom: 1em;
      width: 10em;
      height: 10em;
      margin: 0 auto; }
      .af-zb-b2b-ADAM .section-ZMC-feature .grids .grid .block-icon .icon {
        width: 100%;
        height: 100%;
        font-size: 8em; }
      .af-zb-b2b-ADAM .section-ZMC-feature .grids .grid .block-icon .icon-zb-ADAM2 {
        font-size: 6em;
        padding-top: 0.25em; }
    .af-zb-b2b-ADAM .section-ZMC-feature .grids .grid .block-info {
      width: 75%;
      margin: 0 auto; }
      .af-zb-b2b-ADAM .section-ZMC-feature .grids .grid .block-info .title {
        color: #222222;
        font-size: 1.2em;
        line-height: 1.2em;
        padding-bottom: 1em; }
      .af-zb-b2b-ADAM .section-ZMC-feature .grids .grid .block-info .desc {
        font-size: 0.8em;
        line-height: 1.6em;
        color: #555555; }

.af-zb-b2b-business .section-category-intro .section-kv .kv-intro .title,
.af-zb-b2b-business .section-category-intro .section-kv .kv-intro .desc {
  color: white; }
  .af-zb-b2b-business .section-category-intro .section-kv .kv-intro .title .icon,
  .af-zb-b2b-business .section-category-intro .section-kv .kv-intro .desc .icon {
    color: white;
    font-size: 1.5em;
    width: 1.2em;
    height: 1em; }

.af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .title {
  min-height: 4em; }

.af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .desc {
  min-height: 10em; }

.accountInputContainer {
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: table; }
  .accountInputContainer .accountInputWrapper {
    vertical-align: middle;
    display: table-cell;
    line-height: 1.6em; }
    .accountInputContainer .accountInputWrapper .title {
      font-size: 1.8em;
      line-height: 1.6em;
      text-align: left;
      width: 90%;
      margin: 0 auto; }
      .accountInputContainer .accountInputWrapper .title.center {
        text-align: center; }
      .accountInputContainer .accountInputWrapper .title .icon {
        width: 64px;
        height: 72px;
        color: #c0c0c0;
        font-size: 72px;
        top: -6px; }
    .accountInputContainer .accountInputWrapper input {
      border: 1px solid #dedede;
      border-radius: 8px;
      padding: 0.5em 1em;
      text-align: left;
      font-size: 1em;
      width: 60%; }
      .accountInputContainer .accountInputWrapper input:focus {
        outline: none !important;
        border: 1px solid #0094f2;
        -webkit-box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.25);
        -moz-box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.25);
        box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.25); }
    .accountInputContainer .accountInputWrapper ul.note-list,
    .accountInputContainer .accountInputWrapper .contact {
      color: #555555;
      list-style: disc;
      text-align: left;
      width: 90%;
      margin: 0 auto 4px;
      list-style-position: inside;
      line-height: 2em;
      font-size: 1em; }
      .accountInputContainer .accountInputWrapper ul.note-list .icon,
      .accountInputContainer .accountInputWrapper .contact .icon {
        font-size: 1.6em;
        position: relative;
        top: -0.15em; }
        .accountInputContainer .accountInputWrapper ul.note-list .icon:hover,
        .accountInputContainer .accountInputWrapper .contact .icon:hover {
          color: #555555; }
    .accountInputContainer .accountInputWrapper .contact {
      background-color: #f5f5f5;
      padding: 0 8px;
      border-radius: 8px;
      margin-bottom: 1em; }
    .accountInputContainer .accountInputWrapper .caption {
      width: 90%;
      margin: 0 auto;
      text-align: left;
      font-size: 1em;
      margin-bottom: 1em; }
    .accountInputContainer .accountInputWrapper #purchase-step1-3-btn {
      width: 90px; }

#inputClose {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  font-size: 1em;
  cursor: pointer;
  display: none; }

.af-zb-step-btn {
  background: #999999;
  color: #fff; }
  .af-zb-step-btn:hover {
    color: #fff;
    cursor: default;
    box-shadow: none; }
  .af-zb-step-btn.valid {
    background: #008be4;
    background-image: -webkit-linear-gradient(left, #008be4, #00ccff);
    background-image: -moz-linear-gradient(left, #008be4, #00ccff);
    background-image: -ms-linear-gradient(left, #008be4, #00ccff);
    background-image: -o-linear-gradient(left, #008be4, #00ccff);
    background-image: linear-gradient(to right, #008be4, #00ccff); }
    .af-zb-step-btn.valid:hover {
      -webkit-box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.75);
      -moz-box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.75);
      box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.75);
      color: #fff;
      cursor: pointer; }

.af-zb-step-btn span,
.af-zb-b2b .af-zb-btn.af-zb-btn-b span,
.af-zb-b2b .af-zb-btn-b.af-zb-step-btn span,
.af-zb-b2b .af-zb-btn-b.af-zb-step-btn span {
  font-weight: normal; }

.af-zb-b2b-ZMC {
  color: #222222; }
  .af-zb-b2b-ZMC .af-zb-ZMC-top-banner {
    margin-bottom: -3px; }
    .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-img {
      width: 36%;
      height: auto;
      margin: 0 auto; }
      .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-img img {
        box-sizing: border-box;
        width: 100%;
        height: 100%; }
    .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap {
      width: 64%;
      margin: 0 auto; }
      .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap .banner-info {
        top: 0;
        text-align: center; }
        .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap .banner-info .title {
          color: #222222;
          font-size: 3em;
          line-height: 1.4em;
          padding: 1em 0 0.6em; }
          .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap .banner-info .title .sub-title {
            font-size: 0.8em; }
        .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap .banner-info .desc {
          color: #555555;
          font-size: 0.9em;
          line-height: 1.6em;
          letter-spacing: 0.1em; }
  .af-zb-b2b-ZMC .section-ZMC-feature {
    padding: 4em 0 0; }
    .af-zb-b2b-ZMC .section-ZMC-feature .grids {
      width: 80%;
      margin: 0 auto;
      text-align: left; }
      .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid {
        padding: 0 2em;
        margin-bottom: 2em;
        min-height: 360px; }
        .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon,
        .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-info {
          display: inline-block; }
        .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon {
          padding-bottom: 1em;
          width: 26%;
          height: 10em;
          margin: 0 auto;
          vertical-align: top; }
          .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon {
            position: relative;
            top: -10px;
            left: -16px;
            width: 100%;
            height: 100%;
            font-size: 6em; }
          .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon-zb-zmc-cms1 {
            top: 4px; }
        .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-info {
          width: 72%;
          margin: 0 auto; }
          .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-info .title {
            color: #222222;
            font-size: 1.2em;
            line-height: 1.6em;
            padding-bottom: 1.2em; }
          .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-info .desc {
            font-size: 0.8em;
            line-height: 1.6em;
            color: #555555; }
  .af-zb-b2b-ZMC .section-ZMC-payment + .section-contact {
    border-top: none; }
  .af-zb-b2b-ZMC .section-ZMC-payment {
    background-color: #f5f5f5;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 2em 0 4em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out; }
    .af-zb-b2b-ZMC .section-ZMC-payment .payment-title {
      font-size: 3em;
      line-height: 2em; }
    .af-zb-b2b-ZMC .section-ZMC-payment .payment-note {
      color: #555555;
      font-size: 0.8em;
      line-height: 1.6em;
      padding-bottom: 4em; }
    .af-zb-b2b-ZMC .section-ZMC-payment .plan {
      display: inline-block;
      width: 24%;
      min-height: 10em;
      background-color: #fff;
      padding: 4em 0;
      margin-right: 1em; }
      .af-zb-b2b-ZMC .section-ZMC-payment .plan:hover {
        -webkit-box-shadow: -1px 3px 15px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: -1px 3px 15px rgba(0, 0, 0, 0.25);
        box-shadow: -1px 3px 15px rgba(0, 0, 0, 0.25); }
      .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-detail {
        color: #0094f2;
        font-size: 1.2em; }
        .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-detail .plan-price {
          position: relative;
          font-size: 3em;
          vertical-align: text-top;
          top: -0.28em; }
        .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-detail .plan-period {
          font-size: 1.5em;
          vertical-align: text-top; }
      .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-description {
        color: #666666;
        line-height: 1.6em; }
        .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-description .line-through {
          text-decoration: line-through; }
      .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-hr {
        padding: 1em 0; }
        .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-hr .hr-line {
          display: block;
          height: 1px;
          border: 0;
          border-top: 1px solid #dedede;
          width: 60%;
          margin: 0 auto; }
      .af-zb-b2b-ZMC .section-ZMC-payment .plan:last-child {
        margin-right: 0; }
    .af-zb-b2b-ZMC .section-ZMC-payment .payment-haveKey {
      font-size: 1.2em;
      line-height: 2em;
      color: #555555;
      padding: 2em 0 0.5em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .section-hr {
    padding: 2em 0 10px; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .section-hr .hr-line {
      width: 100%; }
  .af-zb-b2b-ZMC .ZMC-payment-steps input,
  .af-zb-b2b-ZMC .ZMC-payment-steps select {
    border: 1px solid #dedede;
    border-radius: 6px;
    padding: 0.2em 0.5em;
    text-align: left;
    font-size: 1em;
    width: 120px; }
    .af-zb-b2b-ZMC .ZMC-payment-steps input:focus,
    .af-zb-b2b-ZMC .ZMC-payment-steps select:focus {
      outline: none !important;
      border: 1px solid #0094f2;
      -webkit-box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.25);
      -moz-box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.25);
      box-shadow: -1px 3px 15px rgba(9, 205, 255, 0.25); }
  .af-zb-b2b-ZMC .ZMC-payment-steps .ZMC-step-breadcrumb .mobile-title {
    display: none; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .ZMC-step-breadcrumb .ZMC-step-border {
    padding: 0;
    border-bottom: 1px solid #dedede;
    margin-bottom: 3em;
    text-align: left; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .ZMC-step-breadcrumb .ZMC-step-border .ZMC-step-wrapper {
      width: 100%;
      max-width: 1500px;
      margin: 0 auto; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .step1-mark,
  .af-zb-b2b-ZMC .ZMC-payment-steps .step2-mark,
  .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark {
    display: inline-block;
    padding: 40px 0 20px 0;
    margin-right: 95px;
    color: #a9a9a9;
    font-size: 18px; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .step1-mark .icon,
    .af-zb-b2b-ZMC .ZMC-payment-steps .step2-mark .icon,
    .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark .icon {
      margin-right: 0.5em;
      transition: none; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .step1-mark .checker,
    .af-zb-b2b-ZMC .ZMC-payment-steps .step2-mark .checker,
    .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark .checker {
      display: inline-block;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      line-height: 70px;
      vertical-align: middle;
      margin-right: 8px;
      position: relative;
      box-shadow: -1px 0 0 0.02em rgba(195, 195, 195, 0.75), -1px -1px 0 0.02em rgba(195, 195, 195, 0.25), -1px 1px 0 0.02em rgba(195, 195, 195, 0.25), 0 -1px 0 0.02em rgba(195, 195, 195, 0.5), 0 1px 0 0.02em rgba(195, 195, 195, 0.5), 1px -1px 0 0.02em rgba(195, 195, 195, 0.25), 1px 1px 0 0.02em rgba(195, 195, 195, 0.25), 1px 0 0 0.02em rgba(195, 195, 195, 0.75); }
      .af-zb-b2b-ZMC .ZMC-payment-steps .step1-mark .checker:after,
      .af-zb-b2b-ZMC .ZMC-payment-steps .step2-mark .checker:after,
      .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark .checker:after {
        display: inline-block;
        font-family: 'icomoon';
        content: "";
        position: absolute;
        width: 22px;
        line-height: 22px;
        text-align: center;
        vertical-align: middle;
        font-size: .7em;
        top: 0;
        left: 0;
        background: -webkit-linear-gradient(left, #008be4, #00ccff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #00ccff; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark {
    margin-right: 0; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step1 .purchase-step1 {
    display: block; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step1 .purchased-plan {
    display: none; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step1 .step1-mark {
    color: #0094f2;
    border-bottom: 8px solid #ededed; }
    .af-zb-b2b-ZMC .ZMC-payment-steps.step1 .step1-mark .checker {
      box-shadow: -1px 0 0 0.02em rgba(0, 139, 228, 0.75), -1px -1px 0 0.02em rgba(0, 156, 235, 0.25), -1px 1px 0 0.02em rgba(0, 156, 235, 0.25), 0 -1px 0 0.02em rgba(0, 172, 242, 0.5), 0 1px 0 0.02em rgba(0, 172, 242, 0.5), 1px -1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 0 0 0.02em rgba(0, 204, 255, 0.75); }
    .af-zb-b2b-ZMC .ZMC-payment-steps.step1 .step1-mark.success .checker:after {
      content: "\e911"; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step2 .purchased-plan {
    display: block; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step2 .purchase-step2 {
    display: block; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step2 .step1-mark {
    color: #0094f2;
    border-bottom: 8px solid #fff; }
    .af-zb-b2b-ZMC .ZMC-payment-steps.step2 .step1-mark .checker {
      box-shadow: -1px 0 0 0.02em rgba(0, 139, 228, 0.75), -1px -1px 0 0.02em rgba(0, 156, 235, 0.25), -1px 1px 0 0.02em rgba(0, 156, 235, 0.25), 0 -1px 0 0.02em rgba(0, 172, 242, 0.5), 0 1px 0 0.02em rgba(0, 172, 242, 0.5), 1px -1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 0 0 0.02em rgba(0, 204, 255, 0.75); }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step2 .step2-mark {
    color: #0094f2;
    border-bottom: 8px solid #ededed; }
    .af-zb-b2b-ZMC .ZMC-payment-steps.step2 .step2-mark .checker {
      box-shadow: -1px 0 0 0.02em rgba(0, 139, 228, 0.75), -1px -1px 0 0.02em rgba(0, 156, 235, 0.25), -1px 1px 0 0.02em rgba(0, 156, 235, 0.25), 0 -1px 0 0.02em rgba(0, 172, 242, 0.5), 0 1px 0 0.02em rgba(0, 172, 242, 0.5), 1px -1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 0 0 0.02em rgba(0, 204, 255, 0.75); }
    .af-zb-b2b-ZMC .ZMC-payment-steps.step2 .step2-mark.success .checker:after {
      content: "\e911"; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step2 .purchase-step2 {
    display: block; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .purchase-step1,
  .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .purchased-plan,
  .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .purchase-step2 {
    display: none; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .purchase-step3 {
    display: block; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .step1-mark {
    color: #0094f2;
    border-bottom: 8px solid #fff; }
    .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .step1-mark .checker {
      box-shadow: -1px 0 0 0.02em rgba(0, 139, 228, 0.75), -1px -1px 0 0.02em rgba(0, 156, 235, 0.25), -1px 1px 0 0.02em rgba(0, 156, 235, 0.25), 0 -1px 0 0.02em rgba(0, 172, 242, 0.5), 0 1px 0 0.02em rgba(0, 172, 242, 0.5), 1px -1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 0 0 0.02em rgba(0, 204, 255, 0.75); }
    .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .step1-mark .checker:after {
      content: "\e911"; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .step2-mark {
    color: #0094f2;
    border-bottom: 8px solid #fff; }
    .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .step2-mark .checker {
      box-shadow: -1px 0 0 0.02em rgba(0, 139, 228, 0.75), -1px -1px 0 0.02em rgba(0, 156, 235, 0.25), -1px 1px 0 0.02em rgba(0, 156, 235, 0.25), 0 -1px 0 0.02em rgba(0, 172, 242, 0.5), 0 1px 0 0.02em rgba(0, 172, 242, 0.5), 1px -1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 0 0 0.02em rgba(0, 204, 255, 0.75); }
    .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .step2-mark .checker:after {
      content: "\e911"; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .step3-mark {
    color: #0094f2;
    border-bottom: 8px solid #ededed; }
    .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .step3-mark .checker {
      box-shadow: -1px 0 0 0.02em rgba(0, 139, 228, 0.75), -1px -1px 0 0.02em rgba(0, 156, 235, 0.25), -1px 1px 0 0.02em rgba(0, 156, 235, 0.25), 0 -1px 0 0.02em rgba(0, 172, 242, 0.5), 0 1px 0 0.02em rgba(0, 172, 242, 0.5), 1px -1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 1px 0 0.02em rgba(0, 188, 249, 0.25), 1px 0 0 0.02em rgba(0, 204, 255, 0.75); }
    .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .step3-mark.success .checker:after {
      content: "\e911"; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .purchase-step3 {
    display: block; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .step-hr {
    border: 1px solid #dedede; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .col-wrapper {
    width: 100%; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2-3,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 {
    display: none;
    max-width: 1500px;
    margin: 0 auto;
    padding: 2em 2em 4em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2-3 .title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .title {
      font-size: 1.4em;
      font-weight: bold;
      padding-bottom: 1em;
      line-height: 2em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .btn-group.btn-align {
    text-align: right; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 {
    background-color: #f5f5f5;
    margin-bottom: 2em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-detail,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-total {
      display: inline-block;
      vertical-align: top; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-detail {
      width: 72%; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-detail .purchase-step-col {
        padding-bottom: 1em; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-detail .purchase-step-col.plan-price {
          width: 20%; }
          .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-detail .purchase-step-col.plan-price .caption {
            font-size: 0.7em;
            color: #555555; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-total {
      float: right;
      width: 28%;
      text-align: right; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-plan-title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchased-package,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col {
      display: inline-block;
      width: 32%;
      vertical-align: top;
      color: #222222;
      padding-bottom: 2em;
      line-height: 1.4em;
      font-size: 1em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-plan-title.last,
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchased-package.last,
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.last {
        text-align: left; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-plan-title span.caption,
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchased-package span.caption,
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col span.caption {
        font-size: 0.7em;
        color: #555555; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchased-package {
      width: 50%;
      line-height: 1.6em;
      padding-bottom: 1em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchased-package #edit-quantity {
        font-size: 1em;
        width: 36%;
        display: none; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchased-package #purchase-quantity {
        font-size: 1em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchased-package .caption {
        font-size: 0.7em;
        color: #555555; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-note {
      position: relative;
      top: -2em;
      color: #555555;
      font-size: 0.7em;
      padding-bottom: 2em;
      line-height: 2em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-price {
      color: #222222;
      font-size: 1.4em;
      font-weight: bold;
      line-height: 2em;
      padding-bottom: 1em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .price-text {
      font-size: 1em;
      line-height: 1.6em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-hr {
      margin: 1em 0 2em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 #purchase-step1-confirm-edit {
      display: none; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 {
    padding: 2em 0; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 input,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 select {
      padding: 0.5em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 input {
      width: 49em;
      margin-right: 1em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 select {
      width: 24em;
      margin-right: 1em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 input#invoice-full-address {
      position: relative;
      left: 1px; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .label {
      width: 6em;
      display: inline-block; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info {
      font-size: 1em;
      line-height: 2.4em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info .invoice-title {
        padding-bottom: 0.5em; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info .invoice-title:after {
          content: '* 必填';
          color: #f00;
          font-size: 0.8em; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info .invoice-title.valid:after {
          display: none; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-address {
      padding-bottom: 0.5em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-address #twzipcode {
        display: inline-block;
        width: 56em; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-address #twzipcode:after {
          content: ' * 必填';
          color: #f00;
          font-size: 0.8em; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-address #twzipcode .zipcode-style {
          display: none; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-address.valid #twzipcode::after {
        display: none; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2-3 {
    font-size: 1.8em;
    color: #f00;
    font-weight: bold;
    line-height: 2em;
    padding: 0 0 0.5em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 {
    padding: 0 0 2em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .title {
      font-size: 1.8em;
      padding: 0;
      line-height: 1.6em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .caption {
      color: #555555; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail {
      background-color: #f5f5f5;
      padding: 2em;
      line-height: 2em;
      font-weight: bold; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail::after {
        clear: both; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info {
        background-color: #fff;
        padding: 2em; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .left-col {
          float: left;
          text-align: left; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .right-col {
          float: right;
          text-align: right; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-title {
          font-size: 1.4em;
          padding-bottom: 20px; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-name,
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-plan {
          display: inline-block;
          margin-right: 2em; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-plan,
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-price {
          color: #555555;
          font-weight: normal; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-plan {
          margin-right: 0; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-total {
          font-size: 1.4em;
          padding-bottom: 20px; }
  .af-zb-b2b-ZMC .ZMC-footer-wrapper {
    width: 92%;
    margin: 0 auto;
    padding: 0em 0 6em;
    max-width: 1500px; }
    .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-logos {
      float: left; }
    .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact {
      float: right;
      line-height: 1.6em; }
      .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact .title {
        font-size: 1.2em;
        padding-bottom: 0.25em; }
      .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact .contacts {
        color: #555555;
        font-size: 0.9em; }
        .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact .contacts .list .phone .icon,
        .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact .contacts .list .email .icon {
          position: relative;
          height: 1em;
          left: 0;
          top: 0;
          margin-left: -0.25em;
          margin-right: 0.25em;
          font-size: 2em;
          color: #555555; }
          .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact .contacts .list .phone .icon:hover,
          .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact .contacts .list .email .icon:hover {
            color: #555555; }
  .af-zb-b2b-ZMC .section-contact {
    width: 80%;
    border-top: 1px solid #dedede; }
  .af-zb-b2b-ZMC .section-ZMC-payment + .section-contact {
    border-top: none; }

@media only screen and (max-width: 1700px) {
  .af-zb-b2b .section-kv .kv-intro .title {
    font-size: 2em;
    line-height: 1.3em; }
  .af-zb-b2b .section-kv .kv-intro .desc {
    font-size: 0.92em; }
  .af-zb-b2b .section-intro .section-content {
    width: 90%; }
    .af-zb-b2b .section-intro .section-content .content-block-list ul .content-block {
      min-height: 560px; }
      .af-zb-b2b .section-intro .section-content .content-block-list ul .content-block .content-info {
        padding: 0 1em; }
        .af-zb-b2b .section-intro .section-content .content-block-list ul .content-block .content-info .title {
          font-size: 1.25em;
          padding-bottom: 1em; }
        .af-zb-b2b .section-intro .section-content .content-block-list ul .content-block .content-info .desc {
          font-size: .7em; } }

@media only screen and (max-width: 1600px) {
  .af-zb-b2b-ZMC .ZMC-payment-steps .ZMC-step-breadcrumb .ZMC-step-border .ZMC-step-wrapper {
    width: 100%;
    padding: 0 20px; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2-3,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 {
    width: 93%;
    margin: 0 auto; } }

@media only screen and (max-width: 1560px) {
  .af-zb-b2b .section-category-intro .section-content {
    top: -240px; }
  .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid {
    min-height: 400px; }
    .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-info .title {
      min-height: 5em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2-3,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 {
    width: 97%;
    margin: 0 auto; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 {
    margin-bottom: 2em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 input {
    width: 33em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 select {
    width: 16em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-address #twzipcode {
    width: 40em; }
  .af-zb-b2b-ZMC .ZMC-footer-wrapper {
    width: 97%; } }

@media only screen and (max-width: 1400px) {
  .af-zb-b2b .section-category-intro {
    margin-bottom: -11em; }
    .af-zb-b2b .section-category-intro .section-kv .kv-intro {
      width: 75%;
      top: 6%; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .title {
        font-size: 2.4em; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
        font-size: 0.7em; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .icon {
        color: #000;
        font-size: 2em;
        width: 1em;
        height: .9em; }
    .af-zb-b2b .section-category-intro .section-content {
      top: -12em; }
  .af-zb-b2b-business .section-category-intro .section-kv .kv-intro .title {
    font-size: 2.8em; }
  .af-zb-b2b-business .section-category-intro .section-kv .kv-intro .icon {
    color: #000;
    font-size: 1.6em;
    width: 1em;
    height: .9em; }
  .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid {
    min-height: 460px; }
    .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon {
      left: 0px;
      font-size: 5em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-note {
    top: 0; } }

@media only screen and (max-width: 1300px) {
  .af-zb-b2b .section-category .grids {
    width: 90%; }
  .af-zb-b2b .section-category-intro {
    margin-bottom: -10em; }
    .af-zb-b2b .section-category-intro .section-content {
      top: -280px; }
  .af-zb-b2b .section-service .grids .grid .block-icon .icon {
    font-size: 3em; }
  .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap {
    width: 80%; }
  .af-zb-b2b-ZMC .section-ZMC-feature .grids {
    width: 90%; }
    .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid {
      padding: 0 1em;
      min-height: 440px; }
  .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-detail .plan-period {
    font-size: 1em; }
  .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-detail .plan-price {
    font-size: 2.4em; } }

@media only screen and (max-width: 1280px) {
  .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .title {
    font-size: 3.2em; }
  .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
    font-size: 2.4em; }
  .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .desc {
    font-size: 0.8em; }
  .af-zb-b2b .section-category .grids .grid .block-info .desc {
    min-height: 160px; }
  .af-zb-b2b .section-category-intro {
    margin-bottom: -10em; }
    .af-zb-b2b .section-category-intro .section-kv .kv-intro {
      top: 2em; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .title {
        font-size: 2em; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
        font-size: 0.7em; }
    .af-zb-b2b .section-category-intro .section-content {
      top: -12em; }
      .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info {
        padding: 1em; }
  .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap {
    width: 80%; }
  .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-img {
    width: 80%; }
  .af-zb-b2b-education .section-category-intro .section-content .content-block-list .content-info .title {
    min-height: 2em; }
  .af-zb-b2b-education .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 8em; }
  .af-zb-b2b-healthcare .section-category-intro .section-content .content-block-list .content-info .title {
    min-height: 2em; }
  .af-zb-b2b-healthcare .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 10em; }
  .af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .title {
    min-height: 4em; }
  .af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 12em; }
  .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon {
    width: 24%; }
    .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon {
      font-size: 5em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 input {
    width: 25em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 select {
    width: 12em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-address #twzipcode {
    width: 36em; } }

@media only screen and (max-width: 1100px) {
  .af-zb-b2b .section-category .grids .grid .block-icon .icon {
    font-size: 3.2em; }
  .af-zb-b2b .section-category-intro {
    margin-bottom: -8em; }
    .af-zb-b2b .section-category-intro .section-kv .kv-intro {
      width: 85%;
      top: 4%; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .title {
        font-size: 2em; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
        font-size: 0.7em; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .icon {
        color: #000;
        font-size: 1.8em;
        width: 1em;
        height: .9em; }
    .af-zb-b2b .section-category-intro .section-content {
      top: -10em; }
      .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info {
        padding: 1em; }
        .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .title {
          font-size: 1.1em; }
        .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .desc {
          min-height: 12em; }
  .af-zb-b2b .section-intro .intro-nav {
    right: 1em; }
    .af-zb-b2b .section-intro .intro-nav ul {
      top: 20%; }
      .af-zb-b2b .section-intro .intro-nav ul li {
        width: .45em;
        height: .45em;
        margin-bottom: .4em; }
  .af-zb-b2b .section-partner .section-kv {
    margin-bottom: 3em; }
  .af-zb-b2b .section-story .story-slider .slide .story-quote {
    width: 90%;
    margin: 0 auto;
    line-height: 1.6em; }
  .af-zb-b2b .section-story .story-slider .slide .media-slider,
  .af-zb-b2b .section-story .story-slider .slide .story-text {
    width: 90%; }
  .af-zb-b2b-education .section-category-intro .section-content .content-block-list .content-info .title {
    min-height: 2em; }
  .af-zb-b2b-education .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 8em; }
  .af-zb-b2b-healthcare .section-category-intro .section-content .content-block-list .content-info .title {
    min-height: 2em; }
  .af-zb-b2b-healthcare .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 10em; }
  .af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .title {
    min-height: 4em; }
  .af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 12em; }
  .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap {
    width: 85%; }
    .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap .banner-info .title {
      font-size: 2.4em; }
  .af-zb-b2b-ZMC .section-ZMC-feature .grids {
    width: 95%; }
    .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid {
      min-height: 480px;
      padding: 0 1em; }
      .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon {
        left: -10px; }
  .af-zb-b2b-ZMC .section-ZMC-payment .payment-title {
    font-size: 2.4em; }
  .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-detail .plan-period {
    font-size: 0.8em; }
  .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-detail .plan-price {
    font-size: 2em; }
  .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-title,
  .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-description {
    font-size: 0.8em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 input {
    width: 25em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 select {
    width: 12em; } }

@media only screen and (max-width: 1000px) {
  .af-zb-b2b .section-category-intro {
    margin-bottom: -7em; }
    .af-zb-b2b .section-category-intro .section-kv .kv-intro {
      width: 80%;
      top: 2em; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .title {
        font-size: 1.6em; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
        font-size: 0.6em; }
    .af-zb-b2b .section-category-intro .section-content {
      top: -9em; }
      .af-zb-b2b .section-category-intro .section-content .content-block-list {
        padding: 0.5em; }
        .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .title {
          font-size: 1em;
          min-height: 2em; }
        .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .desc {
          font-size: 0.6em; }
  .af-zb-b2b .section-category .grids {
    width: 90%; }
    .af-zb-b2b .section-category .grids .grid {
      padding: 18px; }
      .af-zb-b2b .section-category .grids .grid .block-info .desc {
        min-height: 160px; }
  .af-zb-b2b .section-hr .hr-line {
    width: 75%; }
  .af-zb-b2b .section-service .service-info {
    width: 60%; }
  .af-zb-b2b .section-service .grids .grid {
    min-height: 260px; }
  .af-zb-b2b .section-partner .partner-slider {
    width: 80%; }
    .af-zb-b2b .section-partner .partner-slider .slide .example-quote {
      width: 80%; }
    .af-zb-b2b .section-partner .partner-slider .slick-prev {
      left: -60px; }
    .af-zb-b2b .section-partner .partner-slider .slick-next {
      right: -60px; }
  .af-zb-b2b .section-service .grids .grid .block-icon .icon {
    font-size: 2.4em; }
  .af-zb-b2b-education .section-category-intro .section-content .content-block-list .content-info {
    padding: 1em; }
    .af-zb-b2b-education .section-category-intro .section-content .content-block-list .content-info .title {
      min-height: 2em; }
    .af-zb-b2b-education .section-category-intro .section-content .content-block-list .content-info .desc {
      font-size: 0.6em;
      min-height: 8em; }
  .af-zb-b2b-healthcare .section-category-intro .section-content .content-block-list .content-info .title {
    min-height: 2em; }
  .af-zb-b2b-healthcare .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 12em; }
  .af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .title {
    min-height: 5.6em; }
  .af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 13em; }
  .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info .title {
    font-size: 2.4em; }
  .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap .banner-info .title {
    font-size: 2em; }
  .af-zb-b2b-ZMC .section-ZMC-feature .grids {
    width: 100%; }
    .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid {
      padding: 0 1em; }
      .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon {
        width: 22%; }
        .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon {
          font-size: 4em; }
        .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon-zb-ADAM2 {
          font-size: 4em;
          top: 25%; }
  .af-zb-b2b-ZMC .section-ZMC-payment .payment-title {
    font-size: 2em; }
  .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-detail .plan-period {
    font-size: 0.8em; }
  .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-detail .plan-price {
    font-size: 2em; }
  .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-title,
  .af-zb-b2b-ZMC .section-ZMC-payment .plan .plan-description {
    font-size: 0.8em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 input {
    width: 25em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 select {
    width: 12em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-address #twzipcode {
    width: 24em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .section-hr {
    padding: 40px 0; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .left-col {
    float: none;
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .right-col {
    float: none;
    text-align: left;
    padding-top: 20px;
    border-bottom: none; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-title {
    font-size: 1.6em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-name,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-plan {
    display: block;
    margin-right: 2em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-plan,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-price {
    color: #555555;
    font-weight: normal; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-total {
    padding-bottom: 0; } }

@media only screen and (max-width: 800px) {
  .af-zb-b2b {
    -webkit-overflow-scrolling: touch; }
    .af-zb-b2b .rwd-line-break {
      display: block; }
    .af-zb-b2b .af-zb-btn.af-zb-btn-b span, .af-zb-b2b .af-zb-btn-b.af-zb-step-btn span {
      font-size: 12px;
      line-height: 3.2em !important; }
    .af-zb-b2b .af-zb-page-top {
      position: fixed;
      top: -60px;
      font-size: .9em; }
      .af-zb-b2b .af-zb-page-top.fixed {
        position: fixed;
        top: 0;
        background: #fff;
        animation: fromTop .4s;
        -webkit-animation: fromTop .4s;
        -moz-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3); }
      .af-zb-b2b .af-zb-page-top .page-menu ul li {
        line-height: 3.5em;
        opacity: 0; }
        .af-zb-b2b .af-zb-page-top .page-menu ul li .icon {
          display: none; }
        .af-zb-b2b .af-zb-page-top .page-menu ul li.active {
          opacity: 1; }
          .af-zb-b2b .af-zb-page-top .page-menu ul li.active a:after {
            content: "\e91e";
            font-size: .7em;
            display: inline-block;
            font-family: "icomoon";
            color: #0094f2;
            margin-left: .5em; }
      .af-zb-b2b .af-zb-page-top.open {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0; }
        .af-zb-b2b .af-zb-page-top.open .main-inner {
          padding: 0; }
        .af-zb-b2b .af-zb-page-top.open .page-title {
          display: block;
          width: 100%;
          background: #f5f5f5;
          -moz-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
          -webkit-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3); }
          .af-zb-b2b .af-zb-page-top.open .page-title span {
            display: none; }
          .af-zb-b2b .af-zb-page-top.open .page-title .menu-close {
            display: inline-block;
            position: relative;
            float: right;
            width: 2.4em;
            height: 2.4em;
            line-height: 2.4em;
            text-align: center; }
            .af-zb-b2b .af-zb-page-top.open .page-title .menu-close:after {
              content: "\e91a";
              display: inline-block;
              font-family: "icomoon";
              font-size: 1.4em;
              color: #777; }
        .af-zb-b2b .af-zb-page-top.open .page-menu {
          display: block;
          width: 100%;
          padding: 0 2em; }
          .af-zb-b2b .af-zb-page-top.open .page-menu ul li {
            display: block;
            opacity: 1;
            margin: 0;
            border-bottom: 1px solid #e9e9e9; }
            .af-zb-b2b .af-zb-page-top.open .page-menu ul li a {
              display: block;
              font-size: 1.3em;
              line-height: 1.6em;
              padding: .7em 0 .5em; }
              .af-zb-b2b .af-zb-page-top.open .page-menu ul li a .icon {
                width: 1em;
                height: 1em;
                color: #9e9e9e;
                font-size: 1.8em;
                margin-right: .2em;
                vertical-align: middle; }
              .af-zb-b2b .af-zb-page-top.open .page-menu ul li a:after {
                display: none; }
            .af-zb-b2b .af-zb-page-top.open .page-menu ul li .icon {
              display: inline-block; }
              .af-zb-b2b .af-zb-page-top.open .page-menu ul li .icon .icon {
                color: #0094f2; }
    .af-zb-b2b .af-zb-top-banner .slick-arrows {
      display: none; }
    .af-zb-b2b .top-slider .banner-block {
      padding-top: 100%; }
      .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap {
        text-align: center; }
        .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap:before {
          height: 0; }
        .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-img {
          display: none;
          padding: 0;
          margin: 0; }
        .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-img-M {
          display: block;
          position: relative;
          top: -13px;
          height: 100%; }
          .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-img-M img {
            width: 100%;
            height: auto; }
        .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info {
          position: absolute;
          top: 10%;
          left: 0;
          width: 100%; }
          .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .title {
            width: 90%;
            margin: 0 auto;
            font-size: 3.6em; }
          .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
            width: 90%;
            margin: 0 auto;
            font-size: 3em; }
          .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .desc {
            width: 90%;
            margin: 0 auto;
            font-size: 1.1em;
            padding: 1em 1em 0 1em; }
    .af-zb-b2b .section-intro .intro-section {
      height: auto;
      margin-bottom: 5px; }
      .af-zb-b2b .section-intro .intro-section .section-block {
        background: #f5f5f5;
        padding-bottom: .3em; }
    .af-zb-b2b .section-intro .intro-nav {
      display: none; }
    .af-zb-b2b .section-partner {
      padding-bottom: 1.5em; }
      .af-zb-b2b .section-partner .partner-list-wrapper {
        width: 100%; }
        .af-zb-b2b .section-partner .partner-list-wrapper .partner-list ul li {
          float: left;
          width: 50%;
          margin-bottom: 0;
          padding: 3px; }
          .af-zb-b2b .section-partner .partner-list-wrapper .partner-list ul li:last-child {
            display: block; }
      .af-zb-b2b .section-partner .partner-slider {
        width: 80%; }
        .af-zb-b2b .section-partner .partner-slider .slide .example-quote {
          width: 80%; }
        .af-zb-b2b .section-partner .partner-slider .slick-prev {
          left: -48px; }
        .af-zb-b2b .section-partner .partner-slider .slick-next {
          right: -48px; }
    .af-zb-b2b .section-category .grids {
      padding-top: 2em; }
      .af-zb-b2b .section-category .grids .grid {
        padding-bottom: 4em; }
        .af-zb-b2b .section-category .grids .grid:last-child {
          padding-bottom: 2em; }
        .af-zb-b2b .section-category .grids .grid .block-info .title {
          font-size: 1.6em;
          line-height: 1.6em; }
        .af-zb-b2b .section-category .grids .grid .block-info .desc {
          min-height: 0;
          font-size: 0.8em;
          padding-bottom: 1em; }
    .af-zb-b2b .section-content {
      top: 0;
      width: 100%; }
      .af-zb-b2b .section-content .content-block-list {
        padding: 0 1.5em; }
        .af-zb-b2b .section-content .content-block-list li {
          opacity: 1; }
          .af-zb-b2b .section-content .content-block-list li + li,
          .af-zb-b2b .section-content .content-block-list li + li + li,
          .af-zb-b2b .section-content .content-block-list li + li + li + li {
            transition-delay: initial; }
        .af-zb-b2b .section-content .content-block-list .content-block .content-info {
          margin: 0;
          padding: .8em 1em; }
          .af-zb-b2b .section-content .content-block-list .content-block .content-info .title {
            color: #000; }
          .af-zb-b2b .section-content .content-block-list .content-block .content-info .desc {
            font-size: 1em; }
          .af-zb-b2b .section-content .content-block-list .content-block .content-info .annotation {
            font-size: .8em; }
    .af-zb-b2b .section-contact {
      padding: 4em 0 2em;
      width: 80%;
      margin: 0 auto;
      text-align: center; }
      .af-zb-b2b .section-contact .title {
        font-size: 2em;
        padding-bottom: 0; }
      .af-zb-b2b .section-contact .contacts .list {
        display: inline-block;
        width: 100%;
        padding: 3em 0; }
        .af-zb-b2b .section-contact .contacts .list .title {
          font-size: 1.1em;
          padding-bottom: 1em; }
        .af-zb-b2b .section-contact .contacts .list .phone,
        .af-zb-b2b .section-contact .contacts .list .email {
          color: #555555;
          font-size: 1em;
          line-height: 1.4em; }
          .af-zb-b2b .section-contact .contacts .list .phone .icon,
          .af-zb-b2b .section-contact .contacts .list .email .icon {
            font-size: 2.2em; }
        .af-zb-b2b .section-contact .contacts .list:first-child {
          border-bottom: 1px solid #dedede;
          border-right: none;
          padding-bottom: 3em; }
        .af-zb-b2b .section-contact .contacts .list:last-child {
          padding-left: 0; }
    .af-zb-b2b .section-category-intro {
      margin-bottom: 0px; }
      .af-zb-b2b .section-category-intro .section-kv:before {
        display: none; }
      .af-zb-b2b .section-category-intro .section-kv .kv-bg {
        display: none; }
      .af-zb-b2b .section-category-intro .section-kv .kv-bg-m {
        display: block;
        position: relative;
        height: 100vh;
        width: auto;
        opacity: 0; }
        .af-zb-b2b .section-category-intro .section-kv .kv-bg-m img {
          position: relative;
          width: auto;
          height: 100%; }
      .af-zb-b2b .section-category-intro .section-kv .kv-intro {
        float: left;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0; }
        .af-zb-b2b .section-category-intro .section-kv .kv-intro .title,
        .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
          width: 85%;
          margin: 0 auto;
          position: relative;
          top: 8%; }
        .af-zb-b2b .section-category-intro .section-kv .kv-intro .title {
          font-size: 2.2em; }
          .af-zb-b2b .section-category-intro .section-kv .kv-intro .title .icon {
            position: relative;
            font-size: 1.6em;
            top: -0.1em; }
        .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
          font-size: 0.9em; }
      .af-zb-b2b .section-category-intro .section-content {
        top: 0px; }
        .af-zb-b2b .section-category-intro .section-content .content-block-list {
          padding: 1em; }
          .af-zb-b2b .section-category-intro .section-content .content-block-list li.list-block {
            max-width: none;
            transform: none;
            opacity: 1; }
          .af-zb-b2b .section-category-intro .section-content .content-block-list .content-img {
            margin-bottom: 0.5em; }
          .af-zb-b2b .section-category-intro .section-content .content-block-list .content-infoZMC .title {
            font-size: 1.4em;
            font-weight: 300;
            min-height: 0; }
          .af-zb-b2b .section-category-intro .section-content .content-block-list .content-infoZMC .desc {
            font-size: 1em; }
    .af-zb-b2b .section-story .intro {
      padding: 2em 2em 0em; }
    .af-zb-b2b .section-story .story-slider .slide .story-quote {
      line-height: 1.6em; }
    .af-zb-b2b .section-story .story-slider .slide .media-slider,
    .af-zb-b2b .section-story .story-slider .slide .story-text {
      padding: 1em; }
      .af-zb-b2b .section-story .story-slider .slide .media-slider .desc,
      .af-zb-b2b .section-story .story-slider .slide .story-text .desc {
        font-size: 0.8em; }
    .af-zb-b2b .section-story .story-slider .slick-arrow {
      top: 530px; }
    .af-zb-b2b .section-story .story-slider .slick-prev {
      left: -60px; }
    .af-zb-b2b .section-story .story-slider .slick-next {
      right: -60px; }
    .af-zb-b2b .section-service .service-info {
      width: 80%; }
      .af-zb-b2b .section-service .service-info .title {
        font-size: 2.2em; }
      .af-zb-b2b .section-service .service-info .desc {
        font-size: 1em; }
    .af-zb-b2b .section-service .grids {
      width: 90%; }
      .af-zb-b2b .section-service .grids .grid {
        min-height: 0;
        padding-bottom: 1.6em; }
        .af-zb-b2b .section-service .grids .grid .block-info .title {
          font-size: 2.4em; }
        .af-zb-b2b .section-service .grids .grid .block-info .update {
          font-size: 0.8em; }
        .af-zb-b2b .section-service .grids .grid .block-info ul.desc {
          font-size: 1em; }
        .af-zb-b2b .section-service .grids .grid .block-icon .icon {
          font-size: 3.6em; }
  .af-zb-b2b-education .section-category-intro .section-content .content-block-list .content-info .title {
    min-height: 2em; }
  .af-zb-b2b-education .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 8em; }
  .af-zb-b2b-healthcare .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 12em; }
  .af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .title {
    min-height: 4.5em; }
  .af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 12em; }
  #inputClose {
    font-size: 1.2em; }
  .accountInputContainer .accountInputWrapper .title {
    width: 90%;
    margin: 0 auto;
    font-size: 1.5em; }
  .accountInputContainer .accountInputWrapper input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 85%;
    border-radius: 6px;
    padding: 1em 1em; }
  .accountInputContainer .accountInputWrapper ul li {
    list-style-position: outside; }
  .accountInputContainer .accountInputWrapper ul.note-list,
  .accountInputContainer .accountInputWrapper .contact {
    width: 90%;
    padding-left: 0.9em;
    font-size: 1.2em; }
    .accountInputContainer .accountInputWrapper ul.note-list .icon,
    .accountInputContainer .accountInputWrapper .contact .icon {
      font-size: 1.6em;
      margin-right: 0.25em;
      top: -0.25em; }
  .accountInputContainer .accountInputWrapper .contact {
    padding: 0 8px;
    margin-bottom: 2em; }
  .accountInputContainer .accountInputWrapper .caption {
    width: 90%;
    font-size: 1.2em;
    margin-bottom: 4em; }
  .af-zb-b2b-ZMC .af-zb-btn, .af-zb-b2b-ZMC .af-zb-step-btn {
    width: 180px; }
  .af-zb-b2b-ZMC .af-zb-btn.af-zb-btn-b span, .af-zb-b2b-ZMC .af-zb-btn-b.af-zb-step-btn span {
    font-size: 16px;
    line-height: 38px !important; }
  .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-img {
    width: 64%; }
  .af-zb-b2b-ZMC .section-ZMC-feature {
    padding: 2em 0 0; }
    .af-zb-b2b-ZMC .section-ZMC-feature .grids {
      width: 80%;
      margin: 0 auto; }
      .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid {
        margin-bottom: 2em; }
        .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-info,
        .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon {
          text-align: center;
          width: 100%;
          padding-bottom: 2em; }
        .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-info {
          padding-bottom: 1em; }
          .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-info .title {
            min-height: 0; }
        .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon {
          left: 2px;
          font-size: 8em; }
        .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon-zb-ADAM2 {
          font-size: 7em;
          top: 20%; }
  .af-zb-b2b-ZMC .section-ZMC-payment .payment-note {
    padding-bottom: 2em; }
  .af-zb-b2b-ZMC .section-ZMC-payment .payment-plans {
    padding: 0;
    width: 90%;
    margin: 0 auto; }
    .af-zb-b2b-ZMC .section-ZMC-payment .payment-plans .plan {
      width: 75%; }
      .af-zb-b2b-ZMC .section-ZMC-payment .payment-plans .plan:hover {
        box-shadow: none; }
      .af-zb-b2b-ZMC .section-ZMC-payment .payment-plans .plan .plan-detail .plan-period {
        font-size: 1.6em; }
      .af-zb-b2b-ZMC .section-ZMC-payment .payment-plans .plan .plan-detail .plan-price {
        font-size: 3.2em; }
      .af-zb-b2b-ZMC .section-ZMC-payment .payment-plans .plan .plan-title {
        font-size: 2em; }
      .af-zb-b2b-ZMC .section-ZMC-payment .payment-plans .plan .plan-description {
        font-size: 1.2em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps input,
  .af-zb-b2b-ZMC .ZMC-payment-steps select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    width: 120px; }
  .af-zb-b2b-ZMC .ZMC-payment-steps select {
    background-image: linear-gradient(45deg, transparent 50%, #555555 50%), linear-gradient(135deg, #555555 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 0px), calc(100% - 15px) calc(1em + 0px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .section-hr .hr-line {
    border-top: 1px solid #dedede; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .mobile-title {
    display: block;
    background-color: #f5f5f5;
    line-height: 2.05em;
    float: left;
    font-size: 1.5em;
    padding: 0 20px;
    position: relative;
    width: 100%;
    margin: 0 auto; }
  .af-zb-b2b-ZMC .ZMC-payment-steps #twzipcode .zipcode-style {
    display: none; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .ZMC-step-breadcrumb .ZMC-step-border {
    padding: 0 20px;
    margin-bottom: 3em;
    text-align: center; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .ZMC-step-breadcrumb .ZMC-step-border .ZMC-step-wrapper {
      width: 100%; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .step1-mark,
  .af-zb-b2b-ZMC .ZMC-payment-steps .step2-mark,
  .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark {
    display: inline-block;
    padding: 40px 0 20px 0;
    margin-right: 20px; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark {
    margin-right: 0; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .col-wrapper {
    width: 100%; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step1 .step1-mark {
    border-bottom: 6px solid #ededed; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step1 .step2-mark {
    border-bottom: 6px solid #fff; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step1 .step3-mark {
    border-bottom: 6px solid #fff; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step2 .step1-mark {
    border-bottom: 6px solid #fff; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step2 .step2-mark {
    border-bottom: 6px solid #ededed; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step2 .step3-mark {
    border-bottom: 6px solid #fff; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .step1-mark {
    border-bottom: 6px solid #fff; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .step2-mark {
    border-bottom: 6px solid #fff; }
  .af-zb-b2b-ZMC .ZMC-payment-steps.step3 .step3-mark {
    border-bottom: 6px solid #ededed; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 {
    width: 92%;
    margin: 0 auto;
    padding: 2em 1em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .title {
      font-weight: bold;
      padding-bottom: 1em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 {
    margin-bottom: 1em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 #purchase-step1-edit .af-zb-btn, .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 #purchase-step1-edit .af-zb-step-btn,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 #purchase-step1-confirm-edit .af-zb-btn,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 #purchase-step1-confirm-edit .af-zb-step-btn {
      width: 120px; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-plan-title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchased-package,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col {
      font-size: 1.1em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-detail,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-total {
      display: block;
      width: 100%;
      margin: 0;
      float: none;
      text-align: left; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-plan-title {
      width: 36%; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col {
      display: inline-block;
      width: 30%;
      vertical-align: top;
      padding-bottom: 2em;
      line-height: 1.4em;
      font-size: 1.2em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.last {
        text-align: right; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col .caption {
        font-size: 0.8em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.edit-quantity {
        float: right;
        text-align: right; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.edit-quantity input#edit-quantity {
          width: 32%; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-note {
      top: 0;
      font-size: 0.7em;
      padding-bottom: 4em;
      line-height: 1.6em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-price {
      line-height: 1em;
      padding-bottom: 0; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .price-text {
      font-size: 2em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-hr {
      display: block;
      margin: 1em 0 2em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .btn-group.btn-align {
      text-align: right; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchased-package {
      width: 60%;
      padding-bottom: 4em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 {
    padding: 2em 1em 0;
    margin-bottom: 1em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .btn-group.btn-align {
      text-align: center; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 input {
      width: 100%;
      margin-right: 0;
      float: none; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 select {
      width: 100%;
      margin-right: 0;
      padding-bottom: 0.5em;
      margin-bottom: 0.5em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info .label {
      width: 100%; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info .label::after {
        content: ' * 必填';
        color: #f00;
        font-size: 0.8em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info .label.empty {
        display: none; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info .invoice-title::after {
      content: ''; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info .invoice-address {
      padding-bottom: 0; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info .invoice-address #twzipcode {
        width: 100%;
        float: none; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info .invoice-address #twzipcode::after {
          content: ''; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info .invoice-title.valid .label::after,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .invoice-info .invoice-address.valid .label::after {
      display: none; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2-3 {
    width: 92%; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 {
    padding: 0; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .btn-group.btn-align {
      text-align: center; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .title {
      font-size: 2em;
      padding: 0;
      line-height: 1.6em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .caption {
      color: #555555; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail {
      background-color: #f5f5f5;
      padding: 2em;
      line-height: 2em;
      font-weight: bold; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail::after {
        clear: both; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info {
        background-color: #fff;
        padding: 2em; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .left-col {
          float: none;
          text-align: left; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .right-col {
          float: none;
          text-align: left; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-title {
          font-size: 1.6em; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-name,
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-plan {
          display: block;
          margin-right: 2em; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-plan,
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info .order-info-price {
          color: #555555;
          font-weight: normal; }
  .af-zb-b2b-ZMC .ZMC-footer-wrapper {
    padding-top: 0;
    width: 92%; }
    .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact .contacts .list .phone {
      margin-top: -4px; }
    .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact .contacts .list .email {
      margin-top: -8px; } }

@media only screen and (max-width: 751px) and (min-height: 1333px) {
  .af-zb-b2b .section-category-intro .section-kv .kv-intro .title {
    font-size: 2.4em; }
  .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
    font-size: 1.2em; }
  .af-zb-b2b-education .section-category-intro .section-kv .kv-intro {
    background-position: -80px center; } }

@media only screen and (max-width: 632px) {
  .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .title {
    font-size: 1.2em; }
  .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .desc {
    font-size: 0.9em; } }

@media only screen and (max-width: 600px) {
  .af-zb-b2b .top-slider .banner-block {
    padding-top: 100%; }
    .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap {
      text-align: center; }
      .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap:before {
        height: 0; }
      .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-img-M {
        display: block; }
      .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info {
        text-align: center;
        left: 0;
        top: 1em;
        width: 100%; }
        .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .title {
          font-size: 3em; }
        .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
          font-size: 2.4em; }
        .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .desc {
          padding: 1em; }
  .af-zb-b2b .section-category .grids .grid .block-info .title {
    font-size: 1.4em;
    letter-spacing: 0.1em;
    padding: 0; }
  .af-zb-b2b .section-category .grids .grid .block-info .desc {
    font-size: 0.9em;
    line-height: 1.6em;
    min-height: 0;
    padding-bottom: 2em; }
  .af-zb-b2b .section-hr {
    width: 100%;
    padding: 60px 0; }
    .af-zb-b2b .section-hr .hr-line {
      width: 75%; }
  .af-zb-b2b .section-service .service-info {
    width: 85%; }
    .af-zb-b2b .section-service .service-info .title {
      font-size: 2em;
      line-height: 3em; }
    .af-zb-b2b .section-service .service-info .desc {
      font-size: 1em;
      line-height: 2em;
      padding-bottom: 2em; }
    .af-zb-b2b .section-service .service-info .image {
      width: 100%;
      margin: 0 auto;
      padding-bottom: 6em; }
      .af-zb-b2b .section-service .service-info .image img {
        width: 100%; }
  .af-zb-b2b .section-service .grids {
    width: 90%; }
    .af-zb-b2b .section-service .grids .grid {
      min-height: 300px;
      padding-bottom: 32px; }
      .af-zb-b2b .section-service .grids .grid .block-icon {
        width: 20%;
        padding: 0;
        padding-right: 8px; }
        .af-zb-b2b .section-service .grids .grid .block-icon img {
          width: 100%; }
      .af-zb-b2b .section-service .grids .grid .block-info {
        width: 75%;
        text-align: left;
        vertical-align: text-top; }
        .af-zb-b2b .section-service .grids .grid .block-info .title {
          font-size: 2em;
          padding-bottom: 0.2em; }
        .af-zb-b2b .section-service .grids .grid .block-info .update {
          font-size: 1em;
          padding-bottom: 2em; }
        .af-zb-b2b .section-service .grids .grid .block-info ul.desc {
          font-size: 1.2em; }
          .af-zb-b2b .section-service .grids .grid .block-info ul.desc li {
            line-height: 1.4em;
            padding-bottom: 0.6em; }
            .af-zb-b2b .section-service .grids .grid .block-info ul.desc li .list-decoration:before {
              width: 1em;
              vertical-align: top;
              line-height: 1em; }
            .af-zb-b2b .section-service .grids .grid .block-info ul.desc li .list-content {
              width: 90%; }
  .af-zb-b2b .section-partner .partner-intro .title {
    font-size: 1.6em;
    padding-bottom: 0.4em; }
  .af-zb-b2b .section-partner .partner-slider {
    width: 80%; }
    .af-zb-b2b .section-partner .partner-slider .slide .example-quote {
      width: 80%; }
    .af-zb-b2b .section-partner .partner-slider .slick-prev {
      left: -48px; }
    .af-zb-b2b .section-partner .partner-slider .slick-next {
      right: -48px; }
  .af-zb-b2b .section-category-intro .section-kv .kv-intro .title {
    font-size: 2em; }
  .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
    font-size: 0.9em;
    width: 80%; }
  .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .title {
    font-size: 1.2em; }
  .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 10em; }
  .af-zb-b2b .section-story {
    padding-bottom: 2em; }
    .af-zb-b2b .section-story .story-slider .slide .media-slider,
    .af-zb-b2b .section-story .story-slider .slide .story-text {
      width: 85%; }
    .af-zb-b2b .section-story .story-slider .slick-prev {
      left: -50px; }
    .af-zb-b2b .section-story .story-slider .slick-next {
      right: -50px; }
    .af-zb-b2b .section-story .story-slider .slick-arrow {
      top: 440px; }
  .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info .title .sub-title {
    font-size: 0.6em; }
  .af-zb-b2b-healthcare .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 14em; }
  .af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 16em; } }

@media only screen and (max-width: 500px) {
  .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info {
    top: 2em; }
    .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .title {
      font-size: 2.6em; }
    .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
      font-size: 2em; }
    .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .desc {
      font-size: 1em; }
  .af-zb-b2b .section-category-intro .section-kv .kv-intro .title {
    font-size: 2em;
    top: 6%; }
  .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
    font-size: 0.8em;
    top: 6%; }
  .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .title {
    font-size: 1em; }
  .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .desc {
    font-size: 0.8em; }
  .af-zb-b2b .section-hr .hr-line {
    border-top: 1px solid #dedede; }
  .af-zb-b2b .section-partner .partner-slider .slide .example-logo {
    width: 60%; }
  .af-zb-b2b .section-partner .partner-slider .slick-prev,
  .af-zb-b2b .section-partner .partner-slider .slick-next {
    top: 144px; }
  .af-zb-b2b .section-service .service-info .title {
    font-size: 1.4em;
    line-height: 2em;
    padding-bottom: 1em; }
  .af-zb-b2b .section-service .service-info .desc {
    font-size: 0.9em; }
  .af-zb-b2b .section-service .grids .grid .block-icon {
    width: 20%;
    padding-right: 0; }
    .af-zb-b2b .section-service .grids .grid .block-icon .icon {
      font-size: 2.8em; }
  .af-zb-b2b .section-service .grids .grid .block-info .title {
    font-size: 1.6em; }
  .af-zb-b2b .section-service .grids .grid .block-info .update {
    font-size: 0.8em; }
  .af-zb-b2b .section-service .grids .grid .block-info ul.desc {
    font-size: 0.9em; }
    .af-zb-b2b .section-service .grids .grid .block-info ul.desc li .list-decoration:before {
      width: 0.5em; }
  .af-zb-b2b .section-story .story-slider .slick-arrow {
    top: 490px; }
  .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap {
    width: 90%; }
    .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info .title {
      font-size: 2.8em; }
      .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info .title .sub-title {
        font-size: 0.6em; }
  .af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 16em; }
  .accountInputContainer .accountInputWrapper .title {
    font-size: 1.2em; }
  .accountInputContainer .accountInputWrapper ul.note-list,
  .accountInputContainer .accountInputWrapper .contact {
    width: 90%;
    font-size: 1em; }
    .accountInputContainer .accountInputWrapper ul.note-list .icon,
    .accountInputContainer .accountInputWrapper .contact .icon {
      font-size: 1.6em;
      margin-right: 0.25em;
      top: -0.2em; }
  .accountInputContainer .accountInputWrapper .contact {
    padding: 0 8px; }
  .accountInputContainer .accountInputWrapper .caption {
    width: 90%;
    font-size: 1em; }
  .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap .banner-info .title {
    font-size: 1.5em; }
  .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap .banner-info .desc {
    font-size: 0.8em; }
  .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon {
    padding-bottom: 1em; }
    .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon {
      font-size: 7em; }
    .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon-zb-ADAM2 {
      font-size: 6em;
      top: 30%; }
  .af-zb-b2b-ZMC .section-ZMC-payment .payment-title {
    font-size: 1.6em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .ZMC-step-breadcrumb .ZMC-step-border {
    padding: 0 10px;
    margin-bottom: 3em;
    text-align: center; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .step1-mark,
  .af-zb-b2b-ZMC .ZMC-payment-steps .step2-mark,
  .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark {
    display: inline-block;
    padding: 40px 0 20px 0;
    margin-right: 10px;
    font-size: 0.7em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .step1-mark .icon,
    .af-zb-b2b-ZMC .ZMC-payment-steps .step2-mark .icon,
    .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark .icon {
      font-size: 1.4em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark {
    margin-right: 0; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .col-wrapper {
    width: 100%; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 {
    width: 90%;
    margin: 0 auto;
    padding: 2em 0.5em 0; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .title {
      font-size: 1.2em;
      font-weight: bold;
      padding-bottom: 1em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 {
    padding-bottom: 2em;
    margin-bottom: 2em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-plan-title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchased-package {
      font-size: 0.9em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col {
      display: inline-block;
      width: 30%;
      vertical-align: top;
      padding-bottom: 2em;
      line-height: 1.4em;
      font-size: 0.9em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.last {
        text-align: right; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.last input {
          width: 80%;
          padding: 0.2em 0.5em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.plan-price {
        padding-left: 1.5em;
        width: 32%; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col .caption {
        font-size: 0.8em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-note {
      font-size: 0.7em;
      padding-bottom: 4em;
      line-height: 1.6em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-price {
      font-size: 1.2em;
      font-weight: bold;
      line-height: 2em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .price-text {
      font-size: 1.4em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-hr {
      margin: 1em 0 2em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .btn-group.btn-align {
      text-align: right; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .btn-group .af-zb-step-btn {
      width: 64px; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2-3 {
    font-size: 1.2em; }
  .af-zb-b2b-ZMC .ZMC-footer-wrapper {
    padding: 0 0 4em; }
    .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-logos {
      float: left;
      width: 32%; }
      .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-logos img {
        width: 100%;
        height: auto; }
    .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact {
      float: right;
      line-height: 1.2em;
      width: 48%; }
      .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact .title {
        font-size: 1em;
        padding-bottom: 1em; }
      .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact .contacts {
        color: #555555;
        font-size: 0.7em; } }

@media only screen and (max-width: 480px) {
  .af-zb-layout {
    font-size: 1em !important; }
  .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .title {
    font-size: 1em; }
  .af-zb-b2b .section-category-intro .section-content .content-block-list .content-info .desc {
    font-size: 0.8em;
    min-height: 18em; }
  .af-zb-b2b .section-story {
    padding-bottom: 2em; }
    .af-zb-b2b .section-story .story-slider .slide .media-slider,
    .af-zb-b2b .section-story .story-slider .slide .story-text {
      width: 85%; }
    .af-zb-b2b .section-story .story-slider .slick-prev {
      left: -50px; }
    .af-zb-b2b .section-story .story-slider .slick-next {
      right: -50px; }
    .af-zb-b2b .section-story .story-slider .slick-arrow {
      top: 440px; }
  .af-zb-b2b-education .section-category-intro .section-content .content-block-list .content-info .desc {
    min-height: 8em; }
  .af-zb-b2b-business .section-category-intro {
    margin-bottom: 0; }
    .af-zb-b2b-business .section-category-intro .section-content {
      top: 0; }
      .af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .title {
        font-size: 1em; }
      .af-zb-b2b-business .section-category-intro .section-content .content-block-list .content-info .desc {
        font-size: 0.8em; } }

@media only screen and (max-width: 400px) {
  .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .title {
    font-size: 2.4em; }
  .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
    font-size: 2em; }
  .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .desc {
    font-size: 0.9em;
    padding: 0.6em 0 0; }
  .af-zb-b2b .section-hr {
    padding: 2em 0; }
    .af-zb-b2b .section-hr .hr-line {
      border-top: 1px solid #dedede; }
  .af-zb-b2b .section-service .service-info .title {
    font-size: 1.4em;
    line-height: 2em;
    padding-bottom: 1em; }
  .af-zb-b2b .section-service .service-info .desc {
    font-size: 0.9em; }
  .af-zb-b2b .section-service .grids .grid .block-icon {
    width: 20%;
    padding-right: 0; }
    .af-zb-b2b .section-service .grids .grid .block-icon .icon {
      font-size: 2.8em; }
  .af-zb-b2b .section-service .grids .grid .block-info .title {
    font-size: 1.6em; }
  .af-zb-b2b .section-service .grids .grid .block-info .update {
    font-size: 0.8em; }
  .af-zb-b2b .section-service .grids .grid .block-info ul.desc {
    font-size: 0.9em; }
    .af-zb-b2b .section-service .grids .grid .block-info ul.desc li .list-decoration:before {
      width: 0.5em; }
  .af-zb-b2b .partner-slider .slick-prev {
    left: -5px; }
  .af-zb-b2b .partner-slider .slick-next {
    right: -5px; }
  .af-zb-b2b .section-category-intro .section-kv .kv-intro .title {
    font-size: 1.4em;
    top: 1.5em; }
    .af-zb-b2b .section-category-intro .section-kv .kv-intro .title .icon {
      font-size: 1.2em; }
  .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
    width: 90%;
    top: 4em;
    font-size: 0.8em; }
  .af-zb-b2b .section-category-intro .section-content .content-block-list li.list-block {
    margin-right: 0.5em; }
    .af-zb-b2b .section-category-intro .section-content .content-block-list li.list-block .content-info {
      padding: 0.5em; }
      .af-zb-b2b .section-category-intro .section-content .content-block-list li.list-block .content-info .title {
        font-size: 1.2em;
        min-height: 7em; }
      .af-zb-b2b .section-category-intro .section-content .content-block-list li.list-block .content-info .desc {
        min-height: 20em; }
  .af-zb-b2b .section-story .intro {
    padding: 2em 2em 0em; }
  .af-zb-b2b .section-story .story-slider .slick-arrow {
    top: 430px; }
  .af-zb-b2b .section-story .story-slider .slick-prev {
    left: -40px; }
  .af-zb-b2b .section-story .story-slider .slick-next {
    right: -40px; }
  .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap {
    width: 90%; }
    .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info .title {
      font-size: 2.4em; }
    .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info .desc {
      line-height: 1.6em; }
  .af-zb-b2b-ADAM .section-ZMC-feature {
    padding-top: 3em;
    padding-bottom: 2em; }
    .af-zb-b2b-ADAM .section-ZMC-feature .grids {
      width: 100%; }
      .af-zb-b2b-ADAM .section-ZMC-feature .grids .grid .block-info {
        width: 80%; }
      .af-zb-b2b-ADAM .section-ZMC-feature .grids .grid .block-icon {
        width: 8em;
        height: 8em; }
  .af-zb-b2b-education .section-category-intro .section-content .content-block-list li.list-block .content-info .title {
    min-height: 2em; }
  .af-zb-b2b-education .section-category-intro .section-content .content-block-list li.list-block .content-info .desc {
    min-height: 10em; }
  .af-zb-b2b-healthcare .section-category-intro .section-content .content-block-list li.list-block .content-info .title {
    min-height: 2em; }
  .af-zb-b2b-healthcare .section-category-intro .section-content .content-block-list li.list-block .content-info .desc {
    min-height: 14em; }
  .af-zb-b2b-business .section-category-intro {
    margin-bottom: 0; }
    .af-zb-b2b-business .section-category-intro .section-content {
      top: 0; }
      .af-zb-b2b-business .section-category-intro .section-content .content-block-list li.list-block .content-info .title {
        min-height: 5.5em; }
      .af-zb-b2b-business .section-category-intro .section-content .content-block-list li.list-block .content-info .desc {
        min-height: 14em; }
  .accountInputContainer .accountInputWrapper input {
    width: 85%; }
  .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap {
    width: 90%; }
    .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap .banner-info .title {
      font-size: 1.4em; }
    .af-zb-b2b-ZMC .af-zb-ZMC-top-banner .banner-wrap .banner-info .desc {
      font-size: 0.8em; }
  .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon {
    padding-bottom: 1em; }
    .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon {
      font-size: 7em; }
    .af-zb-b2b-ZMC .section-ZMC-feature .grids .grid .block-icon .icon-zb-ADAM2 {
      font-size: 6em;
      top: 30%; }
  .af-zb-b2b-ZMC .section-ZMC-payment .payment-title {
    font-size: 1.4em; }
  .af-zb-b2b-ZMC .section-ZMC-payment .payment-note {
    font-size: 0.8em; }
  .af-zb-b2b-ZMC .section-ZMC-payment .payment-plans {
    padding: 0; }
    .af-zb-b2b-ZMC .section-ZMC-payment .payment-plans .plan .plan-detail .plan-price {
      font-size: 2.4em;
      top: -0.16em; }
    .af-zb-b2b-ZMC .section-ZMC-payment .payment-plans .plan .plan-detail .play-period {
      font-size: 0.8em; }
    .af-zb-b2b-ZMC .section-ZMC-payment .payment-plans .plan .plan-title {
      font-size: 1.4em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .ZMC-step-breadcrumb .ZMC-step-border {
    padding: 0;
    text-align: left; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .ZMC-step-breadcrumb .ZMC-step-border .ZMC-step-wrapper {
      width: 90%;
      margin: 0 auto;
      padding: 0; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .step1-mark,
  .af-zb-b2b-ZMC .ZMC-payment-steps .step2-mark,
  .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark {
    display: inline-block;
    padding: 20px 0 10px 0;
    margin-right: 4px;
    font-size: 0.7em;
    vertical-align: middle;
    border-bottom: 8px solid #fff; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .step1-mark .checker,
    .af-zb-b2b-ZMC .ZMC-payment-steps .step2-mark .checker,
    .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark .checker {
      width: 18px;
      height: 18px; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .step1-mark .checker::after,
      .af-zb-b2b-ZMC .ZMC-payment-steps .step2-mark .checker::after,
      .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark .checker::after {
        left: -2px;
        top: -1px; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark {
    margin-right: 0; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .col-wrapper {
    width: 100%; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 {
    width: 90%;
    margin: 0 auto;
    padding: 2em 0.5em 4em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .title {
      font-size: 1.2em;
      font-weight: bold;
      padding-bottom: 1em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 {
    padding-bottom: 2em;
    margin-bottom: 2em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col {
      display: inline-block;
      vertical-align: top;
      padding-bottom: 2em;
      line-height: 1.4em;
      font-size: 0.9em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.last {
        text-align: right; }
        .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.last input {
          width: 80%; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.plan-price {
        padding-left: 1.5em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col .caption {
        font-size: 0.8em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-note {
      font-size: 0.7em;
      padding-bottom: 6em;
      line-height: 1.6em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-price {
      font-size: 1.2em;
      font-weight: bold;
      line-height: 2em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .price-text {
      font-size: 1.4em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-hr {
      margin: 1em 0 2em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .btn-group.btn-align {
      text-align: right; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .btn-group .af-zb-step-btn {
      width: 64px; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 {
    padding-bottom: 2em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2-3 {
    font-size: 1em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 {
    padding-bottom: 0; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail {
      paddint: 1em; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .order-detail .order-info {
        padding: 1em; }
  .af-zb-b2b-ZMC .ZMC-footer-wrapper {
    width: 90%; }
    .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact {
      float: right;
      width: 50%; }
      .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact .contacts {
        font-size: 0.8em; } }

@media only screen and (max-width: 320px) {
  .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info {
    width: 90%;
    top: 1em; }
    .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .title {
      font-size: 2.4em; }
    .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .sub-title {
      font-size: 1.6em; }
    .af-zb-b2b .top-slider .banner-block .banner-inner .banner-wrap .banner-info .desc {
      font-size: 0.8em;
      padding: 0.5em 0 0; }
  .af-zb-b2b .section-service .service-info .title {
    font-size: 1.8em;
    line-height: 1.2em;
    padding-bottom: 1em; }
  .af-zb-b2b .section-service .service-info .desc {
    font-size: 0.9em;
    line-height: 1.4em; }
  .af-zb-b2b .section-service .grids .grid .block-icon {
    width: 20%;
    padding-right: 0; }
    .af-zb-b2b .section-service .grids .grid .block-icon .icon {
      font-size: 2.8em; }
  .af-zb-b2b .section-service .grids .grid .block-info .title {
    font-size: 1.6em; }
  .af-zb-b2b .section-service .grids .grid .block-info .update {
    font-size: 0.8em; }
  .af-zb-b2b .section-service .grids .grid .block-info ul.desc {
    font-size: 0.9em; }
    .af-zb-b2b .section-service .grids .grid .block-info ul.desc li .list-decoration:before {
      width: 0.5em; }
  .af-zb-b2b .section-category-intro .section-kv .kv-intro .title {
    font-size: 1.2em; }
  .af-zb-b2b .section-category-intro .section-kv .kv-intro .desc {
    font-size: 0.6em; }
  .af-zb-b2b .section-category-intro .section-content .content-block-list li.list-block .content-info .title {
    font-size: 0.9em;
    min-height: 2em; }
  .af-zb-b2b .section-category-intro .section-content .content-block-list li.list-block .content-info .desc {
    font-size: 0.75em;
    margin: 0;
    min-height: 12em; }
  .af-zb-b2b .section-story .intro .title {
    font-size: 1.6em; }
  .af-zb-b2b .section-story .story-slider .slide .story-text {
    width: 90%; }
  .af-zb-b2b .section-story .story-slider .slick-arrow {
    top: 420px; }
  .af-zb-b2b .section-story .story-slider .slick-prev {
    left: -40px; }
  .af-zb-b2b .section-story .story-slider .slick-next {
    right: -40px; }
  .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap {
    width: 90%; }
    .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info .title {
      font-size: 2.6em; }
      .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info .title .sub-title {
        font-size: 0.5em; }
    .af-zb-b2b-ADAM .af-zb-ADAM-top-banner .banner-wrap .banner-info .desc {
      line-height: 1.2em; }
  .af-zb-b2b-ADAM .section-ZMC-feature .grids .grid .block-info .title {
    font-size: 1em; }
  .af-zb-b2b-business .section-category-intro .section-content .content-block-list li.list-block .content-info .desc {
    min-height: 20em; }
  .af-zb-b2b-healthcare .section-category-intro .section-content .content-block-list li.list-block .content-info .desc {
    min-height: 20em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .ZMC-step-breadcrumb .ZMC-step-border {
    padding: 0 10px;
    margin-bottom: 3em;
    text-align: center; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .step1-mark,
  .af-zb-b2b-ZMC .ZMC-payment-steps .step2-mark,
  .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark {
    display: inline-block;
    padding: 32px 0 16px 0;
    margin-right: 4px;
    font-size: 0.5em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .step1-mark .icon,
    .af-zb-b2b-ZMC .ZMC-payment-steps .step2-mark .icon,
    .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark .icon {
      font-size: 1.4em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .step3-mark {
    margin-right: 0; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .col-wrapper {
    width: 100%; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2,
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 {
    width: 90%;
    margin: 0 auto;
    padding: 2em 0.5em 4em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2 .title,
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step3 .title {
      font-size: 1em;
      font-weight: bold;
      padding-bottom: 1em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col {
    display: inline-block;
    width: 32%;
    vertical-align: top;
    padding-bottom: 2em;
    line-height: 1.4em;
    font-size: 0.8em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.last {
      text-align: right; }
      .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.last input {
        width: 80%; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col.plan-price {
      padding-left: .5em; }
    .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-step-col .caption {
      font-size: 0.8em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-note {
    font-size: 0.7em;
    padding-bottom: 6em;
    line-height: 1.6em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-price {
    font-size: 1em;
    font-weight: bold;
    line-height: 2em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .price-text {
    font-size: 1.2em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .purchase-hr {
    margin: 1em 0 2em; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .btn-group.btn-align {
    text-align: right; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step1 .btn-group .af-zb-step-btn {
    width: 64px; }
  .af-zb-b2b-ZMC .ZMC-payment-steps .purchase-step2-3 {
    font-size: 1em; }
  .af-zb-b2b-ZMC .ZMC-footer-wrapper .ZMC-contact {
    float: right;
    line-height: 1em;
    width: 62%; } }

/** ------ Relay-station ------ **/
.af-zb-relay {
  text-align: center;
  padding: 100px 0; }
  .af-zb-relay h1 {
    max-width: 660px;
    margin: 0 auto;
    font-size: 60px;
    padding-bottom: 45px;
    position: relative;
    background: -webkit-linear-gradient(left, #008be4, #00ccff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #00ccff;
    color: #008be4; }
    .af-zb-relay h1:after {
      content: "";
      display: block;
      width: 70px;
      border: 1px solid #d5d5d5;
      margin: 0 auto;
      bottom: 0;
      position: absolute;
      left: 0;
      right: 0; }
  .af-zb-relay .relay-content {
    padding-top: 45px; }
    .af-zb-relay .relay-content h3 {
      font-size: 30px;
      color: #222;
      margin-bottom: 20px; }
    .af-zb-relay .relay-content p {
      max-width: 660px;
      margin: 0 auto;
      font-size: 18px;
      line-height: 26px;
      color: #555; }

/** ------ for app-blider ------ **/
.af-zb-relay-station.menu-collapse .header,
.af-zb-relay-station.menu-collapse .footer,
.af-zb-relay-station.menu-collapse .af-zb-page-top {
  max-height: 0;
  overflow: hidden; }

.af-zb-relay-station.menu-collapse .menu-collapse-bar {
  width: 100%;
  height: 30px;
  border-bottom: 1px solid #000;
  cursor: pointer;
  background: #202631; }
  .af-zb-relay-station.menu-collapse .menu-collapse-bar a {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icons/icon-arrow-down2.png") center center no-repeat; }
  .af-zb-relay-station.menu-collapse .menu-collapse-bar.open a {
    background: url("../images/icons/icon-arrow-up2.png") center center no-repeat; }

.af-zb-relay-station.menu-collapse.open .header,
.af-zb-relay-station.menu-collapse.open .af-zb-page-top {
  max-height: 70px;
  overflow: visible; }

.af-zb-relay-station.menu-collapse.open .footer {
  max-height: 150px;
  overflow: visible; }

@media only screen and (max-width: 800px) {
  .af-zb-relay {
    text-align: left;
    padding: 50px 0; }
    .af-zb-relay .main-inner {
      padding: 0 20px; }
    .af-zb-relay h1 {
      max-width: none;
      font-size: 3em;
      padding-bottom: .75em;
      padding-right: 20%; }
      .af-zb-relay h1:after {
        width: 100%;
        border: 1px solid #e5e5e5; }
    .af-zb-relay .relay-content {
      padding-top: 2.25em; }
      .af-zb-relay .relay-content h3 {
        font-size: 1.5em;
        line-height: 1.2em;
        margin-bottom: .6em; }
      .af-zb-relay .relay-content p {
        max-width: none;
        font-size: .9em;
        line-height: 1.5em; } }

@media only screen and (max-width: 600px) {
  .af-zb-relay h1 {
    padding-right: 10%; } }

.af-zb-dev-home .main-inner {
  width: 1200px;
  max-width: 100%; }

.af-zb-dev-home .af-zb-dev-list {
  padding: 60px 0; }
  .af-zb-dev-home .af-zb-dev-list .grid {
    padding-right: 85px; }
    .af-zb-dev-home .af-zb-dev-list .grid + .grid {
      padding-right: 0;
      padding-left: 85px; }

.af-zb-dev-home .af-zb-page-footer {
  display: block;
  padding: 2em 0;
  color: #fff;
  background: #008be4;
  background-image: -webkit-linear-gradient(left, #008be4, #00ccff);
  background-image: -moz-linear-gradient(left, #008be4, #00ccff);
  background-image: -ms-linear-gradient(left, #008be4, #00ccff);
  background-image: -o-linear-gradient(left, #008be4, #00ccff);
  background-image: linear-gradient(to right, #008be4, #00ccff); }
  .af-zb-dev-home .af-zb-page-footer .title {
    font-size: 1.5em;
    line-height: 1.8em; }
  .af-zb-dev-home .af-zb-page-footer .desp {
    font-size: .8em;
    line-height: 1.4em;
    width: 74%;
    float: left; }
  .af-zb-dev-home .af-zb-page-footer .opt {
    width: 26%;
    float: right;
    text-align: right; }
  .af-zb-dev-home .af-zb-page-footer:after {
    content: "";
    display: block;
    clear: both; }

@media only screen and (max-width: 1200px) {
  .af-zb-dev-home .af-zb-page-footer .opt .af-zb-btn, .af-zb-dev-home .af-zb-page-footer .opt .af-zb-step-btn {
    width: 160px;
    height: 45px; }
    .af-zb-dev-home .af-zb-page-footer .opt .af-zb-btn span, .af-zb-dev-home .af-zb-page-footer .opt .af-zb-step-btn span {
      line-height: 45px; } }

@media only screen and (max-width: 800px) {
  .af-zb-dev-home .af-zb-dev-list .grid {
    padding: 0; }
    .af-zb-dev-home .af-zb-dev-list .grid + .grid {
      padding: 0;
      padding-top: 3.6em; }
  .af-zb-dev-home .af-zb-page-footer {
    padding: 4em 1em; }
    .af-zb-dev-home .af-zb-page-footer .title,
    .af-zb-dev-home .af-zb-page-footer .desp,
    .af-zb-dev-home .af-zb-page-footer .opt {
      text-align: center; }
    .af-zb-dev-home .af-zb-page-footer .desp,
    .af-zb-dev-home .af-zb-page-footer .opt {
      width: 100%;
      float: none; }
    .af-zb-dev-home .af-zb-page-footer .title {
      width: 80%;
      margin: 0 auto;
      font-size: 2em;
      line-height: 1.1em;
      margin-bottom: .6em; }
    .af-zb-dev-home .af-zb-page-footer .desp {
      font-size: 1.3em;
      line-height: 1.3em;
      margin-bottom: 1.4em; }
    .af-zb-dev-home .af-zb-page-footer .opt {
      margin-top: 1em; }
      .af-zb-dev-home .af-zb-page-footer .opt .af-zb-btn, .af-zb-dev-home .af-zb-page-footer .opt .af-zb-step-btn {
        width: 12em;
        height: 2.8em;
        font-size: 1.4em; }
        .af-zb-dev-home .af-zb-page-footer .opt .af-zb-btn span, .af-zb-dev-home .af-zb-page-footer .opt .af-zb-step-btn span {
          line-height: 2.6em; } }

@media only screen and (max-width: 600px) {
  .af-zb-dev-home .af-zb-page-footer .opt .af-zb-btn, .af-zb-dev-home .af-zb-page-footer .opt .af-zb-step-btn {
    width: 11em;
    height: 3em;
    font-size: 1.2em; }
    .af-zb-dev-home .af-zb-page-footer .opt .af-zb-btn span, .af-zb-dev-home .af-zb-page-footer .opt .af-zb-step-btn span {
      line-height: 2.8em; } }

.af-zb-dev-doc .main-inner {
  width: 1200px;
  max-width: 100%; }

.af-zb-dev-doc .af-zb-document-page .main-inner {
  overflow: hidden; }

.af-zb-dev-doc .af-zb-document-page .page-topic {
  display: block;
  position: relative;
  width: 100%;
  padding: 1.5em 0 1.8em;
  margin-bottom: 2em;
  vertical-align: bottom; }
  .af-zb-dev-doc .af-zb-document-page .page-topic .dropdown-toggle .dropdown-opt.doc-name {
    font-size: 1.5em;
    color: #222; }
  .af-zb-dev-doc .af-zb-document-page .page-topic .dropdown-toggle .dropdown-opt.doc-ver {
    font-size: .7em;
    color: #0094f2; }
  .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt {
    display: inline-block;
    float: right;
    text-align: right;
    vertical-align: bottom; }
  .af-zb-dev-doc .af-zb-document-page .page-topic:after {
    content: "";
    display: block;
    clear: both; }

@media only screen and (max-width: 800px) {
  .af-zb-dev-doc .af-zb-document-page .page-topic {
    padding: 2em 0 1em;
    border-bottom: 1px solid #ededed; }
    .af-zb-dev-doc .af-zb-document-page .page-topic .dropdown-toggle {
      display: block;
      margin: 0 0 .8em; }
      .af-zb-dev-doc .af-zb-document-page .page-topic .dropdown-toggle .dropdown-opt.doc-ver {
        font-size: 1em; }
    .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt .af-zb-btn, .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt .af-zb-step-btn {
      vertical-align: middle;
      line-height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 0;
      width: 9em;
      height: 2.5em;
      font-size: 1.1em; }
      .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt .af-zb-btn span, .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt .af-zb-step-btn span {
        line-height: 2.5em; }
  .af-zb-dev-doc .af-zb-document-page .page-content {
    padding: 0; } }

@media only screen and (max-width: 600px) {
  .af-zb-dev-doc .af-zb-document-page .page-topic .dropdown-toggle .dropdown-opt.doc-name {
    font-size: 1.4em; }
  .af-zb-dev-doc .af-zb-document-page .page-topic .dropdown-toggle .dropdown-opt.doc-ver {
    font-size: 1em; }
  .af-zb-dev-doc .af-zb-document-page .page-topic .dropdown-toggle .dropdown-opt:after {
    margin-left: .6em; }
  .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt .af-zb-btn, .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt .af-zb-step-btn {
    width: 8.5em;
    height: 2.4em;
    font-size: 1em; }
    .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt .af-zb-btn span, .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt .af-zb-step-btn span {
      line-height: 2.4em; } }

@media only screen and (max-width: 320px) {
  .af-zb-dev-doc .af-zb-document-page .page-topic .dropdown-toggle .dropdown-opt.doc-name {
    font-size: 1.4em; }
  .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt .af-zb-btn, .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt .af-zb-step-btn {
    width: 7.5em;
    min-width: 7.5em;
    height: 2.3em;
    font-size: .8em; }
    .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt .af-zb-btn span, .af-zb-dev-doc .af-zb-document-page .page-topic .page-opt .af-zb-step-btn span {
      line-height: 2.4em; } }

.af-zb-dev-news .main-inner {
  width: 1200px;
  max-width: 100%;
  overflow: initial; }
  .af-zb-dev-news .main-inner:after {
    content: "";
    display: block;
    clear: both; }

.af-zb-dev-news .page-option:after {
  content: "";
  display: block;
  clear: both; }

.af-zb-dev-news .page-content {
  padding-left: 0;
  margin: .8em 0 3em;
  padding-right: 2em;
  padding-right: 1.5em \9\0;
  border: 0;
  border-right: 1px solid #d0d0d0;
  margin-left: -1em;
  padding-left: 1em; }

.af-zb-dev-news .page-content-rel {
  padding-left: 2em;
  margin: .8em 0 3em;
  margin-left: -1em;
  position: relative;
  width: 320px;
  float: right; }

.af-zb-dev-news .articles-option .filter-option .dropdown-toggle.dropdown-news, .af-zb-dev-news .articles-option .filter-option .dropdown-toggle.dropdown-time {
  display: none; }

.af-zb-dev-news .articles-option .filter-option .sel-option a {
  padding-right: 0;
  margin: 0 .5em; }

.af-zb-dev-news .articles-option .filter-option .sel-option:after {
  display: none; }

.af-zb-dev-news .newslist-rel {
  margin-bottom: 2.5em; }
  .af-zb-dev-news .newslist-rel ul {
    list-style: disc outside; }
  .af-zb-dev-news .newslist-rel dd, .af-zb-dev-news .newslist-rel ol, .af-zb-dev-news .newslist-rel ul {
    margin: 0;
    padding-left: 20px; }
  .af-zb-dev-news .newslist-rel h3 {
    font-size: 1.2em;
    color: #222;
    text-transform: uppercase; }

@media only screen and (max-width: 1200px) {
  .af-zb-dev-news .page-content {
    padding: 0 1.5em 0 2em; }
  .af-zb-dev-news .page-content-rel {
    padding-left: 1.5em; } }

@media only screen and (max-width: 800px) {
  .af-zb-dev-news .page-content {
    padding: 0;
    margin: 0;
    border-right: 0; }
  .af-zb-dev-news .page-content-rel {
    display: none; }
  .af-zb-dev-news .articles-option .af-zb-link {
    float: left;
    font-size: 1em; }
  .af-zb-dev-news .articles-option .filter-option {
    text-align: left; }
    .af-zb-dev-news .articles-option .filter-option .dropdown-toggle {
      width: 32%;
      margin: 0;
      text-align: center;
      font-size: 1.2em;
      margin: .2em 0 1em; }
      .af-zb-dev-news .articles-option .filter-option .dropdown-toggle.dropdown-news, .af-zb-dev-news .articles-option .filter-option .dropdown-toggle.dropdown-time {
        display: inline-block; }
      .af-zb-dev-news .articles-option .filter-option .dropdown-toggle.dropdown-note {
        text-align: left; }
      .af-zb-dev-news .articles-option .filter-option .dropdown-toggle.dropdown-time {
        text-align: right; }
      .af-zb-dev-news .articles-option .filter-option .dropdown-toggle .dropdown-block .datetimepicker {
        width: 100%;
        border-radius: 0;
        box-shadow: none; }
        .af-zb-dev-news .articles-option .filter-option .dropdown-toggle .dropdown-block .datetimepicker .ui-datepicker-header {
          height: 4em;
          line-height: 4em;
          padding-bottom: .6em; }
          .af-zb-dev-news .articles-option .filter-option .dropdown-toggle .dropdown-block .datetimepicker .ui-datepicker-header .ui-datepicker-title {
            font-size: 1.2em; }
        .af-zb-dev-news .articles-option .filter-option .dropdown-toggle .dropdown-block .datetimepicker .ui-datepicker-calendar {
          width: 100%;
          border-collapse: collapse;
          margin: 0; }
          .af-zb-dev-news .articles-option .filter-option .dropdown-toggle .dropdown-block .datetimepicker .ui-datepicker-calendar .ui-state-default {
            font-size: 1.2em;
            width: 100%;
            height: 50%;
            line-height: 2.2em;
            padding: 25% 0; }
          .af-zb-dev-news .articles-option .filter-option .dropdown-toggle .dropdown-block .datetimepicker .ui-datepicker-calendar thead tr th span {
            width: 100%;
            font-size: 1em; } }

@media only screen and (max-width: 600px) {
  .af-zb-dev-news .articles-option .filter-option .dropdown-toggle .dropdown-block .datetimepicker .ui-datepicker-calendar .ui-state-default {
    padding: 15% 0; } }

@media only screen and (max-width: 480px) {
  .af-zb-dev-news .articles-option .filter-option .dropdown-toggle {
    font-size: 1em; }
    .af-zb-dev-news .articles-option .filter-option .dropdown-toggle .dropdown-opt:after {
      margin-left: .5em;
      font-size: .2em; }
    .af-zb-dev-news .articles-option .filter-option .dropdown-toggle .dropdown-block .datetimepicker .ui-datepicker-calendar .ui-state-default {
      padding: 10% 0; } }

@media only screen and (max-width: 400px) {
  .af-zb-dev-news .articles-option .filter-option .dropdown-toggle .dropdown-block .datetimepicker .ui-datepicker-calendar .ui-state-default {
    font-size: 1em; } }

@media only screen and (max-width: 320px) {
  .af-zb-dev-news .articles-option .filter-option .dropdown-toggle .dropdown-block .datetimepicker .ui-datepicker-calendar .ui-state-default {
    font-size: 1em;
    padding: 8% 0; } }

/** ------ Dev-News-Page ------ **/
.af-zb-dev-news-page .article-footer {
  margin-bottom: 2em; }
  .af-zb-dev-news-page .article-footer .grid {
    padding-right: 2em; }
    .af-zb-dev-news-page .article-footer .grid + .grid {
      padding-right: 0;
      padding-left: 2em; }

@media only screen and (max-width: 800px) {
  .af-zb-dev-news-page .article-footer .grid, .af-zb-dev-news-page .article-footer .grid + .grid {
    padding: 0; }
  .af-zb-dev-news-page .article-footer .grid + .grid .info-list:last-child {
    border: 0; } }

.af-zb-dev-faq .main-inner {
  width: 1200px;
  max-width: 100%; }

@media only screen and (max-width: 800px) {
  .af-zb-dev-faq .page-option {
    border-bottom: 1px solid #ededed; }
    .af-zb-dev-faq .page-option .filter-option {
      text-align: left;
      margin: 0.2em 0 1.8em; }
    .af-zb-dev-faq .page-option .af-zb-link {
      font-size: 1em;
      float: left;
      margin: 2em 0.35em 1em; } }

body {
  position: relative; }

.af-zb-dev-sdk .main-inner {
  max-width: 1200px; }

.af-zb-dev-sdk .page-option .main-inner {
  border-bottom: 1px solid #e0e0e0; }

.af-zb-dev-sdk .page-content {
  padding-left: 0;
  border-left: 0;
  overflow: initial;
  margin-bottom: 3em; }
  .af-zb-dev-sdk .page-content .main-inner {
    max-width: 1500px; }

.af-zb-dev-sdk .sdk-content {
  margin: 4.5em -2em 0; }
  .af-zb-dev-sdk .sdk-content .cate-icon {
    margin-bottom: .3em; }
    .af-zb-dev-sdk .sdk-content .cate-icon .icon {
      font-size: 4.2em;
      width: 100%;
      height: 1em;
      background: -webkit-linear-gradient(left, #008be4, #00ccff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      color: #00ccff; }
  .af-zb-dev-sdk .sdk-content .grid {
    padding: 0 3em; }
    .af-zb-dev-sdk .sdk-content h4 {
      font-size: 1.5em;
      color: #222;
      line-height: 1.4;
      margin-bottom: 10px;
      position: relative; }
      .af-zb-dev-sdk .sdk-content h4 .sdkInfoBox {
        display: flex;
        align-items: center;
        margin-top: 7px; }
        .af-zb-dev-sdk .sdk-content h4 .sdkInfoBox .version {
          font-size: .5em;
          margin-right: .8em;
          display: inline-block; }
        .af-zb-dev-sdk .sdk-content h4 .sdkInfoBox .level {
          font-size: .4em;
          line-height: 1.3;
          background: #555;
          color: #fff;
          border-radius: 10px;
          padding: 2px 9px 1px;
          display: inline-block; }
  .af-zb-dev-sdk .sdk-content h5 {
    font-size: .7em;
    color: #888; }
  .af-zb-dev-sdk .sdk-content ul li {
    position: relative;
    font-size: .8em;
    line-height: 1.2em;
    margin: .8em 0 1em;
    padding-left: 16px;
    color: #555; }
    .af-zb-dev-sdk .sdk-content ul li:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      top: 8px;
      width: 4px;
      height: 4px;
      vertical-align: middle;
      border-radius: 50%;
      background: #555; }
  .af-zb-dev-sdk .sdk-content .link-watch,
  .af-zb-dev-sdk .sdk-content .link-view {
    display: block;
    font-size: .9em; }
    .af-zb-dev-sdk .sdk-content .link-watch .icon,
    .af-zb-dev-sdk .sdk-content .link-view .icon {
      font-size: .8em;
      vertical-align: middle;
      line-height: 1.6em; }
      .af-zb-dev-sdk .sdk-content .link-watch .icon:before,
      .af-zb-dev-sdk .sdk-content .link-view .icon:before {
        display: block;
        width: 100%;
        height: 100%; }
  .af-zb-dev-sdk .sdk-content .link-ver {
    font-size: .7em; }
  .af-zb-dev-sdk .sdk-content .btn-group {
    display: block;
    border-top: 1px solid #dfdfdf;
    margin-top: 2em;
    padding: 1em 0; }
    .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn, .af-zb-dev-sdk .sdk-content .btn-group .af-zb-step-btn {
      display: inline-block;
      width: 48%;
      min-width: auto;
      height: 3em;
      font-size: .8em;
      float: left;
      margin-right: 4%; }
      .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn span, .af-zb-dev-sdk .sdk-content .btn-group .af-zb-step-btn span {
        line-height: 3em; }
      .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn.af-zb-btn-b span, .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn-b.af-zb-step-btn span {
        line-height: 2.8em; }
      .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn:last-child, .af-zb-dev-sdk .sdk-content .btn-group .af-zb-step-btn:last-child {
        margin-right: 0; }
    .af-zb-dev-sdk .sdk-content .btn-group:after {
      content: "";
      display: block;
      clear: both; }

@media only screen and (max-width: 1200px) {
  .af-zb-dev-sdk .sdk-content {
    margin: 4em -1.5em 0; }
    .af-zb-dev-sdk .sdk-content .grid {
      padding: 0 1.5em; }
    .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn, .af-zb-dev-sdk .sdk-content .btn-group .af-zb-step-btn {
      height: 2.6em; }
      .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn span, .af-zb-dev-sdk .sdk-content .btn-group .af-zb-step-btn span {
        line-height: 2.6em; }
      .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn.af-zb-btn-b span, .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn-b.af-zb-step-btn span {
        line-height: 2.4em; } }

@media only screen and (max-width: 800px) {
  .af-zb-dev-sdk .content-group {
    min-height: initial; }
  .af-zb-dev-sdk .page-option {
    padding: 0 20px;
    margin: 0.2em 0 .6em; }
    .af-zb-dev-sdk .page-option .main-inner {
      padding: 0; }
    .af-zb-dev-sdk .page-option .af-zb-link {
      font-size: 1em;
      float: left;
      margin: 2em 0.35em 1em; }
  .af-zb-dev-sdk .sdk-content {
    margin: 0;
    margin-top: 2em; }
    .af-zb-dev-sdk .sdk-content .grid {
      padding-right: 0;
      margin-bottom: 5em;
      padding: 0; }
    .af-zb-dev-sdk .sdk-content .cate-icon {
      position: absolute;
      left: 20px; }
      .af-zb-dev-sdk .sdk-content .cate-icon .icon {
        font-size: 4.8em; }
    .af-zb-dev-sdk .sdk-content h4 {
      font-size: 2em;
      padding: .2em 0 0 2.9em; }
      .af-zb-dev-sdk .sdk-content h4 .version {
        font-size: .5em;
        top: -5px; }
    .af-zb-dev-sdk .sdk-content h5 {
      font-size: 1.1em;
      padding-left: 5.3em; }
    .af-zb-dev-sdk .sdk-content ul li {
      font-size: 1.4em; }
      .af-zb-dev-sdk .sdk-content ul li:before {
        width: .25em;
        height: .25em;
        top: .5em; }
    .af-zb-dev-sdk .sdk-content .btn-group {
      text-align: center;
      padding: 2em 0 1em; }
      .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn, .af-zb-dev-sdk .sdk-content .btn-group .af-zb-step-btn {
        width: 9em;
        height: 2.8em;
        font-size: 1.2em; }
        .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn.af-zb-btn-b span, .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn-b.af-zb-step-btn span {
          line-height: 2.6em; }
        .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn span, .af-zb-dev-sdk .sdk-content .btn-group .af-zb-step-btn span {
          line-height: 2.8em; }
    .af-zb-dev-sdk .sdk-content .link-watch,
    .af-zb-dev-sdk .sdk-content .link-view {
      font-size: 1.4em; }
      .af-zb-dev-sdk .sdk-content .link-watch .icon,
      .af-zb-dev-sdk .sdk-content .link-view .icon {
        line-height: 1.4em; }
    .af-zb-dev-sdk .sdk-content .link-ver {
      font-size: 1.1em; } }

@media only screen and (max-width: 320px) {
  .af-zb-dev-sdk .sdk-content .btn-group .af-zb-btn, .af-zb-dev-sdk .sdk-content .btn-group .af-zb-step-btn {
    width: 8em;
    height: 2.6em;
    line-height: 1em; } }

.af-zb-pd-spec .page-content {
  padding-left: 0;
  border-left: 0;
  margin-bottom: 0; }

.af-zb-pd-spec .page-footer {
  margin-top: 1em;
  margin-bottom: 2em;
  float: left; }
  .af-zb-pd-spec .page-footer ul {
    list-style: disc;
    color: #999;
    padding-left: .7em; }
    .af-zb-pd-spec .page-footer ul li {
      font-size: .7em;
      line-height: 1.6em; }

.af-zb-pd-spec .spec-opt {
  padding: 2.5em 0 .2em; }
  .af-zb-pd-spec .spec-opt .btn-print {
    display: inline-block;
    font-size: 12px;
    background: url(../images/icons/icon_sprite.png) no-repeat 0px -151px;
    padding: 0 0 0 28px;
    height: 22px;
    line-height: 22px; }
  .af-zb-pd-spec .spec-opt:after {
    content: "";
    display: block;
    clear: both; }

.af-zb-pd-spec .spec-list {
  margin-top: 1em; }
  .af-zb-pd-spec .spec-list li {
    width: 100%;
    display: block;
    overflow: hidden;
    background: #fff; }
    .af-zb-pd-spec .spec-list li .spec-item,
    .af-zb-pd-spec .spec-list li .spec-data {
      padding: 20px;
      color: #000; }
    .af-zb-pd-spec .spec-list li .spec-item {
      position: relative;
      width: 20%;
      float: left;
      font-size: 1em;
      font-weight: 600; }
    .af-zb-pd-spec .spec-list li .spec-data {
      overflow: hidden;
      border-left: 1px solid #ccc;
      word-wrap: break-word;
      font-size: .8em;
      line-height: 1.4em;
      padding-bottom: 30px; }
    .af-zb-pd-spec .spec-list li:hover {
      background: #efefef; }

@media only screen and (max-width: 600px) {
  .af-zb-pd-spec .spec-list li .spec-item {
    width: 30%; } }

@media only screen and (max-width: 400px) {
  .af-zb-pd-spec .spec-list li .spec-item {
    width: 35%; } }

.af-zb-pd-support .af-zb-page {
  padding-top: 2em; }

.af-zb-pd-support .page-nav {
  border-right: 1px solid #d0d0d0;
  width: 270px; }
  .af-zb-pd-support .page-nav .nav-content > ul > li {
    font-size: 1em;
    margin-bottom: 1.2em; }
    .af-zb-pd-support .page-nav .nav-content > ul > li ul li {
      font-size: 14px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0YxOEI2NkUyNzcwMTFFNDgyQUE5NUMzM0JGOUU4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0YxOEI2NkYyNzcwMTFFNDgyQUE5NUMzM0JGOUU4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRjE4QjY2QzI3NzAxMUU0ODJBQTk1QzMzQkY5RTgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRjE4QjY2RDI3NzAxMUU0ODJBQTk1QzMzQkY5RTgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj849SoAAAEDSURBVHjaYvz//z8DMmBcyaAOpIyB+DsQn/0fzvAIRR6mAajQAEhlAnEaAyqYCMRNQI3v4BqAii2B7GMgAXEOBobf/xgY3v1C0TQdiIuBmr4zQQUyYTKzTBgYnvkD3SSIogEkXwG2gWHFfzkg/RBZ9rwbA4OOAAODx0EGhr0vUTSyMEE9iAIMdzEwnHvPwLDLnoFBlgtFShqk4SO6BjtRoCagDXe+MDC8/IEi9QWk4TiySJAMA8N+RwaGU8AwUd/GwPDrH1zqFCikmEA+BwUbTNQI6Nn59xkYbPai2wsOKZR4mIYcWmigG2hwGYoGqKZwqCYbkHuB+CDIZKDiHTA1AAEGAECRUG3PSjgEAAAAAElFTkSuQmCC) 0 center no-repeat; }
      .af-zb-pd-support .page-nav .nav-content > ul > li ul li .search-form {
        position: relative; }
        .af-zb-pd-support .page-nav .nav-content > ul > li ul li .search-form input {
          display: block;
          padding: 3px 34px 3px 5px;
          width: 100%;
          height: 28px;
          border: 1px solid #999;
          box-sizing: border-box;
          box-shadow: none;
          outline: none;
          background: #fff; }
        .af-zb-pd-support .page-nav .nav-content > ul > li ul li .search-form .search-btn {
          background: url(../images/icons/icon-search-btn.png) no-repeat scroll 0 0 transparent;
          border: medium none;
          border-radius: 0 0 0 0;
          cursor: pointer;
          height: 23px;
          width: 25px;
          position: absolute;
          top: 3px;
          right: 5px;
          text-indent: -9999px;
          cursor: pointer; }
        .af-zb-pd-support .page-nav .nav-content > ul > li ul li .search-form span {
          float: left;
          margin-right: 15px;
          text-indent: -9999px;
          width: 50px;
          height: 50px; }
      .af-zb-pd-support .page-nav .nav-content > ul > li ul li.form {
        padding: .4em 0;
        background: none; }
      .af-zb-pd-support .page-nav .nav-content > ul > li ul li:hover a {
        color: #0094f2; }
    .af-zb-pd-support .page-nav .nav-content > ul > li.pdHelp ul li {
      background: url(../images/icons/icon-service.jpg) 0 center no-repeat;
      padding-left: 56px;
      padding: 5px 0 5px 56px; }
    .af-zb-pd-support .page-nav .nav-content > ul > li.pdSearch {
      border-top: 1px dashed #7c7c7c;
      border-bottom: 1px dashed #7c7c7c;
      padding: 1em 0; }
    .af-zb-pd-support .page-nav .nav-content > ul > li.pdSupport {
      background: url(../images/icons/icon-ms.png) right 0 no-repeat; }

.af-zb-pd-support .page-content {
  border-left: 0;
  margin-bottom: 0;
  padding-bottom: 5em;
  min-height: 500px; }
  .af-zb-pd-support .page-content.warranty-content h4.wp_h4_tit {
    font-weight: bold; }
  .af-zb-pd-support .page-content.warranty-content div.p_09 span.word-blue-12-b {
    color: red; }
  .af-zb-pd-support .page-content p {
    font-size: 1em;
    line-height: 1.4em; }
  .af-zb-pd-support .page-content.faq-content {
    height: 765px; }
  .af-zb-pd-support .page-content:after {
    content: "";
    display: block;
    clear: both; }

.af-zb-pd-support .page-footer {
  margin-top: 1em;
  margin-bottom: 2em;
  float: left; }
  .af-zb-pd-support .page-footer ul {
    list-style: disc;
    color: #999;
    padding-left: .7em; }
    .af-zb-pd-support .page-footer ul li {
      font-size: .7em;
      line-height: 1.6em; }

.af-zb-pd-support .dropdown-toggle {
  font-size: .8em;
  width: 265px; }
  .af-zb-pd-support .dropdown-toggle .dropdown-opt {
    position: relative;
    width: 100%;
    border: 1px solid #929292;
    padding: 8px;
    color: #333; }
    .af-zb-pd-support .dropdown-toggle .dropdown-opt:after {
      position: absolute;
      width: 10px;
      height: 8px;
      top: 0;
      bottom: 0;
      right: 10px;
      margin: auto; }
  .af-zb-pd-support .dropdown-toggle .dropdown-block {
    top: 2.5em; }
    .af-zb-pd-support .dropdown-toggle .dropdown-block ul {
      border: 1px solid #5b5b5b;
      box-shadow: none;
      padding: 0;
      margin: 0; }
      .af-zb-pd-support .dropdown-toggle .dropdown-block ul li {
        font-size: .8em;
        line-height: 30px;
        padding: 0 12px; }
        .af-zb-pd-support .dropdown-toggle .dropdown-block ul li a {
          color: #333; }
        .af-zb-pd-support .dropdown-toggle .dropdown-block ul li:hover {
          background: transparent; }
          .af-zb-pd-support .dropdown-toggle .dropdown-block ul li:hover a {
            color: #0094f2; }

.af-zb-pd-support .content-opt ul {
  list-style: none;
  display: block;
  padding: 0;
  margin-top: 0; }
  .af-zb-pd-support .content-opt ul li {
    float: left;
    width: 16.6%;
    max-width: 150px;
    display: table;
    overflow: hidden; }
    .af-zb-pd-support .content-opt ul li a {
      position: relative;
      display: table-cell;
      vertical-align: middle;
      height: 50px;
      padding: 0 14px;
      font-size: 14px;
      line-height: 1.2;
      background-color: #eee;
      color: #000;
      text-align: center; }
    .af-zb-pd-support .content-opt ul li.active a, .af-zb-pd-support .content-opt ul li:hover a {
      color: #fff;
      background: #0094f2; }
    .af-zb-pd-support .content-opt ul li:first-child {
      border-radius: 10px 0 0 10px; }
    .af-zb-pd-support .content-opt ul li:last-child {
      border-radius: 0 10px 10px 0; }
  .af-zb-pd-support .content-opt ul:after {
    content: "";
    display: block;
    clear: both; }

.af-zb-pd-support .content-sel .sel-name {
  font-size: .7em;
  line-height: 2.4em;
  margin-right: .5em;
  padding-left: 3em; }

.af-zb-pd-support .content-subtitle {
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  margin: .5em 0; }

.af-zb-pd-support .content-area .result-str {
  font-size: .8em;
  font-weight: 600;
  margin: 0 0 .5em 0; }

.af-zb-pd-support .content-area.content-area-driver {
  padding-top: 2em;
  display: none; }
  .af-zb-pd-support .content-area.content-area-driver ul {
    margin: 0;
    padding: .5em 0; }
    .af-zb-pd-support .content-area.content-area-driver ul li {
      padding-top: .5em; }
      .af-zb-pd-support .content-area.content-area-driver ul li .list-link {
        position: relative;
        font-size: .7em;
        cursor: pointer;
        display: block;
        padding-left: 26px;
        min-height: 22px;
        line-height: 22px; }
        .af-zb-pd-support .content-area.content-area-driver ul li .list-link .num {
          color: #222;
          padding-left: 1em;
          letter-spacing: 0.03em; }
        .af-zb-pd-support .content-area.content-area-driver ul li .list-link:before {
          content: "";
          display: inline-block;
          position: absolute;
          left: 0;
          top: 0;
          width: 20px;
          height: 20px;
          background: url(../images/icons/icon-close-round.png) center center no-repeat; }
      .af-zb-pd-support .content-area.content-area-driver ul li .list-block {
        max-height: 0;
        margin-bottom: 0;
        overflow: hidden; }
        .af-zb-pd-support .content-area.content-area-driver ul li .list-block .list-title {
          padding-top: .5em; }
        .af-zb-pd-support .content-area.content-area-driver ul li .list-block table {
          margin-bottom: .5em; }
      .af-zb-pd-support .content-area.content-area-driver ul li:first-child {
        padding-top: 0; }
      .af-zb-pd-support .content-area.content-area-driver ul li.open .list {
        margin-bottom: .7em; }
      .af-zb-pd-support .content-area.content-area-driver ul li.open .list-block {
        max-height: 1000px; }
  .af-zb-pd-support .content-area.content-area-driver.active {
    display: block; }

.af-zb-pd-support .content-area.content-area-manual {
  padding-top: 2em; }
  .af-zb-pd-support .content-area.content-area-manual ul {
    margin: 0;
    padding: .5em 0; }

.af-zb-pd-support ul.result-list .list-block {
  margin-bottom: 1.1em; }

.af-zb-pd-support ul.result-list .list-title {
  display: inline-block;
  font-size: .7em;
  padding: 0;
  margin-bottom: 12px;
  line-height: 18px; }

.af-zb-pd-support ul.result-list table {
  width: 100%;
  border: 1px solid #dddddd;
  border-collapse: separate;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .af-zb-pd-support ul.result-list table th, .af-zb-pd-support ul.result-list table td {
    font-size: .7em;
    font-weight: 500;
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd; }
  .af-zb-pd-support ul.result-list table th {
    font-weight: 600;
    background: #eee;
    width: 20%; }
  .af-zb-pd-support ul.result-list table .download:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 15px;
    vertical-align: middle;
    background: url(../images/icons/icon-download.gif) no-repeat 0 -26px;
    margin-right: 4px; }
  .af-zb-pd-support ul.result-list table .update-time {
    color: #999;
    float: right;
    padding-right: 10px; }

.af-zb-pd-support ul.faq-list, .af-zb-pd-support ul.warranty-list {
  margin: 1em 0; }
  .af-zb-pd-support ul.faq-list li, .af-zb-pd-support ul.warranty-list li {
    font-size: .7em;
    position: relative;
    margin-top: 5px; }
    .af-zb-pd-support ul.faq-list li:before, .af-zb-pd-support ul.warranty-list li:before {
      content: "";
      display: inline-block;
      width: 7px;
      height: 7px;
      position: absolute;
      left: 0;
      top: .55em;
      background: url(../images/icons/icon-more-btn.gif) 0 0 no-repeat; }
    .af-zb-pd-support ul.faq-list li a, .af-zb-pd-support ul.warranty-list li a {
      display: inline-block;
      font-size: 1em;
      line-height: 1.6em;
      color: #000;
      padding-left: 1em;
      color: #333;
      text-decoration: none; }
      .af-zb-pd-support ul.faq-list li a:hover, .af-zb-pd-support ul.warranty-list li a:hover {
        color: #0094f2; }

.af-zb-pd-support ul.warranty-list li .update-time {
  display: inline-block;
  margin-left: 6px; }
  .af-zb-pd-support ul.warranty-list li .update-time span {
    font-weight: 600; }

.af-zb-pd-support .pagination {
  position: relative;
  float: right;
  margin-right: 2em; }
  .af-zb-pd-support .pagination li {
    display: inline-block;
    float: left;
    border: 1px solid #CCC;
    border-left: 0; }
    .af-zb-pd-support .pagination li a {
      display: inline-block;
      width: 36px;
      height: 36px;
      line-height: 36px;
      font-size: 14px;
      color: #8b8b8b;
      text-align: center; }
      .af-zb-pd-support .pagination li a .left-triangle,
      .af-zb-pd-support .pagination li a .right-triangle {
        line-height: 30px;
        display: inline-block;
        border-style: solid;
        border-width: 5px 5px 5px 0;
        border-color: transparent #33b9ff transparent transparent; }
      .af-zb-pd-support .pagination li a .right-triangle {
        border-width: 5px 0 5px 5px;
        border-color: transparent transparent transparent #33b9ff; }
    .af-zb-pd-support .pagination li:first-child {
      border-left: 1px solid #CCC; }
    .af-zb-pd-support .pagination li.active {
      background: #0094f2; }
      .af-zb-pd-support .pagination li.active a {
        color: #fff; }
    .af-zb-pd-support .pagination li:hover {
      background: #e6e6e6; }
      .af-zb-pd-support .pagination li:hover a {
        color: #0094f2; }
    .af-zb-pd-support .pagination li.disabled a {
      cursor: default; }
      .af-zb-pd-support .pagination li.disabled a .left-triangle {
        border-color: transparent #999 transparent transparent; }
      .af-zb-pd-support .pagination li.disabled a .right-triangle {
        border-color: transparent transparent transparent #999; }
    .af-zb-pd-support .pagination li.disabled:hover {
      background: transparent; }

.af-zb-pd-support .warranty-content {
  font-size: .7em;
  line-height: 1.8em; }
  .af-zb-pd-support .warranty-content .page-content ol {
    padding-left: 10px; }
  .af-zb-pd-support .warranty-content .page-content h4 {
    font-size: 2.1em; }
  .af-zb-pd-support .warranty-content table {
    text-align: center; }
    .af-zb-pd-support .warranty-content table p {
      font-size: 1em; }

@media only screen and (max-width: 800px) {
  .af-zb-pd-support .page-nav {
    border: 0;
    width: 80%; }
  .af-zb-pd-support .page-content {
    min-height: initial; }
    .af-zb-pd-support .page-content p {
      font-size: .9em; }
    .af-zb-pd-support .page-content ul {
      font-size: 1.3em; }
    .af-zb-pd-support .page-content.faq-content {
      height: initial; }
  .af-zb-pd-support .page-footer ul li {
    font-size: .9em; }
  .af-zb-pd-support .dropdown-toggle .dropdown-block {
    top: 0;
    overflow-y: scroll; }
    .af-zb-pd-support .dropdown-toggle .dropdown-block ul {
      border: 0; }
      .af-zb-pd-support .dropdown-toggle .dropdown-block ul li {
        font-size: 1.3em;
        padding: 0.9em 0 0.5em;
        border-bottom: 1px solid #d8d8d8; }
        .af-zb-pd-support .dropdown-toggle .dropdown-block ul li a {
          padding: 0 1.2em; }
  .af-zb-pd-support ul.result-list table th {
    width: 30%; }
  .af-zb-pd-support .content-opt ul li {
    width: 24%; }
  .af-zb-pd-support .content-area .result-str {
    font-size: 1.2em; }
  .af-zb-pd-support .pagination {
    float: none; }
  .af-zb-pd-support .warranty-content {
    font-size: 1em;
    line-height: 1.8em; } }

@media only screen and (max-width: 400px) {
  .af-zb-pd-support .content-opt ul li {
    width: 24%; }
    .af-zb-pd-support .content-opt ul li a {
      font-size: 12px;
      padding: 0 10px; }
  .af-zb-pd-support .pagination li a {
    width: 32px;
    height: 32px;
    line-height: 32px; } }

@media only screen and (max-width: 320px) {
  .af-zb-pd-support .pagination li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 13px; } }

.af-zb-pd-gallery .page-content {
  padding-left: 0;
  border-left: 0;
  margin-bottom: 0; }

.af-zb-pd-gallery .page-footer {
  margin-top: 1em;
  margin-bottom: 2em;
  float: left; }
  .af-zb-pd-gallery .page-footer ul {
    list-style: disc;
    color: #999;
    padding-left: .7em; }
    .af-zb-pd-gallery .page-footer ul li {
      font-size: .7em;
      line-height: 1.6em; }

.af-zb-pd-gallery .gallery-list {
  display: block;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ccc; }
  .af-zb-pd-gallery .gallery-list li {
    float: left;
    display: block;
    position: relative;
    width: 20%;
    padding-top: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .af-zb-pd-gallery .gallery-list li a {
      position: absolute;
      top: 0;
      left: 0;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ddd;
      width: 100%;
      height: 100%; }
      .af-zb-pd-gallery .gallery-list li a img {
        width: 100%;
        height: 100%; }
  .af-zb-pd-gallery .gallery-list .bigSize {
    width: 40%;
    padding-top: 40%; }
  .af-zb-pd-gallery .gallery-list .bigSize2 {
    width: 40%;
    padding-top: 40%;
    margin-top: -20.01%; }
  .af-zb-pd-gallery .gallery-list .afterBig {
    border-top: none;
    margin-top: -20.01%; }
  .af-zb-pd-gallery .gallery-list:after {
    content: "";
    display: block;
    clear: both; }

@media only screen and (max-width: 800px) {
  .af-zb-pd-gallery .gallery-list li {
    width: 100%;
    padding-top: 100%; }
    .af-zb-pd-gallery .gallery-list li.bigSize, .af-zb-pd-gallery .gallery-list li.bigSize2, .af-zb-pd-gallery .gallery-list li.afterBig {
      width: 100%;
      padding-top: 100%;
      margin-top: 0; } }

/** ------ Product Overview ------ **/
.site-cn.af-zb-index .af-zb-intro {
  display: none; }

.site-cn.af-zb-overview #special-sectionOverview #wrap article.intro {
  background: #f7f7f7; }

.site-cn.af-zb-overview #special-sectionOverview #wrap article.video .container-video #button-video-play {
  display: none; }

.site-cn.af-zb-overview #special-sectionOverview #wrap article.video .container-video #ykplayer {
  display: none;
  height: 100%;
  width: 100%; }

.site-cn .header .logo {
  width: 115px;
  height: 37px;
  top: 15px;
  background: url(/public/images/logo-b-cn.png) center center no-repeat; }

.site-cn .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-info .title img {
  width: 226px;
    width-height: 64px; }

.site-cn .af-zb-appstore .af-zb-banner .banner-block .banner-inner .banner-info .title img {
  display: block;
    display-margin: 0 auto;
    display-margin-bottom: 19px;
    display-max-width: 100%; }

.site-cn .sprite-title-zenbo {
  background: none; }

.site-cn .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .title img {
  max-width: 457px; }

.site-cn #special-sectionOverview #wrap article.intro > .container .container-text .sprite-title-zenbo {
  width: 100%;
  height: auto; }
  .site-cn #special-sectionOverview #wrap article.intro > .container .container-text .sprite-title-zenbo img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 457px; }

.site-cn .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .sprite-title-zenbo img {
  max-width: 457px; }

.site-cn.af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .sprite-title-zenbo img {
  max-width: 457px; }

@media only screen and (max-width: 1100px) {
  .site-cn .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .sprite-title-zenbo img {
    max-width: 380px; }
  .site-cn.af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .sprite-title-zenbo img {
    max-width: 380px; }
  .site-cn .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .title img {
    max-width: 60%; } }

@media only screen and (max-width: 900px) {
  .site-cn .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .sprite-title-zenbo img {
    max-width: 250px; }
  .site-cn.af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .sprite-title-zenbo img {
    max-width: 250px; }
  .site-cn .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .title img {
    max-width: 60%; } }

@media only screen and (max-width: 800px) {
  .site-cn .af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .sprite-title-zenbo img {
    max-width: 60%; }
  .site-cn.af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .sprite-title-zenbo img {
    max-width: 60%; }
  .site-cn .af-zb-banner .banner-block .banner-inner .banner-wrap .banner-info .title img {
    max-width: 60%; }
  .site-cn.af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .desp {
    font-size: 0.8em; }
  .site-cn.af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .title {
    font-size: 1.6em; } }

@media only screen and (max-width: 600px) {
  .site-cn.af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .title {
    font-size: 1.6em; } }

@media only screen and (max-width: 600px) {
  .site-cn.af-zb-ezenbo .section-start .section-block .section-kv .kv-intro .title {
    font-size: 1.2em; } }

.af-zb-calendar .calendar-m .month {
  background: #fff\9; }
  .af-zb-calendar .calendar-m .month:hover, .af-zb-calendar .calendar-m .month.active {
    background: #0090da\9; }
  .af-zb-calendar .calendar-m .month.disabled:hover {
    background: #fff\9; }

.af-zb-banner .slick-slider {
  margin: 0 \9; }

@media \0screen {
  .tab-menu ul li .checker:before {
    content: "\e921";
    font-family: "icomoon";
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle; }
  .tab-menu ul li.success .checker {
    text-align: center; }
    .tab-menu ul li.success .checker:after {
      text-align: center;
      line-height: 24px; }
    .tab-menu ul li.success .checker:before {
      content: "\e921";
      font-family: "icomoon";
      font-size: 24px;
      line-height: 24px;
      height: 24px;
      position: absolute;
      top: 0;
      left: 0;
      vertical-align: middle;
      color: #00ccff;
      text-align: center; }
  body.overlay .af-zb-wrapper:after {
    background: transparent; }
  .ie8 #special-sectionOverview #wrap article.pictures .container-features .container-inner .container-feature, .ie9 #special-sectionOverview #wrap article.pictures .container-features .container-inner .container-feature {
    background: red;
    width: 50%;
    padding-right: 1%; }
    .ie8 #special-sectionOverview #wrap article.pictures .container-features .container-inner .container-feature.right, .ie9 #special-sectionOverview #wrap article.pictures .container-features .container-inner .container-feature.right {
      margin-right: 0;
      padding-right: 0;
      padding-left: 1%;
      background: blue; } }