@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

        html, body{
            margin: 0px;
            font-family: "Microsoft JhengHei","Apple LiGothic Medium","PMingLiU",sans-serif,​Helvetica,​Heiti,'Open Sans';
            height:100%;
        }
        
        #container{
            position: absolute;
            width: 100%;
            bottom: 0;
            top: 0;
            text-align: center;
        }
        
        
        
        .container{
            margin: 0 auto;
            padding-left: 15px;
            padding-right: 15px;
            text-align: center;
        }
        
        .footer_content{
            position: relative;
            margin: 0 auto;
            padding-top: 80px;
            padding-bottom: 80px;
        }
        
        .footer_item{
            float: left;
            width: 230px;
            margin-right: 53px;
        }
        
        .footer_item h4{
            color: #7EBEC5 !important;
        }
        
        .footer_item ul{
            padding: 0px;
            line-height: 1.7em;
            overflow: hidden;
        }
        
        .clear_both::after {
            clear: both;
            content: "";
            display: block;
        }
        
        .last{
            margin-right: 0px;
        }
        
        h1{
            margin: 0px;
        }
        
        #section_header_inner{
            margin: 0 auto;
            display: inline-block;
        }
        
        #section_header:before{
            display: inline-block;
            content: ""; 
            display: inline-block;
            vertical-align: middle; 
            height: 100%; 
            width: 0;
        }
        
        #section_header{
            background-image: url(http://wordpress.carthrottle.com/wp-content/uploads/2014/04/car-yellow-lamborghini-aventador-hd-wallpaper.jpg);
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
            text-align: center;
        }
        
        
        
        
        
        
        
        
        /*
        -moz-transition: all .25s linear;
-o-transition: all .25s linear;
-webkit-transition: all .25s linear;
transition: all .25s linear;
        
        
       */ 
        
        
        
        
        
        @media screen and (min-width: 780px){
            .container{
                width: 750px;
            }
            
            
        }
        
        @media screen and (min-width: 992px){
            .container{
                width: 910px;
            }
        }
        
        
        
        
        .item_box{
            position: relative;
            overflow: hidden;
        }
        
        
        
        
        .bar{
            background: #fff;
            display: block;
            height: 3px;
            margin-bottom: 3px;
            position: relative;
            width: 20px;
        }
        
        .mobile-nav{
            background: #d8544b;
            cursor: pointer;
            float: right;
            padding: 10px;
            position: relative;
            top: 6px;
        }

        .spinner:not(:required) {
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            -webkit-border-radius: 0.5em;
            -moz-border-radius: 0.5em;
            -ms-border-radius: 0.5em;
            -o-border-radius: 0.5em;
            border-radius: 0.5em;
            -webkit-box-shadow: #f7f7f7 1.5em 0 0 0, #f7f7f7 1.1em 1.1em 0 0, #f7f7f7 0 1.5em 0 0, #f7f7f7 -1.1em 1.1em 0 0, #f7f7f7 -1.5em 0 0 0, #f7f7f7 -1.1em -1.1em 0 0, #f7f7f7 0 -1.5em 0 0, #f7f7f7 1.1em -1.1em 0 0;
            -moz-box-shadow: #f7f7f7 1.5em 0 0 0, #f7f7f7 1.1em 1.1em 0 0, #f7f7f7 0 1.5em 0 0, #f7f7f7 -1.1em 1.1em 0 0, #f7f7f7 -1.5em 0 0 0, #f7f7f7 -1.1em -1.1em 0 0, #f7f7f7 0 -1.5em 0 0, #f7f7f7 1.1em -1.1em 0 0;
            box-shadow: #f7f7f7 1.5em 0 0 0, #f7f7f7 1.1em 1.1em 0 0, #f7f7f7 0 1.5em 0 0, #f7f7f7 -1.1em 1.1em 0 0, #f7f7f7 -1.5em 0 0 0, #f7f7f7 -1.1em -1.1em 0 0, #f7f7f7 0 -1.5em 0 0, #f7f7f7 1.1em -1.1em 0 0;
            background: none;
            display: inline-block;
            font-size: 16px;
            width: 1em;
            height: 1em;
            overflow: hidden;
            text-indent: 100%;
            margin: -0.5em 0 0 -0.5em;
            position: absolute;
            top: 50%;
            left: 50%;
        }
        
        
        @-webkit-keyframes spinner {
            0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-moz-keyframes spinner {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-o-keyframes spinner {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes spinner {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        
        
        
        
        @-webkit-keyframes fadeBottom {
            0% { 
                opacity: 0; 
                -webkit-transform: translateY(10%);
            } 
            100% { 
                opacity: 1; 
                -webkit-transform: translateY(0);
            } 
        }
@-moz-keyframes fadeBottom { 0% { opacity: 0; -moz-transform: translateY(10%); } 100% { opacity: 1; -moz-transform: translateY(0); } }
@-o-keyframes fadeBottom { 0% { opacity: 0; -o-transform: translateY(10%); } 100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeBottom { 0% { opacity: 0; transform: translateY(10%); } 100% { opacity: 1; transform: translateY(0); } }

@-webkit-keyframes fadeLeft { 0% { opacity: 0; -webkit-transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeLeft { 0% { opacity: 0; -moz-transform: translateX(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeLeft { 0% { opacity: 0; -o-transform: translateX(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeLeft { 0% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeRight { 0% { opacity: 0; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeRight { 0% { opacity: 0; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeRight { 0% { opacity: 0; -o-transform: translateX(10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeRight { 0% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeTop { 0% { opacity: 0; -webkit-transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeTop { 0% { opacity: 0; -moz-transform: translateY(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeTop { 0% { opacity: 0; -o-transform: translateY(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeTop { 0% { opacity: 0; transform: translateY(-10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes slideWidth { 0% { width: 0; } 100% { } }
@-moz-keyframes slideWidth { 0% { width: 0; } 100% { } }
@-o-keyframes slideWidth { 0% { width: 0; } 100% { } }
@keyframes slideWidth { 0% { width: 0; } 100% { } }
        
        
        
        
        a {
            -moz-transition: all .25s linear;
            -o-transition: all .25s linear;
            -webkit-transition: all .25s linear;
            transition: all .25s linear;
        }

        
        a {
            text-decoration: none;
            color: #69ABED;
        }
        
        
        .gradient{
            background-image: -webkit-linear-gradient(bottom, rgba(40,53,61,.25), transparent);
            background-image: linear-gradient(to top, rgba(40,53,61,.25), transparent);
            background: #8a8acb;
        }













        #popup-container-close {
            z-index: 999;
            cursor: pointer;
        }
        

        html {
            font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/
        }

        header {
            min-height: 707px;
            background: #f9da05;
            text-align: center;
            padding-bottom: 41px;
        }

        h2 {
            margin: 0;
            font-size: 5.7rem;
            letter-spacing: 0.06em;
        }

        h3 {
          margin: 0;
          color: #fbd905;
          font-size: 4.4rem;
          letter-spacing: 0.1em;
        }

        .y-color {
          color: #fbd905;
        }

        .mg-tp {
            margin-top: -6px;
        }

        header div .detail{
            font-size: 2.05rem;
            line-height: 3.1rem;
            margin-top: 18px;
            letter-spacing: 0.12em;
        }

        header h4 {
          margin-top: 52px;
            font-size: 1.6rem;
            letter-spacing: 0.085em;
        }

        .team-member-block h2 {
            font-size: 3rem;
            font-weight: 300;
            margin-top: 3px;
        }
        .team-member-block img {
            width: 53%; 
            max-width: 439px;
        }

        #popup-container {
            font-size: 30px;
            color: #fff;
            position: fixed;
            z-index: 999;
            bottom: 0px; 
            height: 0%;    
            width: 100%;
            background-color:
            #fada04;
            opacity: 0;
        }

        .item {
          float: left;
          height: 203px;
          width: 25%;
        }

        nav {
            width: 100%;
            background: #000;
            color: white;
        }

        #service {
          width: 100%;
            padding-bottom: 75px;
            background-image: url(../img/service_bg.png);
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
            text-align: center;
        }

        #artists {
          width: 100%;
          background: #ffffff;
          height: 682px;
            position: relative;
        }

        #artists:before {
            content: '';
            display: inline-block;
            vertical-align: middle ;
            height: 100%;
        }

        .artist-display {
            display: inline-block;
            vertical-align: middle;
            overflow: hidden;
            opacity: 0.7;
        }

        .artist-display-m {
            display: inline-block;
            vertical-align: middle;
            overflow: visible;
            opacity: 0.7;
        }

        .artist0 {
            background-image: url(../img/solo_group.jpg);
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
        }

        .artist1 {
            background-image: url(../img/artist1.jpg);
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
        }

        .artist2 {
            background-image: url(../img/artist2.jpg);
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
        }

        .artist3 {
            background-image: url(../img/artist3.jpg);
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
        }

        .artist4 {
            background-image: url(../img/artist4.png);
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
        }

        .artist5 {
            background-image: url(../img/artist5.jpg);
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
        }
        
        .artist6 {
            background-image: url(../img/artist6.jpg);
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
        }
        
        .artist7 {
            background-image: url(../img/artist7.jpg);
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
        }
        
        .artist8 {
            background-image: url(../img/artist8.jpg);
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
        }
        
        .artist9 {
            background-image: url(../img/artist9.jpg);
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
        }

        #team {
          width: 100%;
          background: #f9da05;
            position: relative;
        }

        #team>img {
            top: 50px;
            width: 35%;
            max-width: 176px;
            margin-top: 50px;
        }

        .jjk {
            margin-top: 40px;
        }   
        
        #service h3 {
            font-size: 2.4rem;
            font-weight: 100;
            letter-spacing: 0.3em;
            padding: 0;
            color: #fff;
            padding-left: 0.3em;
        }

    #startegic {
          width: 100%;
          background: #fdfaf3;
          min-height: 335px;
          text-align: center;
          padding-top: 13px;
        }

        #contact {
          width: 100%;
          background: #000000;
          padding-bottom: 51px;
          text-align: center;
          padding-top: 57px;
          position: relative;
        }

        .un-fb-btn {
          opacity: 0.2;
        }

        .un-btn-m {
          opacity: 0.4;
        }

        #contact-form {
          display: block;
        }

        #contact-form .input{
          display: inline-block;
            height: 65px;
            max-width: 589px;
            width: 100%;
            font-size: 1.55rem;
            letter-spacing: 0.1em;
            padding-left: 25px;
            padding-right: 25px;
        }

        #submit {
          display: inline-block;
            height: 52px;
            background-color: #000000;
            color: #ffffff;
            width: 100%;
            max-width: 234px;
            border: solid 4px #fff;
            margin-top: 26px;
            font-size: 1.4rem;
            letter-spacing: 0.3em;
            cursor: pointer;
        }

        #submit:hover {
          color: #000000;
          background-color: #ffffff;
        }

        footer {
          display: inline-block;
        color: #666666;
        padding-top: 104px;
        text-align: center;
            position: relative;
        }


        .co-txt {
          font-size: 1.6rem;
        letter-spacing: 0.09em;
        }

        nav a{
            height: 100%;
        display: block;
        overflow: hidden;
        }

        nav a div {
          height: 100%;
          background-position: center;
        -moz-background-size: cover;
        background-size: cover!important;
        text-align: center;
        }

        .in_a {
            color: #666666;
        }

        .in_a:hover {
            color: #f9da05;
        }

        .hover-img >div {
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            transition: 0.5s;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .hover-img:hover >div {
            -webkit-transform: scale(1.5);
            -moz-transform: scale(1.5);
            -o-transform: scale(1.5);
            -ms-transform: scale(1.5);
            transform: scale(1.5);
            filter:alpha(opacity=50);
            -moz-opacity:0.5;
            opacity:0.5;
        }

        input, textarea {
        outline: none;
        -webkit-appearance: none;
        font-family: inherit;
        font-size: inherit;
      margin: 0;
        border: none;
    }

    .input {
        font-family: "Helvetica Neue","Gotham Book","Microsoft Jhenghei",Helvetica,Arial,Geneva,"sans-serif";
        border: solid 1px #999;
    }

    * {
      -moz-user-select: -moz-none;
      -ms-user-select: none;
      -webkit-tap-highlight-color: rgba(255,255,255,0);
      -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .en-font {
            font-family: 'Open Sans';
            font-weight: 500;
        }

        .anim-line {
            -moz-transition: all .25s linear;
            -o-transition: all .25s linear;
            -webkit-transition: all .25s linear;
            transition: all .25s linear;
        }

        footer .col-footer {
          font-size: 1.45rem;
            letter-spacing: 0.1em;
        }

    .col-footer {
      display: inline;
    }

    .u-display-m, .u-display {
      margin: 0;
        padding: 0;
        list-style: none;
            margin-top: 32px;
    }

    .startegic-inner li {
      display: inline-block;
      vertical-align: middle;
            margin: 0px 39px;
    }

    .startegic-inner h2 {
      font-size: 2rem;
    }

    .startegic-inner p {
            font-size: 2rem;
            line-height: 2.9rem;
            letter-spacing: 0.1em;
            line-height: 2.9rem;
            letter-spacing: 0.17rem;
    }

    .nav-inner {
      height: 100%;
      max-width: 1533px;
        margin: 0 auto;
    }

    .item_box .hover-img {
            background-position: center;
            -moz-background-size: cover;
            background-size: cover!important;
    }

    .social-link, .social-link-w, .circle, .service {
      padding: 0px;
    }

    .social-link-w li, .social-link li, .service>li {
      display: inline-block;
      font-size: 1.75rem;
    }

        .circle li {
            display: inline-block;
        }
        
        .service>li {
            margin: 0px 45px;
            vertical-align: top;
    }
        
        .circle li {
      margin: 0px 62.5px;
    }
        
        .circle {
            margin-top: 16px;
            position: relative;
            z-index: 2;
        }

        .circle>li>div {
            width: 172px;
            height: 200px;
        }
        
        .service {
            margin-top: 45px;
        }
        
        .service li h5 {
            color: #fff;
            letter-spacing: 0.1em;
            font-size: 2.5rem;
            font-weight: normal;
            margin: 0px;
            margin-top: 31px;
            border-bottom: 1px solid #fff;
            padding-bottom: 13px;
        }
        
        .service li .ser-img {
            border-radius: 100%;
            margin-left: 5px;
            margin-right: 5px;
            width: 200px;
        }
        
        .ser-txt {
            color: #fff;
            margin-top: 9px;
            padding: 0px;
            list-style-type: none;
            font-size: 1.6rem;
            letter-spacing: 0.1rem;
        }

        .ser-txt li {
            padding: 5.6px 0px;
        }

        .circle li h5 {
            color: #fff;
            letter-spacing: 0.3em;
            font-size: 1.9rem;
            font-weight: normal;
            margin: 0px;
            margin-top: 16px;
            height: 20px;
        }
        
    .social-link li a{
          border: solid 2px #000;
            display: inline-block;
            width: 32px;
            height: 32px;
            border-radius: 100%;
            line-height: 29px;
            outline: 0;
            color: #000;
      }

        .social-link-w li a {
            border: solid 2px #fff;
            display: inline-block;
            width: 32px;
            height: 32px;
            border-radius: 100%;
            line-height: 29px;
            outline: 0;
            color: #fff;

        }

        .social-link li a:hover {
            background-color: #000;
            color: #f9da05;
        }

        .social-link-w li a:hover {
            background-color: #f9da05;
            border: solid 2px #f9da05;
            color: #000;
        }

        .btn-middle {
            position: relative;
            vertical-align: middle;
            display: inline-block;
            cursor: pointer;
        }

        .middle_use:before {
            content: '';
            display: inline-block;
            vertical-align: middle ;
            height: 100%;
        }

        .scale-0 {
            -ms-transform: scale(0, 0); /* IE 9 */
            -webkit-transform: scale(0, 0); /* Safari */
            transform: scale(0, 0); /* Standard syntax */
        }

        .c-item {
            -moz-transition: all 600ms cubic-bezier(.17,2.74,.6,.31);
            -o-transition: all 600ms cubic-bezier(.17,2.74,.6,.31);
            -webkit-transition: all 600ms cubic-bezier(.17,2.74,.6,.31);
            transition: all 600ms cubic-bezier(.17,2.74,.6,.31);
            height: 100%;
        }
        
        .btn-height {
            position: absolute;
            top: 0px;
            height: 100%;
        }

        .left {
            left:0px; 
            padding: 20px;
        }

        .right {
            right:0px; 
            padding: 20px;
        }

        .c-i-1 {
            transition-delay: 0.17s;
        }
        
        .c-i-2 {
            transition-delay: 0.34s;
        }

.c-i-255 {
            transition-delay: 3.34s;
        }

        .c-i-4 {
            transition-delay: 0.51s;
        }

        .c-i-3 {
            transition-delay: 0.3s;
        }
        
        .ser-line {
            margin-left: -10000px;
            top: -238px;
            position: absolute;
            margin: auto 0px;
            z-index: 1;
            top: 50%;
            left: 50%;
            margin-top: 20px;
            color: #EED122;
            font-size: 1.7rem;
        }

        .ser-line span {
            letter-spacing: 0.15rem;
        }
        
        .ser-line:before {
            content: '';
            display: inline-block;
            vertical-align: middle ;
            height: 100%;
        }
        
        #group {
            height: 948px; 
            width: 100%;
            max-width: 1200px;    
            position: relative;
            display: inline-block;
            margin-bottom: -2px;
        }

        .rjui{
            position: relative;
            display: inline-block;     
            max-width: 176px;     
            width: 35%;     
            margin-top: 50px;
            vertical-align: top;
            position: absolute;
            left: 50%;
            -ms-transform: translate(-50%);
            -webkit-transform: translate(-50%);
            transform: translate(-50%);
        }

        #group-m {
            display: none;
        }

        .ser-line img{
            display: inline-block;
            vertical-align: middle;
        }

        .slides_da {
            position: absolute; 
            width: 100%; 
            top: 0px; 
            height: 100%; 
            overflow: hidden; 
            z-index: 0;
        }

        .slides_da .div-item {
            position: absolute; 
            overflow: hidden;
            color: white; 
            width: 100%; 
            height: 100%; 
            top: 0px; 
            left: 0px;
        }

        @-webkit-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(40px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
            }
        }

        @-moz-keyframes fadeInUp {
            0% {
                opacity: 0;
                -moz-transform: translateY(40px);
            }

            100% {
                opacity: 1;
                -moz-transform: translateY(0);
            }
        }

        @-o-keyframes fadeInUp {
            0% {
                opacity: 0;
                -o-transform: translateY(40px);
            }

            100% {
                opacity: 1;
                -o-transform: translateY(0);
            }
        }

        @keyframes fadeInUp {
            0% {
                opacity: 0;
                transform: translateY(40px);
            }

            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .fadeInUp {
            -webkit-animation-name: fadeInUp;
            -moz-animation-name: fadeInUp;
            -o-animation-name: fadeInUp;
            animation-name: fadeInUp;
            
        }
        
        .fadeInUp, .anim-t {
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-duration: 0.5s;
            -moz-animation-duration: 0.5s;
            -ms-animation-duration: 0.5s;
            -o-animation-duration: 0.5s;
            animation-duration: 0.5s;
        }
        
        .delay-ten {
            -webkit-animation-delay: 5s;
            -moz-animation-delay: 5s;
            -o-animation-delay: 5s;
            animation-delay: 5s;
        }

        .a-i-1 {
            -webkit-animation-delay: 0.17s;
            -moz-animation-delay: 0.17s;
            -o-animation-delay: 0.17s;
            animation-delay: 0.17s;
        }

        .a-i-2 {
            -webkit-animation-delay: 0.34s;
            -moz-animation-delay: 0.34s;
            -o-animation-delay: 0.34s;
            animation-delay: 0.34s;
        }

        .a-i-3 {
            -webkit-animation-delay: 0.51s;
            -moz-animation-delay: 0.51s;
            -o-animation-delay: 0.51s;
            animation-delay: 0.51s;
        }

        .txt-img1 {
            opacity: 0;
        }

        .a-b {
            opacity: 0;
        }

        .middle-1 {
            display: inline-block;
            vertical-align: middle;
        }

        .slides_da .div-item .artist-display {
            max-width: 462px;
            height: 110px;
            margin-bottom: 14px;
            position: relative;
            width: 70%;
        }



        .artist-details .en-name {
            font-style: italic; 
            font-size: 1.57rem; 
            margin-top: 3px;
            letter-spacing: 0.05rem;
            font-weight: 700;
        font-family: 'Open Sans';
        }

        .artist-details .tw-name {
            color: #000; 
            font-size: 2.5rem; 
            font-weight:100;
        }

        .artist-display-m {
            max-width: 462px;
            width: 70%;
            height: 100px;
            margin-bottom: 14px;
            position: relative;
            display: none;
        }

        .more-btn {
            background-color: #000;
            font-size: 2.5rem;
            width: 100px;
            display: inline-block;
            padding: 6px;
        }

        .artist-display-m h2, .artist-display h2 {
            font-size: 2.4rem;
            letter-spacing: 0.3rem; 
            color: #000;
        }
        
        .artist-display-m h3, .artist-display h3 {
            font-size: 1.6rem; 
            color: #000; 
            margin-top: 5px;
        }

        .inner_arts, .inner_arts2 {
            height: 100%; 
            width: 100%; 
            position: absolute; 
            top: 0px; 
            left: 0px;
        }

        .inner_arts2 {
            background-color: #000;
        }
        
        .inner_arts {
            background: #fada04;
        }

        .close-img {
            position: absolute;
            top: 20px;
            right: 20px;
        }


        .desc_block {
            position: relative; 
            width: 100%;  
        }


        .team-container {
            height:100%; 
            width: 100%; 
            background-size: cover!important;
            display: inline-block;   
            max-width: 1200px;
            position: absolute;
            top: 0px;
            left: 0px;
        }

        .desc_block .coll, .team-container .coll {
            width:50%; 
            float: left;
        }

        .clss {
            overflow: scroll;
            height: 100%
        }
        
        .txt-ser {
            position: absolute;
            bottom: 0px;
            left: 50%;   
            margin-left: -181.5px;
        }


        #portfolio {
            margin: 10px 0;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

        .animated {
            -webkit-transition: .3s ease-out;
            -moz-transition: .3s ease-out;
            -ms-transition: .3s ease-out;
            -o-transition: .3s ease-out;
            transition: .3s ease-out;
        }

        .flipped-vertical-bottom {
            -ms-transform: scale(1, 0); /* IE 9 */
            -webkit-transform: scale(1, 0); /* Safari */
            transform: scale(1, 0);
        }



        .middle-1 a img {
            padding: 0px 30px;
        }

        .art-detail {
            position: absolute;
            left: 0px;
            height: 100%;
            width: 100%;
        }

        .topic .dot {
      width: 6%;
        margin-top: 0px;
        display: inline-block;
        height: 100%;
        vertical-align: top;
        font-size: 1.6rem;
        line-height: 167%;
        letter-spacing: 0.06rem;
    }

    .topic .dot-txt {
      margin-top: 0px;
        width: 94%;
        display: inline-block;
        font-size: 1.6rem;
        line-height: 167%;
        letter-spacing: 0.06rem;
    }









        @-webkit-keyframes rotate {
            0% {
                -webkit-transform: scale(1, 1);
            }

            100% {
                -webkit-transform: scale(1, 0);
            }
        }

        @-moz-keyframes rotate {
            0% {
                -moz-transform: scale(1, 1);
            }

            100% {
                -moz-transform: scale(1, 0);
            }
        }

        @-o-keyframes rotate {
            0% {
                -o-transform: scale(1, 1);
            }

            100% {
                -o-transform: scale(1, 0);
            }
        }

        @keyframes rotate {
            0% {
                transform: scale(1, 1);
            }

            100% {
                transform: scale(1, 0);
            }
        }

        .rotate {
            -webkit-animation-name: rotate;
            -moz-animation-name: rotate;
            -o-animation-name: rotate;
            animation-name: rotate;
            
        }
        
        .rotate-s {
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-duration: 0.5s;
            -moz-animation-duration: 0.5s;
            -ms-animation-duration: 0.5s;
            -o-animation-duration: 0.5s;
            animation-duration: 0.5s;
        }

        .artist-details {
            text-align: start;
            color: #000;
            padding-left: 120px;
            padding-right: 120px;
            padding-top: 78px;
            height: 100%;
            overflow-y: scroll;
            padding-bottom: 68px;
        }

        .artist-details table{
            width: 50%;
            float: left;
            vertical-align: top;
            font-size: 1.8rem;
            line-height: 3rem;
            letter-spacing: 0.098rem;
        }

        .artist-details table td{
            vertical-align: top;
        }

        .artist-details table tr>td{
            padding-right: 20px;
        }

        .artist-details table p{
            margin: 0px;
        }

        .art-text-p {
            font-size: 1.8rem;
            line-height: 3rem;
            letter-spacing: 0.098rem;
            margin: 0px;
        }

        .desc_h4 {
            margin-top: 46px; 
            margin-bottom: 30px;
        }

        .artist-details h4 {
            font-size: 1.57rem;
            letter-spacing: 0.05rem;
        }
        
        .p-x-1 {
            float: left; 
            max-width: 20%; 
            padding-right: 15px;
        }
        .p-x-2 {
            float: left; 
            max-width: 80%; 
            padding-right: 15px;
        }

        .item_box .hover-img span {
            font-size: 1.3rem;
            letter-spacing: 0.5rem; 
            color: #fff;
            position: relative;
        }
        
        .item_box .hover-img div {
            position: absolute; 
            top: 0px; left: 0px;  
            height: 100%;   
            width: 100%;
        }
        
        .team-container .clss {
            text-align: left;
            padding-top: 152px;
            float: right;
            width: 37%;
        }
        
        .mg-0 {
            margin: 0;
        }

        .mgr-4 {
            margin-right: 4px;
        }

        .mgt-20 {
            margin-top: 20px;
        }

        .mgt-22 {
            margin-top: 22px;
        }

        .mgt-25 {
            margin-top: 25px;
        }

        .mgt-32 {
            margin-top: 32px;
        }

        .mgt-35 {
            margin-top: 9px;
        }

        .mgt-36 {
            margin-top: 36px;
        }

        .mgt-40 {
            margin-top: 40px;
        }
       
        .mgt-45 {
            margin-top: 45px;
        }

        .mgt-47 {
            margin-top: 47px;
        }

        .mgt-50 {
            margin-top: 50px;
        }

        .mgt-59 {
            margin-top: 59px;
        }

        .mgt-72 {
            margin-top: 72px;
        }

        .mgt-74 {
            margin-top: 74px;
        }
        
        .mgt-78 {
            margin-top: 78px;
        }

        .mgt-84 {
            margin-top: 84px;
        }

        .mgt-100 {
            margin-top: 100px;
        }

        .mgtb-10 {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .pgrl-8 {
            padding: 0px 8px;
        }
        
        .r4 {
            display: none;
        }

        #c-s-m {
            display: none;
            position: relative;
            height: 1101px;
        }

        #c-s-m .h-line {
            position: absolute;
            top: 0px;
            left: 50%;
            margin-top: 34px;
            width: 134px;
            display: inline-block;
            margin-left: -67px;
        }

        #c-s-m .h-line span {
            font-size: 2.7rem;
            letter-spacing: 0.4rem;
            padding-left: 0.4rem;
            color: #EED122;
        }

        #c-s-m .h-line img {
            margin-top: 17px;
            margin-bottom: 19px;
        }

        #c-s-m .startegic-inner li {
            /*font-size: 3.6rem;*/
            font-family: 'Open Sans';
            letter-spacing: 0.1rem;
            line-height: 3.2rem;
        }

        .tw-font {
            font-family: "Microsoft JhengHei","Apple LiGothic Medium","PMingLiU",sans-serif,​Helvetica,​Heiti,'Open Sans';
        }
        .a-b .arr {
            height: 10px;
        }

          

        .ti-m {
            display: none;
        }

        .m-dis {
            margin-bottom: 45px;
            display: inline-block;
            width: 50%;
            padding-left: 30px;
            padding-right: 28px;
        }

        .star-m {
            display: none;
        }

        .m-circle {
            width: 200px;
        }

        .botm-social {
            display: none;
        }

        .op {
            padding-top: 0px;
        }

        @media screen and (max-width: 1210px){
            .container{
                width: 1080px;
            }
            
            .service>li {
                margin: 0px;
                vertical-align: top;
                width: 50%;
                float: left;
            }

            .service>li>div {
                max-width: 350px;
                display: inline-block;
                width: 70%;
            }
            
            .service li .ser-img {
                max-width: 340px;
                width: 100%;
                margin-top: 38px;
            }

            .service li h5 {
                margin-top: 57px;
                font-size: 3.2rem;
                letter-spacing: 0.11em;
                padding-bottom: 23px;
            }

            .ser-txt {
                font-size: 2.0rem;
                margin-top: 12px;
                height: 380px;
            }
            
            .ser-txt li {
                padding: 10px 0px;
            }
            
            .logo {
                margin-top: 84px;
                width: 94px;
            }

            .r1 {
                margin-top: 52px;
            }

            .r2 {
                margin-top: 6px;
            }

            .r4 {
                display: block;
            }

            .r3 {
                display: none;
            }

            header h2 {
                font-size: 5.8rem;
                letter-spacing: 0.07em;
            }

            header div .detail {
                font-size: 3.05rem;
                line-height: 4.1rem;
                margin-top: 29px;
                letter-spacing: 0.08em;
            }

            header h4 {
                margin-top: 67px;
                font-weight: 500;
                font-size: 2.25rem;
                letter-spacing: 0.085em;
            }

            .social-link li a {
                border: solid 2px #000;
                width: 73px;
                height: 73px;
                line-height: 73px;
            }

            .botm-social li a {
                border: solid 2px #fff;
                color: white;
            }

            .botm-social li a:hover {
                border: solid 2px #f9da05;
                background-color: #f9da05;
                color: #000;
            }

            .social-link li {
                display: inline-block;
                font-size: 4.3rem;
            }

            .r5 {
                margin-top: 82px;
            }

            .r6 {
                margin-right: 31px;
            }

            header {
                padding-bottom: 51px;
            }

            .a-b .arr {
                height: 18px;
            }
        }
        
        @media screen and (max-width: 1189px){
            #group {
                display: none;
            }

            #group-m {
                display: block;
            }
        }

        @media screen and (max-width: 1158px){
            .startegic-inner li {
                display: inline-block;
                vertical-align: middle;
                margin: 0px 4px;
            }
        }

        @media screen and (max-width: 1045px){
            .social-link-w {
                display: none;
            }

            .botm-social {
                display: block;
            }
        }
        @media screen and (max-width: 1020px){
            #c-s-h {
                display: none;
            }

            #c-s-m {
                display: block;
                font-size: 3rem;
                color: #fff;
                padding-top: 95px;
            }

            .startegic-inner li {
                margin: 0px;
                max-width: 200px;
                width: 100%;
            }

            #service h3 {
                font-size: 3.4rem;
                letter-spacing: 0.15em;
                margin-top: 76px;
            }

            .ti-w {
                display: none;
            }

            .ti-m {
                display: inline-block;
                margin-top: 59px;
            }

            .ser-txt {
                height: 100%;
                margin-bottom: 70px;
            }

            .star-w {
                display: none;
            }

            .star-m {
                display: block;
            }
        }

        @media screen and (max-width: 900px){
            .item {
                float: left;
                height: 239px;
                width: 50%;
            }

            #contact {
                padding-top: 69px;
                padding-left: 25px;
                padding-right: 25px;
            }

            #contact h3 {
                max-width: 385px;
                display: inline-block;
            }

            .co-txt {
                font-size: 2.3rem;
                letter-spacing: 0.12em;
                max-width: 449px;
                display: inline-block;
            }

            #contact-form .input {
                height: 94px;
            }

            .r7 {
                margin-top: 25px;
            }

            .r8 {
                margin-top: 54px;
            }

            #submit {
                height: 99px;
                max-width: 483px;
                border: solid 5px #fff;
                margin-top: 53px;
                font-size: 2.4rem;
                width: 70%;
            }

            .service-container {
                margin-top: 89px;
            }

            #artists {
                height: 630px;
            }
        }

        .mgt-128 {
            margin-top: 128px;
        }




        @media screen and (max-width: 800px){
            .m-dis {
                width: 75%;
            }
        }


        @media screen and (max-width: 750px){
            .service>li {
                width: 100%;
            }

            .service li h5 {
                margin-top: 57px;
                font-size: 4.5rem;
                letter-spacing: 0.11em;
                padding-bottom: 23px;
            }

            .ser-txt {
                font-size: 2.8rem;
            }

            .artist-display {
                display: none;
            }

            .artist-display-m {
                display: inline-block;
            }
        }

        @media screen and (max-width: 615px){
            .startegic-inner li {
                max-width: 160px;
            }

            .m-circle {
                width: 160px;
            }

            #c-s-m {
                padding-top: 75px;
                font-size: 2.5rem;
            }

            .u-display {
                margin-top: 73px;
                height: 160px;
            }
        }

        @media screen and (max-width: 600px){
            .service>li {
                margin: 0px;

            }
        }

        @media screen and (max-width: 500px){
            .close-img {
                position: absolute;
                top: 0px;
                right: 0px;
                width: 45px;
                height: 45px;
                padding: 15px;
            }

            .jjk {
                margin-top: 12px;
            }  

            .op {
                padding-top: 19px;
            }

            .txt-ser {
                margin-left: -80.5px;
            }

            #contact-form .input {
                font-size: 1.15rem;
                padding-left: 15px;
                padding-right: 15px;
            }

            .service li h5 {
                margin-top: 23px;
                font-size: 1.9rem;
                letter-spacing: 0.11em;
                padding-left: 0.11em;
                padding-bottom: 10px;
            }

            .ser-txt {
                font-size: 2.1rem;
            }

            #contact h3 {
                font-size: 2.05rem;
                line-height: 2.1rem;
                font-weight: 600;
            }

            .co-txt {
                font-size: 1rem;
            }

            #contact-form .input {
                height: 62px; 
            }

            #submit {
                height: 45px;
                margin-top: 18px;
                font-size: 1.2rem;
                border: solid 3px #fff;
                width: 82%;
            }

            footer {
                padding-top: 36px;
            }

            .m-dis {
                margin-bottom: 15px;
            }

            .startegic-inner p {
                font-size: 1.5rem;
                line-height: 2.2rem;
                letter-spacing: 0.17rem;
                padding-bottom: 15px;
            }

            header div .detail {
                font-size: 1.3rem;
                line-height: 2.05rem;
                margin-top: 6px;
                letter-spacing: 0.08em;
            }

            footer .col-footer {
                font-size: 1.4rem;
                letter-spacing: 0.08em;
                line-height: 16px;
                display: block;
                padding: 3px 0px;
            }

            .bom-logo{
                width: 98px;
            }

            .r2 {
                margin-top: 0px;
                letter-spacing: 0.04em;
            }

            .r1 {
                margin-top: 18px;
                letter-spacing: 0.04em;
            }

            .r5 {
                margin-top: 19px;
            }

            .r6 {
                margin-right: 11px;
            }

            .social-link li a {
                width: 33px;
                height: 33px;
                line-height: 33px;
                font-size: 2rem;
            }

            .logo {
                margin-top: 36px;
                width: 40px;
            }

            .item_box .hover-img span {
                font-size: 1rem;
                letter-spacing: 0.1rem;
                color: #000;
                padding: 11px 13px 8px 12px;
                background-color: #f9da05;
                font-family: 'Open Sans';
                width: 70%;
                display: inline-block;
            }

            .ti-m {
                display: inline-block;
                max-width: 261px;
                width: 35%;
                margin-top: 25px;
            }

            #service h3 {
                font-size: 2.4rem;
            }

            .item_box .hover-img .pa {
                padding: 18px 13px 18px 12px;
            }

            header h2 {
                font-size: 2.8rem;
            }

            header h4 {
                margin-top: 24px;
                font-size: 1rem;
            }

            header {
                min-height: 456px;
                background: #f9da05;
                text-align: center;
                padding-bottom: 14px;
            }

            .item {
                float: left;
                height: 145px;
                width: 50%;
            }

            #contact {
                padding-top: 31px;
                padding-left: 34px;
                padding-right: 34px;
            }

            #contact-form .input {
                height: 45px;
            }

            .r7 {
                margin-top: 13px;
            }

            .r8 {
                margin-top: 5px;
            }

            footer .x-1 {
                display: inline-block;
                letter-spacing: 0;
                font-size: 1.2rem;
            }

            #c-s-m .h-line span {
                font-size: 1.5rem;
                width: 83.2px;
            }

            #artists {
                height: 360px;
            }

            .artist-display-m {
                max-width: 400px;
                width: 60%;
                height: 58px;
                margin-bottom: -2px;
            }

            .btn-middle {
                width: 20px;
            }

            .artist-display-m h3{
                font-size: 1rem;
                margin-top: 0px;
                letter-spacing: 0rem;
            }

            .artist-display h2 {
                font-size: 1.7rem;
                letter-spacing: 0.1rem;
            }

            .service>li>div {
                max-width: 270px;
                display: inline-block;
                width: 55%;
            }

            .more-btn {
                background-color: #000;
                font-size: 1.5rem;
                width: 85px;
                display: inline-block;
                padding: 6px;
            }

            .service li .ser-img {
                max-width: 230px;
                width: 96%;
                margin-top: 14px;
            }

            .ser-txt {
                font-size: 1.4rem;
                margin-top: 7px;
                margin-bottom: 29px;
                line-height: 17px;
            }

            .a-b .arr {
                height: 9px;
            }

            .ser-txt li {
                padding: 4px 0px;
            }

            #service h3 {
                font-size: 1.6rem;
                letter-spacing: 0.02rem;
                margin-top: 37px;
            }

            #c-s-m .h-line {
                margin-top: 14px;
                margin-left: -67px;
            }

            .service-container {
                margin-top: 0px;
            }

            .artist-display-m h2, .artist-display h2 {
                font-size: 1.5rem;
                letter-spacing: 0.1rem;
            }

            .team-member-block h2 {
                font-size: 2.6rem;
                font-weight: 300;
                margin-top: 3px;
            }

            #team>img, .rjui {
                margin-top: 25px;
            }

        }

        @media screen and (max-width: 492px){
            #c-s-m .h-line img {
                width: 25px;
                margin-top: 3px;
                margin-bottom: 3px;
            }

            #c-s-m {
                height: 710px;
            }

            .startegic-inner li {
                max-width: 30%;
            }

            .m-circle {
                max-width: 115px;
                width: 100%;
            }

            #c-s-m {
                padding-top: 70px;
                font-size: 1.8rem;
            }

            #c-s-m .startegic-inner li {
                line-height: 2.2rem;
            }

            .u-display {
                margin-top: 24px;
                height: 147px;
            }

            .startegic-inner div img {
                width: 100%;
            }
        }
        
        .middle-1 a {
            cursor: pointer;
        }

        .clss .w1 {
            color: #000;
            font-size: 1.4rem;
        }
        .clss .w2 {
            color: #000;
            font-size: 1.8rem;
            letter-spacing: 0.06rem;
            margin-top: 6px;
        }

        .clss h2 {
            font-size: 3.7rem;
            margin-top: 9px;
        }

        .clss .p1 {
            font-size: 1.8rem;
            line-height: 167%;
            margin-top: 41px;
            letter-spacing: 0.06rem;
        }
        .clss .p2 {
            font-size: 1.6rem;
            line-height: 167%;
            margin-bottom: 5px;
            letter-spacing: 0.06rem;
        }

        .team-member-block {
            padding-top: 50px;
        }

        .team-member-block .w1 {
            color: #000;
            font-weight: 400;
            font-size: 1.2rem;
            margin-top: 12px;
        }

        .team-member-block .w2 {
            color: #000;
            font-size: 1.3rem;
            font-weight: 500;
        }





        ::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 0px;
        }

        ::-webkit-scrollbar-track {
            background-color: rgba(156, 156, 156, 0);
            border-radius: 0px;
        }
        ::-webkit-scrollbar-thumb {
            border-radius: 0px;
            background-color: rgba(156, 156, 156, 0);
        }

        .m-detail>.artist-details {
            padding: 36px;
            padding-top: 50px;
        }

        .m-detail>.artist-details h3 {
            font-size: 2rem;
        }

        .m-detail>.artist-details h4 {
            font-size: 1.4rem;
            margin-bottom: 0px;
            margin-top: 7px;
        }

        .mobile-funlist {
            display: inline-block;
            vertical-align: middle;
            width: 100%;
            left: 0px;
            bottom: 15px;
            text-align: center;
            position: absolute;
        }

        .mobile-funlist a img {
            padding: 0px 7px;
        }

        .scroll_solo {
            width: 50%;
            left: 0;
            position: absolute;
            height: 100%;
            display: inline-block;
            vertical-align: middle;
            overflow: hidden;
        }

        .scroll_group {
            width: 50%;
            position: absolute;
            height: 100%;
            display: inline-block;
            vertical-align: middle;
            overflow: hidden;
        }

        .scroll_solo img, .scroll_group img {
            vertical-align: middle;
            max-width: 176px;
            width: 50%;
        }

        .solo_slide, .group_slide {
            cursor: pointer;
        }

        .to_top {
            position: fixed;
            right: 40px;
            bottom: 40px;
            cursor: pointer;
            z-index: 99;
            display: none;
        }

        @media screen and (max-width: 492px){
            .to_top {
                right: 10px;
                bottom: 10px;
            }
        }