@charset "UTF-8";

html[lang=ja] body,
.ta-pr,
.ta-pb,
.georgia,
#shenyun-header-nearby-tips,
.nm-bc,
.index-show-box .bottom-fold-panel .curve-down .info,
.show-box-content .tour-listing-body .city,
.show-box-content .tour-listing-body .state,
.about-video-content-normal .wrapper > h3,
.about-video-content-normal .wrapper > h4,
.index-slideshow-marketing-box li,
.hot-news-h3,
.index-main-text-slide-b-other-language,
.index-slide-wn-caption-title,
.hot-news-h3,
.syso-wn-highlight a,
.syso-index-category-highlight, #syso-about-artist-intro-cont .syso-about-artist-summary p, #syso-perfect-harmony p, #syso-mobile-perfect-harmony p, .syso-city-banner-venue blockquote,
.hot-news-h3, .syso-wn-highlight a, .syso-index-category-highlight, #syso-about-artist-intro-cont .syso-about-artist-summary p, .syso-program-detail-item p, .syso-program-detail-item div, #syso-perfect-harmony p, #syso-mobile-perfect-harmony p, .syso-city-banner-venue blockquote,
.syso-parallax-content-item h1 {
  font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.syso-show-title {
    color: #FFE7C3;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 6px;
    margin-left: 0%;
}
.syso-show-subtitle {
    color: #FFE7C3;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;
    margin-left: 0%;
}


.syso-top-video-triailer-player {
    display: block;
    position: relative;
    color: #fff;
    font-size: 100px;
    top: 0;
    left: 0;
    opacity: .7;
    z-index: 10;
    margin-top: 15px;
}

#syso-top-video-triailer:hover,
#syso-top-video-triailer-cn:hover,
#syso-top-video-triailer:focus,
#syso-top-video-triailer-cn:focus {
    -webkit-transform: scale(1);
    transform: scale(1);
    text-decoration: none;
    outline: none;
}
#syso-top-video-triailer:hover .syso-top-video-triailer-player,
#syso-top-video-triailer-cn:hover .syso-top-video-triailer-player,
#syso-top-video-triailer:focus .syso-top-video-triailer-player,
#syso-top-video-triailer-cn:focus .syso-top-video-triailer-player {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out
}

#syso-top-video-triailer {
    width: 100%;
    height: 0;
    overflow: hidden;
    display: block;
    padding-bottom: 140px;
    cursor: pointer;
    background-image: none;
}




#syso-ticket-news-wrapper {
	border-bottom:1px solid #eeeada;
	background-color:#fffbf3;
	padding-top:50px
}
@media (min-width: 0) and (max-width: 48em) {
	#syso-ticket-news-wrapper {
		background-color:#fff
	}
}
@media (min-width: 48em) {
	#syso-news-col {
		display:inline-block;
		float:right;
		width:68%
	}
}

#syso-tour-list {
	padding-left:0;
	padding-top:10px;
	overflow:hidden;
	-webkit-animation:fadeInDown 0.5s ease-in-out both;
	animation:fadeInDown 0.5s ease-in-out both
}

#syso-city-venue-name {
	font: 18px GothamXNarrowBold;
	padding-bottom: 8px;
}


#syso-ticket-news-wrapper {
    border-bottom: 1px solid #eeeada;
    background-color: #ffffff;
    padding-top: 50px;
}

#syso-reviews-top-video-triailer {
    width: 100%;
    height: 0;
    overflow: hidden;
    display: block;
    padding-bottom: 59.50704%;
    position: relative;
    margin-top: 37px;
    margin-bottom: 20px;
    text-align: center;
    background-image: url(img/symphony-reviews-top-video-bg.jpg);
    background-size: cover;
}


.syso-index-top-banner-slider-item.syso-about-artist-top-wrapper {
    min-height: 100px;
    background-image: url(img/syso-about-artist-top-bg.jpg);
    background-repeat: no-repeat;
    background-color: #47160d;
    background-position: 50% 100%;
    background-size: cover;
}

