/* line 20, ../sass/screen.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 25, ../sass/screen.scss */
html,
body {
  height: 100%;
  background: url("../img/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-attachment: fixed;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #323331;
}

/* line 38, ../sass/screen.scss */
div, p, span, ul, ul li {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 42, ../sass/screen.scss */
a > img {
  border: none;
  outline: none;
}

/* line 46, ../sass/screen.scss */
.sprite, .logo, .decoration#ball01, .decoration#ball02, .decoration#ball03, .decoration#ball04, .decoration#ball05, .language, #intro .star, .modal .b-close, .modal .card-cover .cover, .modal .info-container, .modal .info-container .products ul li.column .normal-price span.line, .modal .info-container .flower {
  background: url("../img/image.png");
  background-repeat: no-repeat;
}

/* line 50, ../sass/screen.scss */
.logo {
  background-position: 0 0;
  width: 160px;
  height: 90px;
  text-indent: -200px;
  overflow: hidden;
  position: fixed;
  top: 16px;
  left: 0px;
  z-index: 5;
}

/* line 63, ../sass/screen.scss */
.container {
  position: relative;
  z-index: 1;
  min-width: 320px;
  width: 100%;
  height: 100%;
}

/* line 71, ../sass/screen.scss */
.decoration {
  position: fixed;
  z-index: 2;
}

/* line 75, ../sass/screen.scss */
.decoration#ball01 {
  width: 120px;
  height: 500px;
  background-position: -139px 0;
}

/* line 81, ../sass/screen.scss */
.decoration#ball02 {
  width: 165px;
  height: 624px;
  background-position: -738px 0;
}

/* line 87, ../sass/screen.scss */
.decoration#ball03 {
  width: 100px;
  height: 569px;
  background-position: -635px 0;
}

/* line 93, ../sass/screen.scss */
.decoration#ball04 {
  width: 150px;
  height: 520px;
  background-position: -266px 0;
}

/* line 99, ../sass/screen.scss */
.decoration#ball05 {
  width: 199px;
  height: 404px;
  background-position: -425px 0;
}

/* line 105, ../sass/screen.scss */
.language {
  width: 60px;
  height: 180px;
  background-position: -984px 0;
  z-index: 5;
  position: fixed;
}

/* line 113, ../sass/screen.scss */
.language.current {
  background-position: -924px 0;
}

/* line 116, ../sass/screen.scss */
.language > a {
  display: block;
  width: 100%;
  height: 65px;
  position: absolute;
  bottom: 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  line-height: 59px;
}

/* line 129, ../sass/screen.scss */
#tree {
  position: fixed;
  width: 275px;
  height: 455px;
  z-index: 4;
  background: url("../img/tree.png") top left no-repeat;
  background-size: contain;
}

/* line 139, ../sass/screen.scss */
#tree .tree {
  display: none;
}

/* line 142, ../sass/screen.scss */
#intro {
  position: fixed;
  z-index: 4;
  width: 290px;
  height: 700px;
  text-align: center;
  padding-top: 20px;
  
}

/* line 151, ../sass/screen.scss */
#intro .star {
  width: 150px;
  height: 80px;
  background-position: 1px -104px;
  display: block;
  margin: 0 auto;
}

/* line 159, ../sass/screen.scss */
#intro h1 {
  color: #be1511;
  font-size: 113px;
  font-weight: bold;
  line-height: 113px;
  text-shadow: 2px 2px #ffffff;

}

/* line 165, ../sass/screen.scss */
#intro .countdown {
  color: #be1511;
  font-size: 28px;
  font-weight: bold;
  display: block;
  margin: 10px 0 20px 0;
  padding: 0 30px;
  text-shadow: 1px 1px #ffffff;
}

/* line 173, ../sass/screen.scss */
#intro .celebrate {
  font-size: 18px;
  font-weight: bold;
  display: block;
  border-top: solid 2px #55980d;
  padding: 10px 20px 5px 20px;
  color: black;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

/* line 180, ../sass/screen.scss */
#intro .detail {
  text-indent: 30px;
  text-align: justify;
  line-height: 18px;
  display: block;
  color: #ffffff;
}

/* line 186, ../sass/screen.scss */
#intro.thai .countdown {
  font-weight: bold;
  font-size: 30px;
  font-size: 40px;
  line-height: 42px;
}

