/*
    Theme Name:     Divi Child
    Theme URI:      https://www.elegantthemes.com/gallery/divi/
    Description:    Divi Child Theme
    Author:         Elegant Themes
    Author URI:     https://www.elegantthemes.com
    Template:       Divi
    Version:        1.0.0
    */

/* =Theme customization starts here
    ------------------------------------------------------- */

/*
    By mdsr
    */

/* Obsidian--wrapper */

/* Iphone */

@media screen and (device-aspect-ratio: 40/71) {
  #Obsidian--wrapper .et_pb_tab_0 a {
    font-size: initial !important;
  }
}

/*
    ===============
    Media 
    ===============
    */

@media only screen and (max-width: 45em) {
  /* boday&html Block */
  body,
  html {
    min-width: 100%;
  }
  /* 
        =======
        TopBar
        =======
        */
  /* topbar */
  #et-top-navigation {
    float: none !important;
  }
  #main-header #et-top-navigation {
    padding-left: 0% !important;
  }
  .et-cart-info {
    right: 35px !important;
    top: 20px !important;
  }
  /* Menu Mobile View | Override CSS */
  #main-header .et_mobile_menu {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
  #mobile_menu .sub-menu {
    height: auto !important;
  }
  #mobile_menu .sub-menu li a {
    top: auto !important;
    height: auto !important;
  }
  #mobile_menu .sub-menu li,
  #mobile_menu #menu-item-wpml-ls-2-en #menu-item-wpml-ls-2-ja {
    padding-left: initial !important;
    margin-left: initial !important;
  }
  #mobile_menu .sub-menu li a:before {
    zoom: 65%;
  }
  /* 
        =======
        Hero
        =======
        */
  /* header-content w-100 */
  .header-content {
    width: 100% !important;
  }
  .et_pb_header_content_wrapper a {
    display: block;
    margin-bottom: 10px;
  }
  /* video img */
  #main-wrapper .header-content img {
    max-width: 100%;
    margin: 0 auto;
  }
  /*
        ==========================================
        Content Flip Cards | Override CSS
        ==========================================
        */
  #flip-cards-wrap .cwp_back,
  #flip-cards-wrap .cwp_front {
    position: initial !important;
    top: auto !important;
    left: auto !important;
  }
  #flip-cards-wrap .cwp_back {
    backface-visibility: initial !important;
    transform: inherit !important;
    -webkit-transform: inherit !important;
  }
  #flip-cards-wrap .cwp_back {
    margin-top: initial !important;
  }
  #flip-cards-wrap
    .et_pb_module.et_pb_flipbox
    .cwp_flipbox_wrapper.left:hover
    .cwp_front,
  #flip-cards-wrap
    .et_pb_module.et_pb_flipbox
    .cwp_flipbox_wrapper.right:hover
    .cwp_front,
  #flip-cards-wrap
    .et_pb_module.et_pb_flipbox
    .cwp_flipbox_wrapper.down:hover
    .cwp_front {
    -webkit-transform: inherit !important;
    transform: inherit !important;
  }
  #flip-cards-wrap
    .et_pb_module.et_pb_flipbox
    .cwp_flipbox_wrapper.left
    .cwp_flipper {
    transform-style: initial;
  }
  /* last fip card | Image for demo only */
  #flip-cards-wrap .et_pb_flipbox_3 .cwp_front img {
    height: 100%;
    object-fit: fill;
    object-position: center;
  }
  /*
        ==========================================
        P: Product | S:Obsidian S&R
        ==========================================
        */
  /* panorama */
  #panorama-wrapper .et_pb_image_1,
  #panorama-wrapper .et_pb_text_2 {
    width: 100% !important;
  }
  #panorama-wrapper .et_pb_text_2 {
    margin-left: initial !important;
  }
  /* Obsidian--wrapper */
  .sm__Obsidian--layout > div {
    padding: 0 !important;
  }
  #Obsidian--wrapper .obsidian-tabs .et_pb_tab_0 a {
    padding: 40px !important;
  }
  .et_pb_toggle_title::before {
    right: 75% !important;
    margin-top: 75px;
  }
  /*
        ==========================================
        P: Product | S:Obsidian GO
        ==========================================
        */
  .sm__layout--spacing {
    line-height: 2.2rem;
  }
  .sm__layout--appearance {
    margin-left: 0 !important;
  }
  /*.et_pb_section_34 {
            display: none;
        }*/
  .et_pb_section_32,
  .et_pb_section_23 {
    padding-top: 0 !important;
  }
  /*
        ==========================================
        P: About Us
        ==========================================
        */
  #sm-about-us-wrapper .et_pb_header_content_wrapper {
    margin-left: initial;
  }
  #sm-about-us-wrapper .et_pb_header_content_wrapper p {
    text-align: justify;
  }
  #sm-about-us-wrapper .wp-caption.alignleft {
    float: none;
    width: 100% !important;
    margin: 0 0 20px 0;
  }
  /* awards */
  #sm-awards-wrapper img {
    max-width: 100%;
    height: auto;
    display: block;
    float: none !important;
    margin: 0 !important;
  }
  #sm-awards-wrapper p {
    text-align: justify;
    padding-top: 10px;
  }
  /*
        ==========================================
        P: Accessory
        ==========================================
        */
  #sm-product-layout {
    background-color: #393a3a !important;
    top: auto;
    width: 100%;
    position: relative;
  }
  #et-main-area .products li {
    width: 100%;
    float: none;
    display: block;
  }
  /*
        ==========================================
        P: After-Service
        ==========================================
        */
  #custom-py {
    padding-top: 0;
    padding-bottom: 50px;
  }
  #sm__After--wrap ul.et_pb_tabs_controls,
  #custom-py ul.et_pb_tabs_controls,
  .page-id-408 ul #sm__after--wrap ul.et_pb_tabs_controls,
  .page-id-403 ul.et_pb_tabs_controls {
    width: 100% !important;
    float: none !important;
  }
  #sm__After--wrap .et_pb_tab_content,
  .page-id-403 .et_pb_tab_content {
    padding-left: initial !important;
    margin-top: 40px;
  }
  #sm__After--wrap .et_pb_tab_content h3 {
    text-align: left;
    margin: 0 !important;
  }
  /*
        ==========================================
        P:  Supports  | S 
        ==========================================
        */
  /* S: Download */
  .dimg {
    max-width: 100%;
    float: none !important;
    margin-bottom: 20px !important;
  }
  /* User Guide */
  .sm__mb--20 > img {
    margin-bottom: 20px !important;
  }
  /*
        ==========================================
        P:  kandaoLive  | OverRide CSS
        ==========================================
        */
  .buttons > a {
    margin-right: 0 !important;
  }
  /*
        =======================================================================
                    OverRide CSS
        =======================================================================
        */
  /*
        ==========================================
        P:  Product  | OverRide CSS
        ==========================================
        */
  /* For Products  s
        ticky
        .et_pb_section_35,
        .et_pb_section_29,
        .et_pb_section_30 {
            width: 100%;
            top: auto !important;
            position: relative !important;
        }*/
  /*
        ==========================================
        P:  woocommerce  | OverRide CSS
        ==========================================
        */
  .woocommerce-page .container {
    max-width: 85% !important;
  }
  /*
        =====================
        Footer
        =====================
        */
  #social-footer .container > div,
  #social-footer .container > ul {
    width: 100%;
    text-align: center;
    float: none !important;
  }
  #footer-widgets .footer-widget > div {
    width: 100%;
    text-align: center;
  }
  .wpml-ls-legacy-dropdown {
    width: 100%;
  }
  #footer-widgets .footer-widget li {
    padding-left: 0;
  }
}