#syso-about-music-feature {
	background:url("syso2016_files/syso-feature-bg.jpg") 50% 0;
	border-bottom:1px solid #eeeada
}

#shenyun-footer.inner-footer {
	background:#d07102 url(syso2016_files/index_footer_bg.jpg) no-repeat 50% 0;
	overflow:hidden
}

.sy-city-seating-chart-thumb-wrapper {
    width: 280px;
    margin: 11px 0 12px;
    overflow: hidden;
}

.sy-city-seating-chart-thumb {
    width: 242px;
    height: auto;
    display: inline-block;
    margin-top: -1px;
    margin-left: -1px;
}

#sy-city-shows-nearby h4 {
    margin-top: 43px;
}
.sy-city-subtitle {
    color: #000;
    font-size: 18px;
    font-family: GothamXNarrow-Book;
    font-weight: 400;
    padding-bottom: 2px;
    text-transform: uppercase;
}


#sy-city-tour-list-group li .buy-tix-btn a.btn-desk-sm, #sy-city-tour-mobile-list-group li .buy-tix-btn a.btn-desk-sm {
    width: 100%;
}
.sy-purple-btn:hover, .sy-purple-btn:focus {
    background: #482a61;
}

#sy-city-tour-list-group li, #sy-city-tour-mobile-list-group li {
    background-color: #f8f5ed;
    font: 18px GothamXNarrowBold;
    text-transform: uppercase;
    padding: 0 0 0 23px;
    margin-bottom: 3px;
}

#sy-city-tour-list-group li,
#sy-city-tour-mobile-list-group li {
    background-color: #f8f5ed;
    font: 18px GothamXNarrowBold;
    text-transform: uppercase;
    padding: 0 0 0 23px;
    margin-bottom: 3px
}
#sy-city-tour-list-group li span,
#sy-city-tour-mobile-list-group li span {
    display: inline-block;
    vertical-align: middle;
    line-height: .9em;
    padding-top: 1px
}
#sy-city-tour-list-group li .time-date,
#sy-city-tour-mobile-list-group li .time-date {
    width: 33%
}
#sy-city-tour-list-group li .time-time,
#sy-city-tour-mobile-list-group li .time-time {
    width: 40%
}
#sy-city-tour-list-group li .buy-tix-btn,
#sy-city-tour-mobile-list-group li .buy-tix-btn {
    width: 25%;
    text-align: center
}
#sy-city-tour-list-group li .buy-tix-btn a.btn-desk-sm,
#sy-city-tour-mobile-list-group li .buy-tix-btn a.btn-desk-sm {
    width: 100%
}
#sy-city-tour-list-group li .calendar,
#sy-city-tour-mobile-list-group li .calendar {
    width: 8%;
    text-align: center
}
#sy-city-tour-list-group li .calendar a.icon-calendar,
#sy-city-tour-mobile-list-group li .calendar a.icon-calendar {
    color: #998677;
    padding: 10px 0 10px 0;
    display: inline-block
}
#sy-city-tour-list-group li .calendar a.icon-calendar:hover,
#sy-city-tour-mobile-list-group li .calendar a.icon-calendar:hover {
    color: #7e6d5f;
    text-decoration: none
}
#sy-city-tour-list-group li .sy-city-tour-rsvp a,
#sy-city-tour-mobile-list-group li .sy-city-tour-rsvp a {
    color: #998677;
    font: 15px GothamXNarrow-Medium;
    padding: 10px 10px 10px 0
}
#sy-city-tour-list-group li .sy-city-tour-rsvp a:hover,
#sy-city-tour-mobile-list-group li .sy-city-tour-rsvp a:hover {
    color: #7e6d5f
}
#sy-city-tour-list-group li .red,
#sy-city-tour-mobile-list-group li .red {
    color: #c32d0c
}
#sy-city-tour-list-group li .green,
#sy-city-tour-mobile-list-group li .green {
    color: #347b15
}
#sy-city-tour-list-group li.has-message,
#sy-city-tour-mobile-list-group li.has-message {
    padding-left: 20px
}
#sy-city-tour-list-group li.has-message .time-date,
#sy-city-tour-mobile-list-group li.has-message .time-date {
    width: 29%
}
#sy-city-tour-list-group li.has-message .time-time,
#sy-city-tour-mobile-list-group li.has-message .time-time {
    width: 15%
}
#sy-city-tour-list-group li.has-message .note,
#sy-city-tour-mobile-list-group li.has-message .note {
    width: 22%;
    text-transform: none
}
#sy-city-tour-list-group li.has-message-mobile,
#sy-city-tour-mobile-list-group li.has-message-mobile {
    font-size: 15px;
    padding-left: 5px
}
#sy-city-tour-list-group li.has-message-mobile .time-date,
#sy-city-tour-mobile-list-group li.has-message-mobile .time-date {
    width: 35%
}
#sy-city-tour-list-group li.has-message-mobile .time-time,
#sy-city-tour-mobile-list-group li.has-message-mobile .time-time {
    width: 20%
}
#sy-city-tour-list-group li.has-message-mobile .note,
#sy-city-tour-mobile-list-group li.has-message-mobile .note {
    width: 19%;
    text-transform: none
}
#sy-city-tour-list-group li .get-notified-popup,
#sy-city-tour-mobile-list-group li .get-notified-popup {
    margin: 0
}
#sy-city-tour-list-group li .get-notified-popup-btn,
#sy-city-tour-mobile-list-group li .get-notified-popup-btn {
    padding: 10px 5px
}
.sy-city-show-info-2col {
    font-size: 14px;
    line-height: 1.42857143
}
#sy-city-shows-nearby h4 {
    margin-top: 43px
}
#sy-city-shows-nearby li {
    line-height: 22px
}


