@charset "UTF-8";
/* CSS Document */
.size-27 {
  font-size: 1.6875em;
  line-height: 1.4em; }

.size-16 {
  font-size: 1em;
  line-height: 1.4em; }

.size-27rem {
  font-size: 1.6875rem;
  line-height: 1.4em; }

.size-16rem {
  font-size: 1rem;
  line-height: 1.4em; }

.size-13rem {
  font-size: 0.8125rem;
  line-height: 1.4em; }

.size-12rem {
  font-size: 0.75rem;
  line-height: 1.4em; }

.LSd01 {
  letter-spacing: 0.01em; }

.lh1 {
  line-height: 1em; }

.lh1d2 {
  line-height: 1.2em; }

.container2 {
  position: relative;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .container2 {
    max-width: 100%;
    width: 100%; } }
@media (min-width: 1280px) {
  .container2 {
    max-width: 1280px; } }
body {
  font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  overflow-x: hidden; }

.wrap {
  position: relative;
  width: 100%;
  background: url("../images/bg-m.jpg") center center repeat-y;
  overflow-x: hidden; }

@media (min-width: 992px) {
  .wrap {
    background: url("../images/bg.jpg") center center repeat-y; } }
.wrap-in {
  position: relative;
  width: 100%; }

header {
  position: fixed;
  width: 100%;
  height: 4.375rem;
  top: 0;
  left: 0;
  right: 0;
  background: url("../images/titlebanner-m.jpg") center top no-repeat;
  background-size: auto 100%;
  z-index: 90; }

.ph-header {
  position: relative;
  height: 4.375rem; }

.header {
  position: relative;
  width: 100%;
  height: 4.375rem; }

@media (min-width: 992px) {
  header {
    position: relative;
    width: 100%;
    height: 18.375em;
    top: 0;
    left: 0;
    right: 0;
    background: url("../images/titlebanner.jpg") center top no-repeat;
    background-size: auto 100%; }

  .ph-header {
    position: relative;
    height: 0; }

  .header {
    position: relative;
    width: 100%;
    height: 14.25em; } }
.ph-logo {
  border-radius: 50%;
  position: absolute;
  width: 3.3125em;
  height: 3.3125em;
  top: 0.5em;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  z-index: 50; }

@media (min-width: 992px) {
  .ph-logo {
    width: 6.5625em;
    height: 6.5625em;
    top: 2em;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto; }

  .ph-logo-txt {
    position: absolute;
    width: 19.3125em;
    height: 3.25em;
    top: 9.6875em;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 60; } }
.btn-menu {
  position: fixed;
  width: 4.375rem;
  height: 4.375rem;
  right: 0;
  top: 0;
  z-index: 110; }
  .btn-menu img:nth-child(1) {
    display: block; }
  .btn-menu img:nth-child(2) {
    display: none; }
  .btn-menu.active img:nth-child(1) {
    display: none; }
  .btn-menu.active img:nth-child(2) {
    display: block; }

