/*----------------------------- Font Standard -------------------------------------------*/
/*----------------------------- Color -------------------------------------------*/
/*rangeslider*/
/* line 6, ../html/scss/index.scss */
#header .cookietab {
  display: none;
}
/* line 9, ../html/scss/index.scss */
#header .opencookietab {
  background: url("/images/share/bg/bg_cookie.jpg");
  background-repeat: none;
  background-size: cover;
}
@media screen and (max-width: 991px) {
  /* line 9, ../html/scss/index.scss */
  #header .opencookietab {
    background: url("/images/share/bg/bg_cookieM.jpg");
  }
}
/* line 16, ../html/scss/index.scss */
#header .opencookietab .wrapper {
  padding: 0 80px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 991px) {
  /* line 16, ../html/scss/index.scss */
  #header .opencookietab .wrapper {
    padding: 20px 15px;
  }
}
/* line 25, ../html/scss/index.scss */
#header .opencookietab .wrapper .text {
  width: 75%;
  float: left;
  line-height: 1.3em;
  padding-right: 5%;
  font-family: "prompt-regular";
  color: #fff;
  font-size: 15px;
}
/* line 35, ../html/scss/index.scss */
#header .opencookietab .wrapper .text a {
  text-decoration: underline;
}
@media screen and (max-width: 991px) {
  /* line 25, ../html/scss/index.scss */
  #header .opencookietab .wrapper .text {
    width: 90%;
  }
}
@media screen and (max-width: 480px) {
  /* line 25, ../html/scss/index.scss */
  #header .opencookietab .wrapper .text {
    width: 100%;
  }
}
/* line 47, ../html/scss/index.scss */
#header .opencookietab .wrapper .opencookiebt {
  width: 15%;
  float: left;
}
@media screen and (max-width: 991px) {
  /* line 47, ../html/scss/index.scss */
  #header .opencookietab .wrapper .opencookiebt {
    padding-top: 20px;
    width: 200px;
  }
}
@media screen and (max-width: 480px) {
  /* line 47, ../html/scss/index.scss */
  #header .opencookietab .wrapper .opencookiebt {
    padding-top: 20px;
    width: 150px;
  }
}
/* line 61, ../html/scss/index.scss */
#header .opencookietab .wrapper .opencookiebt a {
  height: 50px;
}
/* line 63, ../html/scss/index.scss */
#header .opencookietab .wrapper .opencookiebt a span {
  font-size: 16px;
  line-height: 50px;
}
/* line 68, ../html/scss/index.scss */
#header .opencookietab .wrapper .opencookiebt span {
  font-size: 16px;
}
/* line 73, ../html/scss/index.scss */
#header .opencookietab .wrapper .closebt {
  width: 10%;
  float: left;
  text-align: right;
  position: relative;
  top: -10px;
}
/* line 80, ../html/scss/index.scss */
#header .opencookietab .wrapper .closebt span {
  color: #fff;
  font-size: 30px;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  /* line 73, ../html/scss/index.scss */
  #header .opencookietab .wrapper .closebt {
    position: absolute;
    right: 5%;
    top: 20px;
  }
}