#sy-city-tickets-ordering-left {
    float: left;
    width: 50%;
    padding-left: 22px
}
#sy-city-tickets-ordering-left>ul>li>.label {
    font-weight: 700;
    padding-right: 10px
}
#sy-city-tickets-ordering-left>ul>li a {
    font-weight: 700
}
#sy-city-tickets-ordering-left>ul>li address {
    margin-bottom: 16px
}
#sy-city-tickets-ordering-left>ul .sy-city-presenter {
    font-size: 12px;
    padding-top: 35px;
    display: block
}

@media (min-width: 0) and (max-width: 48em) {
    #sy-city-tickets-ordering-left {
        float: left;
        width: 50%;
        padding-left: 0px
    }
}

#sy-city-important-information-right {
    float: right;
    width: 45.28%
}
.sy-city-tour-2col {
    padding-top: 40px;
    padding-bottom: 112px
}

.syso-btn {
    color: #fff;
    font: 17px/1.294em nimbus_sans_nov_t_ot_mediumRg;
    background: #71479e;
    padding: .58823529em .82352941em;
    text-shadow: none;
    display: block;
    float: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.syso-btn:hover,
.syso-btn:focus {
    text-decoration: none;
    background-color: #58377b;
    color: #fff
}
.tb-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.11em;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    ;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    white-space: nowrap;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 2px rgba(0, 0, 0, .05);
    background-color: #2d7c93;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.tb-btn:hover,
.tb-btn:focus {
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-color: #215b6c;
    -ms-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear
}

#sy-city-tour-list-group li .buy-tix-btn a.btn-desk-sm, #sy-city-tour-mobile-list-group li .buy-tix-btn a.btn-desk-sm {
    width: 100%;
}
.btn-desk-sm {
    padding: 10px 0;
    font-size: 18px;
    font-family: GothamXNarrowBold;
}