/* Tablets */

@media only screen and (min-device-width: 48em) and (max-device-width: 63.99em) and (-webkit-min-device-pixel-ratio: 1) {
  /* TopBar */
  #et-top-navigation {
    float: none !important;
  }
  .et-cart-info {
    left: 0px;
    top: auto !important;
    position: initial !important;
  }
  /* boday&html Block */
  body,
  html {
    min-width: 100%;
  }
  /* Menu Mobile View | Override CSS */
  #main-header .et_mobile_menu {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
  #mobile_menu .sub-menu {
    height: auto !important;
  }
  #mobile_menu .sub-menu li a {
    top: auto !important;
    height: auto !important;
  }
  #mobile_menu .sub-menu li,
  #mobile_menu #menu-item-wpml-ls-2-en #menu-item-wpml-ls-2-ja {
    padding-left: initial !important;
    margin-left: initial !important;
  }
  #mobile_menu .sub-menu li a:before {
    zoom: 65%;
  }
  /*
        ==========================================
        Content Flip Cards | Override CSS
        ==========================================
        */
  #flip-cards-wrap .cwp_back,
  #flip-cards-wrap .cwp_front {
    position: initial !important;
    top: auto !important;
    left: auto !important;
  }
  #flip-cards-wrap .cwp_back {
    backface-visibility: initial !important;
    transform: inherit !important;
    -webkit-transform: inherit !important;
  }
  #flip-cards-wrap .cwp_back {
    margin-top: initial !important;
  }
  #flip-cards-wrap .cwp_back p,
  .cwp_back_description {
    text-align: justify;
  }
  #flip-cards-wrap
    .et_pb_module.et_pb_flipbox
    .cwp_flipbox_wrapper.left:hover
    .cwp_front,
  #flip-cards-wrap
    .et_pb_module.et_pb_flipbox
    .cwp_flipbox_wrapper.right:hover
    .cwp_front,
  #flip-cards-wrap
    .et_pb_module.et_pb_flipbox
    .cwp_flipbox_wrapper.down:hover
    .cwp_front {
    -webkit-transform: inherit !important;
    transform: inherit !important;
  }
  #flip-cards-wrap
    .et_pb_module.et_pb_flipbox
    .cwp_flipbox_wrapper.left
    .cwp_flipper {
    transform-style: initial;
  }
  /* last fip card | Image for demo only */
  #flip-cards-wrap .et_pb_flipbox_3 .cwp_front img {
    height: 100%;
    object-fit: fill;
    object-position: center;
  }
  /*
        ==========================================
        P: Product | S:Obsidian S&R
        ==========================================
        */
  /* panorama */
  #panorama-wrapper .et_pb_image_1,
  #panorama-wrapper .et_pb_text_2 {
    width: 100% !important;
  }
  #panorama-wrapper .et_pb_text_2 {
    margin-left: initial !important;
  }
  /* Obsidian--wrapper */
  .sm__Obsidian--layout > div {
    padding: 0 !important;
  }
  #Obsidian--wrapper .obsidian-tabs .et_pb_tab_0 a {
    padding: 40px !important;
  }
  .et_pb_toggle_title::before {
    right: 75% !important;
    margin-top: 75px;
  }
  /*
        ==========================================
        P: Product | qoocam
        ==========================================
        */
  div#md-layout {
    width: 50%;
    float: right;
    clear: right;
  }
  /* ============================================================================== */
  /*
        ==========================================
        P:  Product  | OverRide CSS
        ==========================================
        */
  /* For Products 
        sticky*/
  .et_pb_section_23,
  .et_pb_section_35,
  .et_pb_section_29,
  .et_pb_section_30 {
    width: 100%;
    top: auto !important;
    position: relative !important;
  }
}

@media only screen and (max-width: 75em) {
  #top-menu,
  #et-top-navigation .et-cart-info {
    zoom: 82%;
  }
  #main-header .nav li ul {
    width: 100% !important;
  }
  /* mainPage | Flip*/
  #flip-cards-wrap .et_pb_row {
    width: 95%;
  }
}
body,
html {
  min-width: 100% !important;
}
/* From Theme Customizer */
.et_pb_row {
  width: 85%;
  max-width: 100%;
}

.footer-widget a {
  color: #676767 !important;
}

.et_pb_section {
  z-index: 99 !important;
}
#main-header .nav li ul {
  z-index: 9999999999999 !important;
}
#page-container {
  padding-top: 0px !important;
}
.et_pb_section_32 {
  z-index: 99 !important;
}
.et_pb_section_23 {
  z-index: 99 !important;
}
.et_pb_section_30.et_pb_section {
  z-index: 99 !important;
}
.et_pb_section_30 {
  z-index: 99 !important;
}

#main-header {
  top: 0px;
}

#main-footer .container,
#social-footer .container {
  max-width: 800px;
}

#social-footer {
  color: #676767;
  font-size: 15px;
}

.et-social-icons {
  float: left;
}

.hreq h4 {
  margin-bottom: 20px;
}

.klbottom .header-content {
  width: 100% !important;
  max-width: 100% !important;
}

#main-header.et-fixed-header {
  background: rgba(0, 0, 0, 0.5) !important;
}

.cts {
  width: 150px !important;
  float: left;
  color: #4a4a4a;
}

.cts-head {
  font-weight: 600;
  margin-bottom: 10px;
}

#main-header .nav li ul {
  width: 100vw;
  left: 0px;
  position: fixed;
}

#top-menu li li a,
#top-menu li li.current-menu-item a {
  color: #676767 !important;
  font-size: 20px;
  text-align: center;
  width: 100%;
  margin: 0 !important;
  padding: 0px !important;
}

.awards {
  font-weight: 600;
}

#menu-item-88 {
  margin-left: 15% !important;
}

#menu-item-411 {
  margin-left: 21% !important;
  margin-top: 15px !important;
}
@media only screen and (min-width: 1001px) {
  .page-id-30206 .et_pb_all_tabs {
    float: left;
    width: 100% !important;
  }
  .page-id-30206 ul.et_pb_tabs_controls {
    width: 100% !important;
  }
  .page-id-30206 .et_pb_tabs_controls li {
    display: block !important;
    width: auto !important;
  }

  .page-id-79 .et_pb_all_tabs {
    float: left;
    width: 100% !important;
  }
  .page-id-79 ul.et_pb_tabs_controls {
    width: 100% !important;
  }
  .page-id-79 .et_pb_tabs_controls li {
    display: block !important;
    width: auto !important;
  }

  .page-id-30204 .et_pb_all_tabs {
    float: left;
    width: 100% !important;
  }
  .page-id-30204 ul.et_pb_tabs_controls {
    width: 100% !important;
  }
  .page-id-30204 .et_pb_tabs_controls li {
    display: block !important;
    width: auto !important;
  }

  .et_pb_all_tabs .et_pb_tab_content {
    padding-left: 0px !important;
  }
  .et_pb_all_tabs {
    float: left;
    width: 77% !important;
  }
  ul.et_pb_tabs_controls {
    background: #1d1d1e;
    /*padding: 0% 30% !important; fix by Zam */
    float: left;
    width: 23%;
  }
  .et_pb_tabs_controls li {
    display: block !important;
    width: 100%;
  }
}

.et_pb_tabs_controls li {
  border: none;
}

ul.et_pb_tabs_controls::after {
  border: none;
}

.et_pb_tabs_controls li a {
  padding: 50px;
}

.et_pb_tab_active a {
  color: #fff !important;
}

.bigger {
  font-size: 36px;
  float: left;
  margin-right: 5px;
  margin-bottom: 50px;
  clear: both;
  margin-top: 0px;
}

