.page-module.nicola-fan
{
  background-color: #e6e6e0;
}

.page-module.nicola-fan .wrap
{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: visible;
}

.page-module.nicola-fan .introduce
{
  width: 450px;
  flex-basis: 450px;
  flex-shrink: 0;
}

.page-module.nicola-fan img
{
  width: 640px;
  height: 620px;
  display: block;
  flex-basis: 640px;
  flex-shrink: 0;
}

/*******************************************************************************/

.page-module.films-and-videos
{
  background-color: #f0f0f0;
  padding-top: 3rem;
}

.page-module.films-and-videos .introduce
{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-module.films-and-videos .introduce .text-area
{
  width: 420px;
  flex-basis: 420px;
  flex-shrink: 0;
}

.page-module.films-and-videos .introduce .img-area
{
  width: 520px;
  flex-basis: 520px;
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.page-module.films-and-videos .introduce .img-area img
{
  display: block;
  width: 22%;
  margin-right: 3%;
}

.page-module.films-and-videos .video-area
{
  width: 960px;
  height: 540px;
  background-color: black;
}

.page-module.films-and-videos .video-area iframe
{
  display: block;
  width: 100%!important;
  height: 100%!important;
}

/********************************************************************************/

.page-module.graphic-design
{
  background-color: #f0f0f0;
  padding-top: 3rem;
}

.page-module.graphic-design .wrap
{
  display: flex;
  justify-content: space-between;
}

.page-module.graphic-design .text-area
{
  width: 450px;
  flex-basis: 450px;
  flex-shrink: 0;
}

.page-module.graphic-design .title
{
  display: flex;
  margin-top: 1.5rem;
  color: #8c96a0;
  cursor: pointer;
}

.page-module.graphic-design .title.active
{
  /* color: #1e3c50; */
  color: black;
}

.page-module.graphic-design .title .order
{
  font-size: 2.2rem;
  line-height: 2.2rem;
  padding-right: 2rem;
}

.page-module.graphic-design h6
{
  font-size: 1.5rem;
}

.page-module.graphic-design .wrap .cover-area
{
  width: 450px;
  flex-basis: 450px;
  flex-shrink: 0;
}

.page-module.graphic-design .wrap .cover-area img
{
  width: 450px;
  height: 500px;
  background-color: gray;
  display: none;
}

.page-module.graphic-design .wrap .cover-area img.active
{
  display: block;
}

/*****************************************************************************/

.page-module.introduce-honor
{
  background-color: #e6e6e0;
}

.page-module.introduce-honor .wrap
{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-module.introduce-honor .wrap img
{
  width: 470px;
}

.page-module.introduce-honor .wrap p
{
  width: 450px;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
}