/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@font-face {
  font-family: "AvantGardeGothic-book";
  src: url(../myfont/ITCAvantGardeGothicLTBook.ttf);
}
@font-face {
  font-family: "AvantGardeGothic-bold";
  src: url(../myfont/avantgardelt-bold.otf);
}
@font-face {
  font-family: "AvantGardeGothic-medium";
  src: url(../myfont/ITCAvantGardeGothicLTMedium.ttf);
}
/* line 10, ../sass/style.scss */
.bgset, .ibanner .side-for div, .pageBg1, .pageBg2, .catbanner .bgcover, .catartlist .bgcover, .artintr .bgcover, .artslick .bgcover, .wartintr .bgcover, .workslick .bgcover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 15, ../sass/style.scss */
.mtitle, .cattitle, .catbanner div.tname, .arttitle .thome, .artslick .tname {
  font-family: "AvantGardeGothic-bold";
  color: #000;
  letter-spacing: 0.4em;
  text-align: center;
  margin-bottom: 50px;
}

/* line 22, ../sass/style.scss */
.mtitle.mb30, .mb30.cattitle, .catbanner div.mb30.tname, .arttitle .mb30.thome, .artslick .mb30.tname {
  margin-bottom: 30px;
}

/* line 25, ../sass/style.scss */
.mtitle.mb0, .mb0.cattitle, .catbanner div.mb0.tname, .arttitle .mb0.thome, .artslick .mb0.tname {
  margin-bottom: 0;
}

/* line 28, ../sass/style.scss */
.mb50col .columns {
  margin-bottom: 50px;
}

/* line 31, ../sass/style.scss */
.mb20col .columns {
  margin-bottom: 20px;
}

/* line 34, ../sass/style.scss */
.mb10col .columns {
  margin-bottom: 10px;
}

/* line 37, ../sass/style.scss */
.mbr1 .columns {
  border-right: 1px solid #ccc;
}
/* line 39, ../sass/style.scss */
.mbr1 .columns:last-child {
  border: none;
}

/* line 44, ../sass/style.scss */
.imt {
  height: 80px;
}

@media screen and (max-width: 39.9375em) {
  /* line 48, ../sass/style.scss */
  .mtitle, .cattitle, .catbanner div.tname, .arttitle .thome, .artslick .tname {
    margin-bottom: 30px;
  }

  /* line 49, ../sass/style.scss */
  .mbr1 .columns {
    border-right: none;
  }
}
/* = English & Chinese css setting
-------------------------------------------------------------- */
/* line 57, ../sass/style.scss */
.webchange {
  position: fixed;
  top: 150px;
  right: 0;
  z-index: 99999;
}
/* line 62, ../sass/style.scss */
.webchange div {
  background: #f5f5f5;
  padding: 10px 5px;
}
/* line 66, ../sass/style.scss */
.webchange a {
  color: #888;
  margin: 0 10px;
}
/* line 70, ../sass/style.scss */
.webchange a:hover, .webchange a.active {
  color: #000;
}

/* line 77, ../sass/style.scss */
.mkword {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  text-align: justify;
}
/* line 81, ../sass/style.scss */
.mkword .columns div:first-child {
  letter-spacing: 0.2em;
}
/* line 84, ../sass/style.scss */
.mkword .columns:hover div:first-child {
  color: #ff0066;
}
/* line 87, ../sass/style.scss */
.mkword .columns:hover div:last-child span {
  color: #6f00ff;
}
@media screen and (max-width: 39.9375em) {
  /* line 91, ../sass/style.scss */
  .mkword .mt20 {
    margin-top: 5px;
  }
}

/* line 95, ../sass/style.scss */
.lh2 {
  line-height: 1.8em;
}