.cameras .et-pb-controllers a {
  width: 14px;
  height: 14px;
}

.cameras .et-pb-active-control {
  background-color: #910e20;
}

.hbox:hover {
  background: #000 !important;
  color: #fff !important;
}

.hbox:hover h2,
.hbox:hover p,
.hbox:hover a {
  color: #fff !important;
}
.hbox:hover span {
  color: #dac4b1 !important;
}

.et_pb_toggle_title::before {
  right: 55% !important;
  margin-top: 30px;
  font-size: 40px;
}

.et_pb_toggle_content {
  padding-top: 0px;
}

a[href="http://www.wonderplugin.com/wordpress-slider/"]
{
  position: absolute !important;
  top: -999999999999px !important;
  z-index: -9999999999 !important;
  height: 0px !important;
  width: 0px !important;
}

#qrate {
  font-size: 24px;
  margin-bottom: 20px;
  color: #e70027;
  margin-top: 10px;
}

.gbtn {
  color: #fff;
  margin-right: 30px;
  background: -webkit-linear-gradient(left, #9ec671, #87c1de);
  padding: 7px 25px;
  border-radius: 15px;
  font-weight: 600;
}

#qbtn1 {
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 30px;
  background: -webkit-linear-gradient(left, #9ec671, #87c1de);
  color: #fff;
  font-weight: 600;
  margin-right: 50px;
}

#qbtn2 {
  font-size: 14px;
  padding: 5px 30px;
  border-radius: 30px;
  background: -webkit-linear-gradient(left, #9ec671, #87c1de);
  color: #fff;
  font-weight: 600;
}

#main-header .container {
  max-width: 100%;
  width: 56%;
}

.page-id-398 #main-header,
.page-id-31 #main-header,
.page-id-401 #main-header,
.page-id-403 #main-header,
.page-id-408 #main-header,
.page-id-406 #main-header,
.page-id-86 #main-header,
.page-id-25 #main-header,
.woocommerce #main-header,
.single-post,
.error404 {
  background: rgba(0, 0, 0, 0.5) !important;
}

.dimg {
  float: left;
  width: 120px;
  margin-right: 50px;
  margin-bottom: 350px;
  top: 20px;
  position: relative;
}

.page-id-403 ul.et_pb_tabs_controls,
.page-id-408 ul.et_pb_tabs_controls {
  background: #fff;
  padding: 0 !important;
}

.grid_no_animation figcaption a.button:hover {
  font-size: 12px !important;
  display: block;
}
.wpb_cart_button:hover {
  display: block;
}
.grid_no_animation figcaption a.button::after {
  font-size: 20px;
}
.grid_no_animation figcaption a.button {
  font-size: 12px !important;
  margin-right: 32px;
  margin-left: 32px;
}
.grid_no_animation figcaption a.button {
  font-size: 12px !important;
  display: block;
}

.et_pb_tabs {
  border: none;
}

.page-id-403 .et_pb_tabs_controls li a,
.page-id-408 .et_pb_tabs_controls li a {
  color: #333;
  padding: 0;
}

.page-id-403 .et_pb_tab_active a,
.page-id-408 .et_pb_tab_active a {
  color: #676767 !important;
  font-weight: 800 !important;
}

.page-id-403 .et_pb_tabs_controls li,
.page-id-408 .et_pb_tabs_controls li {
  display: block;
  clear: both;
}

.page-id-403 ul.et_pb_tabs_controls,
.page-id-408 ul.et_pb_tabs_controls {
  width: 210px !important;
  float: left !important;
}

.page-id-403 .et_pb_tab,
.page-id-408 .et_pb_tab {
  padding: 0px !important;
}

.page-id-403 .et_pb_tab_content,
.page-id-408 .et_pb_tab_content {
  padding-left: 220px !important;
}

.sales h3,
.sales h4,
.sales p {
  color: #000;
  font-family: "Noto Sans", "CenturyGothic", georgia;
}

.sales h3,
.sales h4 {
  font-weight: bold;
}

.sales .et_pb_tab_content {
  /*padding-left: 250px !important; by Zam */
}
.et_pb_tabs_controls li a {
  color: black !important;
  white-space: nowrap;
}
.et_pb_tabs_controls li.et_pb_tab_active {
  background-color: transparent !important;
}
.et_pb_tabs_controls li.et_pb_tab_active a {
  color: #666 !important;
}
@media (min-width: 1001px) {
  .sales ul.et_pb_tabs_controls {
    /*width: 1px !important;
                float: left;
                padding:0%!important;*/
    min-height: 34px !important;
  }
  .tabbed-title-padding ul.et_pb_tabs_controls {
    padding-left: 70px !important;
  }
}
.et_pb_tabs_controls li a {
  padding: 0px !important;
}
ul.et_pb_tabs_controls {
  background-color: transparent !important;
}

.carousel-slider .carousel-slider__caption .title {
  text-align: left;
  font-size: 20px;
  color: #000;
}

.carousel-slider .carousel-slider__caption .caption {
  text-align: left;
  margin: 0;
}

.ytlink {
  float: right;
}

.carousel-slider .owl-nav .owl-prev,
.carousel-slider .owl-nav .owl-next {
  top: 37%;
}

input.wpcf7-form-control {
  width: 100%;
  border-radius: 5px;
  padding: 5px;
}

#main-header .nav li ul a {
  color: #676767 !important;
}

#main-header .nav li ul a:hover {
  background: #fff;
}

.amazingslider-box-2,
.amazingslider-box-3 {
  border: none !important;
}

.woocommerce-Price-amount {
  color: #df1313;
  font-weight: bold;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: 15%;
  margin-right: 5%;
}

.woocommerce div.product div.images .flex-control-thumbs li:nth-of-type(4n) {
  margin-right: 5%;
  clear: none !important;
}

.woocommerce-Tabs-panel h2,
.wc-tabs {
  display: none;
}

body.woocommerce .woocommerce-tabs {
  margin: 0;
  border: none !important;
}
.cwp_back_description {
  color: #2fdcef;
  padding: 20px;
}
.et_pb_flipbox_container h2 {
  padding-left: 20px;
}
.single-product #main-content {
  background: #f2f2f2 !important;
}
#tab-description {
  padding: 0px;
}
.button {
  padding: 5px 30px !important;
  height: auto !important;
}
button {
  height: auto !important;
}
.woocommerce-Tabs-panel {
  padding: 0px !important;
}
.woocommerce-page .container {
  max-width: 85%;
  width: 100%;
}
.woocommerce
  div.product
  .woocommerce-product-gallery--columns-4
  .flex-control-thumbs
  li:nth-child(4n + 1) {
  clear: none;
}
.woocommerce div.product div.images img {
  max-width: 450px;
}
.related {
  display: none;
}
.page-id-86 #main-content {
  background: #f2f2f2 !important;
}
.et-social-google-plus a.icon::before {
  content: "\e0a3";
}
.et-social-rss a.icon::before {
  content: "\e065";
}
.et-social-icon a {
  font-size: 18px;
}

.et-cart-info span:after {
  font-size: 12px;
  color: #fff;
  top: -3px;
  position: relative;
}
#et-top-navigation {
  float: left;
  padding-left: 25% !important;
}
.et-cart-info {
  right: 0px;
  position: absolute;
  padding: 5px 10px 0px 10px;
  border-radius: 5px;
  top: 7px;
}
.dbtn {
  border: 2px solid #ccc;
  padding: 5px 10px;
  top: 10px;
  color: #ccc;
  position: relative;
  margin-bottom: 50px;
}
.page-id-25 {
  background: #f2f2f2 !important;
}
.post-date {
  padding-left: 10px;
  float: left;
  margin-top: -25px;
}
.post-author {
  padding-right: 10px;
  float: right;
  margin-top: -25px;
}
.single-post #main-content {
  background: #f2f2f2;
}
#respond {
  display: none;
}
.smicon {
  top: 9px;
  position: relative;
  padding-right: 10px;
}
#text-7 h4 {
  font-weight: bold;
}

