@keyframes hover {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.1;
  }
}
@media (min-width: 768px) {
  /* line 9, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .section .feed-article-view {
    width: 293px;
    margin-left: 7px;
    background-color: #fff;
  }
  /* line 13, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .section > .articles {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
/* line 347, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.modal-content {
  margin: 0 auto;
  pointer-events: all;
}

/* line 353, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.modal-backdrop.in {
  opacity: 0.8;
}

/* line 356, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.wide_half {
  width: 50%;
  float: left;
  z-index: 150;
}

@media (min-width: 768px) {
  /* line 362, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .wide_half {
    width: 100%;
    float: none;
  }
}
/* line 366, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view {
  position: relative;
}
/* line 236, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view a:hover {
  text-decoration: none;
}
/* line 238, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .title {
  color: #fff;
  height: 2.3em;
  overflow: hidden;
  font-weight: 800;
}
/* line 243, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .title > img {
  color: #fff;
}
/* line 245, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .brand {
  color: #fff;
}
/* line 247, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .subject {
  width: 100%;
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  line-height: 1.2em;
  color: #fff;
  z-index: 100;
}
/* line 255, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .image {
  position: relative;
}
/* line 257, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .image > img {
  width: 100%;
}
/* line 259, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .image > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 265, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .image > .white-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 120;
  background-color: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 190;
}
/* line 272, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .image > .gray-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 120;
  background-color: #000;
}
/* line 275, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .image > .gray-wrap:hover {
  animation-name: hover;
  animation-duration: 1.5s;
  animation-delay: 0.1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
/* line 281, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .text {
  position: relative;
  height: 85px;
  padding: 0 1em;
}
/* line 285, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .text > .subject {
  position: relative;
}
/* line 287, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .text > .subject > .title {
  color: #333;
  height: auto;
  max-height: 3.4em;
  overflow: hidden;
}
/* line 292, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .text > .subject > .brand {
  color: #333;
  font-size: 0.9em;
}
/* line 296, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .grayout {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.3;
  top: 0;
  z-index: 100;
}
/* line 305, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .modal.thumbnail-box .vertical {
  overflow: scroll;
  padding: 30px 15px 0px 15px;
}
/* line 308, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .modal.thumbnail-box .modal-dialog {
  width: 100%;
  position: relative;
  margin: 0;
}
/* line 310, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .modal.thumbnail-box .modal-dialog img, .feed-image-view .modal.thumbnail-box .modal-dialog video {
  width: 100%;
}
/* line 314, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .modal.thumbnail-box .modal-dialog > .modal-content {
  width: 100%;
  background-color: black;
  margin: 0 auto;
}
/* line 318, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-image-view .modal.thumbnail-box .modal-dialog > .modal-content > .close {
  width: 30px;
  height: 30px;
  font-size: 30px;
  position: absolute;
  border-radius: 30px;
  z-index: 150;
  top: -30px;
  left: 0px;
  background-color: black;
  color: white;
  opacity: 0.5;
}
@media (min-width: 768px) {
  /* line 332, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .feed-image-view .modal.thumbnail-box .modal-dialog {
    height: 100%;
  }
  /* line 334, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .feed-image-view .modal.thumbnail-box .modal-dialog > .modal-content {
    margin-top: 50px;
    width: 750px;
  }
  /* line 337, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .feed-image-view .modal.thumbnail-box .modal-dialog > .modal-content > .close {
    top: -10px;
    right: -10px;
    left: auto;
    background-color: white;
    color: black;
  }
  /* line 344, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .feed-image-view .modal.thumbnail-box .vertical > .modal-content {
    width: 422px;
  }
}

/* line 369, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view {
  position: relative;
}
/* line 236, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view a:hover {
  text-decoration: none;
}
/* line 238, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .title {
  color: #fff;
  height: 2.3em;
  overflow: hidden;
  font-weight: 800;
}
/* line 243, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .title > img {
  color: #fff;
}
/* line 245, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .brand {
  color: #fff;
}
/* line 247, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .subject {
  width: 100%;
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  line-height: 1.2em;
  color: #fff;
  z-index: 100;
}
/* line 255, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .image {
  position: relative;
}
/* line 257, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .image > img {
  width: 100%;
}
/* line 259, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .image > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 265, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .image > .white-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 120;
  background-color: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 190;
}
/* line 272, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .image > .gray-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 120;
  background-color: #000;
}
/* line 275, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .image > .gray-wrap:hover {
  animation-name: hover;
  animation-duration: 1.5s;
  animation-delay: 0.1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
/* line 281, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .text {
  position: relative;
  height: 85px;
  padding: 0 1em;
}
/* line 285, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .text > .subject {
  position: relative;
}
/* line 287, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .text > .subject > .title {
  color: #333;
  height: auto;
  max-height: 3.4em;
  overflow: hidden;
}
/* line 292, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .text > .subject > .brand {
  color: #333;
  font-size: 0.9em;
}
/* line 296, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .grayout {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.3;
  top: 0;
  z-index: 100;
}
/* line 305, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .modal.thumbnail-box .vertical {
  overflow: scroll;
  padding: 30px 15px 0px 15px;
}
/* line 308, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .modal.thumbnail-box .modal-dialog {
  width: 100%;
  position: relative;
  margin: 0;
}
/* line 310, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .modal.thumbnail-box .modal-dialog img, .feed-album-view .modal.thumbnail-box .modal-dialog video {
  width: 100%;
}
/* line 314, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .modal.thumbnail-box .modal-dialog > .modal-content {
  width: 100%;
  background-color: black;
  margin: 0 auto;
}
/* line 318, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .modal.thumbnail-box .modal-dialog > .modal-content > .close {
  width: 30px;
  height: 30px;
  font-size: 30px;
  position: absolute;
  border-radius: 30px;
  z-index: 150;
  top: -30px;
  left: 0px;
  background-color: black;
  color: white;
  opacity: 0.5;
}
@media (min-width: 768px) {
  /* line 332, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .feed-album-view .modal.thumbnail-box .modal-dialog {
    height: 100%;
  }
  /* line 334, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .feed-album-view .modal.thumbnail-box .modal-dialog > .modal-content {
    margin-top: 50px;
    width: 750px;
  }
  /* line 337, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .feed-album-view .modal.thumbnail-box .modal-dialog > .modal-content > .close {
    top: -10px;
    right: -10px;
    left: auto;
    background-color: white;
    color: black;
  }
  /* line 344, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .feed-album-view .modal.thumbnail-box .vertical > .modal-content {
    width: 422px;
  }
}
/* line 371, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .title {
  text-align: center;
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 400;
}
/* line 376, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-album-view .subject {
  bottom: 22%;
}

/* line 379, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view {
  position: relative;
}
/* line 236, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view a:hover {
  text-decoration: none;
}
/* line 238, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .title {
  color: #fff;
  height: 2.3em;
  overflow: hidden;
  font-weight: 800;
}
/* line 243, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .title > img {
  color: #fff;
}
/* line 245, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .brand {
  color: #fff;
}
/* line 247, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .subject {
  width: 100%;
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  line-height: 1.2em;
  color: #fff;
  z-index: 100;
}
/* line 255, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .image {
  position: relative;
}
/* line 257, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .image > img {
  width: 100%;
}
/* line 259, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .image > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 265, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .image > .white-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 120;
  background-color: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 190;
}
/* line 272, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .image > .gray-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 120;
  background-color: #000;
}
/* line 275, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .image > .gray-wrap:hover {
  animation-name: hover;
  animation-duration: 1.5s;
  animation-delay: 0.1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
/* line 281, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .text {
  position: relative;
  height: 85px;
  padding: 0 1em;
}
/* line 285, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .text > .subject {
  position: relative;
}
/* line 287, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .text > .subject > .title {
  color: #333;
  height: auto;
  max-height: 3.4em;
  overflow: hidden;
}
/* line 292, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .text > .subject > .brand {
  color: #333;
  font-size: 0.9em;
}
/* line 296, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .grayout {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.3;
  top: 0;
  z-index: 100;
}
/* line 305, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .modal.thumbnail-box .vertical {
  overflow: scroll;
  padding: 30px 15px 0px 15px;
}
/* line 308, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .modal.thumbnail-box .modal-dialog {
  width: 100%;
  position: relative;
  margin: 0;
}
/* line 310, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .modal.thumbnail-box .modal-dialog img, .feed-article-view .modal.thumbnail-box .modal-dialog video {
  width: 100%;
}
/* line 314, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .modal.thumbnail-box .modal-dialog > .modal-content {
  width: 100%;
  background-color: black;
  margin: 0 auto;
}
/* line 318, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .modal.thumbnail-box .modal-dialog > .modal-content > .close {
  width: 30px;
  height: 30px;
  font-size: 30px;
  position: absolute;
  border-radius: 30px;
  z-index: 150;
  top: -30px;
  left: 0px;
  background-color: black;
  color: white;
  opacity: 0.5;
}
@media (min-width: 768px) {
  /* line 332, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .feed-article-view .modal.thumbnail-box .modal-dialog {
    height: 100%;
  }
  /* line 334, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .feed-article-view .modal.thumbnail-box .modal-dialog > .modal-content {
    margin-top: 50px;
    width: 750px;
  }
  /* line 337, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .feed-article-view .modal.thumbnail-box .modal-dialog > .modal-content > .close {
    top: -10px;
    right: -10px;
    left: auto;
    background-color: white;
    color: black;
  }
  /* line 344, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  .feed-article-view .modal.thumbnail-box .vertical > .modal-content {
    width: 422px;
  }
}
/* line 382, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .subject .brand {
  overflow: hidden;
  padding-top: 5px;
}
/* line 385, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .subject .brand .name {
  height: 1em;
  font-size: 0.8em;
}
/* line 388, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.feed-article-view .score {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #ff8888;
  font-weight: 800;
  font-size: 0.9em;
  margin-right: 10px;
}

/* line 397, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.share {
  width: 100px;
  margin: 0 auto;
  justify-content: space-between;
}
/* line 398, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.share .fb-share {
  margin-right: 20px;
}
/* line 400, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.share img.facebook {
  height: 29px;
}
/* line 402, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.share img.twitter {
  height: 44px;
}

/* line 409, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.questionnaire h4 {
  text-align: left !important;
  margin-left: 10px;
}
/* line 412, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
.questionnaire li {
  list-style: none;
}

/* line 5, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/articles.sass */
h2 {
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 1.5em;
  font-weight: bold;
}

/* line 11, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/articles.sass */
h3 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.2em;
  font-weight: bold;
}