/* line 193, ../sass/screen.scss */
#intro.thai .celebrate {
  font-weight: bold;
  font-size: 24px;
  line-height: 26px;
}

/* line 199, ../sass/screen.scss */
#intro.thai .detail {
  font-weight: normal;
  font-size: 16px;
  
}

/* line 205, ../sass/screen.scss */
#tree a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -500px;
  overflow: hidden;
  position: absolute;
}

/* line 213, ../sass/screen.scss */
.santa-container {
  width: 100%;
  height: 1360px;
  overflow: hidden;
  position: relative;
}

/* line 219, ../sass/screen.scss */
#santa {
  position: absolute;
  z-index: 4;
  width: 850px;
  height: 1360px;
}

/* line 226, ../sass/screen.scss */
#santa .main-santa {
  width: 100%;
  position: absolute;
}

/* line 231, ../sass/screen.scss */
#santa .number-group {
  position: absolute;
  top: 0;
  width: 460px;
  height: 750px;
  top: 405px;
  left: 155px;
}

/* line 242, ../sass/screen.scss */
#santa .number-group ul.row {
  list-style: none;
  clear: both;
  padding: 0;
  margin: 0;
}

/* line 250, ../sass/screen.scss */
#santa .number-group ul.row li {
  float: left;
  width: 25%;
  height: 107px;
  position: relative;
}

/* line 259, ../sass/screen.scss */
#santa .number-group ul.row li img {
  position: absolute;
  cursor: pointer;
}

/* line 263, ../sass/screen.scss */
#santa .number-group ul.row li.number-5 img {
  left: 3px;
  top: -12px;
  z-index: 27;
}

/* line 264, ../sass/screen.scss */
#santa .number-group ul.row li.number-24 img {
  top: -4px;
  left: 6px;
  z-index: 28;
}

/* line 265, ../sass/screen.scss */
#santa .number-group ul.row li.number-3 img {
  top: -26px;
  left: 4px;
  z-index: 23;
}

/* line 266, ../sass/screen.scss */
#santa .number-group ul.row li.number-20 img {
  top: -17px;
  left: 2px;
  z-index: 24;
}

/* line 267, ../sass/screen.scss */
#santa .number-group ul.row li.number-2 img {
  top: -3px;
  left: 1px;
  z-index: 25;
}

/* line 268, ../sass/screen.scss */
#santa .number-group ul.row li.number-22 img {
  top: 8px;
  left: 8px;
  z-index: 26;
}

/* line 269, ../sass/screen.scss */
#santa .number-group ul.row li.number-15 img {
  top: -30px;
  left: 2px;
  z-index: 22;
}

/* line 270, ../sass/screen.scss */
#santa .number-group ul.row li.number-14 img {
  top: -18px;
  left: 1px;
  z-index: 23;
}

/* line 271, ../sass/screen.scss */
#santa .number-group ul.row li.number-7 img {
  top: -5px;
  left: 1px;
  z-index: 24;
}

/* line 272, ../sass/screen.scss */
#santa .number-group ul.row li.number-4 img {
  top: 7px;
  left: 6px;
  z-index: 25;
}

/* line 273, ../sass/screen.scss */
#santa .number-group ul.row li.number-11 img {
  top: -36px;
  left: 2px;
  z-index: 18;
}

/* line 274, ../sass/screen.scss */
#santa .number-group ul.row li.number-19 img {
  top: -22px;
  left: -1px;
  z-index: 19;
}

/* line 275, ../sass/screen.scss */
#santa .number-group ul.row li.number-17 img {
  top: -6px;
  left: 1px;
  z-index: 20;
}

/* line 276, ../sass/screen.scss */
#santa .number-group ul.row li.number-6 img {
  top: 4px;
  left: 6px;
  z-index: 21;
}

/* line 277, ../sass/screen.scss */
#santa .number-group ul.row li.number-23 img {
  top: -42px;
  left: 1px;
  z-index: 14;
}

/* line 278, ../sass/screen.scss */
#santa .number-group ul.row li.number-9 img {
  top: -25px;
  left: -3px;
  z-index: 15;
}

/* line 279, ../sass/screen.scss */
#santa .number-group ul.row li.number-18 img {
  top: -11px;
  left: -1px;
  z-index: 16;
}