#text-7 a {
  font-size: 18px;
  color: #000;
  font-weight: 500;
}

#menu-item-88 a,
#menu-item-89 a,
#menu-item-91 a,
#menu-item-92 a {
  top: -40px;
  height: 0px !important;
}

#menu-item-88 a:before {
  content: url(/wp-content/uploads/2018/11/menu1.png);
  top: 25px;
  position: relative;
}
#menu-item-89 a:before {
  content: url(/wp-content/uploads/2018/11/menu2.png);
  top: 25px;
  position: relative;
}
#menu-item-91 a:before {
  content: url(/wp-content/uploads/2018/11/menu3.png);
  top: 25px;
  position: relative;
}
#menu-item-92 a:before {
  content: url("/wp-content/uploads/2019/02/1-2.png");
  top: 25px;
  position: relative;
}
.et_pb_widget_area_left {
  border-right: none;
}
.sub-menu {
  height: 100px !important;
}

.newsposts .et_pb_blurb_content {
  min-height: 350px;
}
#top-menu li li:hover,
#top-menu li li a:hover {
  background: none !important;
}

.popmake {
  background: none !important;
}

.pum-theme-629 .pum-container,
.pum-theme-enterprise-blue .pum-container {
  padding: 0px;
}

.pum-theme-629 .pum-content + .pum-close,
.pum-theme-enterprise-blue .pum-content + .pum-close {
  background: #000;
  right: 50px;
}

video {
  width: 100%;
  height: 100%;
}
.pum-content {
  box-shadow: none !important;
  background: none !important;
}

.pum-theme-629 .pum-container,
.pum-theme-enterprise-blue .pum-container {
  box-shadow: none !important;
}

.cwp_flipbox_button {
  background: -webkit-linear-gradient(left, #9ec671, #87c1de) !important;
  border-radius: 15px !important;
}
#slidecontent {
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative !important;
  text-align: center;
  color: #fff;
  font-weight: 600;
  z-index: 999999 !important;
}
#slidecontent h1,
#slidecontent h2 {
  color: #fff;
  font-weight: 600;
}
#slidecontent h1 {
  font-size: 50px;
}
#slidecontent h2 {
  font-size: 30px;
}
.et-fixed-header #top-menu li.current-menu-item > a {
  color: #676767 !important;
}
.et_overlay::before {
  left: 40%;
  content: "View More";
  font-family: "Noto Sans", "CenturyGothic", CenturyGothic !important;
  color: #000;
  font-size: 16px;
}

.woocommerce ul.products li.product {
  background: #fff;
  text-align: center;
  padding-bottom: 30px;
}
.et_overlay {
  border: none !important;
}
h2.woocommerce-loop-product__title {
  font-size: 14px !important;
}

.wpml-ls-slot-2.wpml-ls-current-language,
.wpml-ls-slot-2.wpml-ls-current-language a,
.wpml-ls-slot-2.wpml-ls-current-language a:visited {
  background: transparent !important;
}

.product-images-zh img {
  width: 87px !important;
  height: 87px !important;
}
#menu-item-30826 {
  margin-left: 15% !important;
}
#menu-item-30809 {
  margin-left: 28% !important;
  margin-top: 12px !important;
}
.product-images-zh {
  margin-top: -15px !important;
}
#menu-item-wpml-ls-2-zh .menu-item-wpml-ls-2-en {
  margin-left: 43% !important;
  margin-right: -1% !important;
  margin-top: 12px !important;
}

#menu-item-wpml-ls-2-en #menu-item-wpml-ls-2-ja {
  margin-left: 44% !important;
  margin-right: -1% !important;
  margin-top: 12px !important;
}
#menu-item-30821 {
  margin-left: 15% !important;
}
#menu-item-30734 {
  margin-left: 15.5% !important;
  margin-top: 12px !important;
}
#menu-item-wpml-ls-2-ja #menu-item-wpml-ls-2-en {
  margin-left: 43% !important;
  margin-right: -1% !important;
  margin-top: 12px !important;
}
.button-more-left {
  margin-left: 169px;
}

.ul.et_pb_tabs_controls {
  background: transparent !important;
}

/*new*/
a.wc-backward::after {
  position: relative !important;
  top: 8px !important;
}

#post-190 p {
  color: black !important;
}

#wpml_credit_footer {
  display: none !important;
}

et_pb_section
  et_pb_section_22
  et_pb_with_background
  et_section_regular
  et_pb_section_first {
  background-size: 100% !important;
  -webkit-background-size: 100% !important;
  top: -60px;
}

.et_portfolio_image .et_overlay {
  display: none !important;
}
p.et_pb_gallery_caption {
  float: right;
}

/*studio press new css*/
.studio-lists {
  width: 24%;
  float: left;
  margin-left: 80px;
  margin-top: 140px;
  padding: 71px !important;
}
.studio-image {
  width: 61.2%;
  float: right;
  padding-top: 123px;
  margin-right: 93px;
  padding-bottom: 76px;
}
.studio-lists img {
  width: auto !important;
}
.studio-lists p {
  color: white !important;
  margin-left: -22px;
  max-width: 160px;
  text-align: center;
}
/*custom*/

.hide-box-copy {
  position: relative;
  overflow: hidden;
}
.mac-box {
  width: 28%;
  margin: -17% 0 0 -100%;
  padding-bottom: 0.9rem;
  transition: all 1s;
  -ms-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}
.mac-box {
  margin: -17% 0 0 -6%;
}
.hide-box .support-box {
  position: absolute;
  top: 1.4rem;
  left: 0;
  width: 100%;
}
.support-box .box-title {
  font-size: 2.38rem;
  margin-bottom: 1.26rem;
  text-align: center;
  color: white;
  padding-top: 80px;
}
.support-box .box-text {
  width: 40%;
  margin: 0 auto 2.56rem;
  text-align: center;
  color: white;
}
.support-box .box-image {
  width: 34%;
  margin: 0 auto;
}
.support-box .box-image .image-wide {
  width: 90%;
  margin: 0 auto;
}
.support-box .box-lists {
  overflow: hidden;
}
.support-box .box-lists li {
  float: left;
  width: 28%;
  margin: 0 1%;
  color: white;
}
.support-box .box-lists li:first-child {
  width: 38%;
}
.hide-ani-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.obsidian-image,
.phone-image1,
.phone-image2,
.phone-image3 {
  position: absolute;
  bottom: 1rem;
  width: 7.4%;
  transition: all 1.6s;
  -ms-transition: all 1.6s;
  -moz-transition: all 1.6s;
  -webkit-transition: all 1.6s;
  -o-transition: all 1.6s;
}
.obsidian-image {
  width: 22%;
  left: -20%;
  bottom: 0.8rem;
}
.phone-image1 {
  right: -20%;
  z-index: 1;
}
.phone-image2 {
  right: -40%;
  z-index: 2;
}
.phone-image3 {
  right: -50%;
  z-index: 2;
}
.mac-image {
  width: 38%;
  right: -50%;
  bottom: 0.88rem;
}
.obsidian-image {
  left: 24%;
}
.slide-now .phone-image1 {
  right: 44.6%;
}
.slide-now .phone-image2 {
  right: 39.3%;
}
.slide-now .phone-image3 {
  right: 34%;
}
.slide-now .mac-image {
  right: 3%;
  float: right;
  position: absolute;
}
.section-box .section-lists .section-list {
  margin: 0 2.86rem;
}