/* line 98, ../html/scss/index.scss */
.homepage .wrapper, .homepage .wrappernopad {
  padding: 0 80px;
}
@media only screen and (max-width: 991px) {
  /* line 98, ../html/scss/index.scss */
  .homepage .wrapper, .homepage .wrappernopad {
    padding: 0 15px;
  }
}
/* line 104, ../html/scss/index.scss */
.homepage .navmenulist {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  /* line 107, ../html/scss/index.scss */
  .homepage .overXauto {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
/* line 115, ../html/scss/index.scss */
.homepage .teaser_block1 .slidebtn1 {
  margin: 10px 0px;
  color: #bbbbbb;
}
@media screen and (max-width: 600px) {
  /* line 115, ../html/scss/index.scss */
  .homepage .teaser_block1 .slidebtn1 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
/* line 123, ../html/scss/index.scss */
.homepage .teaser_block1 .slidebtn1 [class^="icon-"]:before {
  vertical-align: middle;
}
/* line 145, ../html/scss/index.scss */
.homepage .teaser_block1 .teaserslide03 .txtbx {
  top: 4%;
}
@media screen and (max-width: 767px) {
  /* line 145, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .txtbx {
    width: 65%;
  }
}
/* line 154, ../html/scss/index.scss */
.homepage .teaser_block1 .teaserslide03 .txtbx .txthd2 {
  font-size: 65px;
  font-size: 6.5rem;
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  /* line 154, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .txtbx .txthd2 {
    font-size: 118px;
    font-size: 11.8rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 154, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .txtbx .txthd2 {
    font-size: 70px;
    font-size: 7.5rem;
  }
}
@media screen and (max-width: 480px) {
  /* line 154, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .txtbx .txthd2 {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 320px) {
  /* line 154, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .txtbx .txthd2 {
    font-size: 45px;
    font-size: 4.5rem;
  }
}
/* line 175, ../html/scss/index.scss */
.homepage .teaser_block1 .teaserslide03 .txtbx .txthd1 {
  font-size: 23px;
  font-size: 2.3rem;
}
@media screen and (max-width: 991px) {
  /* line 175, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .txtbx .txthd1 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 175, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .txtbx .txthd1 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  /* line 175, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .txtbx .txthd1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 320px) {
  /* line 175, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .txtbx .txthd1 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 1500px) and (min-width: 992px) {
  /* line 196, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .teaser-btn {
    width: 230px;
    line-height: 18px;
  }
}
@media screen and (max-width: 380px) {
  /* line 196, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .teaser-btn {
    width: 150px;
    line-height: 10px;
  }
}
@media only screen and (max-width: 1500px) and (min-width: 992px) {
  /* line 206, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .teaser-btn:before, .homepage .teaser_block1 .teaserslide03 .teaser-btn:after {
    border-width: 50px 40px 0 0;
  }
}
@media screen and (max-width: 380px) {
  /* line 206, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .teaser-btn:before, .homepage .teaser_block1 .teaserslide03 .teaser-btn:after {
    border-width: 40px 40px 0 0;
  }
}
/* line 215, ../html/scss/index.scss */
.homepage .teaser_block1 .teaserslide03 .dotsparallelogram {
  background: rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  /* line 215, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .dotsparallelogram {
    width: 25px;
    height: 4px;
  }
}
/* line 222, ../html/scss/index.scss */
.homepage .teaser_block1 .teaserslide03 .dotsparallelogram.active {
  background: rgba(0, 0, 0, 0.4);
}
/* line 226, ../html/scss/index.scss */
.homepage .teaser_block1 .teaserslide03 .owl-dots {
  top: 52%;
  bottom: inherit;
  position: relative;
  margin-top: 15px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1399px) and (min-width: 992px) {
  /* line 226, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .owl-dots {
    top: 46%;
  }
}
@media screen and (max-width: 991px) {
  /* line 226, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .owl-dots {
    top: 43%;
  }
}
@media screen and (max-width: 320px) {
  /* line 226, ../html/scss/index.scss */
  .homepage .teaser_block1 .teaserslide03 .owl-dots {
    top: 40%;
  }
}
/* line 249, ../html/scss/index.scss */
.homepage .relative .slmini {
  position: relative;
  bottom: 0;
}
/* line 253, ../html/scss/index.scss */
.homepage .slmini {
  position: absolute;
  bottom: 5px;
  width: 100%;
  z-index: 1;
}
@media only screen and (max-width: 1100px) {
  /* line 253, ../html/scss/index.scss */
  .homepage .slmini {
    bottom: 0px;
  }
}
@media screen and (max-width: 991px) {
  /* line 253, ../html/scss/index.scss */
  .homepage .slmini {
    bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  /* line 253, ../html/scss/index.scss */
  .homepage .slmini {
    bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  /* line 277, ../html/scss/index.scss */
  .homepage .slmini .hasvdo video {
    display: none;
  }
}
/* line 282, ../html/scss/index.scss */
.homepage .slmini .hasvdo img {
  display: none;
}
@media screen and (max-width: 991px) {
  /* line 282, ../html/scss/index.scss */
  .homepage .slmini .hasvdo img {
    display: block;
  }
}
/* line 292, ../html/scss/index.scss */
.homepage .hotlink_block2 {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
/* line 297, ../html/scss/index.scss */
.homepage .hotlink_block2 .overXauto {
  text-align: center;
}
/* line 299, ../html/scss/index.scss */
.homepage .hotlink_block2 .overXauto .allwidth {
  display: table;
  margin: 0 auto;
  padding: 20px 0;
}
/* line 303, ../html/scss/index.scss */
.homepage .hotlink_block2 .overXauto .allwidth .col5 {
  width: 250px;
  margin: 15px 0;
  border-left: 1px solid #c5c5c5;
  display: table-cell;
}
/* line 310, ../html/scss/index.scss */
.homepage .hotlink_block2 .overXauto .allwidth .col5:nth-child(1) {
  border-left: 0px;
}
/* line 320, ../html/scss/index.scss */
.homepage .hotlink_block2 .overXauto .allwidth .col5 .imggif.one {
  opacity: 1;
}
/* line 324, ../html/scss/index.scss */
.homepage .hotlink_block2 .overXauto .allwidth .col5 .imggif.two {
  opacity: 0;
  position: absolute;
}
/* line 331, ../html/scss/index.scss */
.homepage .hotlink_block2 .allwidth .col5:hover .one {
  display: none;
}
/* line 335, ../html/scss/index.scss */
.homepage .hotlink_block2 .overXauto .allwidth .col5:hover .two {
  opacity: 1;
  position: relative;
  display: inline-block;
}
/* line 341, ../html/scss/index.scss */
.homepage .hotlink_block2 .overXauto .allwidth .col5 .imgicon {
  padding-left: 8%;
  padding-right: 2%;
  text-align: right;
  display: inline-block;
}
/* line 347, ../html/scss/index.scss */
.homepage .hotlink_block2 .overXauto .allwidth .col5 .thumb-contentt-5 {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  padding-left: 5px;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 347, ../html/scss/index.scss */
  .homepage .hotlink_block2 .overXauto .allwidth .col5 .thumb-contentt-5 {
    padding-left: 0px;
  }
}
/* line 363, ../html/scss/index.scss */
.homepage .revyourheart_block3 {
  position: relative;
}
/* line 370, ../html/scss/index.scss */
.homepage .revyourheart_block3 .loadingpdlanding {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url(/images/share/loading.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 180px 180px;
  top: 0;
  left: 0;
}
/* line 383, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productmenu {
  background-image: url("/images/homepage/bg_product.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 50px 0 50px 0;
}
/* line 390, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productmenu .revtopic {
  text-align: center;
  font-size: 140px;
  font-size: 14rem;
  font-family: "teko-light";
}
/* line 396, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productmenu .subrevtopic {
  text-align: center;
}
/* line 399, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productmenu .allwidth {
  padding: 20px 0;
}
/* line 401, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productmenu .allwidth .navmenubx {
  width: 100%;
}
/* line 409, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist {
  width: 20%;
  float: left;
  margin-bottom: 0;
  position: relative;
}
/* line 414, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist .navmenuitem {
  width: 100%;
  padding-left: 10px;
  padding-left: 10px;
  display: inline-block;
}
/* line 420, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist .navmenuitem:hover {
  background-color: #EB1C24;
  color: #fff;
  border: 2px solid #EB1C24;
}
/* line 425, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist .navmenuitem.active {
  background-color: #EB1C24;
  color: #fff;
  border: 2px solid #EB1C24;
}
/* line 430, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist .navmenuitem .txt {
  position: absolute;
  bottom: 20px;
}
/* line 434, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist .navmenuitem .txt span:last-child, .homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist .navmenuitem .txt span:nth-child(3) {
  font-size: 20px;
  font-size: 2rem;
}
/* line 441, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist .pointeritems {
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/* line 451, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks {
  background-image: url("/images/homepage/bg_items.jpg");
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 50px 0;
  background-color: #F1F2F3;
  width: 99%;
  float: left;
  margin-top: 23px;
  margin-left: 7px;
}
/* line 469, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .overXauto .allwidth {
  text-align: center;
}
/* line 471, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .overXauto .allwidth .navbtn {
  border: solid 2px #000;
  color: #000;
  padding: 10px 15px;
  width: 10%;
}
/* line 476, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .overXauto .allwidth .navbtn:hover {
  background-color: #000;
  color: #fff;
}
/* line 480, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .overXauto .allwidth .navbtn.active {
  background-color: #000;
  color: #fff;
}
/* line 487, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .subtype {
  text-align: center;
  padding: 30px 0;
}
/* line 490, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .subtype a {
  padding: 0 15px;
}
/* line 492, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .subtype a span.txt20 {
  font-size: 20px;
  color: #777777;
  border-bottom: 5px solid transparent;
}
/* line 496, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .subtype a span.txt20:hover {
  color: #000;
  border-bottom: 5px solid #EB1C24;
}
/* line 500, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .subtype a span.txt20.active {
  color: #000;
  border-bottom: 5px solid #EB1C24;
}
/* line 507, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .allitems {
  text-align: left;
  overflow: auto;
}
/* line 510, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .allitems .col-md-3.col-xs-6 {
  padding: 20px 20px;
}
@media screen and (max-width: 991px) {
  /* line 510, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .itemblocks .allitems .col-md-3.col-xs-6 {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  /* line 510, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .itemblocks .allitems .col-md-3.col-xs-6 {
    padding: 20px 15px;
  }
}
/* line 520, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .allitems .col-md-3.col-xs-6 .thumbnail .model-img {
  background-size: contain;
}
/* line 526, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .wrappernopad {
  padding: 0 15px;
}
/* line 529, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .detail {
  padding-left: 0;
}
/* line 535, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .thumbnail.product .caption .model {
  font-size: 30px;
  font-size: 3rem;
}
/* line 539, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .thumbnail.product .caption .price {
  font-size: 28px;
  font-size: 2.8rem;
}
/* line 542, ../html/scss/index.scss */
.homepage .revyourheart_block3 .itemblocks .thumbnail.product .caption .price .unit {
  font-size: 20px;
  font-size: 2rem;
}
/* line 551, ../html/scss/index.scss */
.homepage .revyourheart_block3 .productbgbottom {
  background-image: url(/images/homepage/bgbt_product.jpg);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 100px;
}
/* line 559, ../html/scss/index.scss */
.homepage .video_block5 {
  padding: 50px 0;
  background-image: url("/images/homepage/bg_video.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  text-align: center;
  border-top: 5px solid #fff;
}
/* line 566, ../html/scss/index.scss */
.homepage .slider_block4 .wrapper {
  padding: 0 15px;
}

@media (max-width: 991px) {
  /* line 581, ../html/scss/index.scss */
  .homepage .teaser_block1 .eachitemslide01 {
    padding-top: 10px;
    padding-left: 10px;
  }
  /* line 584, ../html/scss/index.scss */
  .homepage .teaser_block1 .eachitemslide01 .row {
    width: 40%;
  }
  /* line 586, ../html/scss/index.scss */
  .homepage .teaser_block1 .eachitemslide01 .row .item {
    position: relative;
    background-color: #000;
    margin: 0px 5px;
  }
  /* line 597, ../html/scss/index.scss */
  .homepage .hotlink_block2 .overXauto .allwidth .col5 {
    width: 190px;
  }
  /* line 599, ../html/scss/index.scss */
  .homepage .hotlink_block2 .overXauto .allwidth .col5 [class^="icon"] {
    font-size: 45px;
    vertical-align: middle;
  }
  /* line 603, ../html/scss/index.scss */
  .homepage .hotlink_block2 .overXauto .allwidth .col5 .thumb-contentt-5 {
    font-size: 18px;
    width: 90px;
    padding-left: 5px;
  }
  /* line 613, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .decortxt {
    font-size: 130px;
  }
  /* line 616, ../html/scss/index.scss */
  .homepage .revyourheart_block3 h4.hdt-txt {
    font-size: 20px;
  }
  /* line 623, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist .navmenuitem {
    height: 110px;
  }
  /* line 626, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist .navmenuitem .txt .hd3 {
    font-size: 30px;
  }
  /* line 630, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist .navmenuitem .txt span:last-child {
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* line 640, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .productmenu .revtopic {
    font-size: 110px;
    font-size: 11rem;
  }
  /* line 652, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .productbgbottom {
    height: 50px;
  }
}
@media (max-width: 767px) {
  /* line 667, ../html/scss/index.scss */
  .homepage .teaser_block1 .eachitemslide01 .row {
    width: 50%;
  }
  /* line 674, ../html/scss/index.scss */
  .homepage .hotlink_block2 .overXauto .allwidth {
    width: 768px;
  }
  /* line 676, ../html/scss/index.scss */
  .homepage .hotlink_block2 .overXauto .allwidth .col5 {
    width: 150px;
  }
  /* line 678, ../html/scss/index.scss */
  .homepage .hotlink_block2 .overXauto .allwidth .col5 [class^="icon"] {
    font-size: 50px;
  }
  /* line 681, ../html/scss/index.scss */
  .homepage .hotlink_block2 .overXauto .allwidth .col5 .thumb-contentt-5 {
    font-size: 18px;
    margin: 0 auto;
    width: 100%;
    padding: 10px 10%;
    text-align: center;
  }
  /* line 692, ../html/scss/index.scss */
  .homepage .revyourheart_block3 {
    background-image: url("/images/homepage/bg_productM.jpg");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
  /* line 694, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .decortxt {
    font-size: 90px;
  }
  /* line 697, ../html/scss/index.scss */
  .homepage .revyourheart_block3 h4.hdt-txt {
    font-size: 20px;
  }
  /* line 700, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .productmenu {
    padding: 50px 0 0px 0;
  }
  /* line 702, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .productmenu .allwidth {
    margin: 0 auto;
    padding: 20px 0 20px 0;
  }
  /* line 707, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist {
    width: 50%;
  }
  /* line 718, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .productmenu .allwidth .navmenubx .navmenulist .navmenuitem a .txt .hd3 {
    font-size: 30px;
  }
  /* line 727, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .productmenu .revtopic {
    font-size: 90px;
    font-size: 9rem;
  }
  /* line 732, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .itemblocks {
    padding: 20px 0;
    width: 98%;
  }
  /* line 738, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .itemblocks .overXauto .allwidth {
    display: table;
    border-spacing: 5px;
    margin: 0;
    text-align: left;
  }
  /* line 744, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .itemblocks .overXauto .allwidth a.navbtn {
    display: table-cell;
  }
  /* line 749, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .itemblocks .subtype {
    text-align: left;
  }
  /* line 751, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .itemblocks .subtype a {
    display: table-cell;
  }
  /* line 759, ../html/scss/index.scss */
  .homepage .video_block5 {
    background-image: url("/images/homepage/bg_videoM.jpg");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 480px) {
  /* line 769, ../html/scss/index.scss */
  .homepage .teaser_block1 .eachitemslide01 .row {
    width: 70%;
  }
  /* line 777, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .decortxt {
    font-size: 60px;
  }
  /* line 780, ../html/scss/index.scss */
  .homepage .revyourheart_block3 h4.hdt-txt {
    font-size: 15px;
  }
  /* line 784, ../html/scss/index.scss */
  .homepage .revyourheart_block3 .productmenu .revtopic {
    font-size: 60px;
    font-size: 6rem;
  }
}
@media (max-width: 320px) {
  /* line 801, ../html/scss/index.scss */
  .homepage .teaser_block1 .eachitemslide01 .row {
    width: 90%;
  }
}
/*SASS HAPPENING MODULE*/
/* .automatic.block4{
        background: url(/images/temp/happening-bg.png) center center no-repeat;
        background-size: cover;
        padding:90px 0;
        @media screen and (max-width:1500px){
            .wrappernopad{
                width:90%;
            }
        }
        @media screen and (max-width:767px){
            background-size: cover;
            padding:40px 0;
            .wrappernopad{
                width: 100%;
            }
        }
        .inftxt{
            margin-left:-95px;
            @media screen and (max-width:1200px){
                margin-left: -115px;
            }
            @media screen and (max-width:767px){
                margin: 0 15px;
            }
            .decorbx{
                width: 50px;
                height: 5px;
                background: #EB1C24;
                margin-top: 35px;
                display: inline-block;
                vertical-align: top;
                margin-right: 10px;
            }
            .detailtxt{
                display: inline-block;
                @media screen and (max-width:480px){
                    width: 77%;
                }
                h2{
                    @media screen and (max-width:992px){
                        font-size: 50px;
                        font-size: 5rem;
                    }
                    @media screen and (max-width:767px){
                        font-size: 75px;
                        font-size: 7.5rem;
                    }
                    @media screen and (max-width:480px){
                        font-size: 50px;
                        font-size: 5rem;
                    }
                }
                h4{
                    @media screen and (max-width:992px){
                        font-size: 20px;
                        font-size: 2rem;
                    }
                    @media screen and (max-width:767px){
                        font-size: 30px;
                        font-size: 3rem;
                    }
                    @media screen and (max-width:480px){
                        font-size: 20px;
                        font-size: 2rem;
                    }
                }
            }
        }
        .infograph{
            @media screen and (max-width:767px){
                margin-top: 30px;
            }
            .navarrow {
                display: inline-block;
                position: absolute;
                top: 40%;
                width: 100%;
                cursor: pointer;
                .prevnav {
                    float: left;
                    position: absolute;
                    left: -90px;
                    @media screen and (max-width:1200px){
                        left: -70px;
                    }
                    @media screen and (max-width:992px){
                        left: -55px;
                        img{
                            width: 70%;
                        }
                    }
                }
                .nxtnav {
                    float: right;
                    position: absolute;
                    right: -88%;
                    @media screen and (max-width:992px){
                        right: -93%;
                        img{
                            width: 70%;
                        }
                    }
                }
                @media screen and (max-width:767px){
                    display: none;
                }
            }
            .owl-dots {
                @media screen and (max-width:767px){
                    padding: 20px 0 30px 0;
                }
                 
                .dotsparallelogram {
                    display: inline-block;
                    margin-left: 5px;
                    width: 35px;
                    height: 5px;
                    background: $dot-slide-hover;
                    -webkit-transform: skew(-35deg);
                    -moz-transform: skew(-35deg);
                    -o-transform: skew(-35deg);
                    transform: skew(-35deg);
                    cursor: pointer;
                    &.active{
                        background: $primary-3;
                    }
                }
            }
        }
        .infodetail{
            margin-top: 25px;
            margin-left:-25px;
            @media screen and (max-width:1200px){
                margin-left: -45px;
                margin-top: 20px;
            }
            @media screen and (max-width:767px){
                text-align: center;
                margin-top: 20px;
                padding: 0 15px;
                margin-left: 0;
            }
            .version{
                @media screen and (max-width:1200px){
                    width:95%;
                }
                .hdt-txt{
                    // height: 70px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    display: -webkit-box;   
                    line-height: 1.4;  
                    @media screen and (max-width:767px){
                        height: 90px;
                    }
                    @media screen and (max-width:480px){
                        height: 55px;
                    }
                }
            }
            .desc{
                margin-top:30px;
                @media screen and (max-width:1200px){
                    width:95%;
                    margin-top:15px;
                }
                @media screen and (max-width:480px){
                    margin-top:10px;
                }
                .thumb-contentt-5{
                    height: 55px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    display: -webkit-box;   
                    line-height: 1.4;  
                    @media screen and (max-width:767px){
                        height: 70px;
                    }
                    @media screen and (max-width:480px){
                        height: 57px;
                    }
                }
            }
            .viewmore{
                margin-top: 60px;
                @media screen and (max-width:992px){
                    margin-top: 20px;
                }
                a.mainbtnshort{
                    width: 215px;
                    @media screen and (max-width:991px){
                        width: 100%;
                    }
                }
                span{
                    position: relative;
                }
                span.thumb-contentt-5 {
                    left: 0;
                    //top: 7px;
                }
                span.icon-icon_location_fullscreenmap {
                    left: 0;
                    //top: 15px;
                    font-size: 30px;
                }
            }
            &.active{
                display: block;
            }
        }
        .infodetail.infbx2, .infodetail.infbx3{
            display: none;
        }
        .space{
            padding:0 15px;
        }

    }
    */
/* line 1041, ../html/scss/index.scss */
.automatic.block2 {
  background: url(/images/share/bg/happening-bg.png) top right no-repeat;
  background-size: cover;
  padding: 50px 0;
}
@media screen and (max-width: 767px) {
  /* line 1041, ../html/scss/index.scss */
  .automatic.block2 {
    padding: 30px 0;
  }
}
/* line 1052, ../html/scss/index.scss */
.automatic.block2 .imgslide {
  padding: 13px;
}
@media screen and (max-width: 1500px) {
  /* line 1052, ../html/scss/index.scss */
  .automatic.block2 .imgslide {
    padding: 5px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1052, ../html/scss/index.scss */
  .automatic.block2 .imgslide {
    padding: 0;
  }
}
/* line 1061, ../html/scss/index.scss */
.automatic.block2 .wrappernopad {
  padding: 0 85px 0 160px;
}
@media screen and (max-width: 1200px) {
  /* line 1061, ../html/scss/index.scss */
  .automatic.block2 .wrappernopad {
    padding: 0 80px 0 150px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1061, ../html/scss/index.scss */
  .automatic.block2 .wrappernopad {
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1061, ../html/scss/index.scss */
  .automatic.block2 .wrappernopad {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1081, ../html/scss/index.scss */
  .automatic.block2 .detailtxt {
    margin-top: 15px;
  }
}
/* line 1085, ../html/scss/index.scss */
.automatic.block2 .detailtxt h2.topic {
  margin-bottom: -5px;
}
@media screen and (max-width: 1200px) {
  /* line 1085, ../html/scss/index.scss */
  .automatic.block2 .detailtxt h2.topic {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1085, ../html/scss/index.scss */
  .automatic.block2 .detailtxt h2.topic {
    font-size: 45px;
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1085, ../html/scss/index.scss */
  .automatic.block2 .detailtxt h2.topic {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (min-width: 481px) {
  /* line 1085, ../html/scss/index.scss */
  .automatic.block2 .detailtxt h2.topic {
    font-size: 70px;
    font-size: 7rem;
  }
}
/* line 1102, ../html/scss/index.scss */
.automatic.block2 .detailtxt h2.topic span {
  line-height: 0.8;
}
/* line 1108, ../html/scss/index.scss */
.automatic.block2 .space {
  padding-bottom: 25px;
}
@media screen and (max-width: 1200px) {
  /* line 1108, ../html/scss/index.scss */
  .automatic.block2 .space {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1108, ../html/scss/index.scss */
  .automatic.block2 .space {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1108, ../html/scss/index.scss */
  .automatic.block2 .space {
    padding-top: 10px;
    font-size: 20px;
    font-size: 2rem;
  }
}
/* line 1125, ../html/scss/index.scss */
.automatic.block2 .row {
  position: relative;
}
/* line 1127, ../html/scss/index.scss */
.automatic.block2 .row .happeningword {
  position: absolute;
  left: -75px;
  padding-top: 13px;
}
/* line 1131, ../html/scss/index.scss */
.automatic.block2 .row .happeningword img {
  max-width: 60px;
}
@media screen and (max-width: 1500px) {
  /* line 1136, ../html/scss/index.scss */
  .automatic.block2 .row .happeningword img {
    width: 70%;
  }
}
@media screen and (max-width: 1200px) {
  /* line 1127, ../html/scss/index.scss */
  .automatic.block2 .row .happeningword {
    left: -60px;
  }
  /* line 1142, ../html/scss/index.scss */
  .automatic.block2 .row .happeningword img {
    width: 60%;
  }
}
@media screen and (max-width: 991px) {
  /* line 1127, ../html/scss/index.scss */
  .automatic.block2 .row .happeningword {
    left: -36px;
    display: none;
  }
  /* line 1149, ../html/scss/index.scss */
  .automatic.block2 .row .happeningword img {
    width: 70%;
  }
}
@media screen and (max-width: 920px) {
  /* line 1127, ../html/scss/index.scss */
  .automatic.block2 .row .happeningword {
    left: -30px;
  }
  /* line 1155, ../html/scss/index.scss */
  .automatic.block2 .row .happeningword img {
    width: 45%;
    max-width: inherit;
  }
}
@media screen and (max-width: 767px) {
  /* line 1127, ../html/scss/index.scss */
  .automatic.block2 .row .happeningword {
    left: 0;
    position: relative;
    padding-left: 15px;
  }
  /* line 1165, ../html/scss/index.scss */
  .automatic.block2 .row .happeningword img {
    width: 35%;
  }
}
@media screen and (max-width: 480px) {
  /* line 1170, ../html/scss/index.scss */
  .automatic.block2 .row .happeningword img {
    width: 60%;
  }
}
/* line 1175, ../html/scss/index.scss */
.automatic.block2 .row .techinfo {
  padding: 0 15px;
}
@media screen and (max-width: 991px) {
  /* line 1175, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo {
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1175, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo {
    margin-top: 20px;
  }
}
/* line 1187, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .item .desc {
  display: inline-block;
  width: 50%;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 1187, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .desc {
    width: 100%;
    height: 160px;
  }
}
@media screen and (max-width: 480px) {
  /* line 1187, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .desc {
    height: 115px;
  }
}
/* line 1198, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .item .desc .hdt-txt {
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-height: 72px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  /* line 1198, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .desc .hdt-txt {
    max-height: 82px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  /* line 1198, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .desc .hdt-txt {
    max-height: 55px;
  }
}
/* line 1215, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .item .desc .thumb-contentt-5 {
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 82px;
}
@media screen and (max-width: 767px) {
  /* line 1215, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .desc .thumb-contentt-5 {
    -webkit-line-clamp: 2;
    height: 69px;
  }
}
@media screen and (max-width: 480px) {
  /* line 1215, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .desc .thumb-contentt-5 {
    height: 54px;
  }
}
/* line 1232, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .item .col-xs-12.col-sm-4.col-sm-offset-1 {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  padding-left: 4%;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 1232, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .col-xs-12.col-sm-4.col-sm-offset-1 {
    padding-left: 0;
  }
}
/* line 1246, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .item .col-xs-12.col-sm-4.col-sm-offset-1 .contentt-3 {
  margin-top: 17px;
}
@media screen and (max-width: 767px) {
  /* line 1246, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .col-xs-12.col-sm-4.col-sm-offset-1 .contentt-3 {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1232, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .col-xs-12.col-sm-4.col-sm-offset-1 {
    position: relative;
    top: 0;
    right: 0;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    padding-top: 20px;
  }
}
/* line 1269, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .item .seeall {
  width: 40%;
  float: right;
  margin-top: 40px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  /* line 1269, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .seeall {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    text-align: right;
  }
}
/* line 1281, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .item .seeall a {
  width: 215px;
}
@media screen and (max-width: 767px) {
  /* line 1281, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .seeall a {
    width: 100%;
  }
}
@media screen and (max-width: 1500px) {
  /* line 1290, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .viewmore.space .teaser-btn {
    width: 270px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  /* line 1290, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .item .viewmore.space .teaser-btn {
    width: 215px;
  }
}
/* line 1301, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .navarrow {
  display: inline-block;
  position: absolute;
  top: 56%;
  width: 100%;
  cursor: pointer;
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  /* line 1301, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .navarrow {
    top: 61%;
  }
}
@media screen and (max-width: 991px) {
  /* line 1301, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .navarrow {
    display: none;
  }
}
/* line 1314, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .navarrow .prevnav {
  float: left;
  position: relative;
  left: -90px;
}
@media screen and (max-width: 1400px) {
  /* line 1314, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .navarrow .prevnav {
    left: -70px;
  }
}
@media screen and (max-width: 1200px) {
  /* line 1323, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .navarrow .prevnav img {
    width: 80%;
  }
}
/* line 1328, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .navarrow .nxtnav {
  float: right;
  position: relative;
  right: -60px;
}
@media screen and (max-width: 1400px) {
  /* line 1328, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .navarrow .nxtnav {
    right: -40px;
  }
}
@media screen and (max-width: 1200px) {
  /* line 1336, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .navarrow .nxtnav img {
    width: 80%;
  }
}
/* line 1342, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .owl-dots {
  margin-top: 40px;
}
/* line 1344, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .owl-dots .dotsparallelogram {
  display: inline-block;
  margin-left: 5px;
  width: 35px;
  height: 5px;
  background: #F0C6C9;
  -webkit-transform: skew(-35deg);
  -moz-transform: skew(-35deg);
  -o-transform: skew(-35deg);
  transform: skew(-35deg);
  cursor: pointer;
}
/* line 1355, ../html/scss/index.scss */
.automatic.block2 .row .techinfo .owl-dots .dotsparallelogram.active {
  background: #EB1C24;
}
@media screen and (max-width: 767px) {
  /* line 1342, ../html/scss/index.scss */
  .automatic.block2 .row .techinfo .owl-dots {
    margin-top: 10px;
  }
}
@media screen and (max-width: 700px) {
  /* line 1364, ../html/scss/index.scss */
  .automatic.block2 .row .teaser-btn {
    width: 250px;
  }
}
@media screen and (max-width: 480px) {
  /* line 1364, ../html/scss/index.scss */
  .automatic.block2 .row .teaser-btn {
    width: 200px;
  }
}
@media screen and (max-width: 400px) {
  /* line 1364, ../html/scss/index.scss */
  .automatic.block2 .row .teaser-btn {
    width: 175px;
    line-height: 20px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  /* line 1377, ../html/scss/index.scss */
  .automatic.block2 .row .teaser-btn:before {
    border-width: 50px 40px 0 0;
  }
}
@media screen and (max-width: 400px) {
  /* line 1382, ../html/scss/index.scss */
  .automatic.block2 .row .teaser-btn:after {
    border-width: 50px 40px 0 0;
  }
}

/*# sourceMappingURL=index.css.map */