/* line 96, ../sass/style.scss */
.dbstatus {
  font-size: 13px;
}
/* line 100, ../sass/style.scss */
.dbstatus .bd3 > div {
  border-bottom: 2px solid #000;
  padding-bottom: 10px;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
}
/* line 106, ../sass/style.scss */
.dbstatus a {
  font-family: "AvantGardeGothic-book";
  font-weight: bold;
}
/* line 110, ../sass/style.scss */
.dbstatus a:hover {
  color: #6f00ff;
}
/* line 111, ../sass/style.scss */
.dbstatus span.mval {
  float: right;
  font-family: "museo-sans-rounded";
  font-weight: 700;
  line-height: 1.5em;
}
@media screen and (max-width: 63.9375em) {
  /* line 96, ../sass/style.scss */
  .dbstatus {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}

/* line 130, ../sass/style.scss */
.ibanner img {
  width: 100%;
}
/* line 131, ../sass/style.scss */
.ibanner .row {
  position: relative;
  height: inherit;
}
/* line 136, ../sass/style.scss */
.ibanner .slick-list, .ibanner .slick-slider {
  margin: 0;
}
/* line 140, ../sass/style.scss */
.ibanner .mnumber {
  position: absolute;
  bottom: 0px;
  right: -25px;
  z-index: 1;
}
/* line 145, ../sass/style.scss */
.ibanner .mnumber div {
  padding: 5px 15px;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-size: 25px;
}
/* line 153, ../sass/style.scss */
.ibanner .banner-item {
  margin-bottom: 0;
}
@media screen and (max-width: 63.9375em) {
  /* line 125, ../sass/style.scss */
  .ibanner {
    background-image: none;
    height: auto;
    margin-top: 80px;
  }
  /* line 162, ../sass/style.scss */
  .ibanner .columns {
    position: relative;
  }
  /* line 165, ../sass/style.scss */
  .ibanner .mcaption {
    display: relative;
  }
  /* line 166, ../sass/style.scss */
  .ibanner .mcaption div:nth-child(1) {
    position: absolute;
    top: 10px;
    left: 15px;
    margin-right: 10px;
  }
  /* line 170, ../sass/style.scss */
  .ibanner .mcaption div:nth-child(1) span {
    display: inline;
    background-color: #000;
    color: #fff;
    box-shadow: 5px 0 0 #000, -5px 0 0 #000;
    padding: 0.25em 0;
  }
  /* line 178, ../sass/style.scss */
  .ibanner .mcaption div:nth-child(2) {
    display: none;
  }
  /* line 182, ../sass/style.scss */
  .ibanner .mnumber {
    position: relative;
    right: 0;
  }
  /* line 185, ../sass/style.scss */
  .ibanner .mnumber div {
    font-size: 14px;
    padding: 8px 13px;
    height: 31px;
  }
  /* line 190, ../sass/style.scss */
  .ibanner .mnumber span.hide-for-large {
    font-style: inherit;
    font-family: "AvantGardeGothic-book";
    font-weight: bold;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.9);
    text-align: center;
    display: block;
    width: calc(100% - 64px);
    line-height: 31px;
    float: left;
  }
  /* line 202, ../sass/style.scss */
  .ibanner .mnumber span.hide-for-large i {
    font-style: inherit;
  }
  /* line 204, ../sass/style.scss */
  .ibanner .mnumber div.bnbt {
    float: left;
  }
  /* line 205, ../sass/style.scss */
  .ibanner .mnumber div.bbbt {
    float: left;
  }
}
@media screen and (min-width: 64em) {
  /* line 125, ../sass/style.scss */
  .ibanner {
    position: relative;
    top: -85px;
  }
  /* line 212, ../sass/style.scss */
  .ibanner .columns {
    position: absolute;
    bottom: 0;
  }
  /* line 216, ../sass/style.scss */
  .ibanner .mcaption {
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    font-family: "AvantGardeGothic-book";
    font-weight: bold;
    padding: 20px 20px 15px;
  }
  /* line 223, ../sass/style.scss */
  .ibanner .mcaption div:first-child {
    letter-spacing: 0.1em;
  }
  /* line 227, ../sass/style.scss */
  .ibanner .mcaption div:nth-child(3) {
    display: none;
  }
}

/* line 230, ../sass/style.scss */
.ibanner + div {
  margin-top: 30px;
  margin-bottom: 80px;
}

@media screen and (min-width: 64em) {
  /* line 235, ../sass/style.scss */
  .ibanner + div {
    position: relative;
    top: -55px;
    margin-top: 0px;
    margin-bottom: 75px;
  }
}
/* line 244, ../sass/style.scss */
.imarts .mname {
  font-family: "AvantGardeGothic-medium";
  letter-spacing: 0.2em;
  font-weight: bold;
}
/* line 248, ../sass/style.scss */
.imarts .mname + div {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.1em;
}