.tenth-section .hide-box {
  position: relative;
}
.hide-box .obsidian-image {
  width: auto;
  margin: 0 0 -0.4rem -6%;
  bottom: 0px;
  position: absolute;
}

.obsidian-line {
  width: 2.5%;
  margin-left: 22.6%;
}
.obsidian-cable {
  position: absolute;
  width: 5%;
  top: 2.3rem;
  right: 7.1rem;
}
.obsidian-box {
  position: absolute;
  width: 37%;
  top: 5rem;
  right: 5%;
  text-align: left;
}
.obsidian-box .box-title {
  font-size: 0.38rem;
  line-height: 0.4rem;
  margin-bottom: 0.1rem;
}
.obsidian-box .box-text {
  line-height: 0.24rem;
}
.image-box {
  width: 82%;
  margin: 16% auto 6%;
}
.section-box {
  position: absolute;
  width: 100%;
  top: 3.6%;
  left: 0;
}
.section-title {
  font-size: 0.3rem;
  line-height: 0.32rem;
  margin-bottom: 1%;
}
.section-text {
  width: 9rem;
  line-height: 0.24rem;
  margin: 0 auto;
}
.take-box {
  width: 66%;
  margin: 0 auto 9%;
}
.take-box .take-list {
  position: relative;
  overflow: hidden;
}
.take-list > div {
  float: left;
  width: 50%;
  background-color: #101011;
  overflow: hidden;
}
.take-list .box-right {
  float: left;
  width: 50%;
  margin-left: 50%;
  background-color: #000;
}
.take-list .texts-box {
  position: absolute;
  clear: both;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
}
.take-list .texts-left {
  left: 0;
}
.take-list .box-title {
  margin: 28% auto 6%;
  font-size: 0.3rem;
}
.take-list .box-text {
  line-height: 0.24rem;
  width: 80%;
  margin: 0 auto;
}

.iobsidian-image-new {
  width: 40%;
  margin-left: 60px;
}
.iobs-image-new {
  margin-left: 150px;
  margin-top: 171px;
}
.isidian-image-new {
  padding-top: 380px;
  float: left;
  margin-left: -40%;
  width: 35px;
  margin-top: -3px;
}

.content-my-left {
  position: absolute;
  bottom: 0px;
  padding-left: 104px;
  width: 50%;
  right: 0;
  margin-bottom: 13%;
}
.content-my-left h2 {
  color: white;
}
.content-my-left p {
  color: white;
}

.et_overlay:lang(zh)::before {
  content: "了解更多";
}
.et_pb_contact_right p {
  color: white !important;
}
.et-pb-contact-message {
  color: white !important;
}

@media (min-width: 1400px) {
  /*
        .et_pb_row_28.et_pb_row{padding: 218px!important;}
        .et_pb_row_29.et_pb_row{padding: 218px!important;
                top: -438px!important;
            margin-bottom: -477px!important;}
            
         */
  .about-award1 {
    text-indent: 0px !important;
    float: left;
  }
}
.content-bottom-padding {
  padding-bottom: 0px !important;
}
@media (min-width: 981px) {
  .et_pb_column_30 {
    margin-right: 0px !important;
  }

  .et_pb_column_33 {
    margin-left: 0px !important;
  }

  .live-bottom-image .et_pb_image_wrap {
    width: 100% !important;
  }
  .live-bottom-image .et_pb_image_wrap img {
    width: 100% !important;
  }
  .height-full {
    height: 100%;
  }

  .box-lists {
    margin-left: -30px;
  }
  .about-award1 {
    text-indent: 215px;
    float: left;
  }
  .about-award2 {
    text-indent: 215px;
    float: left;
  }
  .text-align-jp1 {
    text-align: left;
    text-indent: 25px;
  }
  .text-align-jp2 {
    text-align: left;
    text-indent: 16px;
  }

  .text-align-jp3 {
    text-align: left;
    text-indent: -12px;
  }
  .text-align-jp4 {
    text-align: left;
    text-indent: 26px;
  }

  .text-align-zh1 {
    text-align: left;
    text-indent: 25px;
  }
  .text-align-zh2 {
    text-align: left;
    text-indent: 30px;
  }
  .text-align-zh3 {
    text-align: left;
    text-indent: -5px;
  }
  .text-align-zh4 {
    text-align: left;
    text-indent: 12px;
  }
  .text-align-en1 {
    text-align: left;
    text-indent: 11px;
  }
  .text-align-en2 {
    text-align: left;
    text-indent: 30px;
  }
  .text-align-en3 {
    text-align: left;
    text-indent: -5px;
  }
  .text-align-en4 {
    text-align: left;
    text-indent: 12px;
  }

  .certified-product2 {
    width: 233px;
    height: 147px;
    display: block;
    margin: 0px auto;
  }
  .certified-product1 {
    width: 233px;
    height: 147px;
    display: block;
    margin: 0px auto;
  }
  .certified-product2 p {
    line-height: 18px;
    white-space: nowrap;
  }
  .certified-product1 p {
    line-height: 18px;
    white-space: nowrap;
  }

  .qoocoam-award-image2 img {
    width: 70%;
  }
  .qoocoam-award-image3 img {
    width: 48%;
  }
  .footer-bottom-img {
    position: absolute;
    left: 0px;
    top: 30px;
  }
  .footer-content-left {
    padding-left: 94px;
  }
  .about-signature-img {
    position: absolute;
    left: -70px;
    bottom: 0px;
    margin-bottom: -45px !important;
  }

  #attachment_33273 p {
    position: absolute;
    left: -60px;
    bottom: 0px;
    margin-bottom: -76px;
  }
  #attachment_33273 {
    width: 0px !important;
    background: none !important;
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
  }
  .cts-jp {
    width: 313px !important;
    white-space: nowrap !important;
  }
  /*
            .et_pb_section_30 p{text-align:left!important;text-indent:25px;}*/
}
#footer-info {
  font-size: 10px !important;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans", "CenturyGothic", "CenturyGothic", Helvetica, Arial,
    Lucida, sans-serif !important;
}
#et-top-navigation {
  font-weight: normal;
}
#et-top-navigation a:hover {
  color: #dfc3ad;
}
.product-s-r-bottom-icon img {
  width: 30%;
  display: block;
  margin: 0px auto;
}

.obsidian-tabs .et_pb_tabs_controls {
  background: #333 !important;
  padding: 0 !important;
}

.obsidian-tabs .et_pb_tab_0 a,
.obsidian-tabs .et_pb_tab_1 a {
  padding: 50px !important;
}

.obsidian-tabs li.et_pb_tab_0 {
  margin-left: 35% !important;
}

.obsidian-tabs .et_pb_tab_active a {
  background: #111 !important;
}
p.studio-text {
  min-width: 238px;
}
.studio-lists img {
  display: block;
  margin: 0px auto;
}

@media only screen and (max-width: 1920px) {
  .bigger1 {
    margin-top: 10px !important;
  }
  .bigger2 {
    margin-top: 10px !important;
  }
  .bigger3 {
    margin-top: 10px !important;
  }
  .bigger4 {
    margin-top: -18px !important;
  }
}

@media only screen and (max-width: 1680px) {
}

@media only screen and (max-width: 1600px) {
  #main-header .container {
    width: 68%;
  }
}

@media only screen and (max-width: 1440px) {
  #main-header .container {
    width: 68%;
  }
}

@media only screen and (max-width: 1366px) {
  #main-header .container {
    width: 68%;
  }
}

@media only screen and (max-width: 1280px) {
  #main-header .container {
    width: 70%;
  }
}