/* line 280, ../sass/screen.scss */
#santa .number-group ul.row li.number-21 img {
  top: 4px;
  left: 6px;
  z-index: 17;
}

/* line 281, ../sass/screen.scss */
#santa .number-group ul.row li.number-10 img {
  top: -47px;
  left: 2px;
  z-index: 10;
}

/* line 282, ../sass/screen.scss */
#santa .number-group ul.row li.number-1 img {
  top: -37px;
  left: -5px;
  z-index: 11;
}

/* line 283, ../sass/screen.scss */
#santa .number-group ul.row li.number-13 img {
  top: -17px;
  left: -6px;
  z-index: 12;
}

/* line 284, ../sass/screen.scss */
#santa .number-group ul.row li.number-8 img {
  top: 1px;
  left: 1px;
  z-index: 13;
}

/* line 285, ../sass/screen.scss */
#santa .number-group ul.row li.number-12 img {
  top: -39px;
  left: -4px;
  z-index: 8;
}

/* line 286, ../sass/screen.scss */
#santa .number-group ul.row li.number-16 img {
  top: -24px;
  left: -3px;
  z-index: 9;
}

/* line 287, ../sass/screen.scss */
#santa .mask_01 {
  width: 45px;
  height: 616px;
  position: absolute;
  z-index: 39;
  background: url("../img/drawer/mask_01.png") top center no-repeat;
  top: 538px;
  right: 188px;
}

/* line 296, ../sass/screen.scss */
#santa .mask_02 {
  width: 146px;
  height: 165px;
  position: absolute;
  z-index: 39;
  background: url("../img/drawer/mask_02.png") top center no-repeat;
  top: 381px;
  right: 202px;
}

/* line 305, ../sass/screen.scss */
#santa .mask_03 {
  width: 243px;
  height: 68px;
  position: absolute;
  z-index: 39;
  background: url("../img/drawer/mask_03.png") top center no-repeat;
  top: 360px;
  right: 347px;
}

/* line 314, ../sass/screen.scss */
#santa .mask_04 {
  width: 139px;
  height: 68px;
  position: absolute;
  z-index: 24;
  background: url("../img/drawer/mask_04.png") top center no-repeat;
  top: 444px;
  right: 580px;
}

/* line 323, ../sass/screen.scss */
#santa .mask_05 {
  width: 61px;
  height: 113px;
  position: absolute;
  z-index: 12;
  background: url("../img/drawer/mask_05.png") top center no-repeat;
  top: 1052px;
  right: 298px;
}

/* line 332, ../sass/screen.scss */
.modal {
  color: #000;
  display: none;
  width: 850px;
  padding: 0px;
  height: 480px;
}

/* line 339, ../sass/screen.scss */
.modal .b-close {
  width: 42px;
  height: 42px;
  display: block;
  position: absolute;
  top: 1px;
  right: 4px;
  z-index: 120;
  text-indent: -60px;
  overflow: hidden;
  background-position: 0 -457px;
  cursor: pointer;
}

/* line 353, ../sass/screen.scss */
.modal .content {
  height: 550px;
}

/* line 356, ../sass/screen.scss */
.modal .card-cover {
  width: 848px;
  height: 550px;
}

/* line 360, ../sass/screen.scss */
.modal .card-cover .cover {
  width: 423px;
  height: 550px;
  float: right;
  background-position: -1472px 0;
}

/* line 367, ../sass/screen.scss */
.modal .info-container {
  width: 848px;
  height: 550px;
  background-position: -1048px 0;
  color: #000;
}

/* line 375, ../sass/screen.scss */
.modal .info-container .products, .modal .info-container .promotion {
  width: 50%;
  float: left;
  padding-top: 100px;
}

/* line 380, ../sass/screen.scss */
.modal .info-container .products {
  position: relative;
  min-height: 280px;
}

/* line 384, ../sass/screen.scss */
.modal .info-container .products ul {
  text-align: center;
}

/* line 387, ../sass/screen.scss */
.modal .info-container .products ul li.column {
  display: inline-block;
  width: 49%;
  padding: 0 25px;
  text-align: left;
  vertical-align: top;
}

/* line 394, ../sass/screen.scss */
.modal .info-container .products ul li.column .thumbnail {
  border: none;
  outline: none;
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
}