/*Mobile*/
@media (min-width: 0) and (max-width: 32em) {
    #sy-city-tour-list-group li, #sy-city-tour-mobile-list-group li {
        background-color: #f8f5ed;
        font: 14px GothamXNarrowBold;
        text-transform: uppercase;
        padding: 0 0 0 23px;
        margin-bottom: 3px;
    }
    .btn-desk-sm {
        padding: 10px 0;
        font-size: 14px;
        font-family: GothamXNarrowBold;
    }
    #syso-main-2col-left {
        margin-left: 0%;
        margin-right: 0%;
    }
    #syso-orchestra-intro #syso-index-introduction p strong {
        font-size: 21px;
    }
    #syso-city-venue-name {
        font: 17px GothamXNarrowBold;
        padding-bottom: 8px;
    }
}

.sy-purple-btn {
    color: #fff;
    background-color: #623a84;
    text-transform: uppercase;
}

.sy-list>li {
    line-height: 18px;
    position: relative;
    padding-left: 15px;
    margin-bottom: 6px
}
.sy-list>li:before {
    content: "";
    display: block;
    visibility: visible;
    position: absolute;
    -webkit-border-radius: 100%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 100%;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 100%;
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #000;
    top: 7px;
    left: 0
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url(img/fancybox_sprite.png)
}

.fancybox-overlay {
    background: url(img/fancybox_overlay.png)
}


#syso-reviews-wrapper>div li figure {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}
#syso-reviews-wrapper>div li figure a {
    width: 100%;
    height: 0;
    display: block;
    padding-bottom: 56.21622%
}
#syso-reviews-wrapper>div li figure a img {
    display: block;
    width: 100%;
    height: auto
}
#syso-reviews-wrapper>div li .syso-reviews-content {
    width: 100%;
    float: none;
    padding-left: 0px
}

@media (min-width: 0) and (max-width: 47em) {
    #syso-reviews-wrapper>div li figure {
        width: 30%;
        float: left
    }
    #syso-reviews-tab-cont {
        margin-left: -15px
    }
    #syso-reviews-wrapper>div li .syso-reviews-content {
        width: 70%;
        float: left;
        padding-left: 15px
    }
    .syso-show-title {
        font-size: 20px;
    }
    .syso-show-subtitle {
        font-size: 16px;
    }
}


.sy-city-title {
    color: #000;
    font: 33px GothamXNarrow-Book;
    text-transform: uppercase;
    margin-bottom: 6px;
/*    margin-left: 3.40%;*/
}

#syso-ticket-info {
	margin-bottom:50px
}


@media (min-width: 47em) and (max-width: 49em) {
    #syso-reviews-tab-cont {
    margin-left: 0px
    }
    #syso-main-2col-left {
        float: left;
        width: 44.0%;
        margin-left: 0.0%;
    }
	#syso-ticket-info {
		margin-left:0.0%;
		margin-right:0%;
		float:left;
		width:27%
	}
    .sy-city-title {
        margin-left: 0.0%;
    }
}

@media (min-width: 49em) {
    #syso-main-2col-left {
        float: left;
        width: 39.35052%;
        margin-left: 3.40%;
    }
	#syso-ticket-info {
		margin-left:3.40%;
		margin-right:0%;
		float:left;
		width:27%
	}
    .sy-city-title {
		margin-left:3.40%;
    }
}



@media (min-width: 47.0625em) {
    #syso-about-music-slider {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto
    }
    #syso-about-music-slider:after {
        content: " ";
        display: block;
        clear: both
    }
}




.syso-index-top-banner-slider-item.syso-about-program-top-wrapper {
    min-height: 100px;
    background-repeat: no-repeat;
    background-color: #FFF;
    background-size: cover;
    background-image: url(syso-about-syso-top-bg.jpg);
    background-position: 50% 100%;
    background-attachment: scroll;
}


#syso-orchestra-intro {
    border-bottom: 0px solid #eeeada;
    padding-top: 50px;
}


#syso-sample-video {
    margin-left: 23px;
    font-size: 20px;
    display: inline-block;
    direction: ltr;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    color: #71449f;
    cursor: pointer;
}