@media only screen and (max-width: 1080px) {
  #main-header .container {
    width: 70%;
  }
}

@media only screen and (max-width: 1024px) {
  #main-header .container {
    width: 84%;
  }
}

@media only screen and (max-width: 960px) {
  #main-header .container {
    width: 90%;
  }
}

@media only screen and (max-width: 900px) {
}

@media only screen and (max-width: 800px) {
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 736px) {
}

@media only screen and (max-width: 667px) {
}

@media only screen and (max-width: 640px) {
}

@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 533px) {
}

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 414px) {
}

@media only screen and (max-width: 375px) {
}

@media only screen and (max-width: 360px) {
}

@media only screen and (max-width: 320px) {
}
html {
  position: relative !important;
}
/* Ends here */
/* Custom CSS from Zam */
@media only screen and (max-width: 1000px) {
  .et_pb_header_content_wrapper a {
    padding-right: 0px !important;
    margin-right: 0px !important;
  }
  header#main-header {
    position: fixed !important;
    top: 0px !important;
  }
  .cwp_front {
    position: relative !important;
  }
  .cwp_back {
    position: relative !important;
    background: white !important;
    display: block !important;
    transform: inherit !important;
    backface-visibility: inherit !important;
    top: 15px !important;
  }
  .et_pb_module.et_pb_text.et_pb_text_2.et_pb_bg_layout_dark.et_pb_text_align_left {
    width: 100% !important;
    margin: 0px !important;
  }
  .et_pb_tab.et-pb-active-slide > .et_pb_tab_content > div > div {
    width: 100% !important;
    padding: 0px !important;
  }
  .et_pb_toggle .et_pb_toggle_title {
    top: -75px !important;
    position: relative !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0px !important;
    left: auto !important;
  }
  .et_pb_toggle .set_position_top {
    top: -60px !important;
  }
  .set_mob_line_height {
    line-height: 44px;
  }
  .mac-box1 {
    margin: -17% 0 0 -100%;
  }
  .support-box .box-text1 {
    width: 100%;
    margin: 0;
  }

  .et_pb_toggle .et_pb_toggle_title_ja {
    top: -60px !important;
  }
  .et_pb_module .et_pb_toggle_title:before {
    left: auto !important;
    margin-top: 15px !important;
    right: auto !important;
    margin-left: 10px !important;
  }
  .et_pb_text_inner .bigger {
    margin-left: 0px !important;
  }
  .et_pb_column.et_pb_column_46.et-last-child
    .et_pb_module
    .et_pb_text_inner
    > p
    > img {
    display: none !important;
  }
  .et_pb_row.et_pb_row_36 {
    top: 0px !important;
    position: relative;
    padding-top: 0px !important;
  }
  .page-id-30727 .et_pb_row_22 h2 {
    line-height: 50px !important;
  }
  /* .page-id-30727, .page-id-30164  this can be culprit */
  .page-id-30727 ul.et_pb_tabs_controls,
  .page-id-30164 ul.et_pb_tabs_controls,
  .page-id-30167 ul.et_pb_tabs_controls,
  .page-id-30163 ul.et_pb_tabs_controls {
    width: 100% !important;
    padding: 0px !important;
  }

  .page-id-30727 div.et_pb_all_tabs .et_pb_tab,
  .page-id-30164 div.et_pb_all_tabs .et_pb_tab,
  .page-id-30167 div.et_pb_all_tabs .et_pb_tab,
  .page-id-30163 div.et_pb_all_tabs .et_pb_tab {
    padding: 30px 0px !important;
  }

  .page-id-30727 div.et_pb_all_tabs .et_pb_tab_content,
  .page-id-30164 div.et_pb_all_tabs .et_pb_tab_content,
  .page-id-30167 div.et_pb_all_tabs .et_pb_tab_content,
  .page-id-30163 div.et_pb_all_tabs .et_pb_tab_content {
    padding: 0px !important;
  }

  .page-id-30727 .faq-list ul {
    padding: 0px !important;
  }
  #attachment_33273 {
    display: none !important;
  }
  .page-id-30716 .et_pb_fullwidth_header_container .et_pb_module_header,
  .page-id-30716
    .et_pb_fullwidth_header_container
    .et_pb_header_content_wrapper,
  .page-id-30110 .et_pb_fullwidth_header_container .et_pb_module_header,
  .page-id-30110
    .et_pb_fullwidth_header_container
    .et_pb_header_content_wrapper {
    margin-left: 0px !important;
  }
  #flip-cards-wrap .et_pb_flipbox_3 .cwp_front img {
    height: auto !important;
  }

  .et_pb_slider_container_inner .et_pb_slide_content p,
  .et_pb_slider_container_inner .et_pb_slide_content div {
    line-height: 30px !important;
  }
  .et_pb_row_29 .et_pb_text_inner p img {
    width: 100% !important;
    margin-bottom: 15px;
  }
  .et_pb_row_29 .et_pb_text_inner p a {
    text-align: center; /*display: block;*/
    top: 0 !important;
  }
  .sm__mb--20 img {
    display: block;
    width: 100% !important;
  }
  .sm__mb--20 {
    float: left;
    width: 100%;
  }
  a.button.wc-forward {
    display: block !important;
    width: 100%;
    margin-bottom: 10px !important;
  }
  .et_mobile_menu {
    overflow-y: scroll;
    height: 480px;
  }
  .et_pb_all_tabs {
    width: 100% !important;
  }
  .et_pb_flipbox_0 .cwp_front,
  .et_pb_flipbox_0 .cwp_back {
    margin-top: 10px !important;
  }
  .et_pb_image_1 {
    max-width: 100% !important;
    width: 100% !important;
  }
  .studio-lists {
    width: auto !important;
    float: left !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .mac-box {
    width: auto !important;
  }
  .content-my-left {
    position: relative !important;
    bottom: auto !important;
    padding-left: 0 !important;
    width: auto !important;
    right: auto !important;
    margin-bottom: 13% !important;
  }
  .iobsidian-image-new {
    width: auto !important;
    margin-left: 0px !important;
  }
  .support-box .box-lists li {
    float: left;
    width: 100% !important;
    margin: 0 1% !important;
    color: white;
  }
  .et_pb_row_37.et_pb_row {
    padding-top: 5%;
    padding-right: 0 !important;
    padding-bottom: 5%;
    padding-left: 0 !important;
    line-height: 20px !important;
  }
  .et_pb_row_38.et_pb_row {
    padding-right: 0 !important;
    padding-left: 0 !important;
    line-height: 25px !important;
    margin-bottom: 20px !important;
  }
  .iobs-image-new {
    margin-left: 0 !important;
    margin-top: 0 !important;
    display: block !important;
    width: auto !important;
    text-align: center !important;
    float: none !important;
  }
  .et_pb_section_29 {
    padding-top: 4% !important;
  }
  .parent-pageid-79 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row,
  .parent-pageid-81 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row,
  .parent-pageid-83 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row,
  .parent-pageid-30220 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row,
  .parent-pageid-30204 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row,
  .parent-pageid-30206 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row,
  .parent-pageid-30194 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row,
  .parent-pageid-30192 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row,
  .parent-pageid-30218 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row,
  .page-id-170 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row,
  .page-id-30176 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row,
  .page-id-30174 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row {
    background: none !important;
  }
  .page-id-170 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row h1,
  .page-id-30176 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row h1,
  .page-id-30174 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row h1 {
    font-size: 38px !important;
  }
  .page-id-170 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row h2,
  .page-id-30176 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row h2,
  .page-id-30174 .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row h2 {
    font-size: 22px !important;
  }

  .et_pb_section_22.et_pb_section .et_pb_row_22.et_pb_row {
    background: white !important;
  }
  /*.page-id-30210 .et_pb_section_24.et_pb_section,
		.page-id-30206 .et_pb_section_35.et_pb_section{position: absolute !important; top: 0px !important;}*/
  .et_pb_section_35 .et_pb_column,
  .et_pb_section_29 .et_pb_column,
  .et_pb_section_30 .et_pb_column,
  .et_pb_section_36 .et_pb_column,
  .page-id-86 .et_pb_section_23 .et_pb_column,
  .parent-pageid-30204 .et_pb_section_24 .et_pb_column,
  .parent-pageid-86 #sm-product-layout .et_pb_column {
    margin: 5px !important;
  }
  .et_pb_slide_title {
    padding-top: 30px !important;
  }
  .contents_wrapped p {
    width: 100%;
    display: block;
    float: left;
  }
  .contents_wrapped p span {
    width: 50%;
    float: left;
  }
  .parent-pageid-79 .et_pb_section_25 .et_pb_column,
  .parent-pageid-83 .et_pb_section_25 .et_pb_column,
  .parent-pageid-30220 .et_pb_section_24 .et_pb_column,
  .parent-pageid-30206 .et_pb_section_24 .et_pb_column {
    margin: 5px !important;
  }
  .parent-pageid-86 #sm-product-layout {
    position: fixed !important;
    top: 40px !important;
  }
  /*.et_pb_fullwidth_header.et_pb_fullwidth_header_0{background-image: url(http://www.kandao.info/wp-content/uploads/2018/10/12.png) !important;}*/
}
.page-id-86 .et_pb_section_23,
.parent-pageid-86 .et_pb_section_23 {
  padding-top: 7px;
  padding-bottom: 7px;
  position: fixed !important;
  top: 40px !important;
  width: 100%;
}
/* Ends here */
/* mobile footer nav */
/* English */
#main-footer #mobile-nav,
#main-footer #subscribe,
#main-footer #mobile-nav-bottom {
  display: none;
  color: white;
  background: #242426;
}