/* line 402, ../sass/screen.scss */
.modal .info-container .products ul li.column .sale-price {
  font-size: 24px;
  font-weight: bold;
}

/* line 406, ../sass/screen.scss */
.modal .info-container .products ul li.column .sale-price > span {
  font-size: 24px;
  font-weight: bold;
  padding-left: 5px;
}

/* line 412, ../sass/screen.scss */
.modal .info-container .products ul li.column .normal-price {
  position: relative;
  line-height: 14px;
}

/* line 416, ../sass/screen.scss */
.modal .info-container .products ul li.column .normal-price span {
  display: inline-block;
  vertical-align: top;
}

/* line 420, ../sass/screen.scss */
.modal .info-container .products ul li.column .normal-price span.number {
  font-size: 14px;
  font-weight: bold;
}

/* line 424, ../sass/screen.scss */
.modal .info-container .products ul li.column .normal-price span.currency {
  font-size: 16px;
  font-weight: normal;
  padding-left: 5px;
}

/* line 430, ../sass/screen.scss */
.modal .info-container .products ul li.column .normal-price span.line {
  width: 70px;
  height: 12px;
  position: absolute;
  background-position: 0 -204px;
  top: 0;
  left: 0;
}

/* line 439, ../sass/screen.scss */
.modal .info-container .products ul li.column .info-thai {
  font-size: 12px;
  margin: 5px 0 3px 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
}

/* line 447, ../sass/screen.scss */
.modal .info-container .products ul li.column .info-eng {
  font-size: 10px;
  color: #7a7a7a;
}

/* line 451, ../sass/screen.scss */
.modal .info-container .promotion {
  padding: 100px 73px;
}

/* line 454, ../sass/screen.scss */
.modal .info-container .promotion ul li {
  display: block;
  width: 100%;
}

/* line 458, ../sass/screen.scss */
.modal .info-container .promotion ul li.info-eng {
  margin-bottom: 20px;
}

/* line 461, ../sass/screen.scss */
.modal .info-container .promotion ul li.info-eng h1 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 466, ../sass/screen.scss */
.modal .info-container .promotion ul li.info-thai h1 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 472, ../sass/screen.scss */
.modal .info-container .promotion ul li.info-eng p {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #7a7a7a;
}

/* line 478, ../sass/screen.scss */
.modal .info-container .flower {
  display: none;
  background-position: 0 -522px;
  width: 280px;
  height: 27px;
  margin: 0 auto;
  margin-bottom: 20px;
}

/* line 487, ../sass/screen.scss */
.modal .info-container .promotion ul li.info-thai p {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  color: #7a7a7a;
}

/* line 494, ../sass/screen.scss */
.loading {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("../img/loading1.gif") center no-repeat;
}

/* line 500, ../sass/screen.scss */
.bodyloading {
  width: 100%;
  height: 100%;
  position: fixed;
  background: white url("../img/loading.gif") center no-repeat;
  top: 0;
  z-index: 999;
}