/* line 256, ../sass/style.scss */
.pageBg1 {
  width: 100%;
  position: relative;
  height: 210px;
  margin-bottom: 10px;
  overflow: hidden;
}
/* line 263, ../sass/style.scss */
.pageBg1 .maskbg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ff0066;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 271, ../sass/style.scss */
.pageBg1 .maskbg.active {
  background: #ff0066;
  opacity: 0.6;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
/* line 278, ../sass/style.scss */
.pageBg1 .myhover {
  width: 100%;
  height: 100%;
  position: absolute;
}
/* line 283, ../sass/style.scss */
.pageBg1 .mtxt {
  position: absolute;
  bottom: 15px;
  left: 15px;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 290, ../sass/style.scss */
.pageBg1 .mtxt.active {
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  transition-delay: 0.5s;
}
/* line 296, ../sass/style.scss */
.pageBg1 .triangle.mright {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -50%;
  left: 50%;
  background: linear-gradient(to left bottom, #ff0066 50%, transparent 50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 303, ../sass/style.scss */
.pageBg1 .triangle.mright.active {
  bottom: -40%;
  left: 40%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 309, ../sass/style.scss */
.pageBg1 .triangle.mleft {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -50%;
  left: -50%;
  background: linear-gradient(to left bottom, transparent 50%, #6f00ff 50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
/* line 317, ../sass/style.scss */
.pageBg1 .triangle.mleft.active {
  bottom: 0;
  left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 39.9375em) {
  /* line 256, ../sass/style.scss */
  .pageBg1 {
    height: 300px;
  }
}

/* line 328, ../sass/style.scss */
.imwrok .name {
  letter-spacing: 0.1em;
  font-family: "AvantGardeGothic-book";
  font-weight: bold;
}
/* line 332, ../sass/style.scss */
.imwrok .name + div {
  font-size: 12px;
  font-weight: 600;
  color: #888;
  min-height: 38px;
  margin-top: 5px;
}

/* line 341, ../sass/style.scss */
.pageBg2 {
  width: 100%;
  margin-bottom: 10px;
  height: 185px;
  overflow: hidden;
}
@media screen and (max-width: 39.9375em) {
  /* line 341, ../sass/style.scss */
  .pageBg2 {
    height: 250px;
  }
}

/* line 355, ../sass/style.scss */
.cattitle {
  font-family: "AvantGardeGothic-book";
  font-weight: bold;
  margin-bottom: 20px;
}
/* line 361, ../sass/style.scss */
.cattitle .mhome {
  margin-bottom: 5px;
  letter-spacing: 0.3em;
}
/* line 365, ../sass/style.scss */
.cattitle .mhome a {
  color: #bbb;
}
/* line 366, ../sass/style.scss */
.cattitle .mhome a:hover {
  color: #ff0066;
}

/* line 375, ../sass/style.scss */
.catbanner .bgcover {
  height: 450px;
}
/* line 379, ../sass/style.scss */
.catbanner div.tname {
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 0;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 200px);
}
@media screen and (max-width: 39.9375em) {
  /* line 390, ../sass/style.scss */
  .catbanner div.tname {
    position: relative;
    top: 0;
    left: 0;
    letter-spacing: 0.1em;
  }
}

/* line 399, ../sass/style.scss */
.catartlist span {
  position: relative;
  display: block;
  width: 100%;
  min-height: 21px;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
/* line 410, ../sass/style.scss */
.catartlist span.active a.mtxt .aline {
  width: 120%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
/* line 415, ../sass/style.scss */
.catartlist span.active .bgline {
  width: 250px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
/* line 420, ../sass/style.scss */
.catartlist span.active .bgcover {
  z-index: 4;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
/* line 425, ../sass/style.scss */
.catartlist span.active .bgcolor {
  z-index: 5;
  background-position: 0 -100%;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
/* line 433, ../sass/style.scss */
.catartlist a.mtxt {
  padding-right: 20px;
  display: block;
  float: left;
  position: relative;
  z-index: 10;
}
/* line 439, ../sass/style.scss */
.catartlist a.mtxt .aline {
  position: absolute;
  top: 10px;
  left: 0;
  height: 2px;
  width: 0;
  background-color: #ff0066;
  -webkit-transition: 0.55s;
  transition: 0.55s;
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}
/* line 450, ../sass/style.scss */
.catartlist .bgline {
  z-index: 10;
  position: absolute;
  top: 10px;
  display: inline-block;
  height: 2px;
  width: 0;
  background-color: #ff0066;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
/* line 462, ../sass/style.scss */
.catartlist .bgcover, .catartlist .bgcolor {
  position: absolute;
  top: 10px;
  display: inline-block;
  width: 250px;
  height: 250px;
  z-index: -1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
/* line 479, ../sass/style.scss */
.catartlist .bgcolor {
  background-size: 100% 200%;
  background-image: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0) 50%);
}
@media screen and (max-width: 39.9375em) {
  /* line 486, ../sass/style.scss */
  .catartlist .bgline, .catartlist .bgcover, .catartlist .bgcolor, .catartlist .aline {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  /* line 491, ../sass/style.scss */
  .catartlist .bgcover, .catartlist .bgcolor {
    width: 100px;
    height: 100px;
  }
  /* line 496, ../sass/style.scss */
  .catartlist span.active .bgline {
    width: 100px;
  }
}

/* line 506, ../sass/style.scss */
.chartbarlg {
  font-family: "AvantGardeGothic-book";
  font-weight: bold;
  font-size: 13px;
  color: #000;
  letter-spacing: 0.1em;
}
/* line 507, ../sass/style.scss */
.chartbarlg .columns {
  width: 90%;
}
/* line 508, ../sass/style.scss */
.chartbarlg .numleft {
  float: left;
}
/* line 511, ../sass/style.scss */
.chartbarlg .numright {
  float: right;
  text-align: right;
}
@media screen and (min-width: 1440px) {
  /* line 517, ../sass/style.scss */
  .chartbarlg .columns {
    width: 100%;
  }
  /* line 518, ../sass/style.scss */
  .chartbarlg .numleft {
    position: absolute;
    left: 10px;
    top: calc(50% - 23px);
  }
  /* line 523, ../sass/style.scss */
  .chartbarlg .numright {
    position: absolute;
    right: 10px;
    top: calc(50% - 23px);
  }
}
/* line 534, ../sass/style.scss */
.chartbarlg .charthover {
  width: 100%;
  height: 30px;
  position: relative;
}
/* line 537, ../sass/style.scss */
.chartbarlg .charthover .mtxt {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 5px;
  z-index: 10;
  letter-spacing: 0.2em;
}
/* line 544, ../sass/style.scss */
.chartbarlg .charthover .mtxt a {
  color: #fff;
}
/* line 546, ../sass/style.scss */
.chartbarlg .charthover > div {
  width: 50%;
  height: 100%;
  float: left;
}
/* line 551, ../sass/style.scss */
.chartbarlg .charthover div.mleft div.colorful {
  position: relative;
  width: 0;
  height: 100%;
  float: right;
  background-image: linear-gradient(to right, #ff0066 0%, #be2c9e 100%);
  -webkit-transition: 1s;
  transition: 1s;
}
/* line 558, ../sass/style.scss */
.chartbarlg .charthover div.mleft div.colorful span {
  position: absolute;
  left: -35px;
  bottom: 0;
}
/* line 564, ../sass/style.scss */
.chartbarlg .charthover div.mright div.colorful {
  position: relative;
  width: 0;
  height: 100%;
  float: left;
  background-image: linear-gradient(to right, #be2c9e 0%, #6f00ff 100%);
  -webkit-transition: 1s;
  transition: 1s;
}
/* line 571, ../sass/style.scss */
.chartbarlg .charthover div.mright div.colorful span {
  position: absolute;
  right: -35px;
  bottom: 0;
}
/* line 577, ../sass/style.scss */
.chartbarlg .charthover .bgblack {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, #000 50%, rgba(255, 255, 255, 0) 50%);
  background-size: 200% 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 586, ../sass/style.scss */
.chartbarlg .charthover.active div.mleft .bgblack {
  background-position: 100% 0;
}
/* line 589, ../sass/style.scss */
.chartbarlg .charthover.active div.mright .bgblack {
  background-position: -100% 0;
}

/* line 596, ../sass/style.scss */
.chartbarsm {
  color: #000;
  font-family: "AvantGardeGothic-book";
  font-weight: bold;
  width: 90%;
  margin-left: 0px;
}
/* line 602, ../sass/style.scss */
.chartbarsm .charthover {
  width: 100%;
  height: 40px;
  position: relative;
}
/* line 606, ../sass/style.scss */
.chartbarsm .charthover .mtxt {
  height: 30px;
  display: table;
  width: 180px;
  padding: 0 10px;
  background-color: #000;
  letter-spacing: 0.1em;
  font-size: 12px;
  float: left;
}
/* line 616, ../sass/style.scss */
.chartbarsm .charthover .mtxt a {
  color: #fff;
  vertical-align: middle;
  display: table-cell;
}
/* line 622, ../sass/style.scss */
.chartbarsm .charthover .mcolor {
  width: calc( 100% - 180px);
  height: 30px;
  float: left;
}
/* line 627, ../sass/style.scss */
.chartbarsm .charthover div.colorful {
  position: relative;
  width: 0;
  height: 100%;
  -webkit-transition: 1s;
  transition: 1s;
}
/* line 634, ../sass/style.scss */
.chartbarsm .charthover div.colorful span {
  position: absolute;
  right: -35px;
  bottom: 0;
}
/* line 640, ../sass/style.scss */
.chartbarsm .charthover .bgcolor1 {
  background-color: #ff0066;
}
/* line 643, ../sass/style.scss */
.chartbarsm .charthover .bgcolor2 {
  background-color: #6f00ff;
}

/* line 661, ../sass/style.scss */
.art_bd {
  border: 2px solid #000;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 83.3333%;
  margin: 60px auto 40px;
}
@media (max-width: 63.9375em) {
  /* line 661, ../sass/style.scss */
  .art_bd {
    padding: 20px;
  }
}

/* line 673, ../sass/style.scss */
.arttitle .thome {
  font-family: "AvantGardeGothic-book";
  font-weight: bold;
  letter-spacing: 0.3em;
}
/* line 678, ../sass/style.scss */
.arttitle .thome a {
  color: #bbb;
}
/* line 679, ../sass/style.scss */
.arttitle .thome a:hover {
  color: #ff0066;
}
/* line 680, ../sass/style.scss */
.arttitle .thome + div {
  font-family: "AvantGardeGothic-book";
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  color: #bbb;
  letter-spacing: 0.1em;
  margin-bottom: 50px;
}
/* line 691, ../sass/style.scss */
.arttitle div.mname {
  color: #000;
  font-size: 18px;
  text-transform: uppercase;
}
/* line 697, ../sass/style.scss */
.arttitle div.nametxt {
  font-family: "AvantGardeGothic-bold";
  font-weight: normal;
}
/* line 701, ../sass/style.scss */
.arttitle div.artby {
  font-size: 13px;
  color: #bbb;
  margin: 5px;
}
/* line 706, ../sass/style.scss */
.arttitle div.yearname {
  font-family: "AvantGardeGothic-medium";
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.5em;
  margin-top: 5px;
}
/* line 714, ../sass/style.scss */
.arttitle div:not(.thome) > a {
  border: 2px solid #000;
  border-right: none;
  padding: 8px 10px 5px;
  display: block;
  float: left;
  font-family: "AvantGardeGothic-book";
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.1em;
}
/* line 725, ../sass/style.scss */
.arttitle div:not(.thome) > a:hover, .arttitle div:not(.thome) > a.active {
  background-color: #000;
  color: #fff;
}
/* line 729, ../sass/style.scss */
.arttitle div:not(.thome) > a:last-child {
  border-right: 2px solid #000;
}
@media screen and (min-width: 64em) {
  /* line 735, ../sass/style.scss */
  .arttitle .thome + div {
    margin-bottom: 0;
  }
  /* line 739, ../sass/style.scss */
  .arttitle div.float-left {
    position: absolute;
    bottom: -8px;
    left: 15px;
  }
  /* line 744, ../sass/style.scss */
  .arttitle div.float-right {
    position: absolute;
    bottom: -8px;
    right: 15px;
  }
}
/* line 751, ../sass/style.scss */
.arttitle .SumoSelect {
  width: auto;
}
/* line 752, ../sass/style.scss */
.arttitle .SumoSelect > .CaptionCont {
  border-radius: 0;
}
/* line 755, ../sass/style.scss */
.arttitle .SumoSelect > .CaptionCont > span {
  color: initial;
  font-style: inherit;
  line-height: 22.5px;
}
/* line 760, ../sass/style.scss */
.arttitle .SumoSelect > .optWrapper > .options > li.disabled {
  display: none;
}
/* line 763, ../sass/style.scss */
.arttitle .SumoSelect > .CaptionCont > label {
  width: 25px;
}
/* line 766, ../sass/style.scss */
.arttitle .SumoSelect > .CaptionCont > label > i {
  width: 10px;
  height: 10px;
}
/* line 769, ../sass/style.scss */
.arttitle .SumoSelect.open > .optWrapper {
  left: initial;
  right: 0;
  width: 188px;
}

/* line 777, ../sass/style.scss */
.artsearch {
  display: none;
}
@media screen and (max-width: 39.9375em) {
  /* line 780, ../sass/style.scss */
  .artsearch .columns {
    margin-bottom: 10px;
  }
}

/* line 784, ../sass/style.scss */
.artrefine {
  display: none;
  font-weight: bold;
  border: 2px solid #000;
  margin: 0 !important;
}
/* line 786, ../sass/style.scss */
.artrefine .fpink {
  color: #ff0066 !important;
}
/* line 790, ../sass/style.scss */
.artrefine .mname {
  font-family: "AvantGardeGothic-bold";
  color: #000;
  margin-bottom: 30px;
  font-weight: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 39.9375em) {
  /* line 790, ../sass/style.scss */
  .artrefine .mname {
    margin-bottom: 5px;
  }
}
/* line 801, ../sass/style.scss */
.artrefine .columns:hover .mname {
  color: #ff0066;
}
/* line 807, ../sass/style.scss */
.artrefine .clear {
  margin-top: 25px;
  color: #000;
  cursor: pointer;
}
/* line 812, ../sass/style.scss */
.artrefine .columns {
  margin: 50px 0;
}
@media screen and (max-width: 39.9375em) {
  /* line 812, ../sass/style.scss */
  .artrefine .columns {
    margin: 20px 0 0;
    border-bottom: 2px solid #000;
  }
  /* line 818, ../sass/style.scss */
  .artrefine .columns:last-child {
    margin-bottom: 20px;
    border-bottom: none;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* line 825, ../sass/style.scss */
  .artrefine .columns:nth-child(3) {
    border-color: #ccc;
    margin: 0;
  }
}
/* line 835, ../sass/style.scss */
.artrefine .columns.spanbk span {
  display: block;
  margin-bottom: 5px;
}
/* line 841, ../sass/style.scss */
.artrefine .columns.mpsrel:not(:nth-child(5)) .mname + div {
  margin-bottom: 50px;
}
/* line 844, ../sass/style.scss */
.artrefine .columns.mpsrel:not(:nth-child(5)) .clear {
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 39.9375em) {
  /* line 849, ../sass/style.scss */
  .artrefine .columns.mpsrel:not(:nth-child(5)) .mname + div {
    margin-bottom: 20px;
  }
  /* line 852, ../sass/style.scss */
  .artrefine .columns.mpsrel:not(:nth-child(5)) .clear {
    position: relative;
  }
}
/* line 858, ../sass/style.scss */
.artrefine .columns:nth-child(1) a {
  color: #555;
  text-decoration: underline;
}
/* line 868, ../sass/style.scss */
.artrefine .columns:nth-child(4) a {
  color: #555;
}
/* line 871, ../sass/style.scss */
.artrefine .columns:nth-child(5) .mbtn {
  position: absolute;
  bottom: 0;
  right: 15px;
}
/* line 876, ../sass/style.scss */
.artrefine .columns:nth-child(5) .mbtn > div {
  cursor: pointer;
  display: inline-block;
  font-family: "AvantGardeGothic-bold";
  font-size: 13px;
  color: #fff;
  background-color: #000;
  padding: 15px;
  letter-spacing: 0.1em;
}
/* line 885, ../sass/style.scss */
.artrefine .columns:nth-child(5) .mbtn > div:hover {
  background-color: #888;
}
@media screen and (max-width: 39.9375em) {
  /* line 890, ../sass/style.scss */
  .artrefine .columns:nth-child(5) .mbtn {
    position: relative;
    right: 0;
    margin-top: 15px;
  }
}

/* line 900, ../sass/style.scss */
.row.myreslut div {
  bottom: 20px;
}

/* line 904, ../sass/style.scss */
.myreslut {
  font-family: "AvantGardeGothic-book";
  font-weight: bold;
  text-align: center;
  color: #fff;
  letter-spacing: 0.1em;
  position: relative;
}
/* line 913, ../sass/style.scss */
.myreslut div {
  display: none;
  padding: 5px 10px;
  background-color: #6f00ff;
  position: absolute;
  bottom: -55px;
  left: calc(50% - 305px);
  z-index: 99999;
}
@media screen and (max-width: 39.9375em) {
  /* line 913, ../sass/style.scss */
  .myreslut div {
    bottom: -105px;
    left: 0;
    margin-left: 10px;
    margin-right: 10px;
  }
}
/* line 928, ../sass/style.scss */
.myreslut span {
  color: #fffc00;
}

/* line 931, ../sass/style.scss */
.artotherv {
  font-family: "AvantGardeGothic-medium";
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
/* line 937, ../sass/style.scss */
.artotherv .mitem {
  border-bottom: 1px solid #e5e5e5;
  padding-top: 15px;
  padding-bottom: 15px;
}
/* line 941, ../sass/style.scss */
.artotherv .mitem:first-child {
  border-top: 1px solid #e5e5e5;
}
/* line 946, ../sass/style.scss */
.artotherv .mitem:hover .awork {
  color: #ff0066;
}
/* line 949, ../sass/style.scss */
.artotherv .mitem:hover .mphoto > div {
  opacity: 1;
}
/* line 953, ../sass/style.scss */
.artotherv .awork {
  font-family: "AvantGardeGothic-medium";
  font-weight: normal;
  letter-spacing: 0;
  margin: 10px 0 5px;
  color: #888;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 961, ../sass/style.scss */
.artotherv .mphoto {
  padding-right: 160px;
}
/* line 963, ../sass/style.scss */
.artotherv .mphoto img {
  height: 100px;
  margin: 5px 5px 5px 0;
}
/* line 967, ../sass/style.scss */
.artotherv .mphoto div {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ff0066;
  opacity: 0;
  font-family: "AvantGardeGothic-medium";
  font-weight: normal;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 977, ../sass/style.scss */
.artotherv .mphoto a {
  color: #ff0066;
  font-family: "AvantGardeGothic-bold";
}
/* line 981, ../sass/style.scss */
.artotherv .mphoto a:hover {
  color: #000;
}
/* line 984, ../sass/style.scss */
.artotherv .mphoto i {
  margin-left: 5px;
}
@media screen and (max-width: 39.9375em) {
  /* line 987, ../sass/style.scss */
  .artotherv .mphoto {
    padding-right: 0;
  }
  /* line 989, ../sass/style.scss */
  .artotherv .mphoto div {
    position: relative;
    text-align: right;
    margin-top: 5px;
    opacity: 1;
  }
}

/* line 999, ../sass/style.scss */
.artintr .bgcover {
  height: 280px;
  width: 100%;
}
/* line 1004, ../sass/style.scss */
.artintr .awork {
  font-family: "AvantGardeGothic-medium";
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1;
}
/* line 1010, ../sass/style.scss */
.artintr .fs13 {
  font-family: "AvantGardeGothic-medium";
  font-weight: bold;
  color: #000;
  margin-top: 20px;
  margin-bottom: 30px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
/* line 1025, ../sass/style.scss */
.artintr .more {
  font-family: "AvantGardeGothic-bold";
  color: #000;
  margin-top: 66px;
  text-align: left;
  display: block;
  line-height: 1;
}
@media screen and (max-width: 39.9375em) {
  /* line 1034, ../sass/style.scss */
  .artintr .bgcover {
    height: 350px;
    margin-bottom: 20px;
  }
  /* line 1038, ../sass/style.scss */
  .artintr .fs13 {
    margin-top: 5px;
    margin-bottom: 10px;
  }
  /* line 1042, ../sass/style.scss */
  .artintr .more {
    text-align: right;
  }
}

/* line 1047, ../sass/style.scss */
.artcur {
  font-family: "AvantGardeGothic-medium";
  font-weight: bold;
  font-size: 13px;
  color: #000;
}
/* line 1052, ../sass/style.scss */
.artcur .tabs-title {
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}
/* line 1056, ../sass/style.scss */
.artcur .tabs-title > a {
  padding: 10px 0;
  color: #000;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-align: center;
}
/* line 1064, ../sass/style.scss */
.artcur .tabs-title > a:focus, .artcur .tabs-title > a[aria-selected="true"] {
  color: #fff;
  background-color: #000;
}
/* line 1068, ../sass/style.scss */
.artcur .tabs-content {
  border: none;
  margin-top: 80px;
}
/* line 1072, ../sass/style.scss */
.artcur .tabs-panel {
  padding: 0;
  display: none;
}
/* line 1076, ../sass/style.scss */
.artcur .tabs-panel.is-active {
  display: block;
}
/* line 1079, ../sass/style.scss */
.artcur .tabs-panel .row {
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
}
/* line 1083, ../sass/style.scss */
.artcur .tabs-panel .row:last-child {
  border-bottom: none;
}
/* line 1087, ../sass/style.scss */
.artcur .tabs-panel .row {
  font-weight: normal;
}
/* line 1090, ../sass/style.scss */
.artcur .tabs-panel div.large-1 {
  font-family: "AvantGardeGothic-bold";
  font-size: 14px;
  width: calc(8.333% - 0.9375rem);
  padding-left: 5px;
}
/* line 1096, ../sass/style.scss */
.artcur .tabs-panel div.large-6 {
  color: #888;
  padding-right: 0;
}
@media screen and (max-width: 39.9375em) {
  /* line 1101, ../sass/style.scss */
  .artcur .tabs-panel div.large-1, .artcur .tabs-panel div.large-6 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  /* line 1110, ../sass/style.scss */
  .artcur .tabs-title {
    width: 19%;
    border-bottom: 2px solid #000;
  }
  /* line 1114, ../sass/style.scss */
  .artcur .tabs-title:nth-child(5), .artcur .tabs-title:nth-child(6) {
    width: 12%;
  }
  /* line 1117, ../sass/style.scss */
  .artcur .tabs-title:last-child {
    border-right: 2px solid #000;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* line 1123, ../sass/style.scss */
  .artcur .tabs-title {
    width: 33.33333%;
  }
  /* line 1126, ../sass/style.scss */
  .artcur .tabs-title:nth-child(3n) {
    border-right: 2px solid #000;
  }
  /* line 1129, ../sass/style.scss */
  .artcur .tabs-title:nth-child(4),
  .artcur .tabs-title:nth-child(5),
  .artcur .tabs-title:nth-child(6) {
    border-bottom: 2px solid #000;
  }
}
@media screen and (max-width: 39.9375em) {
  /* line 1137, ../sass/style.scss */
  .artcur .tabs-title {
    width: 50%;
  }
  /* line 1140, ../sass/style.scss */
  .artcur .tabs-title:nth-child(2n) {
    border-right: 2px solid #000;
  }
  /* line 1143, ../sass/style.scss */
  .artcur .tabs-title:nth-child(5),
  .artcur .tabs-title:nth-child(6) {
    border-bottom: 2px solid #000;
  }
  /* line 1147, ../sass/style.scss */
  .artcur .tabs-title > a {
    letter-spacing: 0;
    font-size: 12px;
  }
}

/* line 1158, ../sass/style.scss */
.arttag:hover span {
  color: #6f00ff;
}
/* line 1162, ../sass/style.scss */
.arttag .mtxt {
  text-align: justify;
}
/* line 1165, ../sass/style.scss */
.arttag span {
  color: #888;
}

/* line 1169, ../sass/style.scss */
.artslick {
  text-align: justify;
}
@media screen and (max-width: 39.9375em) {
  /* line 1169, ../sass/style.scss */
  .artslick {
    text-align: inherit;
  }
}
/* line 1174, ../sass/style.scss */
.artslick .bgcover {
  height: 390px;
}
/* line 1178, ../sass/style.scss */
.artslick .swiper-container {
  margin-bottom: 30px;
}
/* line 1179, ../sass/style.scss */
.artslick .mnumber {
  position: absolute;
  top: 10px;
  left: 30px;
  z-index: 1;
}
/* line 1185, ../sass/style.scss */
.artslick .mnumber span {
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 14px;
  display: inline-block;
}
/* line 1191, ../sass/style.scss */
.artslick .mnumber span i {
  font-style: inherit;
  line-height: 21px;
}
/* line 1196, ../sass/style.scss */
.artslick .mcaption {
  position: absolute;
  bottom: 10px;
  left: 0px;
  padding: 15px 20px;
  margin: 0 15px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-transform: uppercase;
}
/* line 1206, ../sass/style.scss */
.artslick .tname {
  text-align: left;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 0;
}
/* line 1212, ../sass/style.scss */
.artslick .tname + div {
  font-family: "AvantGardeGothic-bold";
  color: #aaa;
  letter-spacing: 0.5em;
  margin: 10px 0;
}
/* line 1219, ../sass/style.scss */
.artslick .fs13 {
  color: #333;
  font-weight: normal;
}
/* line 1223, ../sass/style.scss */
.artslick .more {
  font-family: "AvantGardeGothic-bold";
  color: #555;
}
/* line 1227, ../sass/style.scss */
.artslick .mtags {
  margin-bottom: 30px;
}
@media screen and (min-width: 64em) {
  /* line 1231, ../sass/style.scss */
  .artslick .columns.mtxt {
    height: 390px;
  }
  /* line 1234, ../sass/style.scss */
  .artslick .mtags {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    padding-right: 15px;
  }
}

/* line 1242, ../sass/style.scss */
.sawork {
  text-transform: uppercase;
}
/* line 1244, ../sass/style.scss */
.sawork .columns {
  margin-bottom: 30px;
}
/* line 1247, ../sass/style.scss */
.sawork .mname {
  margin: 10px 0 5px;
  font-size: 13px;
  font-family: "AvantGardeGothic-book";
  font-weight: bold;
}
/* line 1254, ../sass/style.scss */
.sawork a.fpink {
  color: #ff0066;
}
/* line 1255, ../sass/style.scss */
.sawork img {
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  /* line 1259, ../sass/style.scss */
  .sawork img {
    width: 50%;
  }
  /* line 1260, ../sass/style.scss */
  .sawork .columns {
    text-align: center;
  }
}
/* line 1262, ../sass/style.scss */
.sawork.columns {
  margin-top: 80px;
  margin-bottom: 100px;
  text-transform: uppercase;
  text-align: center;
}
/* line 1267, ../sass/style.scss */
.sawork.columns .mbrowse {
  font-family: "AvantGardeGothic-bold";
  font-size: 13px;
  letter-spacing: 0.1em;
  color: #888;
}
/* line 1273, ../sass/style.scss */
.sawork.columns .mname {
  margin-left: 10px;
  letter-spacing: 0.4em;
  font-family: "AvantGardeGothic-book";
  font-weight: bold;
}
/* line 1279, ../sass/style.scss */
.sawork.columns a:hover .mname {
  color: #ff0066;
}

/* line 1283, ../sass/style.scss */
a.more:hover {
  color: #888;
}

/* line 1286, ../sass/style.scss */
.wartintr .bgcover {
  height: 150px;
  width: 100%;
}
/* line 1291, ../sass/style.scss */
.wartintr .awork {
  font-family: "AvantGardeGothic-medium";
  text-transform: uppercase;
  line-height: 1;
}
/* line 1296, ../sass/style.scss */
.wartintr .fs13 {
  font-family: "AvantGardeGothic-medium";
  font-weight: bold;
  color: #000;
  margin-top: 5px;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
/* line 1306, ../sass/style.scss */
.wartintr .more {
  font-family: "AvantGardeGothic-bold";
  color: #000;
  margin-top: 20px;
  display: inline-block;
  line-height: 1;
}
/* line 1314, ../sass/style.scss */
.wartintr .text-justify {
  font-size: 13px;
}
@media screen and (max-width: 39.9375em) {
  /* line 1316, ../sass/style.scss */
  .wartintr .bgcover {
    height: 350px;
    margin-bottom: 20px;
  }
  /* line 1320, ../sass/style.scss */
  .wartintr .fs13 {
    margin-top: 5px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 64em) {
  /* line 1326, ../sass/style.scss */
  .wartintr .more {
    position: absolute;
    bottom: 0;
  }
}

/* line 1333, ../sass/style.scss */
.workslick .bgcover {
  width: 100%;
  height: 520px;
  margin-bottom: 20px;
}
/* line 1339, ../sass/style.scss */
.workslick .workintr {
  font-family: "AvantGardeGothic-bold";
  color: #888;
  text-transform: uppercase;
  line-height: 1.2;
}
/* line 1344, ../sass/style.scss */
.workslick .workintr div:first-child {
  margin-bottom: 5px;
}
/* line 1348, ../sass/style.scss */
.workslick .slicknum {
  position: absolute;
  bottom: 0px;
  right: 15px;
  z-index: 1;
}
/* line 1353, ../sass/style.scss */
.workslick .slicknum span {
  border: 2px solid #000;
  border-right: none;
  padding: 8px 10px 5px;
  display: block;
  float: left;
  font-family: "AvantGardeGothic-bold";
  font-size: 13px;
  background-color: #fff;
}
/* line 1362, ../sass/style.scss */
.workslick .slicknum span:last-child {
  border-right: 2px solid #000;
}
/* line 1365, ../sass/style.scss */
.workslick .slicknum span i {
  font-style: inherit;
  line-height: 21px;
}
@media screen and (max-width: 39.9375em) {
  /* line 1348, ../sass/style.scss */
  .workslick .slicknum {
    position: relative;
    right: 0;
  }
}
/* line 1379, ../sass/style.scss */
.workslick .slickbtn .bnbt {
  font-size: 60px;
  position: absolute;
  bottom: 100px;
  left: -30px;
}
/* line 1385, ../sass/style.scss */
.workslick .slickbtn .bbbt {
  font-size: 60px;
  position: absolute;
  bottom: 100px;
  right: -30px;
}
@media screen and (max-width: 39.9375em) {
  /* line 1377, ../sass/style.scss */
  .workslick .slickbtn {
    display: none;
  }
}
/* line 1396, ../sass/style.scss */
.workslick .text-justify {
  font-family: "AvantGardeGothic-medium";
  font-size: 13px;
  color: #000;
  margin-top: 20px;
}
@media screen and (min-width: 64em) {
  /* line 1332, ../sass/style.scss */
  .workslick {
    margin-top: 20px;
  }
}

/* line 1407, ../sass/style.scss */
.refinecol {
  opacity: 1;
  -webkit-transition: 2s;
  transition: 2s;
  transition-property: opacity;
}
/* line 1408, ../sass/style.scss */
.refinecol.hide {
  opacity: 0;
}
/* line 1414, ../sass/style.scss */
.refinecol .bd {
  border: 3px solid #000;
}
/* line 1418, ../sass/style.scss */
.refinecol ul.accordion .accordion-title:hover, .refinecol ul.accordion .accordion-title:focus {
  background-color: #fff;
}
/* line 1421, ../sass/style.scss */
.refinecol ul.accordion .accordion-title {
  color: #333;
  border-bottom: 2px solid #000;
  padding: 15px 0;
  margin: 0 15px;
}
/* line 1426, ../sass/style.scss */
.refinecol ul.accordion .accordion-title:hover, .refinecol ul.accordion .accordion-title:focus {
  color: #000;
}
/* line 1430, ../sass/style.scss */
.refinecol ul.accordion .accordion-item.is-active .accordion-title {
  border-bottom: 2px solid #fff;
}

/* line 1437, ../sass/style.scss */
.searchbtn.active, .refinebtn.active {
  background-color: #000;
  color: #fff;
}

/* line 1443, ../sass/style.scss */
.panel {
  background-color: #222;
}
/* line 1446, ../sass/style.scss */
.panel.panel-left.full-page {
  max-width: 120%;
  width: 100%;
}
/* line 1452, ../sass/style.scss */
.panel ul.accordion {
  background-color: #222;
}
/* line 1455, ../sass/style.scss */
.panel ul.accordion .accordion-title:hover, .panel ul.accordion .accordion-title:focus {
  background-color: #222;
}
/* line 1458, ../sass/style.scss */
.panel ul.accordion .accordion-title {
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px;
}
/* line 1463, ../sass/style.scss */
.panel ul.accordion .accordion-title:hover, .panel ul.accordion .accordion-title:focus {
  color: #ff0066;
}
/* line 1467, ../sass/style.scss */
.panel ul.accordion li.accordion-item:last-child .accordion-title {
  border-bottom: none;
}
/* line 1470, ../sass/style.scss */
.panel ul.accordion .accordion-content {
  border-color: #222;
}
/* line 1473, ../sass/style.scss */
.panel ul.accordion a.fpink {
  color: #ff0066;
}