@media only screen and (max-width: 780px) {
  #social-footer,
  #main-footer .container,
  #main-footer #footer-bottom {
    display: none;
  }
  #main-footer #mobile-nav,
  #main-footer #subscribe,
  #main-footer #mobile-nav-bottom {
    display: block;
    font-size: 13px;
  }
}
/*  mobile top nav	 */
#main-header #mobile_menu {
  position: fixed;
  background-color: #ffffff !important;
  font-weight: 500;
  height: 100%;
}
.et_mobile_menu li a {
  color: #000000 !important;
}
#mobile_menu .sub-menu {
  height: auto !important;
}
#mobile_menu .sub-menu li a {
  /*             top: auto !important; */
  /*             height: auto !important; */
}
#mobile_menu .sub-menu li,
#mobile_menu #menu-item-wpml-ls-2-en #menu-item-wpml-ls-2-ja {
  padding-left: initial !important;
  margin-left: initial !important;
}
#mobile_menu #menu-item-88 a {
  background: url("/wp-content/uploads/2018/11/menu1.png") no-repeat 0 50%;
  background-size: 10%;
  padding-left: 10%;
}
#mobile_menu #menu-item-89 a {
  background: url("/wp-content/uploads/2018/11/menu2.png") no-repeat 0 50%;
  background-size: 10%;
  padding-left: 10%;
}
#mobile_menu #menu-item-60181 a {
  background: url("/wp-content/uploads/2019/08/meeting-2.png") no-repeat 0 50%;
  background-size: 10%;
  padding-left: 10%;
}
#mobile_menu #menu-item-62971 a {
  background: url("/wp-content/uploads/2019/11/img_qoocam-8k.png") no-repeat 0
    50%;
  background-size: 10%;
  padding-left: 10%;
}
#mobile_menu #menu-item-60182 a {
  background: url("/wp-content/uploads/2018/11/menu3.png") no-repeat 0 50%;
  background-size: 10%;
  padding-left: 10%;
}
#mobile_menu #menu-item-88 a:before {
  content: "";
}
#mobile_menu #menu-item-89 a:before {
  content: "";
}
#mobile_menu #menu-item-60181 a:before {
  content: "";
}
#mobile_menu #menu-item-62971 a:before {
  content: "";
}
#mobile_menu #menu-item-60182 a:before {
  content: "";
}
#mobile_menu li.menu-item-object-page {
  background: url("/wp-content/uploads/2019/05/btn_right.png") no-repeat 90% 50%;
  background-size: 3%;
}
#mobile_menu #menu-item-34564 {
  background: url("/wp-content/uploads/2019/05/btn_right.png") no-repeat 90% 50%;
  background-size: 3%;
}
#mobile_menu #menu-item-411 {
  margin-top: 0 !important;
}
#mobile_menu {
  border-top: none;
}
#mobile_menu #menu-item-wpml-ls-2-zh #menu-item-wpml-ls-2-ja {
  height: 170px;
}
#mobile_menu #menu-item-wpml-ls-2-ja {
  margin-top: 0 !important;
  margin-right: 0 !important;
}
#mobile_menu #menu-item-410 .sub-menu,
#mobile_menu #menu-item-wpml-ls-2-en .sub-menu {
  padding-left: 0;
}
#mobile_menu #menu-item-wpml-ls-2-en a {
  font-weight: 500;
  background: url("/wp-content/uploads/2019/05/btn_right.png") no-repeat 90% 50% !important;
  background-size: 3% !important;
}
/* chinese */

#mobile_menu .product-images-zh img {
  width: 10% !important;
  height: 10% !important;
  padding-right: 0;
}
#mobile_menu .product-images-zh {
  margin-top: 0 !important;
}
#mobile_menu #menu-item-54292 img {
  width: 10% !important;
  height: 10% !important;
  padding-right: 0;
}
#mobile_menu #menu-item-54292 {
  background: url(/wp-content/uploads/2019/05/btn_right.png) no-repeat 90% 50%;
  background-size: 3%;
}
#mobile_menu #menu-item-30799 {
  background: none;
}

#mobile_menu #menu-item-34565 {
  background: url(/wp-content/uploads/2019/05/btn_right.png) no-repeat 90% 50% !important;
  background-size: 3% !important;
}
#mobile_menu #menu-item-wpml-ls-2-zh a {
  font-weight: 500;
  background: url(/wp-content/uploads/2019/05/btn_right.png) no-repeat 90% 50% !important;
  background-size: 3% !important;
}
#mobile_menu #menu-item-wpml-ls-2-zh #menu-item-wpml-ls-2-en {
  margin-right: 0 !important;
  margin-top: 0 !important;
  height: auto;
}
#mobile_menu #menu-item-wpml-ls-2-en #menu-item-wpml-ls-2-zh {
  height: 170px;
}
/* japanese */
#mobile_menu #menu-item-54299 img {
  width: 10% !important;
  height: 10% !important;
  padding-right: 0;
}
#mobile_menu #menu-item-54299,
#mobile_menu #menu-item-34566,
#mobile_menu #menu-item-34567 {
  background: url(/wp-content/uploads/2019/05/btn_right.png) no-repeat 90% 50%;
  background-size: 3%;
}
#mobile_menu #menu-item-wpml-ls-2-ja a {
  font-weight: 500;
  background: url(/wp-content/uploads/2019/05/btn_right.png) no-repeat 90% 50% !important;
  background-size: 3% !important;
}
#mobile_menu #menu-item-wpml-ls-2-ja #menu-item-wpml-ls-2-en {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  height: auto;
}
#mobile_menu #menu-item-wpml-ls-2-ja #menu-item-wpml-ls-2-en a,
#mobile_menu #menu-item-wpml-ls-2-ja #menu-item-wpml-ls-2-zh a {
  margin-left: -10px;
}
#mobile_menu #menu-item-wpml-ls-2-ja #menu-item-wpml-ls-2-zh {
  height: 170px;
}

