/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: block;
  overflow: hidden; }

.cf:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1; }

* {
  list-style: none;
  outline: none; }

a {
  text-decoration: none; }

article p {
  line-height: 1.6; }
  article p span.mark {
    background: linear-gradient(transparent 50%, #b8e1ff 50%); }

article img {
  width: 100%; }

header {
  padding-bottom: 2em; }
  header p {
    font-size: 14px;
    margin: 5px 5%; }

#intro h3 {
  font-size: 21px;
  font-weight: 700;
  text-align: center;
  background-color: #172a86;
  padding: 0;
  color: #fff; }

#intro ul {
  padding: 1em 0 2em;
  width: 260px;
  margin: auto; }
  #intro ul li {
    margin: .5em 0;
    font-size: 16px;
    font-weight: 700; }
    #intro ul li a {
      color: #444; }
      #intro ul li a span {
        color: #172a86; }

#section1 h2, #section2 h2, #section3 h2 {
  margin-bottom: .5em; }
  #section1 h2 img, #section2 h2 img, #section3 h2 img {
    margin: 0; }

#section1 p, #section2 p, #section3 p {
  margin: 0 5% 1em;
  font-feature-settings: 'pkna';
  line-height: 1.8;
  clear: both; }

#section1 .profile {
  margin: 2em auto;
  width: 90%; }
  #section1 .profile img {
    width: 70%;
    margin: auto;
    display: block; }
  #section1 .profile p {
    text-align: center;
    font-size: 12px; }
    #section1 .profile p span {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 1em; }

#section1 img {
  margin: 2em 0; }

#section1 .photo_wrap {
  background-color: #eff6fc;
  margin-bottom: 1.5em; }
  #section1 .photo_wrap p {
    padding: 10px 0;
    font-size: 12px; }
  #section1 .photo_wrap img {
    margin: 0; }

#section2 .photo_wrap {
  width: 90%;
  margin-bottom: 1em; }
  #section2 .photo_wrap p {
    font-size: 12px;
    line-height: 1.5; }
  #section2 .photo_wrap.left {
    float: left; }
    #section2 .photo_wrap.left p {
      margin: 0 0 1em 10px; }
  #section2 .photo_wrap.right {
    float: right; }
    #section2 .photo_wrap.right p {
      margin: 0 10px 1em 0; }

#section2 .slider_wrap {
  margin: 4em 0 2em;
  position: relative; }
  #section2 .slider_wrap .arrow img {
    position: absolute;
    top: 25%;
    width: 15px;
    z-index: 100; }
    #section2 .slider_wrap .arrow img.prev {
      left: 10px; }
    #section2 .slider_wrap .arrow img.next {
      right: 10px; }
  #section2 .slider_wrap .slider img {
    opacity: .3;
    transition: .5s; }
  #section2 .slider_wrap .slider p {
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    transition: .5s;
    padding: 10px 5px; }
  #section2 .slider_wrap .slider .slick-center img {
    opacity: 1; }
  #section2 .slider_wrap .slider .slick-center p {
    opacity: 1; }

#recommend {
  padding-bottom: 2em; }
  #recommend h4 {
    margin-bottom: 1.5em; }
  #recommend div {
    width: 80%;
    margin: 0 auto 1em;
    background-color: #f6f3f1; }
    #recommend div p {
      font-feature-settings: 'pkna';
      margin: 0;
      padding: 5px 1em 1em;
      font-size: 12px; }
  #recommend img.big {
    margin: 0 auto 1em; }

#section3 a {
  width: 90%;
  margin: 1.5em auto;
  display: block; }

#section3 .shop_wrap {
  background-color: #eff6fc;
  padding-bottom: 1em; }
  #section3 .shop_wrap img {
    margin-bottom: 1em; }
  #section3 .shop_wrap div {
    width: 80%;
    margin: 0 auto 1em; }
    #section3 .shop_wrap div img {
      margin-bottom: 0; }
    #section3 .shop_wrap div p {
      color: #444;
      margin: 0;
      font-size: 12px;
      line-height: 1.6; }
      #section3 .shop_wrap div p span {
        font-size: 15px;
        font-weight: 700; }

/*----------------------------------------------------------------
	Footer
----------------------------------------------------------------*/
footer.jb {
  border-top: 1px solid #ccc;
  position: relative;
  background-color: #fff;
  z-index: 10;
  color: #3E2B24; }
  footer.jb h1, footer.jb h2, footer.jb h3, footer.jb h4, footer.jb h5, footer.jb h6 {
    color: #fff; }
  footer.jb a {
    color: #545766;
    text-decoration: none; }
    footer.jb a:hover {
      color: #fff; }
  footer.jb .meta-social ul li a {
    border-color: #545766;
    color: #545766; }
    footer.jb .meta-social ul li a:hover {
      color: #fff; }

#top-footer {
  text-align: center; }
  #top-footer .widget {
    text-align: center !important;
    margin-bottom: 0;
    font-size: 0.778em; }
    #top-footer .widget h4 {
      margin-top: 1.34em; }
      #top-footer .widget h4 img {
        display: inline;
        opacity: 1;
        width: auto; }
    #top-footer .widget p {
      color: #00478E;
      opacity: 1; }

footer .row-content.buffer {
  padding-top: 2%;
  padding-bottom: 0; }

#bottom-footer {
  padding: 1em; }
  #bottom-footer p {
    opacity: 1;
    text-align: center;
    font-size: 0.667em;
    line-height: 1.8; }

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