/* line 17, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/articles.sass */
h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1em;
  font-weight: bold;
}

/* line 23, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/articles.sass */
#article-detail {
  margin: 0 auto;
}
/* line 30, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .message {
  padding: 1em;
  font-size: 1.2em;
}
/* line 34, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents {
  margin: 0 auto;
  width: 100%;
  line-height: 1.93;
}
/* line 39, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .main-image {
  position: relative;
  margin: 1em auto;
  text-align: center;
}
/* line 43, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .main-image img {
  width: 100%;
}
/* line 45, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .main-image video {
  width: 100%;
}
/* line 47, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .main-image .white-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 190;
}
/* line 52, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject {
  position: relative;
  margin: 0 auto;
  padding: 0 5px;
}
/* line 56, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .title {
  font-size: 1.6em !important;
  line-height: 1.6em;
  padding: 8px 0px;
}
/* line 60, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .subtitle {
  font-size: 1.3em !important;
  line-height: 1.3em;
}
/* line 63, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .brand {
  padding: 8px 0px;
}
/* line 66, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .genres {
  position: absolute;
  right: 0;
  top: -15px;
  font-weight: bold;
}
/* line 71, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .genres > .genre {
  color: #f44;
}
/* line 73, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .genres > .unlike_genre {
  color: #fcc;
}
/* line 75, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .genres > .definitely_genre {
  color: #44f;
}
/* line 77, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .genres > .likely_genre {
  color: #ccf;
}
/* line 80, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs {
  margin: 0 auto;
  padding: 0 5px;
}
/* line 83, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph {
  padding-top: 12px;
}
/* line 85, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph .head {
  padding-bottom: 8px;
}
/* line 89, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph .movie > video {
  width: 100%;
}
/* line 91, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph .more {
  padding: 4px 0;
  border-radius: 20px;
  width: 70%;
  display: block;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 100, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph .image {
  position: relative;
}
/* line 102, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph .image img {
  width: 100%;
}
/* line 104, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph .image .white-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 190;
}
/* line 109, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .more-link-normal {
  display: none;
}
/* line 111, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .more-link-alt {
  display: block;
}
/* line 113, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents h2, #article-detail > .contents h3, #article-detail > .contents h4 {
  text-align: center;
}
/* line 115, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .relevants {
  display: flex;
  flex-wrap: wrap;
}
/* line 118, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .relevants .relevant {
  width: 50%;
}
/* line 120, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents .paragraph_article {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  /* line 124, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents {
    min-height: 810px;
  }
  /* line 127, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .main-image > img {
    padding-right: 50px;
    padding-left: 50px;
  }
  /* line 130, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .main-image, #article-detail > .contents .subject, #article-detail > .contents .paragraphs {
    margin-right: 300px;
  }
  /* line 132, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .share {
    margin-left: 250px;
  }
  /* line 135, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .paragraphs .more-link-normal {
    display: block;
  }
  /* line 137, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .paragraphs .more-link-alt {
    display: none;
  }
  /* line 139, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > h2 {
    display: none;
  }
  /* line 141, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants {
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
  }
  /* line 146, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants > .relevant {
    width: 293px;
    margin-bottom: 7px;
    margin-right: 0;
    position: relative;
    padding-left: 5px;
  }
  /* line 153, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants > .relevant > a.thumbnail-content > .image {
    width: 130px;
  }
  /* line 155, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants > .relevant > a.thumbnail-content > .grayout {
    display: none;
  }
  /* line 157, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants > .relevant > a.thumbnail-content > .subject {
    padding-left: 140px;
    font-weight: inherit !important;
    font-size: inherit !important;
    height: 73px;
  }
  /* line 162, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants > .relevant > a.thumbnail-content > .subject > .title {
    color: inherit;
    height: inherit;
    max-height: 28px;
  }
  /* line 166, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants > .relevant > a.thumbnail-content > .subject > .brand {
    color: inherit;
  }
  /* line 168, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents .paragraph_article {
    width: 75%;
  }
}
/* line 26, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/articles.sass */
#article-detail .paragraphs {
  margin-bottom: 30px;
  padding: 0 2em;
}

/* line 30, /opt/deploy/local_repo/webx/production/webx/releases/20180104163026/app/assets/stylesheets/global/articles.sass */
#next-icon {
  width: 100%;
  margin: 2em auto;
  text-align: center;
}