/* 修改底部与我们联系icon */
.et-social-icons {
  margin-top: -5px;
}

.et-social-icons a.icon::before {
  content: "";
}

.et-social-icons a.icon,
.et-social-icons .et-social-icon img {
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
}

.et-social-icons a.icon:hover {
  opacity: 1;
}

.et-social-icons a.facebook_icon {
  background: url("/wp-content/uploads/2020/04/icon_web_foot_facebook_nor.png")
    no-repeat center;
}

.et-social-icons a.facebook_icon:hover {
  background: url("/wp-content/uploads/2020/04/icon_web_foot_facebook_hover.png")
    no-repeat center;
}

.et-social-icons a.twitter_icon {
  background: url("/wp-content/uploads/2020/04/icon_web_foot_twitter_nor.png")
    no-repeat center;
}

.et-social-icons a.twitter_icon:hover {
  background: url("/wp-content/uploads/2020/04/icon_web_foot_twitter_hover.png")
    no-repeat center;
}

.et-social-icons a.youtube_icon {
  background: url("/wp-content/uploads/2020/04/icon_web_foot_youtube_nor.png")
    no-repeat center;
}

.et-social-icons a.youtube_icon:hover {
  background: url("/wp-content/uploads/2020/04/icon_web_foot_youtube_hover.png")
    no-repeat center;
}

.et-social-icons a.weibo_icon {
  background: url("/wp-content/uploads/2020/04/icon_web_foot_weibo_nor.png")
    no-repeat center;
}

.et-social-icons a.weibo_icon:hover {
  background: url("/wp-content/uploads/2020/04/icon_web_foot_weibo_hover.png")
    no-repeat center;
}

.et-social-icons a.bilibili_icon {
  background: url("/wp-content/uploads/2020/04/icon_web_foot_bilibili_nor.png")
    no-repeat center;
}

.et-social-icons a.bilibili_icon:hover {
  background: url("/wp-content/uploads/2020/04/icon_web_foot_bilibili_hover.png")
    no-repeat center;
}

.et-social-icons a.wechat_icon {
  background: url("/wp-content/uploads/2020/04/icon_web_foot_wechat_nor.png")
    no-repeat center;
}

.et-social-icons a.wechat_icon:hover {
  background: url("/wp-content/uploads/2020/04/icon_web_foot_wechat_hover.png")
    no-repeat center;
}


/* 订阅按钮样式 */
#social-footer .subscribe {
    float: right;
}
  
#social-footer .subscribe button,
#mobile-nav-bottom .subscribe button {
    padding: 9px 28px;
    background-image: linear-gradient(176deg, #007aff 0%, #004b9e 100%);
    border-radius: 50px;
    border: 0;
    margin-top: -6px;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}

#social-footer .subscribe .subscribe_button_ja {
  margin-top: -10px;
}

#mobile-nav-bottom .subscribe button {
    margin: 24px 0 76px 0;
    padding: 9px 16px;
    font-size: 16px;
}

/* 邮箱订阅弹窗样式 */
.subscribe_form {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999999;
  display: none;
}

.subscribe_form .mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: #000000;
  z-index: -1;
}

.subscribe_form .content_box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 540px;
}

.subscribe_form .content {
  background: #fff;
  z-index: 10;
  padding: 32px;
  max-height: 800px;
  overflow-y: auto;
}

.subscribe_form .content form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.subscribe_form .content form .lable_box {
  width: 100%;
  margin-bottom: 14px;
}
.subscribe_form .content form .width_50 {
  width: 49%;
}

.subscribe_form .content_box .close {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #666;
  font-weight: 100;
  font-size: 32px;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
}

.subscribe_form input[type="radio"],
.subscribe_form input[type="checkbox"] {
  cursor: pointer;
  font-size: 14px;
  width: 20px;
  height: 20px;
  position: relative;
  top: 6px;
  border: none;
  visibility: hidden;
  display: inline-block;
  z-index: 99;
  -moz-appearance: initial;
  margin: 0;
}

.subscribe_form input[type="radio"]:before,
.subscribe_form input[type="checkbox"]:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background: url(/images/icon/subscribe_choice_nor.png)
    no-repeat 0 0;
  background-size: 100% auto;
  border-radius: 50%;
  font-weight: 400;
  z-index: 1;
  visibility: visible;
}

.subscribe_form input[type="radio"]:checked:before,
.subscribe_form input[type="checkbox"]:checked:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background: url(/images/icon/subscribe_choice_sel.png)
    no-repeat 0 0;
  background-size: 100% auto;
  border-radius: 50%;
  font-weight: 400;
  z-index: 1;
  visibility: visible;
}

.subscribe_form input[type="radio"]:checked:after,
.subscribe_form input[type="checkbox"]:checked:after {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  content: "";
  background: url(/images/icon/subscribe_choice_nor.png)
    no-repeat 0 0;
  background-size: 100% auto;
  color: #fff;
  display: inline-block;
  visibility: visible;
  border-radius: 50%;
}

.subscribe_form input[type="text"] {
  width: 100%;
  padding: 16px;
  border-width: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #000;
  background-color: #eee;
  font-size: 14px;
  -webkit-appearance: none;
}

.subscribe_form div {
  font-size: 12px;
}

.subscribe_form select {
  padding: 14px;
  width: 100%;
  font-size: 14px;
}

.subscribe_form label {
    margin-right: 8px;
}

.subscribe_form .form_tips {
  font-size: 12px;
  color: #9b9b9b;
  width: 100%;
}

.subscribe_form .subscribe_sub_button {
  text-align: center;
  width: 100%;
  margin-top: 28px;
}

.subscribe_form button {
  background-color: #007aff;
  border-radius: 50px;
  padding: 8px 60px;
  border: 0;
  font-size: 14px;
  letter-spacing: 4px;
  color: #ffffff;
  cursor: pointer;
}

.subscribe_form .submitt_success {
    background-color: #fff;
    padding: 40px 0;
    text-align: center;
    display: none;
}

.subscribe_form .submitt_success .title {
    font-size: 24px;
    color: #000000;
    line-height: 36px;
    margin-bottom: 40px;
}

.subscribe_form .submitt_success .subtitle {
    font-size: 12px;
    color: #9b9b9b;
}


/* pc端样式 */
@media screen and (min-width: 982px) {
    .subscribe_for_web {
      display: block;
    }
    .subscribe_for_mobile {
        display: none;
    }
}

/* 移动端样式 */
@media screen and (max-width: 981px) {
    .subscribe_for_web {
      display: none;
    }
    .subscribe_for_mobile {
        display: block;
    }

    .subscribe_form .content_box {
        width: 91%;
    }

    .subscribe_form .content {
      padding: 5%;
    }

    .subscribe_form .content_box .close {
        display: none;
    }

    .subscribe_form input[type="radio"]:checked:before, 
    .subscribe_form input[type="checkbox"]:checked:before,
    .subscribe_form input[type="radio"]:before, 
    .subscribe_form input[type="checkbox"]:before,
    .subscribe_form input[type="radio"], 
    .subscribe_form input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

    .subscribe_form button {
        padding: 10px 36px;
    }

    .subscribe_form .submitt_success {
        padding: 40px 0;
    }

    .subscribe_form .submitt_success .title {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 23px;
    }
    
    .subscribe_form .submitt_success .subtitle {
        font-size: 12px;
    }

}