nav .nav-in > div a {
  position: relative;
  display: block; }
  nav .nav-in > div a img:nth-child(1) {
    display: inline-block; }
  nav .nav-in > div a img:nth-child(2) {
    display: none; }
  nav .nav-in > div a .txt {
    position: absolute;
    left: 29.60526315789474%;
    top: 0;
    width: 65%;
    height: 99%; }
    nav .nav-in > div a .txt span {
      font-size: 1.125rem;
      font-weight: 500;
      color: #232323; }
      nav .nav-in > div a .txt span.large {
        font-size: 1.5rem;
        line-height: 1.1em; }
      nav .nav-in > div a .txt span.small {
        font-size: 0.9375rem;
        line-height: 1.1em; }

@media (max-width: 991px) {
  .btn-menu {
    display: block; }

  nav {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 100; }
    nav.active {
      display: block; }
    nav .nav-in {
      position: relative;
      padding-top: 5rem;
      width: 90.9375%;
      left: 0;
      right: 0;
      margin-right: auto;
      margin-left: auto; }
      nav .nav-in > div {
        text-align: center;
        padding-bottom: 0.3125em; }
        nav .nav-in > div a {
          display: inline-block; }
        nav .nav-in > div.active a img:nth-child(1) {
          display: none; }
        nav .nav-in > div.active a img:nth-child(2) {
          display: inline-block; } }
@media (min-width: 992px) {
  .btn-menu {
    display: none; }

  nav {
    position: relative;
    width: 100%; }
    nav .nav-in {
      position: relative;
      width: 90.9375%;
      left: 0;
      right: 0;
      margin-right: auto;
      margin-left: auto;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-pack: justify !important;
      justify-content: space-between !important; }
      nav .nav-in > div {
        width: 9.5em; }
        nav .nav-in > div a .txt span {
          font-size: 1.125em; }
          nav .nav-in > div a .txt span.large {
            font-size: 1.5em; }
          nav .nav-in > div a .txt span.small {
            font-size: 0.9375em; }
        nav .nav-in > div.active a img:nth-child(1), nav .nav-in > div:hover a img:nth-child(1) {
          display: none; }
        nav .nav-in > div.active a img:nth-child(2), nav .nav-in > div:hover a img:nth-child(2) {
          display: inline-block; } }
.main .heading {
  height: 6.4375em;
  line-height: 6.4375em;
  background: #5b5da6; }
  .main .heading span {
    font-size: 2.625em;
    color: #ffffff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); }
.main .news .col-in {
  background: #d5d0d0;
  padding: 1em; }
.main .news .title {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }
  .main .news .title span {
    font-size: 2.25em;
    font-weight: bold;
    line-height: 1.4em; }
.main .news .btn-detail {
  text-decoration: none; }
  .main .news .btn-detail span {
    font-size: 2em;
    color: #fe5607;
    font-weight: bold; }
  .main .news .btn-detail:hover span {
    border-bottom: 1px solid #fe5607; }
.main .news .btn-more {
  text-decoration: none; }
  .main .news .btn-more span {
    font-size: 2em;
    color: #fe5607;
    font-weight: bold; }
  .main .news .btn-more:hover span {
    border-bottom: 1px solid #fe5607; }
.main .content .title span {
  font-size: 2.25em; }
.main .content p {
  font-size: 2em; }
.main .content .short {
  font-size: 1.75em; }
.main .partners {
  background: #d5d0d0; }
.main .bg-title {
  height: 6.4375em;
  line-height: 6.4375em;
  background: #5b5da6; }
  .main .bg-title span {
    font-size: 2.625em;
    color: #ffffff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); }
.main .artistmanage .title {
  padding-top: 0.5em; }
  .main .artistmanage .title span {
    font-size: 2.25em;
    font-weight: bold;
    line-height: 1.4em;
    font-weight: bold; }
.main .artistmanage .short span {
  font-size: 2em;
  line-height: 1.4em; }
.main .artistmanage .short2 span {
  font-size: 1.75em;
  line-height: 1.4em; }
.main .artistmanage .short3 span {
  font-size: 1.625em;
  line-height: 1.4em; }
.main .artistmanage .btn-detail {
  text-decoration: none; }
  .main .artistmanage .btn-detail span {
    font-size: 2em;
    color: #fe5607;
    font-weight: bold; }
  .main .artistmanage .btn-detail:hover span {
    border-bottom: 1px solid #fe5607; }

@media (min-width: 992px) {
  .main .heading {
    background: url("../images/bg-heading.jpg") center center no-repeat;
    background-size: auto 100%; }
    .main .heading span {
      font-size: 2.625em;
      color: #ffffff;
      text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); }
  .main .news .col-in {
    background: #d5d0d0;
    padding: 1em; }
  .main .news .title {
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
    .main .news .title span {
      font-size: 1.125em;
      font-weight: bold;
      line-height: 1.4em; }
  .main .news .btn-detail {
    text-decoration: none; }
    .main .news .btn-detail span {
      font-size: 1em;
      color: #fe5607;
      font-weight: bold; }
    .main .news .btn-detail:hover span {
      border-bottom: 1px solid #fe5607; }
  .main .news .btn-more {
    text-decoration: none; }
    .main .news .btn-more span {
      font-size: 1em;
      color: #fe5607;
      font-weight: bold; }
    .main .news .btn-more:hover span {
      border-bottom: 1px solid #fe5607; }
  .main .content .title span {
    font-size: 1.125em; }
  .main .content p {
    font-size: 1em; }
  .main .content .short {
    font-size: 0.875em; }
  .main .bg-title {
    height: 4.125em;
    line-height: 4.125em;
    background: url("../images/aboutus/bg-title.jpg") center center no-repeat;
    background-size: 100% auto; }
    .main .bg-title span {
      font-size: 2em;
      color: #ffffff;
      text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); }
  .main .artistmanage .title {
    padding-top: 0.5em; }
    .main .artistmanage .title span {
      font-size: 1.5em;
      font-weight: bold;
      line-height: 1.4em;
      font-weight: bold; }
  .main .artistmanage .short span {
    font-size: 1em;
    line-height: 1.4em; }
  .main .artistmanage .short2 span {
    font-size: 1em;
    line-height: 1.4em; }
  .main .artistmanage .short3 span {
    font-size: 1em;
    line-height: 1.4em; }
  .main .artistmanage .btn-detail {
    text-decoration: none; }
    .main .artistmanage .btn-detail span {
      font-size: 1em;
      color: #fe5607;
      font-weight: bold; }
    .main .artistmanage .btn-detail:hover span {
      border-bottom: 1px solid #fe5607; } }
.pager strong {
  padding-left: 0.5em;
  padding-right: 0.5em; }
.pager a {
  padding-left: 0.5em;
  padding-right: 0.5em; }