@media (max-width: 1180px) {
  /* line 510, ../sass/screen.scss */
  #intro {
    width: 270px;
  }

  /* line 513, ../sass/screen.scss */
  #tree {
    width: 200px;
    height: 331px;
  }
}
@media (max-width: 1041px) {
  /* line 520, ../sass/screen.scss */
  .logo {
    left: -12px;
    top: 4px;
    position: absolute;
  }

  /* line 525, ../sass/screen.scss */
  .decoration {
    z-index: 1;
    position: absolute;
  }

  /* line 529, ../sass/screen.scss */
  #ball03 {
    display: none;
  }

  /* line 530, ../sass/screen.scss */
  #ball04 {
    display: none;
  }

  /* line 531, ../sass/screen.scss */
  #ball05 {
    display: none;
  }

  /* line 532, ../sass/screen.scss */
  .language {
    position: absolute;
  }

  /* line 535, ../sass/screen.scss */
  .language.english-language {
    top: -30px;
    right: 50px;
  }

  /* line 539, ../sass/screen.scss */
  .language.thai-language {
    top: -84px;
    right: 10px;
  }

  /* line 545, ../sass/screen.scss */
  #santa {
    /*position:relative;
    margin-top:-50px;
    width:100%;
    height:auto;
    text-align:center;*/
  }

  /* line 552, ../sass/screen.scss */
  #tree {
    width: 30%;
    float: left;
    position: relative;
    background-position: top center;
  }

  /* line 558, ../sass/screen.scss */
  #tree > img {
    width: 100%;
  }

  /* line 561, ../sass/screen.scss */
  #intro {
    position: relative;
    width: 55%;
    width: 430px;
    height: auto;
    margin: 0 auto;
    z-index: 10;
  }

  /* line 570, ../sass/screen.scss */
  #intro h1 {
    font-size: 80px;
    line-height: 80px;
  }

  /* line 574, ../sass/screen.scss */
  #intro .detail {
    width: 60%;
    float: right;
  }

  /* line 578, ../sass/screen.scss */
  .modal .b-close {
    top: 14px;
    right: 42px;
  }
}
@media (max-width: 640px) {
  /*.sprite{
  	background:url('../img/image.png');
  	background-repeat:no-repeat;
  }*/
  /* line 589, ../sass/screen.scss */
  #intro {
    width: 90%;
  }

  /* line 592, ../sass/screen.scss */
  #intro .countdown {
    padding: 0;
  }

  /* line 595, ../sass/screen.scss */
  #intro .celebrate {
    padding: 10px 0 5px 0;
  }

  /* line 598, ../sass/screen.scss */
  #intro .detail {
    width: 100%;
    float: none;
    padding-bottom: 30px;
  }

  /* line 603, ../sass/screen.scss */
  #tree {
    float: none;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
    height: 220px;
  }

  /* line 611, ../sass/screen.scss */
  .santa-container {
    height: 880px;
  }

  /* line 614, ../sass/screen.scss */
  #santa {
    width: 550px;
  }

  /* line 617, ../sass/screen.scss */
  #santa .number-group {
    width: 300px;
    height: 489px;
    top: 262px;
    left: 102px;
  }

  /* line 624, ../sass/screen.scss */
  #santa .number-group ul.row li {
    float: left;
    width: 25%;
    height: 70px;
  }

  /* line 630, ../sass/screen.scss */
  #santa .number-group ul.row li img {
    width: 90px;
  }

  /* line 633, ../sass/screen.scss */
  #santa .number-group ul.row li img.active {
    width: 74px;
  }

  /* line 636, ../sass/screen.scss */
  #santa .number-group ul.row li.number-5 img {
    top: -8px;
    left: -1px;
  }

  /* line 637, ../sass/screen.scss */
  #santa .number-group ul.row li.number-24 img {
    top: -2px;
    left: 4px;
  }

  /* line 638, ../sass/screen.scss */
  #santa .number-group ul.row li.number-3 img {
    top: -18px;
    left: 1px;
  }

  /* line 639, ../sass/screen.scss */
  #santa .number-group ul.row li.number-20 img {
    top: -12px;
    left: -1px;
  }

  /* line 640, ../sass/screen.scss */
  #santa .number-group ul.row li.number-2 img {
    top: -4px;
    left: -2px;
  }

  /* line 641, ../sass/screen.scss */
  #santa .number-group ul.row li.number-22 img {
    top: 5px;
    left: 1px;
  }

  /* line 642, ../sass/screen.scss */
  #santa .number-group ul.row li.number-15 img {
    top: -25px;
    left: 1px;
  }

  /* line 643, ../sass/screen.scss */
  #santa .number-group ul.row li.number-14 img {
    top: -15px;
    left: -1px;
  }

  /* line 644, ../sass/screen.scss */
  #santa .number-group ul.row li.number-7 img {
    top: -5px;
    left: -3px;
  }

  /* line 645, ../sass/screen.scss */
  #santa .number-group ul.row li.number-4 img {
    top: 3px;
    left: -3px;
  }

  /* line 646, ../sass/screen.scss */
  #santa .number-group ul.row li.number-11 img {
    top: -29px;
    left: -1px;
  }

  /* line 647, ../sass/screen.scss */
  #santa .number-group ul.row li.number-19 img {
    top: -18px;
    left: -3px;
  }

  /* line 648, ../sass/screen.scss */
  #santa .number-group ul.row li.number-17 img {
    top: -7px;
    left: -3px;
  }

  /* line 649, ../sass/screen.scss */
  #santa .number-group ul.row li.number-6 img {
    top: 1px;
    left: -2px;
  }

  /* line 650, ../sass/screen.scss */
  #santa .number-group ul.row li.number-23 img {
    top: -32px;
    left: -1px;
  }

  /* line 651, ../sass/screen.scss */
  #santa .number-group ul.row li.number-9 img {
    top: -22px;
    left: -4px;
  }

  /* line 652, ../sass/screen.scss */
  #santa .number-group ul.row li.number-18 img {
    top: -11px;
    left: -4px;
  }

  /* line 653, ../sass/screen.scss */
  #santa .number-group ul.row li.number-21 img {
    top: -1px;
    left: -4px;
  }

  /* line 654, ../sass/screen.scss */
  #santa .number-group ul.row li.number-10 img {
    top: -36px;
    left: -1px;
  }

  /* line 655, ../sass/screen.scss */
  #santa .number-group ul.row li.number-1 img {
    top: -27px;
    left: -5px;
  }

  /* line 656, ../sass/screen.scss */
  #santa .number-group ul.row li.number-13 img {
    top: -16px;
    left: -6px;
  }

  /* line 657, ../sass/screen.scss */
  #santa .number-group ul.row li.number-8 img {
    top: 1px;
    left: 1px;
  }

  /* line 658, ../sass/screen.scss */
  #santa .number-group ul.row li.number-12 img {
    top: -33px;
    left: -5px;
  }

  /* line 659, ../sass/screen.scss */
  #santa .number-group ul.row li.number-16 img {
    top: -20px;
    left: -6px;
  }

  /* line 660, ../sass/screen.scss */
  #santa .mask_01 {
    width: 45px;
    height: 616px;
    position: absolute;
    z-index: 39;
    background: url("../img/drawer/mask_01.png") top center no-repeat;
    top: 538px;
    right: 188px;
    display: none;
  }

  /* line 670, ../sass/screen.scss */
  #santa .mask_02 {
    width: 146px;
    height: 165px;
    top: 381px;
    right: 202px;
    background-size: 100%;
    display: none;
  }

  /* line 678, ../sass/screen.scss */
  #santa .mask_03 {
    width: 243px;
    height: 68px;
    top: 360px;
    right: 347px;
    background-size: 100%;
    display: none;
  }

  /* line 686, ../sass/screen.scss */
  #santa .mask_04 {
    width: 139px;
    height: 68px;
    top: 444px;
    right: 580px;
    background-size: 100%;
    display: none;
  }

  /* line 694, ../sass/screen.scss */
  #santa .mask_05 {
    width: 61px;
    height: 113px;
    top: 1052px;
    right: 298px;
    background-size: 100%;
    display: none;
  }

  /* line 703, ../sass/screen.scss */
  .modal {
    width: 100%;
    height: auto;
    background-color: #fff;
    position: fixed;
  }

  /* line 709, ../sass/screen.scss */
  .modal .b-close {
    background-position: 0 -457px;
    top: 14px;
    right: 14px;
  }

  /* line 715, ../sass/screen.scss */
  .modal .content {
    height: auto;
  }

  /* line 718, ../sass/screen.scss */
  .modal .info-container .products ul li.column .thumbnail > img {
    border: solid 1px #f0efef;
  }

  /* line 721, ../sass/screen.scss */
  .modal .card-cover {
    width: 100%;
    height: auto;
  }

  /* line 725, ../sass/screen.scss */
  .modal .card-cover .cover {
    width: 100%;
    height: auto;
    background: #fff;
  }

  /* line 730, ../sass/screen.scss */
  .modal .info-container {
    width: 100%;
    height: auto;
    background: #fff;
  }

  /* line 735, ../sass/screen.scss */
  .modal .info-container .products, .modal .info-container .promotion {
    width: 100%;
    float: none;
    padding-top: 30px;
  }

  /* line 740, ../sass/screen.scss */
  .modal .info-container .products ul li.column {
    width: 65%;
    margin-bottom: 10px;
  }

  /* line 744, ../sass/screen.scss */
  .modal .info-container .promotion {
    padding: 20px;
  }

  /* line 750, ../sass/screen.scss */
  .modal .info-container .flower {
    display: block;
  }
}