html {
background-color: #212121;
}
html body {
background-color: #fff;
font-family: 'Arial';
font-size: 15px;
color: #212121;
width: 100%;
min-width: 1000px;
padding: 0;
margin: 0;
}
html body header {
display: block;
width: 100%;
height: 150px;
background-color: #fff;
}
html body header.margin {
margin-bottom: 49px;
}
html body header div {
display: block;
width: 1000px;
height: 150px;
position: relative;
margin: 0 auto;
}
html body header div div#specialversion {
position: absolute;
top: 0;
right: 25px;
width: 51px;
height: 26px;
background-color: #fff;
cursor: pointer;
/*border-radius: 0 0 5px 5px;*/
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
html body header div div#specialversion:hover {
background-color: #f1f1f1;
}
html body header div div#specialversion img {
top: 0;
left: 13px;
width: 25px;
height: 25px;
}
html body header div span {
position: absolute;
font-family: 'Arial';
font-size: 13px;
line-height: 25px;
color: #737373;
top: 108px;
left: 121px;
}
html body header div a img, html body header div img {
width: 213px;
height: 100px;
border: 0;
position: absolute;
top: 25px;
left: 20px;
}
html body header div ul {
list-style-type: none;
display: block;
padding: 0;
margin: 0;
position: absolute;
top: 25px;
right: 25px;
}
html body header div ul li {
display: block;
padding: 0;
margin: 0 0 0 25px;
float: left;
height: 25px;
position: relative;
}
html body header div ul li a {
display: block;
font-size: 13px;
color: #212121;
overflow: hidden;
line-height: 25px;
position: relative;
}
html body header div ul li a.active {
color: #972941;
}
html body header div ul li a:hover {
text-decoration: none;
}
html body header div ul li a span.count {
display: inline-block;
position: absolute;
top: 8px;
left: 18px;
font-size: 10px;
font-family: 'Arial';
font-style: normal;
line-height: 10px;
text-align: center;
width: 12px; }
html body header div ul li a img {
height: 17px;
width: auto;
float: left;
margin: 4px 0 0 13px;
border: 0;
position: static;
}
html body header div ul li a img.user {
margin: 4px 13px 0 13px;
}
html body header div ul li ul {
position: absolute;
top: 25px;
right: -25px;
z-index: 999;
background-color: #fff;
padding: 12px 25px;
border: 1px solid #8c8c8c;
box-shadow: 0 5px 35px rgba(0,0,0,0.5);
display: none;
border-radius: 25px 0;
}
html body header div ul li ul li {
clear: left;
text-align: left;
margin: 0;
white-space: nowrap;
height: 35px;
}
html body header div ul li ul li a {
line-height: 35px;
}
html body header div ul li ul li a.logout {
color: #212121;
}
html body header div ul li ul li a:hover {
text-decoration: underline;
color: #212121;
}
html body header div ul li:hover ul {
display: block;
}
html body header div ul li:hover a {
text-decoration: none;
}
html body section#menu {
display: block;
width: 100%;
height: 50px;
background-color: #fff;
box-shadow: 0 20px 20px rgba(0,0,0,0.2);
position: relative;
z-index: 998;
}
html body section#menu.fixed {
position: fixed;
top: -1px;
left: 0;
}
html body section#menu ul {
list-style-type: none;
display: block;
width: 1000px;
height: 50px;
padding: 0;
margin: 0 auto;
}
html body section#menu ul li {
display: block;
float: left;
padding: 0;
margin: 0;
position: relative;
border: 1px solid #fff;
background-color: #fff;
z-index: 666;
height: 48px;
border-radius: 26px 0 0 0;
}
html body section#menu ul li.hidden {
float: right;
display: none;
}
html body section#menu ul li.show {
display: block;
}
html body section#menu ul li#first {
display: none;
}
html body section#menu ul li#first a {
padding: 0;
}
html body section#menu ul li#first img {
width: 21px;
height: 24px;
border: 0;
margin: 12px 25px;
}
html body section#menu ul li.hidden a {
padding: 15px 25px 18px 13px;
position: relative;
}
html body section#menu ul li.hidden:hover a {
padding: 15px 25px 18px 13px;
}
/*html body section#menu ul li.hidden:last-child a {
padding: 15px 13px 18px 13px;
}*/
html body section#menu ul li.hidden a:hover {
color: #212121;
}
html body section#menu ul li.hidden a span.count {
display: inline-block;
position: absolute;
top: 18px;
left: 18px;
font-size: 10px;
font-family: 'Arial';
font-style: normal;
line-height: 10px;
text-align: center;
width: 12px;
}
html body section#menu ul li.more:hover {
border: 1px solid #8c8c8c;
box-shadow: 0 5px 35px rgba(0,0,0,0.5);
z-index: 999;
}
html body section#menu ul li.more:hover a {
padding: 15px 23px 19px 23px;
background-color: #212121;
color: #fff;
}
html body section#menu ul li a {
display: block;
padding: 15px 23px 15px 23px;
font-size: 14px;
color: #212121;
text-transform: uppercase;
font-weight: 400;
border-radius: 25px 0 0 0;
}
html body section#menu ul li a.red {
color: #e9004c;
}
html body section#menu ul li:hover a {
text-decoration: none;
padding: 15px 23px 16px 23px;
}
html body section#menu ul li.more a {
color: #212121;
position: relative;
z-index: 999;
background-color: #fff;
}
html body section#menu ul li.more a:hover {
text-decoration: underline;
color: #fff;
background-color: #212121;
}
html body section#menu ul li.more ul {
display: none;
position: absolute;
z-index: 888;
top: 49px;
left: -1px;
width: auto;
min-width: 250px;
height: auto;
border: 1px solid #8c8c8c;
background-color: #212121;
box-shadow: 0 5px 35px rgba(0,0,0,0.5);
}
html body section#menu ul li.more:hover ul {
display: block;
border-radius: 0 0 25px 0;
}
html body section#menu ul li.more ul li {
clear: left;
white-space: nowrap;
background-color: #212121;
border: 1px solid #212121;
border-radius: 0 0 25px 0;
}
html body section#menu ul li.more ul li a {
text-transform: none;
color: #212121;
font-size: 13px;
border-radius: 0 0 25px 0;
}
html body section#menu ul li.more ul li:hover a {
}
html body section#menu ul li.more:hover ul li a {
padding: 15px 23px 15px 23px;
}
html body section#menu ul li.more ul li a:hover {
text-decoration: underline;
color: #fff;
}
html body section#menu ul li.more ul li.more:hover {
border: none;
box-shadow: none;
padding: 1px;
}
html body section#menu ul li.more ul li.more ul {
display: none;
}
html body section#ad {
position: relative;
display: block;
width: 100%;
height: 563px;
/*background-image: url('../images/bg_ad2.jpg');*/
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #fff;
}
html body section#ad div#show {
overflow: hidden;
width: 100%;
}
html body section#ad div#show div {
width: 100%;
height: 563px;
text-align: center;
}
html body section#ad div#show div a img {
width: 1000px;
height: 563px;
}
html body section#ad div#show div a img {
border: 0;
position: static;
}
html body section#ad img {
position: absolute;
top: 257px;
width: 48px;
height: 48px;
}
html body section#ad img#next {
right: 25px;
}
html body section#ad img#prev {
left: 25px;
}
html body section#home {
display: block;
position: relative;
width: 100%;
text-align: center;
box-shadow: 0 -20px 20px 0px rgba(0,0,0,0.2);
background-color: #fff;
}
html body section#home div {
width: 1000px;
margin: 0 auto;
text-align: center;
}
html body section#home div div {
width: 1000px;
text-align: center;
}
html body section#home div div h1 {
font-size: 25px;
font-weight: normal;
line-height: 75px;
text-align: center;
text-transform: uppercase;
margin: 0;
}
html body section#home div div p {
font-size: 15px;
line-height: 25px;
text-align: center;
text-transform: lowercase;
margin: 0;
color: #727272;
}
html body section#home div div p a {
color: #972941;
}
html body section#home div div.matrix, html body section#inner div.matrix {
width: 1000px;
margin: 0 auto;
display: block;
}
html body section#home div div.matrix div {
width: 1000px;
display: table-row;
/*height: 360px;*/
}
html body section#inner div.matrix div {
width: 1000px;
display: table-row;
}
html body section#inner div.matrix h2 {
font-weight: normal;
margin: 0;
padding: 0 0 25px 25px;
text-transform: uppercase;
}
html body section#home div div.matrix div div, html body section#inner div.matrix div div {
width: 300px;
position: relative;
padding: 0 0 25px 25px;
/*box-sizing: border-box;*/
text-align: left;
display: table-cell;
}
html body section#home div div.matrix div div a, html body section#inner div.matrix div div a {
font-size: 15px;
text-decoration: none;
line-height: 15px;
}
html body section#home div div.matrix div div:hover a.buy {
display: block;
/*background-color: #ee7b8b;*/
color: #fff;
}
html body section#home div div.matrix div div:hover span.price {
/*color: #212121;*/
}
html body section#home div div.matrix div div a.buy {
font-size: 15px;
font-style: italic;
line-height: 38px;
text-align: center;
width: 150px;
text-decoration: none;
color: #fff;
background-color: #ee7b8b;
position: absolute;
bottom: 35px;
left: 25px;
}
html body section#home div div.matrix div div a.buy:hover {
background-color: #822d42;
}
html body section#home div div.matrix div div span.price {
line-height: 38px;
text-align: center;
width: 150px;
position: absolute;
bottom: 35px;
right: 0;
color: #212121;
}
html body section#home div div.matrix div div a img, html body section#inner div.matrix div div a img {
width: 298px;
height: 167px;
border: 0;
margin: 0 0 10px 0;
border: 1px solid #8c8c8c;
}
html body section#home div div.matrix div div a:hover img, html body section#inner div.matrix div div a:hover img {
border: 1px solid #f1f1f1;
}
html body section#home div div.matrix div div a em, html body section#inner div.matrix div div a em {
display: block;
line-height: 25px;
font-size: 15px;
font-style: italic;
text-decoration: none;
color: #212121;
}
html body section#home div div.matrix div div a span, html body section#inner div.matrix div div a span {
display: inline;
line-height: 20px;
color: #212121;
text-decoration: underline;
}
html body section#home div div.matrix div div a:hover span, html body section#inner div.matrix div div a:hover span {
text-decoration: none;
}
html body section#home a.more {
display: inline-block;
margin: 25px 0;
color: #212121;
font-size: 13px;
}
html body section#home a.more:hover {
text-decoration: none;
}
html body section#ads {
display: block;
width: 100%;
text-align: center;
background-color: #f1f1f1;
}
html body section#ads div {
width: 1000px;
margin: 0 auto;
padding: 0 0 10px 0;
}
html body section#ads div h2 {
font-size: 25px;
font-weight: normal;
line-height: 75px;
text-align: center;
text-transform: uppercase;
margin: 0;
}
html body section#ads div h3 {
font-size: 19px;
font-weight: normal;
line-height: 21px;
text-align: center;
margin: 0;
padding: 10px 0 15px 0;
}
html body section#ads div p {
font-size: 15px;
line-height: 17px;
text-align: center;
margin: 0;
padding: 0 0 5px 0;
color: #727272;
}
html body section#ads div hr {
display: block;
border: 0;
background-color: #8c8c8c;
color: #8c8c8c;
height: 1px;
width: 50px;
padding: 0;
margin: 25px auto 15px auto;
}
html body section#ads a {
display: inline-block;
margin: 25px 0;
color: #212121;
font-size: 13px;
}
html body section#ads a:hover {
text-decoration: none;
}
html body section#pub {
display: block;
width: 100%;
text-align: center;
padding: 0;
background-color: #fff;
}
html body section#pub div {
width: 1000px;
margin: 0 auto;
}
html body section#pub div h2 {
font-size: 25px;
font-weight: normal;
line-height: 75px;
text-align: center;
text-transform: uppercase;
margin: 0;
}
html body section#pub div div.matrix {
display: block;
width: 1000px;
margin: 0 auto;
}
html body section#pub div div.matrix div {
width: 1000px;
overflow: hidden;
margin: 0 0 25px 0;
}
html body section#pub div div.matrix div div {
width: 300px;
float: left;
margin: 0 0 0 25px;
text-align: left;
}
html body section#pub div div.matrix div div a {
font-size: 15px;
line-height: 15px;
text-decoration: none;
}
html body section#pub div div.matrix div div a img {
width: 298px;
height: 167px;
border: 0;
margin: 0 0 10px 0;
border: 1px solid #8c8c8c;
}
html body section#pub div div.matrix div div a:hover img {
border: 1px solid #f1f1f1;
}
html body section#pub div div.matrix div div a em {
display: block;
line-height: 25px;
font-size: 15px;
font-style: italic;
text-decoration: none;
color: #212121;
}
html body section#pub div div.matrix div div a span {
display: block;
line-height: 20px;
color: #212121;
text-decoration: underline;
}
html body section#pub div div.matrix div div a:hover span {
text-decoration: none;
}
html body section#pub a {
display: inline-block;
margin: 0 0 25px 0;
color: #212121;
font-size: 13px;
}
html body section#pub a:hover {
text-decoration: none;
}
html body hr {
display: block;
border: 0;
background-color: #f1f1f1;
color: #f1f1f1;
height: 5px;
width: 100%;
padding: 0;
margin: 0;
/*box-shadow: 0 20px 20px rgba(0,0,0,0.2);*/
}
html body footer {
display: block;
width: 100%;
background-color: #212121;
}
html body footer div {
width: 1000px;
margin: 0 auto;
padding: 50px 0 25px 0;
}
html body footer div div {
width: 1000px;
overflow: hidden;
margin: 0 0 10px 0;
padding: 0;
}
html body footer div div div {
width: 300px;
float: left;
margin: 0 0 0 25px;
text-align: left;
font-size: 13px;
line-height: 20px;
color: #fff;
}
html body footer div div div:last-child {
text-align: right;
color: #8c8c8b;
}
html body footer div div div:last-child div#card {
display: block;
height: 32px;
line-height: 32px;
margin: 0 0 30px 0;
overflow: hidden;
}
html body footer div div div:last-child div#card img {
margin: 0 0 0 20px;
float: right;
}
html body footer div div div:last-child div#card img.visa {
margin: 6px 0 0 0;
}
html body footer div div div:last-child div#card img.mir {
margin: 6px 15px 0 0;
}
html body footer div div div:last-child a {
color: #8c8c8b;
}
html body footer div div div:last-child a img {
margin: 0 0 0 20px;
float: right;
}
html body footer div div div a {
color: #fff;
}
html body footer div div div a:hover {
text-decoration: none;
}
html body section#inner {
display: block;
width: 100%;
padding: 0;
box-sizing: border-box;
}
html body section#inner.margin {
margin-top: 200px;
}
html body section#inner.margin2 {
margin-top: 150px;
}
html body section#inner div#path {
width: 100%;
}
html body section#inner div#path ul {
list-style-type: none;
display: block;
width: 1000px;
margin: 0 auto;
padding: 25px 25px 13px 25px;
box-sizing: border-box;
overflow: hidden;
}
html body section#inner div#path ul li {
line-height: 25px;
font-size: 13px;
color: #8c8c8b;
float: left;
margin: 0 13px 0 0;
}
html body section#inner div#path ul li a {
color: #8c8c8b;
}
html body section#inner div#path ul li a:hover {
text-decoration: none;
}
html body section#inner div#heading {
width: 100%;
}
html body section#inner div#heading h1 {
width: 1000px;
margin: 0 auto;
padding: 0 25px;
box-sizing: border-box;
font-size: 25px;
font-weight: normal;
line-height: 35px;
text-transform: uppercase;
}
html body section#inner div#submenu {
width: 100%;
}
html body section#inner div#submenu ul {
display: block;
list-style-type: none;
width: 1000px;
margin: 0 auto;
padding: 0 25px;
box-sizing: border-box;
overflow: hidden;
}
html body section#inner div#submenu ul li {
float: left;
padding: 0;
margin: 10px 15px 10px 0;
}
html body section#inner div#submenu ul li a, html body section#inner div#submenu ul li span {
display: block;
padding: 1px 10px;
text-decoration: none;
font-size: 11px;
text-transform: uppercase;
line-height: 25px;
}
html body section#inner div#submenu ul li a {
border: 1px solid #8c8c8b;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
color: #212121;
}
html body section#inner div#submenu ul li a:hover {
box-shadow: none;
}
html body section#inner div#submenu ul li span {
border: 1px solid #f1f1f1;
box-shadow: none;
color: #8c8c8b;
cursor: default;
}
html body section#inner div#concert_buy {
width: 1000px;
margin: 0 auto;
padding: 0 0 0 25px;
box-sizing: border-box;
position: relative;
}
html body section#inner div#concert_buy h2 {
font-size: 21px;
font-weight: normal;
line-height: 35px;
padding: 10px 0 15px 0;
margin: 0;
width: 625px;
box-sizing: border-box;
}
html body section#inner div#concert_buy span {
display: block;
line-height: 25px;
font-size: 15px;
font-style: italic;
margin: 10px 0 0 0;
width: 625px;
box-sizing: border-box;
}
html body section#inner div#hall {
/*background-color: #f1f1f1;*/
padding: 0 0 25px 0;
}
html body section#inner div#info {
width: 950px;
margin: 0 auto;
padding: 0 0 25px 0;
}
html body section#inner div#info p {
font-size: 13px;
color: #737373;
}
html body section#inner div#concert_buy div#legend {
position: absolute;
top: 0;
right: 25px;
width: 205px;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
overflow: hidden;
border: 1px solid #8c8c8b;
padding: 10px 10px 5px 10px;
}
html body section#inner div#concert_buy div#legend span {
display: inline-block;
line-height: 15px;
padding: 0;
margin: 0 0 5px 0;
float: left;
font-style: normal;
font-size: 13px;
width: 90px;
}
html body section#inner div#concert_buy div#legend span.long {
width: 180px;
}
html body section#inner div#concert_buy div#legend span div.color {
width: 13px;
height: 13px;
border: 1px solid #8c8c8b;
float: left;
margin: 0 10px 0 0;
/*border-radius: 5px 5px 0 0;*/
}
html body section#inner div#concert_buy div#legend span div.zone0 {
background-color: #d24a43;
}
html body section#inner div#concert_buy div#legend span div.zone1 {
background-color: #fff343;
}
html body section#inner div#concert_buy div#legend span div.zone2 {
background-color: #52ac62;
}
html body section#inner div#concert_buy div#legend span div.zone3 {
background-color: #3eb5f1;
}
html body section#inner div#concert_buy div#legend span div.zone4 {
background-color: #4d59a1;
}
html body section#inner div#concert_buy div#legend span div.zone5 {
background-color: #d7569c;
}
html body section#inner div#concert_buy div#legend span div.zone6 {
background-color: #000;
}
html body section#inner div#hall div#scene {
width: 1000px;
margin: 0 auto;
text-align: center;
line-height: 25px;
color: #8c8c8b;
padding: 25px 0 50px 0;
position: relative;
}
html body section#inner div#hall div#scene button {
position: absolute;
top: 25px;
display: inline-block;
padding: 5px 10px;
font-size: 13px;
border: 0;
background-color: #fff;
color: #8c8c8b;
border: 1px solid #8c8c8b;
cursor: pointer;
}
html body section#inner div#hall div#scene button#refresh {
right: 25px;
}
html body section#inner div#hall div#scene button#return {
left: 25px;
}
html body section#inner div#hall div#scene button:hover {
background-color: #8c8c8b;
color: #fff;
}
html body section#inner div#hall div#scene hr {
display: block;
border: 0;
background-color: #e2e2e2;
color: #8c8c8b;
height: 5px;
width: 950px;
padding: 0;
margin: 25px 0 0 25px;
}
html body section#inner div#cart {
display: none;
width: 100%;
box-shadow: 0 -15px 20px rgba(0,0,0,0.2);
background-color: #fff;
padding: 25px 0 0 0;
text-align: center;
}
html body section#inner div#cart.fixed {
position: fixed;
bottom: 0;
}
html body section#inner div#cart div {
width: 1000px;
margin: 0 auto;
padding: 0 25px;
position: relative;
box-sizing: border-box;
}
html body section#inner div#cart div#limit {
width: 100%;
padding: 15px 0;
margin: 25px 0 0 0;
box-sizing: border-box;
background-color: #e9004c;
}
html body section#inner div#cart div#limit p {
text-align: center;
color: #fff;
padding: 0;
margin: 0;
}
html body section#inner div#cart div div#tickets {
width: auto;
height: auto;
padding: 0;
margin: 0;
}
html body section#inner div#cart div div#tickets ol {
width: 300px;
margin: 0;
padding: 0 0 0 25px;
color: #8c8c8b;
}
html body section#inner div#cart div div#tickets ol li {
width: 300px;
line-height: 40px;
}
html body section#inner div#cart div div#tickets ol li span {
color: #212121;
display: inline-block;
line-height: 25px;
}
html body section#inner div#cart div div#tickets ol li span.data {
margin: 0 25px 0 25px;
width: 150px;
}
html body section#inner div#cart div div#tickets ol li span.price {
font-weight: bold;
width: 80px;
}
html body section#inner div#cart div div#tickets ol li img {
cursor: pointer;
}
html body section#inner div#cart div div#sum {
margin: auto 0;
padding: 0;
position: absolute;
top: 0;
left: 450px;
bottom: 0;
right: 0;
width: 200px;
height: 25px;
font-size: 25px;
}
html body section#inner div#cart div div#buttons {
display: inline-block;
margin: auto 0;
position: absolute;
top: 0;
left: 750px;
bottom: 0;
right: 0;
width: auto;
height: 40px;
padding: 0;
}
html body section#inner div#cart div div#buttons button {
padding: 10px 20px;
font-size: 15px;
text-transform: uppercase;
border: 0;
cursor: pointer;
height: 40px;
}
html body section#inner div#cart div#buttons button#buy {
background-color: #fff;
color: #212121;
margin: 0 15px 0 0;
border: 1px solid #8c8c8b;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
html body section#inner div#cart div#buttons button#buy:hover {
box-shadow: none;
}
html body section#inner div#cart div#buttons button#canceled {
background-color: #fff;
color: #212121;
/*border: 1px solid #8c8c8b;*/
text-transform: none;
text-decoration: underline;
}
html body section#inner div#cart div#buttons button#canceled:hover {
/*background-color: #8c8c8b;
color: #fff;*/
text-decoration: none;
}
html body section#inner div#brief {
width: 1000px;
margin: 0 auto;
padding: 0 25px;
box-sizing: border-box;
}
html body section#inner div#back {
width: 1000px;
margin: 0 auto;
padding: 25px;
box-sizing: border-box;
}
html body section#inner div#back a, html body section#inner main a.back {
border: 1px solid #8c8c8b;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
color: #212121;
display: inline-block;
padding: 1px 10px;
text-decoration: none;
font-size: 11px;
text-transform: uppercase;
line-height: 25px;
}
html body section#inner div#back a:hover, html body section#inner main a.back:hover {
box-shadow: none;
}
html body section#inner div#more {
width: 100%;
height: 20px;
background-color: #fff;
margin: 0 0 25px 0;
box-shadow: 0 20px 20px rgba(0,0,0,0.2);
}
html body section#inner div#more div {
width: 1000px;
height: 20px;
margin: 0 auto;
position: relative;
}
html body section#inner div#more div span {
position: absolute;
top: 20px;
right: 25px;
background-color: #fff;
display: inline-block;
color: #212121;
padding: 0 25px;
line-height: 30px;
height: 35px;
cursor: pointer;
border-radius: 0 0 25px 0;
box-shadow: 0 10px 15px rgba(0,0,0,0.2);
}
html body section#inner div#more div span:hover {
color: #8c8c8b;
}
html body section#inner div#program {
width: 1000px;
margin: 0 auto;
padding: 10px 25px 0 25px;
box-sizing: border-box;
overflow: hidden;
}
html body section#inner div#program h1, html body section#inner div#program h2, html body section#inner div#program h3, html body section#inner div#program h4, html body section#inner div#program h5, html body section#inner div#program h6 {
font-weight: normal;
text-transform: uppercase;
}
html body section#inner div#program h2 {
margin: 0;
padding: 0;
}
html body section#inner div#program p {
line-height: 25px;
}
html body section#inner div#program a {
color: #972941;
}
html body section#inner div#program a:hover {
text-decoration: none;
}
html body section#inner div#program ul, html body section#inner div#program ol {
padding: 0 0 0 18px;
line-height: 25px;
}
html body section#inner main {
display: block;
width: 1000px;
margin: 0 auto;
padding: 0 25px 25px 25px;
box-sizing: border-box;
overflow: hidden;
}
html body section#inner main iframe {
max-width: 950px;
border: 0;
}
html body section#inner main.hidden {
display: none;
}
html body section#inner main h1, html body section#inner main h2, html body section#inner main h3, html body section#inner main h4, html body section#inner main h5, html body section#inner main h6 {
font-weight: normal;
text-transform: uppercase;
}
html body section#inner div#brief p {
font-size: 17px;
}
html body section#inner main p, html body section#inner main ul, html body section#inner main ol {
line-height: 25px;
}
html body section#inner main a {
color: #212121;
}
html body section#inner main a:hover {
text-decoration: none;
}
html body section#inner main a.back {
display: inline-block;
margin: 25px 0 0 0;
font-size: 13px;
}
html body section#inner main span.art {
font-style: italic;
}
html body section#inner main span.genre {
font-style: italic;
}
html body section#inner main img.left {
float: left;
margin: 7px 25px 25px 0;
}
html body section#inner main img.right {
float: right;
margin: 7px 0 25px 25px;
}
html body section#inner main ul, html body section#inner main ol {
padding: 0 0 0 18px;
}
html body section#inner main table {
border-collapse: collapse;
margin: 25px 0;
}
html body section#inner main table caption {
font-size: 11px;
text-align: left;
padding: 7px 0 7px 0;
}
html body section#inner main table thead th, html body section#inner main table tbody th {
background-color: #f1f1f1;
font-weight: normal;
}
html body section#inner main table.ticket thead th, html body section#inner main table.ticket tbody th {
background-color: #212121;
font-weight: normal;
color: #fff;
text-align: left;
}
/*html body section#inner main table tbody tr td a img {
border: 1px solid #8c8c8c;
}
html body section#inner main table tbody tr td a:hover img {
border: 1px solid #f1f1f1;
}*/
html body section#inner main table ol, html body section#inner main table ul {
padding: 0;
margin: 0 0 0 15px;
}
html body section#inner main table ol li {
margin: 0 0 5px 0;
padding: 0;
line-height: 16px;
font-size: 13px;
}
html body section#inner main table.ticket tbody tr {
border-bottom: 1px solid #212121;
}
html body section#inner main table.ticket tbody tr:last-child {
border-bottom: 0;
}
html body section#inner main table.ticket tbody tr td a.print {
display: block;
font-size: 13px;
font-style: italic;
line-height: 25px;
text-align: center;
text-decoration: none;
color: #212121;
background-color: #fff;
padding: 0 10px;
border: 1px solid #8c8c8b;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
html body section#inner main table.ticket tbody tr td a.print:hover {
box-shadow: none;
}
html body section#inner main table.ticket tbody tr td img.qr {
/*width: 128px;
height: 128px;*/
border: 0;
}
html body section#inner main div#qr {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6);
}
html body section#inner main div#qr div {
background-color: #fff;
padding: 50px;
width: 570px;
height: 570px;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
html body section#inner main div#qr div img {
border: 0;
width: 570px;
height: 570px;
}
html body section#inner main div.img {
float: left;
margin: 20px 25px 0 0;
width: 300px;
}
html body section#inner main video {
width: 100%;
max-width: 950px;
}
html body section#inner div#selector {
width: 100%;
}
html body section#inner div#selector.fixed {
position: fixed;
top: 49px;
left: 0;
box-shadow: 0 20px 20px rgba(0,0,0,0.2);
background-color: #fff;
}
html body section#inner div#selector ul#change {
display: block;
width: 1000px;
margin: 0 auto;
padding: 20px 25px 25px 25px;
box-sizing: border-box;
list-style-type: none;
}
html body section#inner div#selector ul#change li {
float: left;
margin: 0 50px 0 0;
font-size: 15px;
color: #212121;
position: relative;
line-height: 30px;
}
html body section#inner div#selector ul#change li a {
color: #8c8c8b;
}
html body section#inner div#selector ul#change li a#reset {
display: block;
border: 1px solid #8c8c8b;
padding: 1px 10px;
color: #212121;
text-decoration: none;
font-size: 11px;
text-transform: uppercase;
line-height: 25px;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
html body section#inner div#selector ul#change li a#reset:hover {
box-shadow: none;
}
html body section#inner div#selector ul#change li a:hover {
text-decoration: none;
}
html body section#inner div#selector ul#change li a#childish {
display: block;
line-height: 30px;
overflow: hidden;
color: #212121;
text-decoration: underline;
}
html body section#inner div#selector ul#change li a#childish:hover {
text-decoration: none;
}
html body section#inner div#selector ul#change li a#childish.checked, html body section#inner div#selector ul#change li span {
color: #212121;
}
html body section#inner div#selector ul#change li span {
display: inline-block;
margin: 0;
line-height: 15px;
text-decoration: underline;
cursor: pointer;
}
html body section#inner div#selector ul#change li:hover span {
text-decoration: none;
}
html body section#inner div#selector ul#change li a#childish img {
margin: 7px 10px 0 0;
float: left;
border: 0;
}
html body section#inner div#selector ul#change li ul {
display: none;
position: absolute;
top: -19px;
left: -26px;
z-index: 999;
list-style-type: none;
padding: 25px 25px 0 0px;
background-color: #fff;
border: 1px solid #8c8c8b;
box-shadow: 0 5px 35px rgba(0,0,0,0.5);
overflow: hidden;
}
html body section#inner div#selector ul#change li ul.slim {
width: 100px;
}
html body section#inner div#selector ul#change li ul.full {
width: 500px;
}
html body section#inner div#selector ul#change li:hover ul {
display: block;
border-radius: 25px 0;
}
html body section#inner div#selector ul#change li ul li {
display: block;
padding: 0 25px 25px 25px;
margin: 0;
white-space: nowrap;
text-decoration: none;
cursor: default;
color: #212121;
width: 200px;
line-height: 15px;
}
html body section#inner div#selector ul#change li ul.full li {
float: left;
}
html body section#inner div#selector ul#change li ul li a {
color: #8c8c8b;
font-size: 15px;
}
html body section#inner div#selector ul#change li ul li a:hover {
text-decoration: none;
}
html body section#inner div#selector div {
width: 1000px;
margin: 0 auto;
padding: 0 25px;
box-sizing: border-box;
}
html body section#inner div#selector div ul#calendar {
padding: 15px 0 50px 0;
}
html body section#inner div#selector div ul#calendar li {
padding: 0 25px 0 0;
}
html body section#inner div#selector div ul#calendar li ul {
left: 0;
}
html body section#inner div#selector div ul#calendar li ul li {
padding: 0;
margin: 10px 4px 10px 0;
}
html body section#inner div#selector div ul#season {
padding: 15px 0;
margin: 0;
list-style-type: none;
}
html body section#inner div#selector div ul#season li {
padding: 0 25px 0 0;
float: left;
}
html body section#inner div#selector ul.abc {
display: block;
width: 1000px;
margin: 0 auto;
box-sizing: border-box;
list-style-type: none;
overflow: hidden;
}
html body section#inner div#selector ul.abc:first-child {
padding: 25px 25px 15px 25px;
}
html body section#inner div#selector ul.abc:last-child {
padding: 0 25px 25px 25px;
}
html body section#inner div#selector ul.abc li {
float: left;
margin: 0 20px 0 0;
font-size: 15px;
color: #8c8c8b;
}
html body section#inner div#selector ul.abc li a {
color: #212121;
}
html body section#inner div#selector ul.abc li a:hover {
text-decoration: none;
}
html body section#inner div.list {
width: 1000px;
margin: 0 auto;
padding: 25px;
box-sizing: border-box;
}
html body section#inner div.list div {
width: 950px;
overflow: hidden;
margin: 0 0 25px 0;
}
html body section#inner div.list div.details {
margin: 0;
}
html body section#inner div.list div div {
margin: 0;
}
html body section#inner div.list div div.img {
width: 325px;
float: left;
}
html body section#inner div.list div div.img a img, html body section#inner div.list div div.img img {
width: 298px;
height: 167px;
border: 1px solid #8c8c8c;
}
html body section#inner div.list div div.img a:hover img {
border: 1px solid #f1f1f1;
}
html body section#inner div.list div div.attr {
width: 425px;
float: left;
font-size: 19px;
}
html body section#inner div.list div div.brief {
width: 625px;
float: left;
font-size: 19px;
}
html body section#inner div.list div div.full {
width: 950px;
}
html body section#inner div.list div div.attr em {
display: block;
margin: 0 0 7px 0;
padding: 0;
font-size: 15px;
}
html body section#inner div.list div div.attr a, html body section#inner div.list div div.brief a {
display: inline;
margin: 0;
padding: 0;
color: #212121;
/*font-size: 19px;*/
}
html body section#inner div.list div div.attr a:hover {
text-decoration: none;
}
html body section#inner div.list div div.attr a.marked {
color: #e9004c;
}
html body section#inner div.list div div.attr a.old {
color: #8c8c8b;
}
html body section#inner div.list div div.attr span {
display: block;
margin: 10px 0 0 0;
padding: 0;
color: #8c8c8b;
font-size: 13px;
}
html body section#inner div.list div div.brief span {
display: block;
margin: 10px 0 0 0;
font-size: 15px;
color: #212121;
}
html body section#inner div.list div div.brief em {
margin: 0 0 10px 0;
font-style: italic;
display: block;
font-size: 15px;
color: #212121;
}
html body section#inner div.list div div.brief p {
margin: 0;
display: block;
font-size: 13px;
color: #212121;
line-height: 19px;
}
html body section#inner div.list div div.attr span a {
display: inline;
color: #8c8c8b;
font-size: 13px;
}
html body section#inner div.list div div.attr span.sub a {
color: #212121;
}
html body section#inner div.list div div.attr span.fest a {
color: #212121;
}
html body section#inner div.list div div.buy {
width: 175px;
padding: 29px 0 0 25px;
box-sizing: border-box;
text-align: center;
color: #8c8c8b;
font-size: 15px;
float: right;
}
html body section#inner div.list div div.buy a {
display: block;
font-size: 15px;
/*font-style: italic;*/
text-transform: uppercase;
line-height: 38px;
text-align: center;
width: 148px;
text-decoration: none;
color: #212121;
margin: 0 0 15px 0;
}
html body section#inner div.list div div.buy a.pink {
border: 1px solid #8c8c8b;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
html body section#inner div.list div div.buy a.red {
background-color: #e9004c;
color: #fff;
}
html body section#inner div.list div div.buy a.white {
background-color: #fff;
}
html body section#inner div.list div div.buy a.pink:hover {
box-shadow: none;
}
html body section#inner div.list div div.buy span.disabled {
display: block;
font-size: 15px;
line-height: 38px;
text-align: center;
width: 148px;
text-decoration: none;
color: #e2e2e2;
margin: 0 0 15px 0;
border: 1px solid #e2e2e2;
cursor: default;
}
html body section#inner div.list div div.buy span {
font-size: 15px;
color: #212121;
}
html body section#inner div.list div div.buy span em, html body section#inner div.list div div.brief span em {
font-family: 'Tahoma';
font-style: normal;
display: inline;
}
html body section#inner div#art, html body section#inner div#genre, html body section#inner div#concert {
width: 100%;
padding: 25px 0;
box-sizing: border-box;
}
html body section#inner div#genre {
}
html body section#inner div#art div, html body section#inner div#genre div, html body section#inner div#concert div {
width: 1000px;
margin: 0 auto;
padding: 0 25px;
box-sizing: border-box;
}
html body section#inner div#art div h2, html body section#inner div#concert div h2, html body section#inner div#genre div h2 {
font-weight: normal;
margin: 0;
padding: 0 0 15px 0;
text-transform: uppercase;
}
html body section#inner div#art div ul, html body section#inner div#genre div ul, html body section#inner div#concert div ul {
margin: 0;
padding: 0 25px 0 18px;
}
html body section#inner div#art div ul li, html body section#inner div#concert div ul li, html body section#inner div#genre div ul li {
line-height: 25px;
}
html body section#inner div#art div ul li a, html body section#inner div#concert div ul li a, html body section#inner div#genre div ul li a {
color: #212121;
}
html body section#inner div#art div ul li a:hover, html body section#inner div#concert div ul li a:hover, html body section#inner div#genre div ul li a:hover {
text-decoration: none;
}
html body section#inner hr {
border-bottom: 2px dashed #e2e2e2;
height: 0;
color: #fff;
background-color: #fff;
}
html body section#inner div.artist {
width: 1000px;
margin: 0 auto;
padding: 25px;
box-sizing: border-box;
}
html body section#inner div.artist h2 {
font-weight: normal;
margin: 0;
padding: 25px 0;
}
html body section#inner div.artist div {
width: 950px;
overflow: hidden;
margin: 0 0 25px 0;
}
html body section#inner div.artist div div {
float: left;
width: 300px;
margin: 0 25px 0 0;
}
html body section#inner div.artist div div:last-child {
margin: 0;
}
html body section#inner div.artist div div a {
color: #212121;
}
html body section#inner div.artist div div a:hover {
text-decoration: none;
}
html body section#submenu2 {
display: block;
width: 100%;
padding: 0;
background-color: #fff;
}
html body section#submenu2 div {
width: 1000px;
margin: 0 auto;
padding: 25px;
box-sizing: border-box;
}
html body section#submenu2 div h2 {
font-weight: normal;
margin: 0;
padding: 0 0 15px 0;
text-transform: uppercase;
}
html body section#submenu2 div ul {
margin: 0;
padding: 0 25px 0 18px;
}
html body section#submenu2 div ul li {
line-height: 25px;
}
html body section#submenu2 div ul li a {
color: #212121;
}
html body section#submenu2 div ul li a:hover {
text-decoration: none;
}
html body section.link {
display: block;
width: 100%;
padding: 25px 0 25px 0;
background-color: #f1f1f1;
}
html body section.link div.matrix {
display: block;
width: 1000px;
margin: 0 auto;
}
html body section.link div.matrix h2 {
font-weight: normal;
text-transform: uppercase;
padding: 25px;
margin: 0;
}
html body section.link div.matrix div {
width: 1000px;
overflow: hidden;
margin: 0 0 25px 0;
}
html body section.link div.matrix div div {
width: 300px;
float: left;
/*margin: 0 0 0 25px;*/
text-align: left;
}
html body section.link div.matrix div div a {
font-size: 15px;
text-decoration: none;
line-height: 15px;
}
html body section.link div.matrix div div a img {
width: 298px;
height: 167px;
border: 0;
margin: 0 0 10px 0;
border: 1px solid #8c8c8c;
}
html body section.link div.matrix div div a:hover img {
border: 1px solid #f1f1f1;
}
html body section.link div.matrix div div a em {
display: block;
line-height: 25px;
font-size: 15px;
font-style: italic;
text-decoration: none;
color: #212121;
}
html body section.link div.matrix div div a span {
display: inline;
line-height: 20px;
color: #212121;
text-decoration: underline;
}
html body section.link div.matrix div div a:hover span {
text-decoration: none;
}
html body section#pages {
width: 100%;
padding: 0 25px 25px 25px;
box-sizing: border-box;
background-color: #fff;
}
html body section#pages div {
width: 1000px;
margin: 0 auto;
padding: 0 25px;
box-sizing: border-box;
}
html body section#pages div ul {
list-style-type: none;
padding: 0;
margin: 0;
overflow: hidden;
}
html body section#pages div ul li {
margin: 0 13px 0 0;
float: left;
line-height: 25px;
color: #8c8c8b;
}
html body section#pages div ul li a {
color: #8c8c8b;
}
html body section#pages div ul li a:hover {
text-decoration: none;
}
html body section#map {
display: block;
width: 100%;
height: 563px;
}
html body section#map a {
color: #212121;
}
html body section#online {
display: block;
width: 100%;
background-color: #212121;
}
html body section#online div#videoplayer {
margin: 0 auto;
padding: 0;
width: 1000px;
height: 563px;
background-color: #212121;
position: relative;
}
html body section#online div#videoplayer div#timer {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: #fff;
width: 360px;
height: 120px;
text-align: center;
}
html body section#online div#videoplayer div#timer span {
color: #fff;
font-size: 32px;
background-color: #212121;
}
html body section#online div#videoplayer video {
max-width: 100%;
}
html body section#online div#videoplayer video#video {
display: block;
position: relative;
width: 1000px;
height: 563px;
}
html body section#online div#videoplayer div#control {
display: none;
position: absolute;
top: 250px;
left: 468px;
width: 64px;
height: 64px;
background-repeat: no-repeat;
border-radius: 64px;
background-color: rgba(0, 0, 0, 0.6);
}
html body section#online div#videoplayer div#control.play {
background-image: url('/templates/operating/default/images/ico_play.png');
}
html body section#online div#videoplayer div#control.pause {
background-image: url('/templates/operating/default/images/ico_pause.png');
}
html body section#online div#videoplayer:hover div#control {
display: block;
}
html body section#online div#videoplayer object {
background-color: #212121;
}
html body section#online div#videoplayer div#timeline {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 5px;
background-color: #e9004c;
}
html body section#online div#videoplayer.collaps {
display: none;
}
html body section#online div#tb {
margin: 0 auto;
width: 1000px;
height: 0;
position: relative;
}
html body section#online div#tb span {
background-color: #e9004c;
border-radius: 0 0 0 25px;
}
html body section#online div#tb span#expand {
display: inline-block;
position: absolute;
bottom: -40px;
right: 25px;
color: #fff;
padding: 0 25px;
line-height: 40px;
height: 40px;
cursor: pointer;
/*border-radius: 0 0 5px 5px;*/
box-shadow: 0 10px 10px rgba(0,0,0,0.2);
}
html body section#online div#tb span#expand:hover, html body section#online div#tb span.show {
background-color: #212121;
}
ul#calendar {
list-style-type: none;
display: inline-block;
padding: 15px 0 75px 0;
margin: 0 auto;
width: auto;
position: relative;
text-align: center;
}
ul#calendar li {
display: inline-block;
padding: 0 13px;
line-height: 25px;
font-size: 15px;
float: left;
}
ul#calendar li.past span, ul#calendar li.past a {
font-size: 15px;
line-height: 25px;
color: #727272;
}
ul#calendar li.actual span, ul#calendar li.actual a {
font-size: 15px;
line-height: 25px;
color: #212121;
text-decoration: none;
}
ul#calendar li span, ul#calendar li a {
line-height: 25px;
color: #212121;
font-size: 15px;
cursor: pointer;
text-decoration: underline;
}
ul#calendar li:hover span, ul#calendar li:hover a {
text-decoration: none;
}
ul#calendar li ul {
display: none;
position: absolute;
left: 12px;
width: 950px;
top: 40px;
right: 0;
margin: auto;
padding: 0;
text-align: center;
}
ul#calendar li.actual ul {
display: block;
}
/*
ul#calendar li:hover ul {
display: block;
}
*/
ul#calendar li ul li {
display: inline-block;
padding: 0;
width: 25px;
margin: 10px 2px;
position: relative;
}
ul#calendar li ul li a, ul#calendar li.actual ul li a {
display: block;
background-color: #fff;
border-radius: 12px 0;
width: 25px;
/*height: 25px;*/
text-align: center;
line-height: 25px;
color: #212121;
box-shadow: inset 0 0 0 1px rgba(33,33,33, 0.9);
text-decoration: none;
}
ul#calendar li.past ul li, ul#calendar li.actual ul li.past {
color: #e2e2e2;
}
ul#calendar li.past ul li a, ul#calendar li.actual ul li.past a {
display: block;
background-color: #fff;
/*border-radius: 25px;*/
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
color: #e2e2e2;
text-decoration: none;
box-shadow: inset 0 0 0 1px rgba(226,226,226, 0.9);
}
ul#calendar li.past ul li a.selected, ul#calendar li.actual ul li a.selected {
background-color: #e9004c;
box-shadow: inset 0 0 0 1px rgba(233,0,76, 0.9);
color: #fff;
}
ul#calendar li.past ul li:hover a.selected, ul#calendar li.actual ul li:hover a.selected {
/*background-color: #212121;
box-shadow: inset 0 0 0 1px rgba(33,33,33, 0.9);
color: #fff;*/
}
ul#calendar li.past ul li:hover a, ul#calendar li.actual ul li.past:hover a {
background-color: #e2e2e2;
box-shadow: inset 0 0 0 1px rgba(226,226,226, 0.9);
color: #fff;
}
ul#calendar li ul li:hover a {
background-color: #212121;
box-shadow: inset 0 0 0 1px rgba(33,33,33, 0.9);
color: #fff;
}
ul#calendar li ul li ul {
display: none;
position: absolute;
top: 23px;
left: 0;
z-index: 999;
background-color: #fff;
width: 350px;
padding: 12px 25px;
border: 1px solid #8c8c8c;
box-shadow: 0 5px 35px rgba(0,0,0,0.5);
border-radius: 0 25px;
}
ul#calendar li ul li ul.right {
left: -325px;
border-radius: 25px 0;
}
/*
ul#calendar li:hover ul li ul {
display: none;
}
*/
ul#calendar li.actual ul li ul, ul#calendar li.past ul li ul {
display: none;
}
ul#calendar li ul li:hover ul, ul#calendar li ul li.past:hover ul {
display: block;
box-sizing: border-box;
height: auto;
}
ul#calendar li ul li:hover ul li {
width: 300px;
display: block;
text-align: left;
line-height: 20px;
margin: 13px 0;
color: #212121;
}
ul#calendar li ul li:hover ul li a, ul#calendar li ul li.past:hover ul li a {
display: inline;
border: 0;
border-radius: 0;
background-color: #fff;
color: #212121;
text-decoration: underline;
width: 100%;
line-height: 20px;
box-shadow: none;
text-align: left;
}
ul#calendar li.past:hover ul li.past ul li a {
background-color: #fff;
color: #212121;
border: 0;
}
ul#calendar li.actual:hover ul li.past ul li a {
box-shadow: none;
color: #212121;
background-color: #fff;
}
ul#calendar li.actual:hover ul li:hover ul li a:hover {
/*color: #972941;*/
text-decoration: none;
}
ul#calendar li ul li ul li a:hover {
/*color: #212121;*/
text-decoration: none;
}
ul#calendar li ul li:hover ul li em {
color: #212121;
line-height: 20px;
display: block;
/*color: #972941;*/
margin: 0 0 5px 0;
}
ul#calendar li ul li:hover ul li span.hall {
}
ul#calendar li ul li:hover ul li span {
color: #212121;
line-height: 20px;
display: block;
margin: 0 0 5px 0;
}
ul#calendar li ul li:hover ul li a img {
width: 300px;
border: 1px solid #f1f1f1;
margin: 0 0 5px 0;
}
div.photo {
display: block;
width: 950px;
margin: 0 auto;
}
div.photo h2 {
font-weight: normal;
text-transform: uppercase;
padding: 10px 0 25px 0;
margin: 0;
}
div.photo div {
width: 950px;
overflow: hidden;
margin: 0 0 25px 0;
}
div.photo div div {
width: 300px;
float: left;
margin: 0 0 0 25px;
text-align: left;
}
div.photo div div:first-child {
margin: 0;
}
div.photo div div a {
font-size: 15px;
text-decoration: none;
line-height: 15px;
}
div.photo div div a img {
width: 298px;
height: 167px;
border: 0;
margin: 0 0 10px 0;
border: 1px solid #8c8c8c;
}
div.photo div div a:hover img {
border: 1px solid #f1f1f1;
}
div.photo div div a em {
display: block;
line-height: 25px;
font-size: 15px;
font-style: italic;
text-decoration: none;
color: #212121;
}
div.photo div div a span {
display: inline;
line-height: 20px;
color: #212121;
text-decoration: underline;
}
div.photo div div a:hover span {
text-decoration: none;
}
#toTop {
position: fixed;
bottom: 25px;
right: 25px;
cursor: pointer;
display: none;
z-index: 999;
}
#background, #loading, #personal, #fuse {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
}
#loading img {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
width: 90px;
height: 90px;
}
.bright {
background-color: rgba(255, 255, 255, 0.6);
}
#fuse div {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
width: 360px;
height: 50px;
padding: 50px;
background-color: #fff;
box-shadow: 0 5px 35px rgba(0,0,0,0.5);
text-align: center;
}
#fuse div span {
color: #972941;
text-decoration: underline;
cursor: pointer;
}
#background form {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
width: 360px;
height: 270px;
box-shadow: 0 5px 35px rgba(0,0,0,0.5);
border-radius: 25px 0;
}
#personal form.buy {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
width: 360px;
height: 430px;
box-shadow: 0 5px 35px rgba(0,0,0,0.5);
border-radius: 25px 0;
}
#background form fieldset, #personal form fieldset {
width: 100%;
clear: left;
}
#background form fieldset button, #personal form fieldset button {
margin: 0 0 0 25px;
}
form {
margin: 25px 0;
padding: 50px;
color: #212121;
font-size: 15px;
background-color: #fff;
width: auto;
border: 1px solid #8c8c8b;
overflow: hidden;
}
form.small {
width: 400px;
}
form img {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
form fieldset {
border: 0;
margin: 0;
padding: 0;
width: 400px;
box-sizing: border-box;
}
form fieldset:first-child {
float: left;
}
form fieldset:last-child {
float: right;
}
form fieldset a:hover {
text-decoration: none;
}
form fieldset legend {
padding: 0 0 25px 0;
font-size: 17px;
}
form fieldset legend a {
color: #212121;
}
form fieldset div#error {
padding: 0 0 25px 0;
font-size: 15px;
color: #212121;
margin: 0;
}
form fieldset div#error ul {
padding: 0 25px;
margin: 0;
}
form fieldset label {
width: 100%;
display: block;
line-height: 25px;
font-size: 15px;
margin: 0 0 15px 0;
}
form fieldset a#forgot {
width: 100%;
display: block;
line-height: 15px;
font-size: 13px;
margin: 0 0 15px 0;
color: #212121;
}
form fieldset a#cancel {
line-height: 37px;
font-size: 15px;
margin: 0;
color: #212121;
float: right;
}
form fieldset label input, form fieldset label select, form fieldset label textarea {
width: 100%;
padding: 10px 10px;
font-size: 15px;
font-family: "Arial";
border: 1px solid #8c8c8b;
box-sizing: border-box;
}
form fieldset label#person {
margin: 40px 0 100px 0;
}
form fieldset label#person input {
width: auto;
padding: 0;
margin: 2px 15px 0 0;
border: 0;
float: left;
}
form fieldset label#person span {
display: block;
float: right;
width: 368px;
font-size: 11px;
line-height: 15px;
}
form fieldset label#person span.error {
color: #e9004c;
}
form fieldset label#person2 {
margin: 0 0 25px 0;
overflow: hidden;
}
form fieldset label#person2 input {
width: auto;
padding: 0;
margin: 2px 15px 0 0;
border: 0;
float: left;
}
form fieldset label#person2 span {
display: block;
float: right;
width: 330px;
font-size: 11px;
line-height: 15px;
}
form fieldset label#person2 span.error {
color: #e9004c;
}
form fieldset label input#mailer {
width: auto;
padding: 0;
margin: 27px 10px 25px 0;
border: 0;
}
form fieldset label input.error {
border: 1px solid #e9004c;
}
form fieldset label input.captcha {
width: 240px;
float: right;
}
form fieldset label img {
float: left;
margin: 0 10px 0 0;
position: static;
border: 1px solid #8c8c8b;
height: 39px;
}
form fieldset label img#refresh {
border: 0;
width: 32px;
height: 32px;
cursor: pointer;
margin: 5px 10px 0 0;
}
form fieldset label div {
overflow: hidden;
}
form fieldset label textarea {
height: 366px;
}
form fieldset label textarea.error {
border: 1px solid #e9004c;
}
form fieldset button {
background-color: #fff;
border: 0;
padding: 10px 25px;
font-size: 15px;
color: #212121;
text-transform: uppercase;
margin: 25px 0 0 25px;
float: right;
border: 1px solid #8c8c8b;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
form fieldset button:hover {
box-shadow: none;
}
div#seats div {
position: absolute;
width: 13px;
height: 13px;
border: 1px solid #8c8c8b;
margin: 0;
padding: 0;
background-color: #f1f1f1;
/*border-radius: 5px 5px 0 0;*/
background-image: url("../images/ico_user_seat.png");
}
div#seats div.active {
background-image: none;
}
div#seats div.active:hover {
border: 1px solid #212121;
}
div#seats div.zone0 {
background-color: #d24a43;
}
div#seats div.zone1 {
background-color: #fff343;
}
div#seats div.zone2 {
background-color: #52ac62;
}
div#seats div.zone3 {
background-color: #3eb5f1;
}
div#seats div.zone4 {
background-color: #4d59a1;
}
div#seats div.zone5 {
background-color: #d7569c;
}
div#seats div.zone6 {
background-color: #000;
}
div#seats div.selected {
background-color: #e9004c;
background-image: url("../images/ico_user_seat_selected.png");
}
div#test {
background-color: #972941;
}
div#test div {
width: 950px;
margin: 0 auto;
color: #fff;
line-height: 30px;
font-size: 13px;
}
div#test div a {
color: #fff;
}
html body section#inner main ul#sp {
list-style: none;
padding: 5px 0;
margin: 0;
display: block;
}
html body section#inner main ul#sp li {
display: block;
overflow: hidden;
padding: 5px 0;
}
html body section#inner main ul#sp li input {
padding: 0;
margin: 6px 15px 0 0;
float: left;
/*visibility: hidden;*/
}
html body section#inner main ul#sp li span {
display: inline;
font-size: 19px;
color: #212121;
text-transform: uppercase;
cursor: pointer;
}
html body section#inner main ul#sp li span:hover {
color: #212121;
}
html body section#inner main ul#sp li ul {
display: none;
padding: 5px 0;
}
html body section#inner main ul#sp li ul li {
display: block;
margin: 0 0 0 25px;
overflow: hidden;
}
html body section#inner main ul#sp li ul li input {
padding: 0;
margin: 6px 15px 0 0;
float: left;
visibility: visible;
}
html body section#inner main ul#sp li ul li span {
font-weight: normal;
width: 835px;
float: left;
font-size: 15px;
text-transform: none;
cursor: default;
}
html body section#inner main ul#sp li ul li span:hover {
color: #212121;
}
html body section#inner main ul#sp li ul li b {
font-weight: normal;
}
#cart_sub {
display: none;
width: 100%;
box-shadow: 0 -15px 20px rgba(0,0,0,0.2);
background-color: #fff;
padding: 25px 0;
text-align: center;
position: fixed;
bottom: 0;
}
#cart_sub div {
width: 1000px;
margin: 0 auto;
padding: 0 25px;
position: relative;
box-sizing: border-box;
}
#cart_sub div div {
width: 300px;
float: left;
margin: 0 0 0 25px;
text-align: left;
line-height: 40px;
}
#cart_sub div div:first-child {
margin: 0;
}
#cart_sub div div#buttons_sub {
}
#cart_sub div div#buttons_sub button {
padding: 10px 20px;
font-size: 15px;
text-transform: uppercase;
border: 0;
cursor: pointer;
height: 40px;
background-color: #fff;
border: 1px solid #8c8c8b;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
color: #212121;
}
#cart_sub div div#buttons_sub button:hover {
box-shadow: none;
}
#subbackground {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
}
#subbackground form.sub {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
width: 400px;
height: 420px;
box-shadow: 0 5px 35px rgba(0,0,0,0.5);
}
#subbackground form fieldset {
width: 100%;
clear: left;
}
#subbackground form fieldset button {
margin: 0 0 0 25px;
}
form fieldset label img.subclose {
float: left;
margin: 0 10px 0 0;
position: static;
border: 1px solid #8c8c8b;
height: 39px;
}
div.video {
display: block;
width: 100%;
margin: 0 0 10px 0;
}
div.video h2 {
display: block;
font-weight: normal;
text-transform: uppercase;
padding: 25px 0;
margin: 0 auto;
width: 950px;
}
div.video div {
width: 100%;
margin: 0;
background-color: #212121;
}
div.video div iframe {
display: block;
width: 950px;
height: 535px;
border: 0;
margin: 0 auto;
}
html body section#tour {
display: block;
width: 100%;
height: 563px;
}
html body section#tour div#pano {
width: 100%;
height: 563px;
border: 0;
}
html body.dark {
background-image: url("/userfiles/bg/ni.jpg");
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
background-attachment: fixed;
}
html body.dark section#inner div#heading h1,
html body.dark section#inner div.video h2,
html body.dark section#inner div.photo h2,
html body.dark section#inner div#program h2,
html body.dark section#inner div#art div h2,
html body.dark section#inner div#genre div h2,
html body.dark section#inner div.list div div.attr em,
html body.dark section#inner div.list div.details div.attr span.fest a,
html body.dark section#inner div.list div.details div.buy span,
html body.dark section#inner main,
html body.dark section#inner div#art div ul li,
html body.dark section#inner div#genre div ul li,
html body.dark section#inner div#art div ul li a,
html body.dark section#inner div#genre div ul li a,
html body.dark section#inner div#program,
html body.dark section#inner div#brief
{
color: #fff;
text-shadow: 0 0 2px #000;
}
html body.dark section#inner div#back a {
background-color: #fff;
}
html body.dark section#inner div.list div div.buy a.red {
background-color: #fff;
color: #212121;
}