@charset "UTF-8"; html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } audio, canvas, progress, video { display: inline-block; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5rem; } sub { bottom: -0.25rem; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1rem 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1rem; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; text-transform: none; } select { text-transform: none; } button, html input[type="button"] { -webkit-appearance: button; cursor: pointer; } input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input::-moz-focus-inner { border: 0; padding: 0; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35rem 0.625rem 0.75rem; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } body { -webkit-backface-visibility: hidden; } .animated, .gallery-show .gallery-show-list .gallery-show-list-item .slick-next, .gallery-show .gallery-show-list .gallery-show-list-item .slick-prev { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite, .gallery-show .gallery-show-list .gallery-show-list-item .infinite.slick-next, .gallery-show .gallery-show-list .gallery-show-list-item .infinite.slick-prev { animation-iteration-count: infinite; } .animated.hinge, .gallery-show .gallery-show-list .gallery-show-list-item .hinge.slick-next, .gallery-show .gallery-show-list .gallery-show-list-item .hinge.slick-prev { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .gallery-show .gallery-show-list .gallery-show-list-item .bounceIn.slick-next, .gallery-show .gallery-show-list .gallery-show-list-item .bounceIn.slick-prev, .animated.bounceOut, .gallery-show .gallery-show-list .gallery-show-list-item .bounceOut.slick-next, .gallery-show .gallery-show-list .gallery-show-list-item .bounceOut.slick-prev { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; } .animated.flipOutX, .gallery-show .gallery-show-list .gallery-show-list-item .flipOutX.slick-next, .gallery-show .gallery-show-list .gallery-show-list-item .flipOutX.slick-prev, .animated.flipOutY, .gallery-show .gallery-show-list .gallery-show-list-item .flipOutY.slick-next, .gallery-show .gallery-show-list .gallery-show-list-item .flipOutY.slick-prev { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft, .gallery-show .gallery-show-list .gallery-show-list-item .slick-slider:hover .slick-next { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight, .gallery-show .gallery-show-list .gallery-show-list-item .slick-slider:hover .slick-prev { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft, .gallery-show .gallery-show-list .gallery-show-list-item .slick-next { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight, .gallery-show .gallery-show-list .gallery-show-list-item .slick-prev { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; } html { font-size: 100%; line-height: 1.5em; } .login-search-content, .show, .faq, .cart, .policy { background-color: #F4F4F4; } .sign { background-color: #E5EFEE; } .faq-content .tab-content, .policy-wrap { overflow: hidden; background-color: #FFF; border: 1px solid #F08200; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .show-content h2, .cart-summary h2, .cart-finished h2 { margin-bottom: 24px; padding-left: 32px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAbCAYAAAEGxu8JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjgzREMyQkM4RkFFMTFFNTk3MTZGMUE0OUE3RkZCQ0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTlDMDczNzg4RkUzMTFFNTk3MTZGMUE0OUE3RkZCQ0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyODNEQzJCQThGQUUxMUU1OTcxNkYxQTQ5QTdGRkJDQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyODNEQzJCQjhGQUUxMUU1OTcxNkYxQTQ5QTdGRkJDQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn5gTOIAAAPXSURBVHjaYmAAglchLBkgmglEaIWYG8E5NdJPtjEgA7md794CBBADJkjcrvsQRDMyzHv8X0qKmwEggMCiHzsY5r/NZ/gMUwU20kvDVL3dTzUAJsgIJte//s/w7Xc6AzcbD0OASB9AADFAnWX+NpeBFcRmARHMkn9OMItCdIEF1K2tg4DUZgaGoxDDNTh/dpdIPrsN16LM9kuZg+kfklM3vPnPMOfRf4jVIAY3JwMDJ6OkHCfTc4AAYoQpepvNEPvvK1MhE+8/Q0YuhqtCnQw6KL4AATZdhiUcFv+kQU5i5mdgRg4QFhhDUcC6BEiJMQiAuRogp2Io0uL8mQOig4ReOwKp/QUM2MDy504My18kgdmLn61DloK4ac6jgwxff+9l+PprN5jPyxYA9i5KSM97/I2Bk+M+kCXJECkqBBIS3/7uFTsTAyhkrwIEEDwIgKEPMjWBSejvY5FZ/3djWgdiCP49ySz2p5iR/f+uD00MPTgU/ecGho4WswjDMyDXCWs4sSox3Pj7jkGc4Q+DFFCxNq7ADAYG5FQg8+ibiKMfsFoHBKD4zgTiJSIrrCdiVQRMKHeV2H8llko9uwtMML5YrQOqBiae/wzsjP+UGRhRIwOuSIXtJ8Pf/4z/GfCClS93gemlzzIYlj3XwzRpzqPJDOzMrsBItgPG4XQGZkZElIGdMucRiJPD8ObbN4ZIyUMMIlymDIKcoPQ8CxHBcx//Zvj/nwWcphkYVgMjOIxpw5vPMpxMPFA1HEwMzEzHGFhZXgE5oHxyBCTKw8IogeSkvwABGqtiloahIHzvNY2Jra22Wuzg4uAkheLm6FJctKs6Orro6Orm7tAhCv0BLro6OYgoKKKDCoJWdNEgmEJomyZ+L01raV8gBx+5d4F7d/fuu2OD8QfdcAyUg4e/ZZpXhPoAgiyBIF+yvJVBQ3zOqbgWlftMRZDZ5BM0K1ofmI/kSJmhc69JC84HZXGsI8Mpn2gdOQl7CSYzWhXfvkEeLXsNjBwX6TDaTe3Qb2RHaLa4X3Wi1YFfF0AJHVuXOeIS22Wfk0fgOtAXgZewiIZqhLmS7TvuY768BkUWktsOccQlhnxXH+Wu6JUkRZChiAqavYLPHnAHiIEhyFAFUsBztGIbtTRldJM4i5Egnt0qoO2nyXY6LFO4TeNaGpukFZ6aURM3m2Q1Y9RoE9bPFa3n77GCzkiPv5GKgZ5QBZG+QbKcPKLD903cbPy75wbpI4KRNyBfO9g4R2JFMj8w8pIxtjamsCfxkrVSxmJU/eTUcto9J5qKhdJbJz/dMS0kcWoeZFW2JSnR5B8YQg0vl3J9hQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: 4px center; border-bottom: 1px solid #00B0EC; line-height: 34px; font-size: 20px; color: #00B0EC; } ._block, .login-name .login-member.show, .login-name .login-member .arrow, .login-name .login-member .arrow::after, .showvideo, table.table-seat td img, .block-map-row .map-color, .not-for-sale .map-color, .seat-wrap .col > .seat span, .credit-info-item .key small, .credit-item .key small, .member-list .member-list-my table em, .member-info form .btn-orange-submit, .gallery-show .gallery-show-main .gallery-show-main-txt .title small, .gallery-show time, .gallery-show time span:first-child, .list-group .list-group-item a, .list-group .list-group-item time, form .radio-block input[type="radio"]:checked + label.circle > span, form.form-orange label, form.form-blue label, form.form-grey label { display: block; } ._relative, .top, .nav-logo > a > img, .login-name, .hero-wrap, .clndr-wrap .clndr-title, .block-map-row.th div, .block-map-row div:nth-child(5), .seat-map li, .seat-map li::before, .credit-name-item .mail-value .help, .member-list .input-block.time .value, form .helper { position: relative; } ._absolute, .login-name .login-member, .login-name .login-member .arrow, .login-name .login-member .arrow::after, .hero-wrap .title .photo, .clndr-wrap .clndr-title h1, .member-list .input-block.time .value::after { position: absolute; } ._centerblock, .seat-wrap .col > .seat span, .member-list-content .list-ticket .list-ticket-content .right img, .member-info form .btn-orange-submit, .gallery-show .gallery-show-list .gallery-show-list-item img { margin-right: auto; margin-left: auto; } ._marginright2, .seat-map li::before { margin-right: 0.125rem; } ._marginright4, .button-send a, form .checkbox input[type="checkbox"] { margin-right: 0.25rem; } ._marginright6, .sign-progress ul li::after { margin-right: 0.375rem; } ._marginright8, .seat-wrap { margin-right: 0.5rem; } ._marginright16 { margin-right: 1rem; } ._marginbottom0, .show-main-pic.slick-slider, .cart form .cart-item .value select, .cart2-table-wrap table, .notice-tab .nav.nav-tabs > li.active > a, .notice-tab .nav.nav-tabs li:hover > a, .gallery-show .gallery-show-list .gallery-show-list-item .slick-slider, .free-table, form .checkbox input[type="checkbox"] { margin-bottom: 0; } ._marginbottom2, .member-list-content .list-ticket .list-ticket-title div { margin-bottom: 0.125rem; } ._marginbottom4, .member-list-content .list-ticket .list-ticket-title, #browser > .block > a > i { margin-bottom: 0.25rem; } ._marginbottom6 { margin-bottom: 0.375rem; } ._marginbottom8, .news-content ul, .news-content ol, .news-content p, .cart form .cart-item, .stage, .cart-summary ul.attention, .member-list-content .list-ticket .list-ticket-content, .policy-wrap p, .policy-wrap li, .h2-blue, .h2-orange, .gallery-show .gallery-show-main, .gallery-show .gallery-show-list .gallery-show-list-item, .gallery-show time, .list-group { margin-bottom: 0.25rem; } ._marginbottom16, .cart-finished h1, .cart-finished.attention, table, form input, form select, form textarea, form button, form .radio, form .checkbox { margin-bottom: 1rem; } ._marginbottom24, .js-show-content-info .info-video .video-container, .member-list-content .list-base { margin-bottom: 1.5rem; } ._marginbottom32, .cart .cart2-wrap, .cart .seat-map-wrap { margin-bottom: 2rem; } ._marginbottom40, .cart-summary .end-summary, .cart-finished p.summary, .member-table, .finished-table, .free-table { margin-bottom: 2.5rem; } ._marginleft2 { margin-left: 0.125rem; } ._marginleft4, .seat-map li::before, .button-send a { margin-left: 0.25rem; } ._marginleft6 { margin-left: 0.375rem; } ._marginleft8, .seat-wrap { margin-left: 0.5rem; } ._marginleft12, .sign-progress ul li::after { margin-left: 0.75rem; } ._marginleft16, .block-map-row .map-color, .not-for-sale .map-color { margin-left: 1rem; } ._paddingleft0, .block-map-row div, .not-for-sale div:nth-child(1), .not-for-sale div:nth-child(2), .seat-map ul, .cart-summary .end-summary ul, .member-list-content .list-ticket .list-ticket-content .left ul, .list-group { padding-left: 0; } ._paddingright0, .block-map-row div, .not-for-sale div:nth-child(1), .not-for-sale div:nth-child(2) { padding-right: 0; } ._bgwhite, .nav-logo.show, .block-wrap .block-map, .cart2-table-wrap, .button-send .btn-grey, .member-content .nav-tabs > li > a:hover, .member-content .nav-tabs > li > a:focus, .member-content .nav-tabs > li.active > a, .member-content .tab-content, .gallery-show .gallery-show-list .gallery-show-list-item, form input, form select, form textarea, form button, form .radio { background-color: #FFF; } ._bgtrans, .faq-content .nav-tabs > li > a:hover, .faq-content .nav-tabs > li a:focus, .faq-content .nav-tabs > li.active > a, .faq-content .nav-tabs li:hover > a, .faq-content .nav-tabs li:focus > a, table.table-seat td.space, .member-table .btn, .finished-table .btn, .free-table .btn { background-color: transparent; } ._border { border: 0.0625rem solid rgba(0, 0, 0, 0.1); } ._lineheight14, .seat-wrap .col > .seat p, .gallery-show time { line-height: 0.875rem; } ._lineheight16, .credit-info-item .key, .credit-item .key { line-height: 1rem; } ._lineheight18, .block-map-row.th div, .block-map-row div:nth-child(5), .gallery-show .gallery-show-main .gallery-show-main-txt .title small { line-height: 1.125rem; } ._lineheight20, .member-info form label.id-num, .gallery-show .gallery-show-list .gallery-show-list-item h3 { line-height: 1.25rem; } ._lineheight24 { line-height: 1.5rem; } ._lineheight26, .gallery-show .gallery-show-main .gallery-show-main-txt .title { line-height: 1.625rem; } ._lineheight28 { line-height: 1.75rem; } ._lineheight30, .js-show-content-info .info-txt p { line-height: 1.875rem; } ._lineheight32, .credit-name-item .key, .credit-name-item .ex, .credit-info-item .value span, .credit-item .value span, .member-list .input-block .key label, .member-list .input-block.time .value::after, form .radio { line-height: 2rem; } ._lineheight34, .block-wrap h3 { line-height: 2.125rem; } ._lineheight36, .block-map-row div:nth-child(2), .block-map-row div:nth-child(3), .block-map-row div:nth-child(4), .not-for-sale { line-height: 2.25rem; } ._lineheight40, .member-info form label, .member-info form input, .member-info form select, .member-info form .btn { line-height: 2.5rem; } ._txtleft, .not-for-sale div:nth-child(2), .cart-finished.attention p, a.to-top span, .gallery-show .gallery-show-list .gallery-show-list-item h3, .member-table caption, .finished-table caption, .free-table caption, .member-table .promot td, .finished-table .promot td, .free-table .promot td { text-align: left; } ._txtcenter, .header-wrap, .app-header .nav-app h1, .index-category-wrap > a, .block-wrap h3, .stage, .block-map-row, .not-for-sale, .seat-map ul, .seat-number p, .seat-wrap .col > .seat p, .cart2-right p, .cart-summary .end-summary ul, .cart-credit .checkbox, .credit-info-item .value > input[type="number"], .credit-item .value > input[type="number"], .cart-finished h1, .cart-finished p, .button-send, p.alert-confirm, .member-list-content .key, .member-list-content .list-ticket .list-ticket-title div:nth-child(1), .member-list-content .list-ticket .list-ticket-content .left ul li:nth-child(1), .alert, a.to-top, .alert-fancybox > h3, #browser > .block > a, .gallery-show .gallery-show-list .gallery-show-list-item, .member-table th, .finished-table th, .free-table th, .member-table td, .finished-table td, .free-table td { text-align: center; } ._txtright, .cart form .cart-item .key, .credit-name-item .key, .credit-info-item .key, .credit-item .key, .cart-finished p.summary, .member-list .input-block .key label, .member-info form .input-block label, .h2-blue small a, .h2-orange small a, form h6 { text-align: right; } ._font12, .seat-wrap .col > .seat p, .credit-info-item .key small, .credit-item .key small, .login-form li:first-child::after, .gallery-show time { font-size: 0.75rem; } ._font13, .showvideo, .cart2-right p, .cart-summary ul.attention li, .credit-name-item .mail-value .help, .list-refund .alert-refund p, .list-refund .alert-refund li, .list-group .list-group-item a time, form .helper { font-size: 0.8125rem; } ._font14, .faq-content .tab-content p, .faq-content .tab-content a, .faq-content .tab-content li, .cart-finished p.summary, .cart-finished.attention p, p.alert-confirm, .policy-wrap p, .policy-wrap a, .policy-wrap li, form .checkbox, form .checkbox a { font-size: 0.875rem; } ._font15, .js-show-content-info .info-txt p, .block-wrap h3, .cart-credit .radio-block .radio-block-right p, .gallery-show .gallery-show-main .gallery-show-main-txt p, .list-group .list-group-item a, .member-table th, .finished-table th, .free-table th, .member-table td, .finished-table td, .free-table td { font-size: 0.9375rem; } ._font16, .seat-map li, .gallery-show .gallery-show-list .gallery-show-list-item h3 { font-size: 1rem; } ._font18, .cart-credit h2, .gallery-show .gallery-show-main .gallery-show-main-txt .title { font-size: 1.125rem; } ._font20 { font-size: 1.25rem; } ._txtwhite, .top .login > ul > li > a, .top .login > ul > li.lang-tw::before, .faq-content .nav-tabs > li > a:hover, .faq-content .nav-tabs > li a:focus, .faq-content .nav-tabs > li.active > a, .block-wrap h3, .member-list-content .list-ticket .list-ticket-title div, .notice-tab .nav.nav-tabs > li > a, .notice-tab .nav.nav-tabs > li.active > a, .notice-tab .nav.nav-tabs li:hover > a, .member-table.cart-normal caption, .cart-normal.finished-table caption, .free-table caption, .member-table.free-table caption, .free-table.finished-table caption, .member-table.cart-discount caption, .cart-discount.finished-table caption, .cart-discount.free-table caption, .member-table.cart-set caption, .cart-set.finished-table caption, .cart-set.free-table caption { color: #FFF; } ._txt55, .member-content .nav-tabs > li > a:hover, .member-content .nav-tabs > li > a:focus, .member-content .nav-tabs > li.active > a, .member-list .input-block .key label, .member-list .input-block.time .value::after, .login-form li a, form .radio-block label.label { color: #555; } ._txt53, .gallery-show .gallery-show-main .gallery-show-main-txt .title, .list-group .list-group-item a { color: #535353; } ._txtgrey { color: #959595; } ._txtorange, .showvideo, .search-wrap .search-page li:hover, .search-wrap .search-page li:focus, .cart-credit h2, .cart-finished p.summary span, .cart-finished.attention h3, form .helper, form.form-orange label { color: #F08200; } ._txtblue, nav.slide li a:hover, nav.slide li a:focus, .sign-progress ul li.active::after, .seat-number p span, .gallery-show time, .list-group .list-group-item a time, form.form-blue label { color: #00B0EC; } ._txtgreen, .login-name .login-member > ul > li > a:hover { color: #90C31F; } *, *::before, *::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { letter-spacing: 0.08rem; color: #555; font-weight: normal; vertical-align: middle; font-family: \5FAE\8EDF\6B63\9ED1\9AD4, Microsoft JhengHei, MingLiU, sans-serif; } h1, h2, h3, h4, h5, h6, th, .h1, .h2, .h3, .h4, .h5, .h6, .th, p, a, ul, ol, li, td, dl, dt, dd, input, button { margin-top: 0; margin-bottom: 0; font-family: \5FAE\8EDF\6B63\9ED1\9AD4, Microsoft JhengHei, MingLiU, sans-serif; } h1, .h1, h2, .h2, h3, .h3 { line-height: 48px; } h4, .h4, h5, .h5, h6, .h6, p, a, ul, ol, li, td, dl, dt, dd, input, button { line-height: 24px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: bold; } p, a { font-weight: normal; font-size: 1rem; } a { color: #039BE5; text-decoration: none; } a:hover { color: #01579B; } a:hover, a:focus { text-decoration: underline; } table, th, tr, td { border: 1px solid #555; } table { width: 100%; } th, td { padding: 0.5em 0.5em; } th { text-align: center; } input { outline: none; } hr { margin: 11px 2rem 12px; border: 0; border-top: 1px solid #cacaca; } .loading-mask { position: fixed; z-index: 9999; top: 0; bottom: 0; left: 0; right: 0; background: #F4F4F4; top: 0; height: 100%; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .loading-mask.is-remove { top: -20px; height: 0; } .loading-sets { position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -20px; } .loading { width: 10px; height: 10px; background: #FFF; border-radius: 100%; float: left; margin-right: 5px; } .loading-0 { -webkit-animation: bounce 1s infinite; -webkit-animation-delay: 0.1s; background: #F08200; } .loading-1 { -webkit-animation: bounce 1s infinite; -webkit-animation-delay: 0.3s; background: #90C31F; } .loading-2 { -webkit-animation: bounce 1s infinite; -webkit-animation-delay: 0.5s; background: #00B0EC; } .loading-3 { -webkit-animation: bounce 1s infinite ease; -webkit-animation-delay: 0.7s; background: #14A83B; } @-webkit-keyframes bounce { 0%, 100% { opacity: 1; } 60% { opacity: 0; } } /* 使用方式 * jass： * // 頁面讀取中 * .js-loading-mask.loading-mask * .loading-sets * .loading.loading-0 * .loading.loading-1 * .loading.loading-2 * * jquery： * window.onload = function() { * setTimeout(function() { * $('.js-loading-mask').addClass('is-remove'); * }, 800); * }; */ .btn { display: inline-block; padding: 4px 24px; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; text-align: center; text-decoration: none; outline: 0; } .btn:hover, .btn:focus, .btn:active { text-decoration: none; outline: 0; } .btn:active { -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn[disabled] { cursor: not-allowed; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .btn-block { display: block; width: 100%; font-size: 1em; line-height: 1.5em; } .btn-orange { background-color: transparent; border: 1px solid #F08200; color: #F08200; } .btn-orange:hover, .btn-orange:focus { background-color: #F08200; color: #FFF; } .btn-orange-submit { background-color: #F08200; color: #FFF; } .btn-orange-submit:hover, .btn-orange-submit:focus { background-color: #EB6100; color: #FFF; } .btn-green-submit { background-color: #90C31F; color: #FFF; } .btn-green-submit:hover, .btn-green-submit:focus { background-color: #14A83B; color: #FFF; } .btn-blue { background-color: #FFF; border: 1px solid #00B0EC; color: #00B0EC; } .btn-blue:hover, .btn-blue:focus, .btn-blue.js-active { background-color: #00B0EC; color: #FFF; } .btn-blue-submit { background-color: #00B0EC; color: #FFF; } .btn-blue-submit:hover, .btn-blue-submit:focus { background-color: #007eba; color: #FFF; } .btn-grey { background-color: transparent; border: 1px solid #959595; color: #959595; } .btn-grey:hover, .btn-grey:focus { background-color: #959595; color: #FFF; } .btn-grey[disabled]:hover, .btn-grey[disabled]:focus { background-color: transparent; color: #959595; } .btn-grey-submit { background-color: #DCDCDC; color: #FFF; } .btn-grey-submit:hover, .btn-grey-submit:focus { background-color: #aaaaaa; } .btn-fb { padding: 0 2px; height: 20px; line-height: 20px; border: none; vertical-align: bottom; font-size: 12px; font-weight: bold; color: #FFF; cursor: pointer; white-space: nowrap; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNjliYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNiNTVhMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4c69ba), color-stop(100%, #3b55a0)); background: -moz-linear-gradient(#4c69ba, #3b55a0); background: -webkit-linear-gradient(#4c69ba, #3b55a0); background: linear-gradient(#4c69ba, #3b55a0); text-shadow: 0 -1px 0 #354c8c; } .btn-fb:hover, .btn-fb:focus { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViN2JkNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ4NjRiMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5b7bd5), color-stop(100%, #4864b1)); background: -moz-linear-gradient(#5b7bd5, #4864b1); background: -webkit-linear-gradient(#5b7bd5, #4864b1); background: linear-gradient(#5b7bd5, #4864b1); border-color: #5874c3 #4961a8 #41599f; -moz-box-shadow: inset 0 0 1px #607fd6; -webkit-box-shadow: inset 0 0 1px #607fd6; box-shadow: inset 0 0 1px #607fd6; color: #FFF; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* 使用方式 * .video-container * iframe(src="https://www.youtube.com/embed/YygVVvuIWm4", frameborder="0", allowfullscreen) */ .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-device-width: 480px) { .table-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive .table > thead > tr > th, .table-responsive .table > thead > tr > td, .table-responsive .table > tbody > tr > th, .table-responsive .table > tbody > tr > td, .table-responsive .table > tfoot > tr > th, .table-responsive .table > tfoot > tr > td { white-space: nowrap; } } a.tooltip { display: block; outline: none; } a.tooltip strong { line-height: 30px; } a.tooltip:hover { text-decoration: none; } a.tooltip span { z-index: 10; display: none; padding: 8px; margin-top: -3%; margin-left: 4%; line-height: 16px; } a.tooltip:hover span { display: inline; position: absolute; color: #111; border: 1px solid #DCA; background: #fffAF0; } .callout { z-index: 20; position: absolute; top: 30px; border: 0; left: -12px; } a.tooltip span { border-radius: 4px; -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); } .container-wrap { max-width: 100%; margin-left: auto; margin-right: auto; background-color: #FFF; } .container-wrap:after { content: " "; display: block; clear: both; } @media (max-device-width: 480px) { .fancybox-outer { overflow: scroll; -webkit-overflow-scrolling: touch; } .fancybox-outer > .fancybox-inner { height: calc(100% + 1px) !important; } } .header-wrap header.slide { z-index: 20; } @media (min-width: 769px) { .header-wrap { max-width: 100%; margin-left: auto; margin-right: auto; position: fixed; top: 0; z-index: 100; width: 100%; background-color: #FFF; } .header-wrap:after { content: " "; display: block; clear: both; } .header-wrap header.slide { width: 100%; float: left; margin-left: 0; margin-right: 0; height: auto; background-color: #FFF; } } .top { width: 100%; float: left; margin-left: 0; margin-right: 0; z-index: 20; height: 31px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAfCAIAAAFZnemlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NWViNDE0NC1mMDllLWVkNGMtODYxYi04MWVhZDMwNjFiMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzE1QkQ2RDg4RjdDMTFFNTk3MTZGMUE0OUE3RkZCQ0IiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzE1QkQ2RDc4RjdDMTFFNTk3MTZGMUE0OUE3RkZCQ0IiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjE0Mjk0ZWMtMmQyNC1jMDQ2LTg4MzQtNmFiMDkzMjkwYWI0IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NTVlY2VlMDMtOTRkYi0xMWU1LWE3ZDUtZmVhMjhmNDkwZTQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9OJB6wAAAONJREFUeNpifPfuHQMqYGLAAMQJAQQQ4////6llFkAAMQDNevPmDX4Smz6iDCdPEUAAgdz08eNH/CTD+/fvgSz85PA2CSCAoOngw4cP//79ExISIpvNArTx79+/ECFK2KMuGoouAgggUIqEgAULFlDChho0e/ZsuCh5bJBBc+fOhYuSzWaYP38+XJQS9mgYjYbRaBjRJ4wAAozpPyoA1nYLFy6E1HkDIs6ALDRnzpzXr19jKqWnOMhBwEpg3rx5kDYaMhgQcVDcA1u4mEoHSpxhNA2NpqHRNDSahkbT0GgaIk0cAD6jVz76RFQyAAAAAElFTkSuQmCC'); -moz-transition: box-shadow 0.5s ease; -o-transition: box-shadow 0.5s ease; -webkit-transition: box-shadow 0.5s ease; transition: box-shadow 0.5s ease; } @media (max-width: 768px) { .top { top: 3.75rem; } } @media (min-width: 769px) { .top .login-wrap { max-width: 1020px; margin-left: auto; margin-right: auto; } .top .login-wrap:after { content: " "; display: block; clear: both; } } .top .login { float: right; list-style-type: none; background-color: #90C31F; *zoom: 1; } .top .login, .top .login li { margin: 0; padding: 0; display: inline; } .top .login:after { content: ""; display: table; clear: both; } .top .login > ul > li > a { padding-right: 0.75rem; padding-left: 0.75rem; } .top .login > ul > li.lang a { padding-right: 0.5rem; padding-left: 0.5rem; } .top .login > ul > li.lang-tw a { padding-left: 1rem; } .top .login > ul > li.lang-tw::before { content: "|"; } @media (max-width: 768px) { .top .login { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .top.shadow { -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); } .top.-dev::after, .top.-beta::after { position: absolute; top: 0; left: 0.5rem; padding: 0.25rem 0.5rem; color: white; } .top.-dev::after { content: "Dev."; background-color: #00B0EC; } .top.-beta::after { content: "Beta."; background-color: #F08200; } .top > .-notice { position: absolute; z-index: -1; width: 100%; } .top > .-notice > span { padding: 0.25rem 0.5rem; color: white; } .top.-dev > .-notice > span { background-color: #00B0EC; } .top.-beta > .-notice > span { background-color: #F08200; } @media screen and (max-width: 768px) { .top > .-notice { position: fixed; top: 0; right: 0; width: auto; } } .header-wrap .logo { width: 100%; float: left; margin-left: 0; margin-right: 0; padding-top: 1rem; padding-bottom: 1rem; } @media (max-width: 768px) { .header-wrap .logo { position: relative; top: -26px; padding-top: 0; padding-bottom: 0; } .header-wrap .logo img { max-height: 50px; } } @media (min-width: 769px) { nav.slide { position: static; width: 100%; float: left; margin-left: 0; margin-right: 0; padding-top: 0.25rem; height: 33px; -moz-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; -webkit-transition: box-shadow 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out; } nav.slide.shadow { -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); } } @media (max-width: 768px) { nav.slide.open { width: 32%; } } @media (max-device-width: 480px) { nav.slide.open { width: 75%; } } nav.slide ul { width: 100%; float: left; margin-left: 0; margin-right: 0; } nav.slide li a { color: #606060; } @media (min-width: 769px) { nav.slide li { float: none; position: relative; } nav.slide li::after { content: " ‧ "; position: absolute; top: -0.0625rem; right: -0.25rem; } nav.slide li:last-child::after { content: ""; } nav.slide li a { padding: 0 0.72rem; font-size: 14.5px; } } @media (max-width: 768px) { nav.slide li { text-align: left; } nav.slide li a { padding: 1rem; border-bottom: 0.0625 solid #000; color: #FFF; } } .nav-logo > a { display: inline; padding-right: 0 !important; padding-left: 0 !important; } .nav-logo.show { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .nav-logo.show > a > img { width: auto; } .nav-logo::after { display: none; } .nav-logo > a > img { top: 0.125rem; max-height: 20px; width: 0; } .login-name > a { text-decoration: underline; } .login-name > a:hover, .login-name > a:focus { text-decoration: none; } .login-name > a:hover::after, .login-name > a:focus::after { color: #FFEB3B; } .login-name > a::after { font-family: "FontAwesome"; content: " "; } .login-name .login-member { display: none; top: 2.5rem; left: 0; z-index: 20; padding: 1rem; width: 190px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); } .login-name .login-member .arrow, .login-name .login-member .arrow::after { width: 0; height: 0; border-color: transparent; border-style: solid; } .login-name .login-member .arrow { top: -11px; left: 50%; margin-left: -11px; border-width: 11px; border-top-width: 0; border-bottom-color: rgba(0, 0, 0, 0.1); } .login-name .login-member .arrow::after { content: " "; top: 1px; margin-left: -0.625rem; border-width: 0.625rem; border-top-width: 0; border-bottom-color: #FFF; } .login-name .login-member > ul { margin-bottom: 1rem; } .login-name .login-member > ul > li > a { padding: 0.5rem; padding-left: 3.125rem; width: 100%; border-bottom: 0.0625rem solid #C9C9C9; background-repeat: no-repeat; background-size: 1.25rem; background-position: 18px center; } .login-name .login-member > ul > li > a.cart { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAdCAYAAAG8mV4RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDg4RUREOTE5MDlCMTFFNTk3MTZGMUE0OUE3RkZCQ0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDg4RUREOTI5MDlCMTFFNTk3MTZGMUE0OUE3RkZCQ0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ODhFREQ4RjkwOUIxMUU1OTcxNkYxQTQ5QTdGRkJDQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0ODhFREQ5MDkwOUIxMUU1OTcxNkYxQTQ5QTdGRkJDQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnFGU0cAAALwSURBVHjaYpxwWGEjAwODPwMUMEE5S4FYCYSZoBJPgfgeEH+CCZRC6dcAAcQINOM/kMGIbAaMAzJjIUwLA9SMeGQBEJAHCCCQGQz4ALKO/1jk/7MgcUCWh6IpYERWEAHEK5D4YLsBAgjmDz8g3ozNDSxQo1E8i64ABI4gGYvs8IswBbZQ+gGSJCjUeZFV30czfQOyFSBQiOZNRmQF3EC8Hs2hYIfDrPgKxIZoVsSDCIAAAoWDDJC2BGJHII4FOYyBBACy4QkQrwbiLCDmAWIJNGfgxSxoBpoD8XMkvzDisRxkgCp6+joFlQgg4HKQmgQgvsOCRZITiH8QMGARKLmjxxMM/CTgdJwJHpZk/uNI/OgBmwriAAQQLDkzQJ3NyUAiALkgBIjDgJgDiNnJMWAtNB08BOJGcgyAgSIgLkPinyYiIaUgx8I6tNAHJW85PJbfBeI12KLRBIjPAPEfaGmGDeQC8T8g/oAejcuBuI8Ir08CYmdsCakEWhbjA7BsfQBbQnpGhO1HgbgFvVRDBl8JpEQQqMVngCQQe+DRfANbuYoMPkMTFlmZ6Q7U+W041CdA5T/gMkAZSgfjMMAHSvPjMoAVmpzVcRgQAk3y3DABgAADZefHQFoGi+ItQOzLQGMA8oEsNA/BsCaSdx1p7QAWHMlkFhCnAXE/EBtgUcMFxBqkFL1YAKgAvYqrkQKK5DdQB8ZDKwFksI9KoZPLhEPiI1Lh2oMlsTmhRRuxmBcpC0wG4ilMeFwHyktvgVgUiCuplN7OA7EAEIOaqHnYshEyAJW3xVB2PXLeIxPsBWIVqCMCcOVjdACq/C9B83cHBZbPBmIHaLqyxleUYQNFUDoDiNXIsLwGVHcC8S8g1gPi74SyIbagWwMtxW6SGQJ/kRp+DKQ6gAFLD4CqJSE+IA3E84B4N7SMZybDjlhoKIKqOFN0SXy9JVcg3oUmBgpCKRIs3wNrfKC1O3qJCQGQ5p1o8VhAou/LgfgLEv8CtJiHAwDW4pzAh/5ElgAAAABJRU5ErkJggg=='); } .login-name .login-member > ul > li > a.info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAYAAAF7rFiTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTg2OEZBOUU5MEE5MTFFNTk3MTZGMUE0OUE3RkZCQ0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTg2OEZBOUY5MEE5MTFFNTk3MTZGMUE0OUE3RkZCQ0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODY4RkE5QzkwQTkxMUU1OTcxNkYxQTQ5QTdGRkJDQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5ODY4RkE5RDkwQTkxMUU1OTcxNkYxQTQ5QTdGRkJDQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq2my7YAAAJ2SURBVHjaYpxwWIEBGTBB6f9QzMACFWAEYi6Yiiyo7FcQDRBAjFAz2oC4Cqa/EtkwuMn/YaYDBBAjkr3/kRQxYmhDB0xYdMH4qiDJkzg03gIIIGQ7TYBYA4iXIBs5CYhPA/FimPEwiUxcjpBFEtuGLMEDxPuB+BMQr4MFI7qT54AwEyGPYgCAAGJEjzMg+APEzGhiIEUPcZn2C4sGEHiAzwkbGYgA6JpCgfgjNm9g0+SClPT4gbgXGldpQPwPSW4/LCAEgfQ7BuLBJiZowJMC/ECagoHYEIj3ElD8Gpo/GAECCFs8wTKPMNQVT9EVsKDxU4B4NhK/AYifAbE0viCfjcVZUkCsT1T6QgOF5Gj6S46m9fg0/cGhaQs+TWpYNGwmlGAtgNgAmt5gxUI8EHNjiydQbItA2W+gqeQlqCBES5egdPoBpKkGSQMDlL0eh99ABjCBnNdEQmKFF6GMJKZyHiYG0oEzOZqkmKBOLAPiH0SkChkgng4QYNjyEzpwB+IJ0LKdAUsNsRqIi7DlO2LTqwrUxTtwWAKLgTAgfgLEu8m1CFSdsJMQpqCSs4JUi0BJWpWMCDQg1SJQQ+E2GRZdJifoJpJoCahomUqORSBNy0iwyBdUCJBjEQhEA7E3EH/Do+YitKTZQUqq44PWSYeh5TYon/hBqxhQUhYCYmMg1gFiNqhYIlT9f2jlvgiI3dDLHFiGFYFGvgADdcFqaD6D+2gvDSyBNWGKYRY5AbEeA+1AAcwiPwbaAlChasCE3iygETBigtakj2hkwX9oYbuDBVpnoFeqrNASWxsaf6C2gSQQi0Ll/kHz1iuoI69Di5/L0JIcAwAAQM9+R/xrIUYAAAAASUVORK5CYII='); } .login-name .login-member > ul > li > a.doc { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAgCAYAAAGZcEPqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTg2OEZBQTI5MEE5MTFFNTk3MTZGMUE0OUE3RkZCQ0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTg2OEZBQTM5MEE5MTFFNTk3MTZGMUE0OUE3RkZCQ0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODY4RkFBMDkwQTkxMUU1OTcxNkYxQTQ5QTdGRkJDQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5ODY4RkFBMTkwQTkxMUU1OTcxNkYxQTQ5QTdGRkJDQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psvy+OAAAAKtSURBVHjaYpxwWIEBCtJABAuU8x9KM4IE5IBYDYjlkVXcgqkACCBGqBlpUIFZLFD9R4DYBoj9QAKMQOwCxL+BuJQJqnQ3EB8AMQACiBHJHTCttgwIsAXZGa5AvB/ZjcjO2oOkixGJzcDEQAAABBCyG4SAOARJ7iXMeEsgPoZmdCYTkgQIqEIdJwNz2G6oq0GAFUozwxz1B8nVUlCFD5G9hO4tBnTJ/0hsM3RJRjSNJgABhOxPBjRvvYEGLTbgBMSTWbBogoEbQBwOxDugHvsLxB6wMAJib1g6+IfDBpA/3HFFD0izLBB/BGIBHGpWIlkQgSu0sIUaOugD4lP4NIMSpyQW8X/IGnFpPsJAJABpfgTE/ASciw34AQQQtngGgRgg5sKjcR42J3+AumI1Dk2g+J7JgkMTCIThsfE/Ew5NMFAOzUMgnI8tdLFpAoFmpAwHKoomImu8jUMTCLDhixIVpOwMAz+h9B9Y1gaCX0DMju7UPTgMzgViRyh7G6EU5ILEvg3FIHASn8aFQByHrwDEVVTGQyVxYbxODcVhG6jkeIpL43wgTiDHqYnEOpWJgUwAcupOMvIjA0CA4cqP6MACiDcDsQgDZeAsqJgi5E1LaOY5jmThEQJhiAsXArExqBRmwWPZdjyZjhwAy3dMTDh8dowIC62h8YkL6+FLDCBgDk0UpPjsKBAbAbEpDrmr+CyVBuITJFh2BonNCa1BGdHqLW5CyR5WruGrgrEBc6iPcAEdXL5loSBhnMTS9iEKEMoyidDg+k8ifoIv1Aj59BIQX4Q1wYkEv6E15mdyLQWVIIYMVAaEgreIjKD9D83rYuT6dCu05SlMgkf+Qzsvr8m19Ca+5i4l1dN3KJsPiO2A+DID9QHIHhMo+zMLNBhAwTcN2n7hZqANeADtas4GADwYn3PdXQImAAAAAElFTkSuQmCC'); } .login-name .login-member > ul > li > a:hover { text-decoration: none; border-bottom-color: #90C31F; } .login-search-content { width: 100%; float: left; margin-left: 0; margin-right: 0; padding-top: 0; padding-right: 0.5rem; padding-left: 0.5rem; height: 0; overflow: hidden; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } @media (max-width: 768px) { .login-search-content { position: absolute; top: 5.625rem; -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); } } .login-search-content .login-search-content-wrap { max-width: 620px; margin-left: auto; margin-right: auto; } .login-search-content .login-search-content-wrap:after { content: " "; display: block; clear: both; } .login-search-content .login-search-content-wrap .txt { width: 83.05085%; float: left; margin-right: 1.69492%; } .login-search-content .login-search-content-wrap .txt input { padding: 0 0.125rem 0 0.25rem; height: 30px; } .login-search-content .login-search-content-wrap .button { width: 15.25424%; float: right; margin-right: 0; } .login-search-content.show { padding-top: 1rem; height: 64px; } @media (max-width: 768px) { .login-search-content .login-search-content-wrap .txt input { padding: 0 0.0625rem; } .login-search-content .button .btn { padding: 0 0.875rem; } } .app-header { overflow: hidden; } .app-header .nav-app { width: 100%; float: left; margin-left: 0; margin-right: 0; position: fixed; z-index: 100; background-color: #FFF; border-bottom: 0.0625rem solid #DCDCDC; -moz-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; -webkit-transition: box-shadow 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out; } .app-header .nav-app.shadow { -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); } .app-header .nav-app h1 { font-size: 1.5rem; color: #00B0EC; } .app-header .nav-app a { display: block; position: absolute; left: 0; padding: 0.625rem 1rem; color: #00B0EC; } .content-app { width: 100%; float: left; margin-left: 0; margin-right: 0; padding-top: 57px; padding-right: 0.5rem; padding-left: 0.5rem; padding-bottom: 0.5rem; min-height: 100%; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .content { background-color: #FFF; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } @media (min-width: 769px) { .content { padding-top: 168px; } .content.add-top { padding-top: 232px; } } @media (max-width: 768px) { .content { padding-top: 30px; } .content.add-top { padding-top: 94px; } } .body-section { max-width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 1rem; } .body-section:after { content: " "; display: block; clear: both; } @media (min-width: 1440px) { .body-section { min-height: 525px; } } @media (max-width: 768px) { .body-section { min-height: 505px; } } @media (min-width: 769px) { .body-section-wrap { max-width: 1020px; margin-left: auto; margin-right: auto; } .body-section-wrap:after { content: " "; display: block; clear: both; } } @media (min-width: 769px) { .body-section-wrap { padding-right: 30px; padding-left: 30px; padding-bottom: 1rem; } } @media (max-width: 768px) { .body-section-wrap { padding-right: 30px; padding-left: 30px; padding-bottom: 1rem; } } @media (max-device-width: 480px) { .body-section-wrap { padding-right: 0.5rem; padding-left: 0.5rem; padding-bottom: 0.5rem; } } .index-carousel { max-width: 100%; margin-left: auto; margin-right: auto; border-bottom: 0.25rem solid #00B0EC; } .index-carousel:after { content: " "; display: block; clear: both; } .index-carousel img { margin: auto; display: block; max-width: 100%; height: auto; } @media (min-width: 540px) { .index-carousel img { width: auto; height: 392px; } } @media (max-device-width: 480px) { .index-carousel img { width: auto; height: 240px; } } .index-carousel a:hover, .index-carousel a:focus { text-decoration: none; outline: none; } .index-wrap { max-width: 100%; margin-left: auto; margin-right: auto; } .index-wrap:after { content: " "; display: block; clear: both; } @media (min-width: 769px) { .index-wrap .index-left { width: 66.10169%; float: left; margin-right: 1.69492%; } } @media (max-device-width: 480px) { .index-wrap .index-left { width: 100%; float: left; margin-left: 0; margin-right: 0; } } @media (min-width: 769px) { .index-wrap .index-right { width: 32.20339%; float: right; margin-right: 0; } } @media (max-device-width: 480px) { .index-wrap .index-right { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .index-right .list-group { max-height: 342px; overflow-y: auto; } .index-right .list-group-item:nth-child(odd) { background-color: #E5E5E5; } .index-news { max-width: 100%; margin-left: auto; margin-right: auto; } .index-news:after { content: " "; display: block; clear: both; } .index-category-wrap { max-width: 100%; margin-left: auto; margin-right: auto; padding: 16px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAADQCAYAAAEBo9/iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NWViNDE0NC1mMDllLWVkNGMtODYxYi04MWVhZDMwNjFiMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzBFQTAyMkE5NEUwMTFFNUI3MkVERDY1Qjc5QUZCMUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzBFQTAyMjk5NEUwMTFFNUI3MkVERDY1Qjc5QUZCMUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OWEyOWE0OWEtNGRiOC0xOTRiLTg1YTMtOTg0ZjEwMWRhZjFiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY1ZWI0MTQ0LWYwOWUtZWQ0Yy04NjFiLTgxZWFkMzA2MWIyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv50DSkAAARXSURBVHjaYrx37x4DPQALEBvTwyImBjqBUYtGLRq1aNSiUYtGLRq1aNSiUYtoCgACsFvHRAAAMAyErv5Ff21kQAErV5kqCAQCgUAgEGgPegHYrWMiAGAQBoD1hH8hcQMLFjpwz5L5cxl486lWkrqS/5o7NwUgICAgICAgICAgICAgICAgICCgvRaAXTs4ARgGASgqpWMEMkT2HyaYQVLXsO/08SjvJtblNDKzTd+995pzxtfo0PrCWOecGGNEhz61WQ1dSogQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECP1B6ArArh2bAAzDUBRU4TVUaf+dPIdAEJwiM5hw5cOl/3V6f+jcnu69Y2aiqkLf0+sc0nb396Dv6pWZFkuQJoggTZAmiCBNEEGaIE0QQZoggiyWIE0QQZogTRBBmiCCNEGaIII0QZoggjRBBGmCNEEEaYIIsmCCNEEEaYI0QQRpggjSBGmCCNIEEWSxBGmC/tWPAOzdMQrEIBRF0Y9kU4KF6MYtBLc1M4EEZge/OIEUF8vAO525/y//vGMMnayv70e6L5WttcY5J55H5+jyi9ba36HO06X3Hnvv91Dn6rLWemPOGTpXXzafQZpBDNIM0gxikGYQgzSDNIMYpBmkGcQgzSAGaQZpBjFIM4hBDGCQZhCDNIM0gxikGcQgzSDNIAZpBjHI5jNIM4hBmkGaQQzSDGKQZpBmEIM0gxhk8xmkGcQgzSDNIAZpBjFIM0gziEGaQQyy+QzSDGKQZpBmEIM0gxikGaQZxCDNIAbZfAZpBjFIM0gziEGaQQzSDNIMYpBmEINsPoM0gxikGaQZxCDNIAZpBmkGMUgzSEd8BGi/3k0shKIwjO6xEhHkFjChIBjYiV1ZioEg2IePJgQVByYa76OAgXXSxQ4P/N/XdV3f8fTmeY6maaJt20jTNDjn7z35C9M0RVEUsW1bdF33csw5v/vvB1qWJcqyjH3fYxzHeDwet0PO+XtPqqqK4zhiGIbI8/x2uK5rcM4/e9L3fWRZ9rLx6rqO8zyDc/7ZNRDnGohzDcS5BuJcA9m4nGsgzjUQ5xqIcw3EOddAnGsgzjUQ5xqIcw1k43KugTjXQJxrIM41kI3LuQbiXANxroE410Cccw3EuQbiXANxroE410A2LucaiHMNxLkG4lwDcc41EOcaiHMNxLkG4pxrIM41EOcaiHMNxLkGsnE510CcayDONRDnGohzroE410CcayDONRDnGsjG5VwDca6BONdAnGsgG5dzDcS5BuJcA3GugTjnGohzDcS5BuJcA3GugWxczjUQ5xqIcw3EuQbinGsgzjUQ5xqIcw3EOddAnGsgzjUQ5xqIcw1k43KugTjXQJxrIM41EOdcA3GugTjXQJxrIM41kI3LuQbiXANxroE410A2LucaiHMNxLkG4lwDcc41EOcaiHMNxLkG4lwD2bicayDONRDn/8J/AOaOHgRbYdT0AAAAAElFTkSuQmCC'); background-color: #F7F7F7; } .index-category-wrap:after { content: " "; display: block; clear: both; } @media (min-width: 769px) { .index-category-wrap > a { width: 15.25424%; float: left; } .index-category-wrap > a:nth-child(6n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .index-category-wrap > a:nth-child(6n + 2) { margin-left: 16.94915%; margin-right: -100%; clear: none; } .index-category-wrap > a:nth-child(6n + 3) { margin-left: 33.89831%; margin-right: -100%; clear: none; } .index-category-wrap > a:nth-child(6n + 4) { margin-left: 50.84746%; margin-right: -100%; clear: none; } .index-category-wrap > a:nth-child(6n + 5) { margin-left: 67.79661%; margin-right: -100%; clear: none; } .index-category-wrap > a:nth-child(6n + 6) { margin-left: 84.74576%; margin-right: -100%; clear: none; } } @media (max-width: 768px) { .index-category-wrap { padding-bottom: 0.5rem; } .index-category-wrap > a { width: 32.20339%; float: left; margin-bottom: 0.54em; } .index-category-wrap > a:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .index-category-wrap > a:nth-child(3n + 2) { margin-left: 33.89831%; margin-right: -100%; clear: none; } .index-category-wrap > a:nth-child(3n + 3) { margin-left: 67.79661%; margin-right: -100%; clear: none; } .index-category-wrap > a p { line-height: 1.5rem; } .index-category-wrap > a img { margin-top: 0.5rem; } } @media (max-device-width: 480px) { .index-category-wrap > a { width: 49.15254%; float: left; } .index-category-wrap > a:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .index-category-wrap > a:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; } } .index-category-wrap > a { border: 0.0625rem solid #DCDCDC; color: #000; } .index-category-wrap > a:first-child { border-color: transparent; } .index-category-wrap > a:first-child:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=87); opacity: 0.87; } .index-category-wrap > a p { line-height: 39px; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .index-category-wrap > a img { display: block; max-width: 100%; height: auto; width: 140px; height: 80px; } .index-category-wrap > a img:first-child { width: auto; height: auto; } .index-film-wrap { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 2.5rem; padding-left: 2.5rem; } .index-film-wrap:after { content: " "; display: block; clear: both; } .index-film-wrap .index-film-item { padding-right: 0.5rem; padding-left: 0.5rem; } .index-film-wrap .index-film-item a.various { top: 0; z-index: 10; width: 100%; height: 100%; } .index-film-wrap .index-film-item img { display: block; max-width: 100%; height: auto; border: 0.0625rem solid #CCC; } .already-sold { width: 100%; height: 177px; background-image: url('/assets/img/../img/index/already-sold-border.png?1461741988'); background-repeat: no-repeat; background-position: center top; background-size: contain; } .already-sold .already-sold-content { padding: 1rem 1rem 2.75rem; overflow: hidden; } .already-sold h2 { max-height: 52px; } @media (max-width: 768px) { .already-sold { text-align: center; } } .spring-content { max-width: 100%; margin-left: auto; margin-right: auto; } .spring-content:after { content: " "; display: block; clear: both; } @media (min-width: 540px) { .spring-content .spring-search { width: 32.20339%; float: left; margin-right: 1.69492%; } .spring-content .spring-news { width: 32.20339%; float: left; margin-right: 1.69492%; } .spring-content .spring-promotion { width: 32.20339%; float: right; margin-right: 0; } } .spring-search form { padding: 1.75rem 1.25rem; border: 0.125rem solid #00B0EC; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .spring-search form input, .spring-search form select, .spring-search form textarea, .spring-search form button { height: 40px; } .spring-search form button:hover, .spring-search form button:focus { color: #007eba; } .spring-search form select { background-color: #EEE; } .spring-search form .date { max-width: 100%; margin-left: auto; margin-right: auto; } .spring-search form .date:after { content: " "; display: block; clear: both; } .spring-search form .date .year { width: 49.15254%; float: left; margin-right: 1.69492%; } .spring-search form .date .month { width: 49.15254%; float: right; margin-right: 0; } @media (max-device-width: 480px) { .spring-search form { margin-bottom: 0.5rem; } } .spring-news .list-group { max-height: 332px; overflow-y: auto; } .spring-news .list-group .list-group-item { padding-top: 0.4375rem; padding-bottom: 0.4375rem; border-bottom: 0.0625rem solid #E5E5E5; } .spring-promotion img { display: block; max-width: 100%; height: auto; } @media (max-device-width: 480px) { .spring-promotion { margin-bottom: 0.5rem; } } .index-spring .gallery-show .gallery-show-list, .clndr .gallery-show .gallery-show-list { padding: 16px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAADQCAYAAAEBo9/iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NWViNDE0NC1mMDllLWVkNGMtODYxYi04MWVhZDMwNjFiMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzBFQTAyMkE5NEUwMTFFNUI3MkVERDY1Qjc5QUZCMUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzBFQTAyMjk5NEUwMTFFNUI3MkVERDY1Qjc5QUZCMUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OWEyOWE0OWEtNGRiOC0xOTRiLTg1YTMtOTg0ZjEwMWRhZjFiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY1ZWI0MTQ0LWYwOWUtZWQ0Yy04NjFiLTgxZWFkMzA2MWIyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv50DSkAAARXSURBVHjaYrx37x4DPQALEBvTwyImBjqBUYtGLRq1aNSiUYtGLRq1aNSiUYtoCgACsFvHRAAAMAyErv5Ff21kQAErV5kqCAQCgUAgEGgPegHYrWMiAGAQBoD1hH8hcQMLFjpwz5L5cxl486lWkrqS/5o7NwUgICAgICAgICAgICAgICAgICCgvRaAXTs4ARgGASgqpWMEMkT2HyaYQVLXsO/08SjvJtblNDKzTd+995pzxtfo0PrCWOecGGNEhz61WQ1dSogQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECP1B6ArArh2bAAzDUBRU4TVUaf+dPIdAEJwiM5hw5cOl/3V6f+jcnu69Y2aiqkLf0+sc0nb396Dv6pWZFkuQJoggTZAmiCBNEEGaIE0QQZoggiyWIE0QQZogTRBBmiCCNEGaIII0QZoggjRBBGmCNEEEaYIIsmCCNEEEaYI0QQRpggjSBGmCCNIEEWSxBGmC/tWPAOzdMQrEIBRF0Y9kU4KF6MYtBLc1M4EEZge/OIEUF8vAO525/y//vGMMnayv70e6L5WttcY5J55H5+jyi9ba36HO06X3Hnvv91Dn6rLWemPOGTpXXzafQZpBDNIM0gxikGYQgzSDNIMYpBmkGcQgzSAGaQZpBjFIM4hBDGCQZhCDNIM0gxikGcQgzSDNIAZpBjHI5jNIM4hBmkGaQQzSDGKQZpBmEIM0gxhk8xmkGcQgzSDNIAZpBjFIM0gziEGaQQyy+QzSDGKQZpBmEIM0gxikGaQZxCDNIAbZfAZpBjFIM0gziEGaQQzSDNIMYpBmEINsPoM0gxikGaQZxCDNIAZpBmkGMUgzSEd8BGi/3k0shKIwjO6xEhHkFjChIBjYiV1ZioEg2IePJgQVByYa76OAgXXSxQ4P/N/XdV3f8fTmeY6maaJt20jTNDjn7z35C9M0RVEUsW1bdF33csw5v/vvB1qWJcqyjH3fYxzHeDwet0PO+XtPqqqK4zhiGIbI8/x2uK5rcM4/e9L3fWRZ9rLx6rqO8zyDc/7ZNRDnGohzDcS5BuJcA9m4nGsgzjUQ5xqIcw3EOddAnGsgzjUQ5xqIcw1k43KugTjXQJxrIM41kI3LuQbiXANxroE410Cccw3EuQbiXANxroE410A2LucaiHMNxLkG4lwDcc41EOcaiHMNxLkG4pxrIM41EOcaiHMNxLkGsnE510CcayDONRDnGohzroE410CcayDONRDnGsjG5VwDca6BONdAnGsgG5dzDcS5BuJcA3GugTjnGohzDcS5BuJcA3GugWxczjUQ5xqIcw3EuQbinGsgzjUQ5xqIcw3EOddAnGsgzjUQ5xqIcw1k43KugTjXQJxrIM41EOdcA3GugTjXQJxrIM41kI3LuQbiXANxroE410A2LucaiHMNxLkG4lwDcc41EOcaiHMNxLkG4lwD2bicayDONRDn/8J/AOaOHgRbYdT0AAAAAElFTkSuQmCC'); background-color: #F7F7F7; } .index-spring .gallery-show .gallery-show-list .gallery-show-list-item, .clndr .gallery-show .gallery-show-list .gallery-show-list-item { width: 32.20339%; float: left; } .index-spring .gallery-show .gallery-show-list .gallery-show-list-item:nth-child(3n + 1), .clndr .gallery-show .gallery-show-list .gallery-show-list-item:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .index-spring .gallery-show .gallery-show-list .gallery-show-list-item:nth-child(3n + 2), .clndr .gallery-show .gallery-show-list .gallery-show-list-item:nth-child(3n + 2) { margin-left: 33.89831%; margin-right: -100%; clear: none; } .index-spring .gallery-show .gallery-show-list .gallery-show-list-item:nth-child(3n + 3), .clndr .gallery-show .gallery-show-list .gallery-show-list-item:nth-child(3n + 3) { margin-left: 67.79661%; margin-right: -100%; clear: none; } .index-spring .gallery-show .gallery-show-list .gallery-show-list-item img, .clndr .gallery-show .gallery-show-list .gallery-show-list-item img { width: 290px; height: 185px; } @media (max-device-width: 480px) { .index-spring .gallery-show .gallery-show-list .gallery-show-list-item, .clndr .gallery-show .gallery-show-list .gallery-show-list-item { width: 99.15254%; float: left; } .index-spring .gallery-show .gallery-show-list .gallery-show-list-item:nth-child(1n + 1), .clndr .gallery-show .gallery-show-list .gallery-show-list-item:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } } .already-show > ul { max-width: 100%; margin-left: auto; margin-right: auto; list-style: none; } .already-show > ul:after { content: " "; display: block; clear: both; } .already-show > ul:nth-child(odd) { background-color: #E5E5E5; } .already-show > ul li { padding-top: 0.25rem; padding-bottom: 0.25rem; } .already-show > ul li:nth-child(1) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; } .already-show > ul li:nth-child(2) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; } .already-show > ul li:nth-child(3) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66667%; float: right; padding-left: 0.83333%; padding-right: 0.83333%; } .already-show > ul li:nth-child(3) a { margin-top: -3px; } .already-show .js-more:hover, .already-show .js-more:active { color: #EB6100; } @media (max-device-width: 480px) { .already-show ul { padding-left: 0; } .already-show ul.th { display: none; } .already-show ul li { padding-top: 0.5rem; padding-bottom: 0.5rem; line-height: 1.5rem; } .already-show ul li:nth-child(1), .already-show ul li:nth-child(2), .already-show ul li:nth-child(3) { width: 95%; float: left; margin-left: 2.5%; margin-right: 2.5%; } .already-show ul .btn { display: block; } } .hero-wrap { max-width: 100%; margin-left: auto; margin-right: auto; } .hero-wrap:after { content: " "; display: block; clear: both; } .hero-wrap img { display: block; max-width: 100%; height: auto; } .hero-wrap .hero img { border-bottom: 0.25rem solid #00B0EC; } .hero-wrap .title { background-color: #E5E5E5; } .hero-wrap .title .photo { bottom: 0.5rem; left: 1.5rem; } .hero-wrap .title .photo img { border: 0.25rem solid #FFF; } .hero-wrap .title .title h1 { padding-left: 13.75rem; line-height: 64px; font-size: 1.75rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media (max-width: 768px) { .hero-wrap .title .photo { bottom: 0.5rem; left: 0.5rem; } .hero-wrap .title .photo img { width: 80%; } .hero-wrap .title .title h1 { padding-left: 10rem; } } @media (max-device-width: 480px) { .hero-wrap .title .photo { bottom: 0.5rem; left: 0.5rem; } .hero-wrap .title .photo img { width: 45%; } .hero-wrap .title .title h1 { padding-left: 6rem; font-size: 1.5rem; } } .responsive-calendar { max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 13px; margin-bottom: 0.625rem; } .responsive-calendar:after { content: " "; display: block; clear: both; } .responsive-calendar .day.header { padding-top: 0.5rem; padding-bottom: 0.5rem; border-bottom-color: #E8E8E8; color: #F08200; } .responsive-calendar .headers, .responsive-calendar .day { border: 0.0625rem solid #E8E8E8; } .responsive-calendar .days, .responsive-calendar .day-headers { max-width: 100%; margin-left: auto; margin-right: auto; } .responsive-calendar .days:after, .responsive-calendar .day-headers:after { content: " "; display: block; clear: both; } .responsive-calendar .day { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 14.28571%; float: left; padding-left: 0.71429%; padding-right: 0.71429%; padding: 0; } .responsive-calendar .day:nth-child(7n + 1) { margin-left: 0; margin-right: -100%; clear: both; } .responsive-calendar .day:nth-child(7n + 2) { margin-left: 14.28571%; margin-right: -100%; clear: none; } .responsive-calendar .day:nth-child(7n + 3) { margin-left: 28.57143%; margin-right: -100%; clear: none; } .responsive-calendar .day:nth-child(7n + 4) { margin-left: 42.85714%; margin-right: -100%; clear: none; } .responsive-calendar .day:nth-child(7n + 5) { margin-left: 57.14286%; margin-right: -100%; clear: none; } .responsive-calendar .day:nth-child(7n + 6) { margin-left: 71.42857%; margin-right: -100%; clear: none; } .responsive-calendar .day:nth-child(7n + 7) { margin-left: 85.71429%; margin-right: -100%; clear: none; } .responsive-calendar .day a { padding-top: 0.375rem; padding-bottom: 0.375rem; cursor: default; } .responsive-calendar .day.active a { background-color: #F08200; cursor: pointer; } .responsive-calendar .day.active a:hover, .responsive-calendar .day.active a:focus { background-color: #EB6100; } .responsive-calendar .day.not-current a:hover, .responsive-calendar .day.not-current a:focus { background-color: transparent; } .responsive-calendar .controls { overflow: hidden; background-color: #F08200; border: 0.0625rem solid #F08200; color: #FFF; } .responsive-calendar .controls h4 { line-height: 3rem; } .responsive-calendar .controls a { line-height: 3rem; color: #FFF; } .responsive-calendar .controls a .btn { margin-top: -3px; padding-top: 0; padding-bottom: 0; } .show-main { max-width: 100%; margin-left: auto; margin-right: auto; } .show-main:after { content: " "; display: block; clear: both; } @media (min-width: 769px) { .show-main .show-main-pic { width: 49.15254%; float: left; margin-right: 1.69492%; } .show-main .show-main-detail { width: 49.15254%; float: right; margin-right: 0; } .show-main .show-main-detail.is-full-width { width: 100%; margin-right: auto; margin-left: auto; text-align: left; } .show-main .show-main-detail.is-full-width small { display: block; } } @media (max-width: 768px) { .show-main .show-main-pic, .show-main .show-main-detail { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .show-main a.js-to-ticket { float: right; *zoom: 1; } .show-main a.js-to-ticket:after { content: ""; display: table; clear: both; } .show-main-pic img { display: block; max-width: 100%; height: auto; } .show-main-pic .slick-dots { bottom: 0; } @media (max-width: 768px) { .show-main-pic img { margin-right: auto; margin-left: auto; } } .show-main-detail h1 { font-size: 2rem; color: #23B4B6; } .show-main-detail ul { list-style: none; } @media (max-device-width: 480px) { .show-main-detail h1 { line-height: 40px; font-size: 2rem; } } .show-main-detail.-set-green h1 { color: #14A83B; } .show-content > ul { padding-left: 2rem; list-style: none; } .show-content > ul > li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .show-content .tab-content { padding: 2.25rem 2.5rem; border: 0.0625rem solid #00B0EC; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } @media (max-width: 768px) { .show-content .tab-content { padding: 0.5rem; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } } @media (min-width: 769px) { .show-content > ul > li { position: relative; padding-right: 0.875rem; padding-left: 0.875rem; } .show-content > ul > li::after { content: "‧"; position: absolute; top: -1px; right: -5px; } .show-content > ul > li:last-child::after { content: ""; } .show-content > ul > li a { color: #606060; } .show-content > ul > li a:hover { text-decoration: none; } .show-content > ul > li.active a, .show-content > ul > li:hover a { border-bottom: 5px solid #00B0EC; color: #00B0EC; } } @media (max-width: 768px) { .show-content > ul { padding-left: 0; border-bottom-color: transparent; } .show-content > ul.nav-tabs > li { width: 32.20339%; float: left; } .show-content > ul.nav-tabs > li:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .show-content > ul.nav-tabs > li:nth-child(3n + 2) { margin-left: 33.89831%; margin-right: -100%; clear: none; } .show-content > ul.nav-tabs > li:nth-child(3n + 3) { margin-left: 67.79661%; margin-right: -100%; clear: none; } .show-content > ul.nav-tabs > li.active, .show-content > ul.nav-tabs > li.active > a { background-color: #00B0EC; border-color: #00B0EC; color: #FFF; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .show-content > ul.nav-tabs > li a { padding-right: 0.25rem; padding-left: 0.25rem; text-align: center; } } @media (max-device-width: 480px) { .show-content table.list th { display: none; } .show-content table.list td { width: 100%; float: left; margin-left: 0; margin-right: 0; display: list-item; white-space: normal !important; word-break: break-all; } } .show-content.-set-green h2 { border-bottom-color: #14A83B; color: #14A83B; } .show-content.-set-green .tab-content { border-color: #14A83B; } @media (min-width: 769px) { .show-content.-set-green > ul > li.active a, .show-content.-set-green > ul > li:hover a { border-bottom-color: #14A83B; color: #14A83B; } } @media (max-width: 768px) { .show-content.-set-green > ul.nav-tabs > li > a { color: #14A83B; } .show-content.-set-green > ul.nav-tabs > li.active, .show-content.-set-green > ul.nav-tabs > li.active > a { background-color: #14A83B; border-color: #14A83B; color: #FFF; } } .js-show-content-info { max-width: 100%; margin-left: auto; margin-right: auto; } .js-show-content-info:after { content: " "; display: block; clear: both; } @media (min-width: 769px) { .js-show-content-info .info-txt.left { width: 57.62712%; float: left; margin-right: 1.69492%; } } .js-show-content-info .info-txt p { margin-bottom: 1.25rem; } @media (min-width: 769px) { .js-show-content-info .info-video.right { width: 40.67797%; float: right; margin-right: 0; } } .showvideo::before { font-family: "FontAwesome"; content: ""; padding-right: 0.25rem; } .faq-content .nav-tabs { width: 23.72881%; float: left; margin-right: 1.69492%; } .faq-content .tab-content { width: 74.57627%; float: right; margin-right: 0; } .faq-content .nav-tabs > li { border: 0.0625rem solid #F08200; background-color: #F19149; } .faq-content .nav-tabs > li:first-child { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .faq-content .nav-tabs > li:last-child { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .faq-content .nav-tabs > li > a { padding: 1rem 2rem; border-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .faq-content .nav-tabs > li > a:hover, .faq-content .nav-tabs > li a:focus { border-color: transparent; } .faq-content .nav-tabs > li.active, .faq-content .nav-tabs li:hover, .faq-content .nav-tabs li:focus { border-color: #EB6100; background-color: #EB6100; } @media (max-width: 768px) { .faq-content .nav-tabs > li > a { padding: 0.5rem; } } @media (max-device-width: 480px) { .faq-content .nav-tabs > li > a { padding: 0.5rem 0.25rem; } } .faq-content .tab-content { padding: 1.5rem 1.875rem; } .faq-content .tab-content h2 { color: #EB6100; } @media (max-device-width: 480px) { .faq-content .tab-content { padding: 0.5rem; } .faq-content .tab-content h2 { line-height: 2rem; } } .sign-title h1 { line-height: 3.75rem; font-size: 1.5625rem; } .sign-form { max-width: 620px; margin-left: auto; margin-right: auto; margin-top: 1rem; padding: 1.875rem 7.5rem 0.875rem; border: 0.1875rem solid #DCDCDC; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .sign-form:after { content: " "; display: block; clear: both; } .sign-form input, .sign-form select, .sign-form textarea, .sign-form button { height: 40px; } .sign-form .check-code { max-width: 100%; margin-left: auto; margin-right: auto; } .sign-form .check-code:after { content: " "; display: block; clear: both; } .sign-form .check-code .check-code-input { width: 49.15254%; float: left; margin-right: 1.69492%; } .sign-form .check-code .check-code-img { width: 49.15254%; float: right; margin-right: 0; height: 80px; } .sign-form .check-code .check-code-img img { bottom: 1.375rem; display: block; max-width: 100%; height: auto; } .sign-form .radio.country .radio-block { width: 49.15254%; float: left; } .sign-form .radio.country .radio-block:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .sign-form .radio.country .radio-block:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; } @media (max-device-width: 480px) { .sign-form { padding-right: 1rem; padding-left: 1rem; } .sign-form .check-code .check-code-input, .sign-form .check-code .check-code-img { width: 100%; float: left; margin-left: 0; margin-right: 0; } .sign-form .check-code .check-code-img { margin-bottom: 1rem; height: auto; } .sign-form .check-code .check-code-img img { position: static; } } .sign-address { max-width: 100%; margin-left: auto; margin-right: auto; } .sign-address:after { content: " "; display: block; clear: both; } .sign-address div { width: 49.15254%; float: left; } .sign-address div:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .sign-address div:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; } .sign-confirm { padding-right: 2.75rem; padding-left: 2.75rem; } .sign-confirm .sign-confirm-item { max-width: 100%; margin-left: auto; margin-right: auto; } .sign-confirm .sign-confirm-item:after { content: " "; display: block; clear: both; } .sign-confirm .sign-confirm-item div:first-child { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; padding-right: 1rem; color: #909090; } .sign-confirm .sign-confirm-item div:last-child { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66667%; float: right; padding-left: 0.83333%; padding-right: 0.83333%; } .sign-confirm .alert-blue { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 0.5rem; padding: 1rem 0.5rem; border-top: 0.0625rem solid #00B0EC; border-bottom: 0.0625rem solid #00B0EC; } @media (max-device-width: 480px) { .sign-confirm { padding-right: 0.5rem; padding-left: 0.5rem; } } .confirm-button-group { max-width: 100%; margin-left: auto; margin-right: auto; } .confirm-button-group:after { content: " "; display: block; clear: both; } .confirm-button-group .back { width: 40.67797%; float: left; margin-right: 1.69492%; } .confirm-button-group .back a { top: -1rem; } .confirm-button-group .send { width: 57.62712%; float: right; margin-right: 0; } @media (max-device-width: 480px) { .confirm-button-group .send, .confirm-button-group .back { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .sign-progress { width: 100%; float: left; margin-left: 0; margin-right: 0; } .sign-progress ul { padding-left: 1.5rem; list-style: none; } .sign-progress ul li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .sign-progress ul li::after { font-family: "FontAwesome"; content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: baseline; font-size: 1.0625rem; } .sign-progress ul li:last-child::after { color: transparent; } .sign-progress ul li span { display: inline-block; padding: 0.5rem 1.25rem; background-color: #959595; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 1.0625rem; } .sign-progress ul li span::before { font-family: "FontAwesome"; content: ""; padding-right: 0.25rem; } .sign-progress ul li.active span { background-color: #00B0EC; } .sign-progress ul li.active span::before { content: ""; } .sign-progress ul li.active:last-child::after { color: transparent; } @media (max-device-width: 480px) { .sign-progress ul li { width: 49.15254%; float: left; margin-bottom: 0.5rem; } .sign-progress ul li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .sign-progress ul li:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; } .sign-progress ul li span { padding-right: 0.4375rem; padding-left: 0.4375rem; } } .sign-finish a { margin-top: 1rem; width: 30%; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } @media (max-device-width: 480px) { .sign-finish a { width: 100%; } } @media (max-width: 768px) { .clndr { padding-top: 0.5rem; } } .clndr-wrap { max-width: 100%; margin-left: auto; margin-right: auto; padding: 0.5rem 1.5rem; overflow: hidden; border: 0.125rem solid #F08200; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .clndr-wrap:after { content: " "; display: block; clear: both; } @media (min-width: 769px) { .clndr-wrap .clndr-title { width: 6.77966%; float: left; margin-right: 1.69492%; min-height: 312px; } .clndr-wrap .clndr-table { width: 40.67797%; float: left; margin-right: 1.69492%; } .clndr-wrap .clndr-form { width: 49.15254%; float: right; margin-right: 0; padding-top: 0.75rem; } } @media (max-width: 768px) { .clndr-wrap { margin-top: 0.5rem; } .clndr-wrap .clndr-title { width: 100%; float: left; margin-left: 0; margin-right: 0; } .clndr-wrap .clndr-table { width: 49.15254%; float: left; margin-right: 1.69492%; } .clndr-wrap .clndr-form { width: 49.15254%; float: right; margin-right: 0; } } @media (max-device-width: 480px) { .clndr-wrap { padding-right: 0.5rem; padding-left: 0.5rem; } .clndr-wrap .clndr-table, .clndr-wrap .clndr-form { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .clndr-wrap .clndr-title h1 { top: 6.25rem; left: -4.75rem; padding-top: 1.625rem; padding-right: 0.25rem; width: 100px; height: 100px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #F08200; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .clndr-wrap .clndr-title h1 span { font-weight: bold; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .clndr-wrap .clndr-table { padding-right: 1rem; border-right: 0.0625rem solid #F08200; } @media (min-width: 769px) { .clndr-wrap .clndr-table { padding-right: 2.25rem; } .clndr-wrap .clndr-table .responsive-calendar { max-width: 90%; } .clndr-wrap .clndr-table .responsive-calendar .day a { padding-top: 0.25rem; padding-bottom: 0.25rem; } } @media (max-device-width: 480px) { .clndr-wrap .clndr-table { padding-right: 0; border-right: 0; } } .clndr-date { max-width: 100%; margin-left: auto; margin-right: auto; } .clndr-date:after { content: " "; display: block; clear: both; } .clndr-date > select { width: 32.20339%; float: left; } .clndr-date > select:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .clndr-date > select:nth-child(3n + 2) { margin-left: 33.89831%; margin-right: -100%; clear: none; } .clndr-date > select:nth-child(3n + 3) { margin-left: 67.79661%; margin-right: -100%; clear: none; } .news-content, .news-list { border: 0.125rem solid #DCDCDC; } .news-content { width: 66.10169%; float: left; margin-right: 1.69492%; padding: 1.25rem 1.875rem; overflow: hidden; } .news-list { width: 32.20339%; float: right; margin-right: 0; padding: 1.25rem 1rem; } @media (max-device-width: 480px) { .news-content, .news-list { width: 100%; float: left; margin-left: 0; margin-right: 0; padding: 0.5rem; } .news-content { margin-bottom: 0.5rem; } .news-content a.to-top { display: none; } } .news-fb-like { max-width: 100%; margin-left: auto; margin-right: auto; } .news-fb-like:after { content: " "; display: block; clear: both; } .news-fb-like .fb { width: 49.15254%; float: left; margin-right: 1.69492%; } .news-fb-like .time { width: 49.15254%; float: right; margin-right: 0; } .news img { display: block; max-width: 100%; height: auto; } .news-content h1 { font-size: 1.75rem; } .news-content ul { list-style: disc; } .news-content a.to-top { margin-top: 2.5rem; margin-bottom: -4.625rem; } .news-fb-like { margin-top: 1rem; } a.news-list-item { padding: 0.5rem; border-bottom: 0.0625rem solid #DCDCDC; } a.news-list-item time { color: #A0A0A0; } a.news-list-item:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=87); opacity: 0.87; } .search-wrap { max-width: 800px; margin-left: auto; margin-right: auto; } .search-wrap:after { content: " "; display: block; clear: both; } .search-wrap h1 { border-bottom: 0.0625 solid #C9C9C9; } .search-wrap .search-page ul { list-style: none; } .search-wrap .search-page ul li { display: inline-block; } .search-wrap .search-page li { padding: 0.25rem; cursor: pointer; } .search-wrap .search-page li.js-active { color: #EB6100; } .search-wrap .list-group-item { *zoom: 1; padding-top: 1rem !important; padding-bottom: 1rem !important; border-bottom: 0.0625rem solid #C9C9C9; white-space: normal; } .search-wrap .list-group-item:after { content: ""; display: table; clear: both; } .search-wrap .list-group-item a { overflow: hidden; } .search-wrap .list-group-item a:hover, .search-wrap .list-group-item a:focus { text-decoration: none; color: #007eba; } .search-wrap .list-group-item img { float: left; width: 160px; height: 98px; } .search-wrap .list-group-item p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media (max-device-width: 480px) { .search-wrap .list-group-item img { float: none; margin-right: auto; margin-left: auto; } } .cart form select { background-position: 98% center; } .cart form .cart-item { max-width: 100%; margin-left: auto; margin-right: auto; } .cart form .cart-item:after { content: " "; display: block; clear: both; } .cart form .cart-item .key { width: 23.72881%; float: left; margin-right: 1.69492%; } .cart form .cart-item .value { width: 74.57627%; float: right; margin-right: 0; } .cart form .cart-item-special .input { width: 83.05085%; float: left; margin-right: 1.69492%; } .cart form .cart-item-special .submit { width: 15.25424%; float: right; margin-right: 0; } .cart .cart2-wrap, .cart .seat-map-wrap, .cart .seat-map-wrap { max-width: 100%; margin-left: auto; margin-right: auto; } .cart .cart2-wrap:after, .cart .seat-map-wrap:after, .cart .seat-map-wrap:after { content: " "; display: block; clear: both; } .cart .cart2-wrap .seat-map, .cart .seat-map-wrap .seat-map, .cart .seat-map-wrap .seat-map { width: 66.10169%; float: left; margin-right: 1.69492%; } .cart .cart2-wrap .seat-number, .cart .seat-map-wrap .seat-number, .cart .seat-map-wrap .seat-number { width: 32.20339%; float: right; margin-right: 0; } .cart .cart2-wrap .cart2-left, .cart .seat-map-wrap .cart2-left, .cart .seat-map-wrap .cart2-left { width: 57.62712%; float: left; margin-right: 1.69492%; } .cart .cart2-wrap .cart2-right, .cart .seat-map-wrap .cart2-right, .cart .seat-map-wrap .cart2-right { width: 40.67797%; float: right; margin-right: 0; } @media (max-width: 768px) { .cart .cart2-wrap .cart2-left, .cart .cart2-wrap .cart2-right, .cart .seat-map-wrap .cart2-left, .cart .seat-map-wrap .cart2-right, .cart .seat-map-wrap .cart2-left, .cart .seat-map-wrap .cart2-right { width: 100%; float: left; margin-left: 0; margin-right: 0; } } @media (max-device-width: 480px) { .cart .cart2-wrap .seat-map, .cart .cart2-wrap .seat-number, .cart .seat-map-wrap .seat-map, .cart .seat-map-wrap .seat-number, .cart .seat-map-wrap .seat-map, .cart .seat-map-wrap .seat-number { width: 100%; float: left; margin-left: 0; margin-right: 0; } .cart form .cart-item .key, .cart form .cart-item .value { width: 100%; float: left; margin-left: 0; margin-right: 0; } .cart form .cart-item .key { text-align: left; } .cart form .cart-item-special .input { width: 66.10169%; float: left; margin-right: 1.69492%; } .cart form .cart-item-special .submit { width: 32.20339%; float: right; margin-right: 0; } } .block-wrap { max-width: 100%; margin-left: auto; margin-right: auto; } .block-wrap:after { content: " "; display: block; clear: both; } .block-wrap .block-choose { width: 66.10169%; float: left; margin-right: 1.69492%; } .block-wrap .block-map { width: 32.20339%; float: right; margin-right: 0; border: 0.0625rem solid #BFBFBF; } @media (max-width: 768px) { .block-wrap .block-choose, .block-wrap .block-map { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .block-wrap h3 { background-color: #3E3E3E; } .stage { width: 100%; float: left; margin-left: 0; margin-right: 0; padding-top: 0.25rem; padding-bottom: 0.25rem; background-color: #00B0EC; color: rgba(255, 255, 255, 0.87); } table.table-seat { border: 0; } table.table-seat tr { border: 0; } table.table-seat td { padding: 0; height: 18px; border: 0.0625rem solid #FFF; cursor: pointer; } table.table-seat td:hover, table.table-seat td:focus { -moz-box-shadow: 0.0625rem 0.0625rem 0.1875rem 0.125rem rgba(51, 51, 102, 0.5) inset; -webkit-box-shadow: 0.0625rem 0.0625rem 0.1875rem 0.125rem rgba(51, 51, 102, 0.5) inset; box-shadow: 0.0625rem 0.0625rem 0.1875rem 0.125rem rgba(51, 51, 102, 0.5) inset; } table.table-seat td.space { border-color: #F4F4F4; pointer-events: none; cursor: default; } table.table-seat td.space:hover, table.table-seat td.space:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } table.table-seat td a, table.table-seat td img { width: 100%; height: 100%; } .block-map-row, .not-for-sale { max-width: 100%; margin-left: auto; margin-right: auto; padding-top: 0.25rem; padding-bottom: 0.25rem; border-bottom: 0.0625rem solid #BFBFBF; font-size: 0.78125rem; } .block-map-row:after, .not-for-sale:after { content: " "; display: block; clear: both; } .block-map-row.th, .not-for-sale.th { background-color: #D2D2D2; } .block-map-row .map-color, .not-for-sale .map-color { margin-top: 0.5rem; width: 1.25rem; height: 1.25rem; } .block-map-row .map-color.pink, .not-for-sale .map-color.pink { background-color: #FFA4D0; } .block-map-row .map-color.green, .not-for-sale .map-color.green { background-color: #A3D117; } .block-map-row .map-color.blue, .not-for-sale .map-color.blue { background-color: #A3A2FF; } .block-map-row .map-color.grey, .not-for-sale .map-color.grey { background-color: #8C8C8C; } .block-map-row .map-color.orange, .not-for-sale .map-color.orange { background-color: #FF7419; } .block-map-row .map-color.purple, .not-for-sale .map-color.purple { background-color: #8D188B; } .block-map-row .map-color.red, .not-for-sale .map-color.red { background-color: #B71C1C; } .block-map-row .map-color.grey-darker, .not-for-sale .map-color.grey-darker { background-color: #464646; } .block-map-row .map-color.yellow, .not-for-sale .map-color.yellow { background-color: #FFFE03; } .block-map-row div { width: 18.36735%; float: left; min-width: 56px; } .block-map-row div:nth-child(5n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .block-map-row div:nth-child(5n + 2) { margin-left: 20.40816%; margin-right: -100%; clear: none; } .block-map-row div:nth-child(5n + 3) { margin-left: 40.81633%; margin-right: -100%; clear: none; } .block-map-row div:nth-child(5n + 4) { margin-left: 61.22449%; margin-right: -100%; clear: none; } .block-map-row div:nth-child(5n + 5) { margin-left: 81.63265%; margin-right: -100%; clear: none; } .block-map-row.th div, .block-map-row div:nth-child(5) { right: 0.25rem; } .not-for-sale div:nth-child(1) { width: 15.25424%; float: left; margin-right: 1.69492%; } .not-for-sale div:nth-child(2) { width: 66.10169%; float: left; margin-right: 1.69492%; } .progress img { display: block; max-width: 100%; height: auto; margin: 1rem auto 2rem; } .seat-sprite, .seat-cart, .seat-map li.cart::before, .seat-wrap .col > .seat.cart span, .seat-choose, .seat-map li.choose::before, .seat-wrap .col > .seat.choose span, .seat-opacity, .seat-sold, .seat-map li.sold::before, .seat-wrap .col > .seat.sold span, .seat-vacant, .seat-map li.vacant::before, .seat-wrap .col > .seat.vacant span, .seat-vip, .seat-map li.vip::before, .seat-wrap .col > .seat.vip span { background-image: url('/assets/img/seat-sc4afb5fd6d.png'); background-repeat: no-repeat; } .seat-cart, .seat-map li.cart::before, .seat-wrap .col > .seat.cart span { background-position: 0 0; } .seat-choose, .seat-map li.choose::before, .seat-wrap .col > .seat.choose span { background-position: 0 -24px; } .seat-opacity { background-position: 0 -48px; } .seat-sold, .seat-map li.sold::before, .seat-wrap .col > .seat.sold span { background-position: 0 -58px; } .seat-vacant, .seat-map li.vacant::before, .seat-wrap .col > .seat.vacant span { background-position: 0 -82px; } .seat-vip, .seat-map li.vip::before, .seat-wrap .col > .seat.vip span { background-position: 0 -106px; } .seat-map { padding-top: 0.25rem; padding-bottom: 0.25rem; } .seat-map ul { list-style: none; } .seat-map ul li { display: inline-block; } .seat-map li { bottom: -0.375rem; padding-right: 1rem; } .seat-map li::before { content: " "; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; bottom: 0.375rem; width: 19px; height: 24px; background-size: 100%; } @media (max-device-width: 480px) { .seat-map ul { text-align: left; } .seat-map li { margin-bottom: 0.25rem; padding-right: 0; font-size: 0.75rem; } } .seat-number { padding-top: 0.375rem; } .seat-number p span { font-size: 120%; } .seat-wrap { max-width: 100%; margin-left: auto; margin-right: auto; overflow-x: auto; } .seat-wrap:after { content: " "; display: block; clear: both; } .seat-wrap .col-1 { width: 51px; } .seat-wrap .col-2 { width: 102px; } .seat-wrap .col-3 { width: 153px; } .seat-wrap .col-4 { width: 204px; } .seat-wrap .col-5 { width: 255px; } .seat-wrap .col-6 { width: 306px; } .seat-wrap .col-7 { width: 357px; } .seat-wrap .col-8 { width: 408px; } .seat-wrap .col-9 { width: 459px; } .seat-wrap .col-10 { width: 510px; } .seat-wrap .col-11 { width: 561px; } .seat-wrap .col-12 { width: 612px; } .seat-wrap .col-13 { width: 663px; } .seat-wrap .col-14 { width: 714px; } .seat-wrap .col-15 { width: 765px; } .seat-wrap .col-16 { width: 816px; } .seat-wrap .col-17 { width: 867px; } .seat-wrap .col-18 { width: 918px; } .seat-wrap .col-19 { width: 969px; } .seat-wrap .col-20 { width: 1020px; } .seat-wrap .col-21 { width: 1071px; } .seat-wrap .col-22 { width: 1122px; } .seat-wrap .col-23 { width: 1173px; } .seat-wrap .col-24 { width: 1224px; } .seat-wrap .col-25 { width: 1275px; } .seat-wrap .col-26 { width: 1326px; } .seat-wrap .col-27 { width: 1377px; } .seat-wrap .col-28 { width: 1428px; } .seat-wrap .col-29 { width: 1479px; } .seat-wrap .col-30 { width: 1530px; } .seat-wrap .col-31 { width: 1581px; } .seat-wrap .col-32 { width: 1632px; } .seat-wrap .col-33 { width: 1683px; } .seat-wrap .col-34 { width: 1734px; } .seat-wrap .col-35 { width: 1785px; } .seat-wrap .col-36 { width: 1836px; } .seat-wrap .col-37 { width: 1887px; } .seat-wrap .col-38 { width: 1938px; } .seat-wrap .col-39 { width: 1989px; } .seat-wrap .col-40 { width: 2040px; } .seat-wrap .col-41 { width: 2091px; } .seat-wrap .col-42 { width: 2142px; } .seat-wrap .col-43 { width: 2193px; } .seat-wrap .col-44 { width: 2244px; } .seat-wrap .col-45 { width: 2295px; } .seat-wrap .col-46 { width: 2346px; } .seat-wrap .col-47 { width: 2397px; } .seat-wrap .col-48 { width: 2448px; } .seat-wrap .col-49 { width: 2499px; } .seat-wrap .col-50 { width: 2550px; } .seat-wrap .col-51 { width: 2601px; } .seat-wrap .col-52 { width: 2652px; } .seat-wrap .col-53 { width: 2703px; } .seat-wrap .col-54 { width: 2754px; } .seat-wrap .col-55 { width: 2805px; } .seat-wrap .col-56 { width: 2856px; } .seat-wrap .col-57 { width: 2907px; } .seat-wrap .col-58 { width: 2958px; } .seat-wrap .col-59 { width: 3009px; } .seat-wrap .col-60 { width: 3060px; } .seat-wrap .col-61 { width: 3111px; } .seat-wrap .col-62 { width: 3162px; } .seat-wrap .col-63 { width: 3213px; } .seat-wrap .col-64 { width: 3264px; } .seat-wrap .col-65 { width: 3315px; } .seat-wrap .col-66 { width: 3366px; } .seat-wrap .col-67 { width: 3417px; } .seat-wrap .col-68 { width: 3468px; } .seat-wrap .col-69 { width: 3519px; } .seat-wrap .col-70 { width: 3570px; } .seat-wrap .col-71 { width: 3621px; } .seat-wrap .col-72 { width: 3672px; } .seat-wrap .col-73 { width: 3723px; } .seat-wrap .col-74 { width: 3774px; } .seat-wrap .col-75 { width: 3825px; } .seat-wrap .col-76 { width: 3876px; } .seat-wrap .col-77 { width: 3927px; } .seat-wrap .col-78 { width: 3978px; } .seat-wrap .col-79 { width: 4029px; } .seat-wrap .col-80 { width: 4080px; } .seat-wrap .col-81 { width: 4131px; } .seat-wrap .col-82 { width: 4182px; } .seat-wrap .col-83 { width: 4233px; } .seat-wrap .col-84 { width: 4284px; } .seat-wrap .col-85 { width: 4335px; } .seat-wrap .col-86 { width: 4386px; } .seat-wrap .col-87 { width: 4437px; } .seat-wrap .col-88 { width: 4488px; } .seat-wrap .col-89 { width: 4539px; } .seat-wrap .col-90 { width: 4590px; } .seat-wrap .col-91 { width: 4641px; } .seat-wrap .col-92 { width: 4692px; } .seat-wrap .col-93 { width: 4743px; } .seat-wrap .col-94 { width: 4794px; } .seat-wrap .col-95 { width: 4845px; } .seat-wrap .col-96 { width: 4896px; } .seat-wrap .col-97 { width: 4947px; } .seat-wrap .col-98 { width: 4998px; } .seat-wrap .col-99 { width: 5049px; } .seat-wrap .col { overflow: auto; } .seat-wrap .col > .seat { float: left; *zoom: 1; padding: 0.25rem; width: 70px; border: 0.0625rem solid #D1D1D1; } .seat-wrap .col > .seat:after { content: ""; display: table; clear: both; } .seat-wrap .col > .seat.space { border-color: transparent; } .seat-wrap .col > .seat.vacant, .seat-wrap .col > .seat.choose { cursor: pointer; } .seat-wrap .col > .seat.vacant:hover, .seat-wrap .col > .seat.vacant:focus, .seat-wrap .col > .seat.choose:hover, .seat-wrap .col > .seat.choose:focus { -moz-box-shadow: 0.0625rem 0.0625rem 0.0625rem 0 rgba(51, 51, 102, 0.5) inset; -webkit-box-shadow: 0.0625rem 0.0625rem 0.0625rem 0 rgba(51, 51, 102, 0.5) inset; box-shadow: 0.0625rem 0.0625rem 0.0625rem 0 rgba(51, 51, 102, 0.5) inset; } .seat-wrap .col > .seat.sold, .seat-wrap .col > .seat.cart, .seat-wrap .col > .seat.space { cursor: not-allowed; pointer-events: none; } .seat-wrap .col > .seat.space { min-height: 62px; } .seat-wrap .col > .seat p { white-space:nowrap; } .seat-wrap .col > .seat span { width: 19px; height: 24px; background-size: 100%; -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .cart2-right p { color: #F00; } .cart2-table-wrap { padding: 0.5rem; border: 0.0625rem solid #DCDCDC; } .cart2-table-wrap table td { height: 10px; background-color: #F08200; } .cart2-table-wrap table td.active { background-color: #16A839; } .cart-summary { border-bottom: 0.0625rem solid #BFBFBF; } .cart-summary h2 { border-bottom: none; } .cart-summary ul.attention { list-style: disc; } .cart-summary .end-summary { background-color: #E5E5E5; } .cart-summary .end-summary ul { max-width: 100%; margin-left: auto; margin-right: auto; list-style: none; } .cart-summary .end-summary ul:after { content: " "; display: block; clear: both; } .cart-summary .end-summary ul:first-child { border-top: 0.125rem solid #BFBFBF; } .cart-summary .end-summary ul:last-child li:nth-child(3) { text-decoration: line-through; } .cart-summary .end-summary li { width: 23.72881%; float: left; } .cart-summary .end-summary li:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .cart-summary .end-summary li:nth-child(4n + 2) { margin-left: 25.42373%; margin-right: -100%; clear: none; } .cart-summary .end-summary li:nth-child(4n + 3) { margin-left: 50.84746%; margin-right: -100%; clear: none; } .cart-summary .end-summary li:nth-child(4n + 4) { margin-left: 76.27119%; margin-right: -100%; clear: none; } .cart-credit .radio-block { padding-left: 1rem; } .cart-credit .radio-block .radio-block-left { width: 23.72881%; float: left; margin-right: 1.69492%; } .cart-credit .radio-block .radio-block-left .btn { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .cart-credit .radio-block .radio-block-right { width: 74.57627%; float: right; margin-right: 0; } .cart-credit .video-container { padding-bottom: 0.5rem; height: 132px; overflow-flow: auto; border: 0.0625rem solid #DCDCDC; } .cart-credit .video-container iframe { height: 150px; } .cart-credit .checkbox { margin-top: 0.25rem; } .cart-credit .checkbox input[type="checkbox"] { float: none; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .cart-credit .checkbox label { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } @media (max-device-width: 480px) { .cart-credit .radio-block .radio-block-left, .cart-credit .radio-block .radio-block-right { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .credit-name-item { max-width: 100%; margin-left: auto; margin-right: auto; } .credit-name-item:after { content: " "; display: block; clear: both; } .credit-name-item .key { width: 23.72881%; float: left; margin-right: 1.69492%; } .credit-name-item .value { width: 32.20339%; float: left; margin-right: 1.69492%; } .credit-name-item .ex { width: 40.67797%; float: right; margin-right: 0; } .credit-name-item .mail-value { width: 49.15254%; float: left; margin-right: 1.69492%; } .credit-name-item .mail-value .help { clear: left; top: -0.875rem; color: #F00; } .credit-name-item .mail-ex { width: 23.72881%; float: right; margin-right: 0; } @media (max-width: 768px) { .credit-name-item .key { width: 15.25424%; float: left; margin-right: 1.69492%; } .credit-name-item .value { width: 32.20339%; float: left; margin-right: 1.69492%; } .credit-name-item .ex { width: 49.15254%; float: right; margin-right: 0; } .credit-name-item .mail-value { width: 49.15254%; float: left; margin-right: 1.69492%; } .credit-name-item .mail-ex { width: 32.20339%; float: right; margin-right: 0; } } @media (max-device-width: 480px) { .credit-name-item .key, .credit-name-item .value, .credit-name-item .ex, .credit-name-item .mail-value, .credit-name-item .mail-ex { width: 100%; float: left; margin-left: 0; margin-right: 0; } .credit-name-item .key { text-align: left; } .credit-name-item .ex, .credit-name-item .mail-ex { margin-top: -1rem; font-size: 0.8125rem; } } .credit-info-item, .credit-item { max-width: 100%; margin-left: auto; margin-right: auto; } .credit-info-item:after, .credit-item:after { content: " "; display: block; clear: both; } .credit-info-item .key, .credit-item .key { width: 23.72881%; float: left; margin-right: 1.69492%; } .credit-info-item .value, .credit-item .value { width: 57.62712%; float: left; margin-right: 1.69492%; *zoom: 1; } .credit-info-item .value:after, .credit-item .value:after { content: ""; display: table; clear: both; } .credit-info-item .value input, .credit-info-item .value select, .credit-item .value input, .credit-item .value select { float: left; width: 85px; } .credit-info-item .value select, .credit-item .value select { background-position: 90% center; } .credit-info-item .value span, .credit-item .value span { float: left; padding-right: 0.25rem; padding-left: 0.25rem; } .credit-info-item .value-name, .credit-item .value-name { width: 32.20339%; float: left; margin-right: 1.69492%; } @media (max-width: 768px) { .credit-info-item .value, .credit-item .value { width: 74.57627%; float: right; margin-right: 0; } } @media (max-device-width: 480px) { .credit-info-item .key, .credit-info-item .value, .credit-info-item .value-name, .credit-item .key, .credit-item .value, .credit-item .value-name { width: 100%; float: left; margin-left: 0; margin-right: 0; } .credit-info-item .key, .credit-item .key { text-align: left; } .credit-info-item .value input, .credit-info-item .value select, .credit-item .value input, .credit-item .value select { width: 62px; } } .cart-finished h1::before { font-family: "FontAwesome"; padding-right: 0.25rem; } .cart-finished h2 { border-bottom: none; } .cart-finished.ok h1 { color: #14A83B; } .cart-finished.ok h1::before { content: ""; } .cart-finished.wrong h1 { color: #EB6100; } .cart-finished.wrong h1::before { content: ""; } .cart-finished p.summary { border-bottom: 0.0625rem solid #BFBFBF; } .cart-finished p.summary span { font-size: 1.875rem; } .cart-finished p.summary span::before { content: "NT$"; } .cart-finished.attention { padding-left: 2rem; } .cart-finished.attention h2 { margin-left: -2rem; } .cart-finished.attention h3 { font-size: 1.875rem; } .cart-finished.attention em { font-style: normal; color: #F00; } .button-send .btn { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .button-send .btn-grey:hover, .button-send .btn-grey:focus { background-color: #959595; } .button-send a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } p.alert-confirm { padding-top: 1rem; padding-bottom: 1rem; color: #F00; } .member-content .tab-content { padding: 0.5rem; } .member-content .nav-tabs > li { float: none; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-left: -9px; } .member-content .nav-tabs > li > a { border-color: #DDD; background-color: rgba(255, 255, 255, 0.54); color: rgba(85, 85, 85, 0.54); } .member-content .nav-tabs > li.active > a { border-bottom-color: transparent; } .member-content .tab-content { padding-bottom: 0.5rem; border: 0.0625rem solid #DDD; border-top: none; } @media (max-device-width: 480px) { .member-content .button-send .btn { padding-right: 1rem; padding-left: 1rem; } } .member-list p { margin-bottom: 1rem; *zoom: 1; } .member-list p:after { content: ""; display: table; clear: both; } .member-list p small { float: right; } @media (max-device-width: 480px) { .member-list p small { display: block; float: none; margin-top: 0.5rem; text-align: center; } } .member-list .btn { float: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .member-list .input-block { max-width: 100%; margin-left: auto; margin-right: auto; } .member-list .input-block:after { content: " "; display: block; clear: both; } .member-list .input-block .key { width: 23.72881%; float: left; margin-right: 1.69492%; } .member-list .input-block.num .value { width: 40.67797%; float: left; margin-right: 1.69492%; } .member-list .input-block.time .value { width: 49.15254%; float: left; margin-right: 1.69492%; } .member-list .input-block.time .value select { width: 32.20339%; float: left; background-position: 94% center; } .member-list .input-block.time .value select:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .member-list .input-block.time .value select:nth-child(3n + 2) { margin-left: 33.89831%; margin-right: -100%; clear: none; } .member-list .input-block.time .value select:nth-child(3n + 3) { margin-left: 67.79661%; margin-right: -100%; clear: none; } .member-list .input-block.time .value::after { content: " ～ 今日"; right: -4rem; } @media (max-device-width: 480px) { .member-list .input-block .key { width: 100%; float: left; margin-left: 0; margin-right: 0; } .member-list .input-block .key label { text-align: left; } .member-list .input-block.num .value, .member-list .input-block.time .value { width: 100%; float: left; margin-left: 0; margin-right: 0; } .member-list .input-block.time .value::after { clear: both; display: block; position: relative; top: -1rem; left: 0; text-align: right; } } .member-list .button-send .btn { width: auto; } .member-list .member-list-my p { color: #0001FE; } .member-list .member-list-my .table-responsive { border-bottom: 0.0625rem solid #DCDCDC; } .member-list .member-list-my table th { background-color: #8FC41E; border-width: 0.25rem; border-color: #FFF; } .member-list .member-list-my table tr.line td { background-color: #C5E1A6; } .member-list .member-list-my table td { border-width: 0.25rem; border-color: #FFF; background-color: #DDEDC8; } .member-list .member-list-my table em { font-style: normal; color: #FD0100; } @media (max-device-width: 480px) { .member-list .member-list-my table tr { border-color: #8FC41E; } .member-list .member-list-my table th, .member-list .member-list-my table td { display: list-item; } .member-list .member-list-my table th { display: none; } .member-list .member-list-my table td { border-width: 0.0625rem; } .member-list .member-list-my table tr:nth-child(2) td:nth-child(1)::before { content: "訂購日期："; } .member-list .member-list-my table tr:nth-child(2) td:nth-child(2)::before { content: "付款方式："; } .member-list .member-list-my table tr:nth-child(2) td:nth-child(3)::before { content: "取貨方式："; } .member-list .member-list-my table tr:nth-child(2) td:nth-child(4)::before { content: "訂單總計："; } .member-list .member-list-my table tr:nth-child(2) td:nth-child(5)::before { content: "訂單狀態："; } .member-list .member-list-my table tr:nth-child(2) td:nth-child(6)::before { content: "明細："; } } .member-list-content { display: none; } .member-list-content .list-base, .member-list-content .list-ticket { max-width: 100%; margin-left: auto; margin-right: auto; } .member-list-content .list-base:after, .member-list-content .list-ticket:after { content: " "; display: block; clear: both; } .member-list-content .key { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66667%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; padding-top: 0.25rem; padding-bottom: 0.25rem; } .member-list-content .value { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333%; float: right; padding-left: 0.83333%; padding-right: 0.83333%; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; } .member-list-content .list-base { background-color: #DCDCDC; } .member-list-content .list-base .key { border-bottom: 3px solid #F9F9F9; } .member-list-content .list-base .value { min-height: 32px; border-bottom: 3px solid #F9F9F9; border-left: 3px solid #F9F9F9; color: #647AF6; } @media (max-device-width: 480px) { .member-list-content .list-base .key, .member-list-content .list-base .value { width: 100%; float: left; margin-left: 0; margin-right: 0; } .member-list-content .list-base .key { margin-bottom: 0; padding-left: 0.5rem; border-bottom: none; text-align: left; } .member-list-content .list-base .value { border-left: none; } } .member-list-content .list-ticket .list-ticket-title { max-width: 100%; margin-left: auto; margin-right: auto; } .member-list-content .list-ticket .list-ticket-title:after { content: " "; display: block; clear: both; } .member-list-content .list-ticket .list-ticket-title div { padding-top: 0.25rem; padding-bottom: 0.25rem; } .member-list-content .list-ticket .list-ticket-title div:nth-child(1) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66667%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; } .member-list-content .list-ticket .list-ticket-title div:nth-child(2) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; padding-left: 8px; } .member-list-content .list-ticket .list-ticket-title div:nth-child(3) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: right; padding-left: 0.83333%; padding-right: 0.83333%; padding-left: 8px; } @media (max-device-width: 480px) { .member-list-content .list-ticket .list-ticket-title div:nth-child(1), .member-list-content .list-ticket .list-ticket-title div:nth-child(2), .member-list-content .list-ticket .list-ticket-title div:nth-child(3) { text-align: center; } .member-list-content .list-ticket .list-ticket-title div:nth-child(1) { width: 100%; float: left; margin-left: 0; margin-right: 0; } .member-list-content .list-ticket .list-ticket-title div:nth-child(2) { width: 100%; float: left; margin-left: 0; margin-right: 0; } .member-list-content .list-ticket .list-ticket-title div:nth-child(3) { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .member-list-content .list-ticket .list-ticket-content { max-width: 100%; margin-left: auto; margin-right: auto; } .member-list-content .list-ticket .list-ticket-content:after { content: " "; display: block; clear: both; } .member-list-content .list-ticket .list-ticket-content .left { width: 74.57627%; float: left; margin-right: 1.69492%; } .member-list-content .list-ticket .list-ticket-content .left ul { max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 3px; list-style: none; *zoom: 1; } .member-list-content .list-ticket .list-ticket-content .left ul:after { content: " "; display: block; clear: both; } .member-list-content .list-ticket .list-ticket-content .left ul:after { content: ""; display: table; clear: both; } .member-list-content .list-ticket .list-ticket-content .left ul li:nth-child(1) { float: left; width: 21.8%; } .member-list-content .list-ticket .list-ticket-content .left ul li:nth-child(2) { float: left; width: 78%; padding-left: 0.25rem; border-left: 3px solid #F9F9F9; } .member-list-content .list-ticket .list-ticket-content .left.unqrcode { width: 100%; float: left; margin-left: 0; margin-right: 0; } .member-list-content .list-ticket .list-ticket-content .left.unqrcode ul { max-width: 100%; margin-left: auto; margin-right: auto; } .member-list-content .list-ticket .list-ticket-content .left.unqrcode ul:after { content: " "; display: block; clear: both; } .member-list-content .list-ticket .list-ticket-content .left.unqrcode ul li:nth-child(1) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66667%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; } .member-list-content .list-ticket .list-ticket-content .left.unqrcode ul li:nth-child(2) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333%; float: right; padding-left: 0.83333%; padding-right: 0.83333%; } @media (max-device-width: 480px) { .member-list-content .list-ticket .list-ticket-content .left ul li:nth-child(1), .member-list-content .list-ticket .list-ticket-content .left ul li:nth-child(2) { width: 100%; float: left; margin-left: 0; margin-right: 0; } .member-list-content .list-ticket .list-ticket-content .left ul li:nth-child(1) { padding-left: 0.5rem; text-align: left; } .member-list-content .list-ticket .list-ticket-content .left ul li:nth-child(2) { border-left: none; } } .member-list-content .list-ticket .list-ticket-content .right { width: 23.72881%; float: right; margin-right: 0; } .member-list-content .list-ticket .list-ticket-content .right img { display: block; max-width: 100%; height: auto; width: 100%; } @media (max-device-width: 480px) { .member-list-content .list-ticket .list-ticket-content .left, .member-list-content .list-ticket .list-ticket-content .right { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .member-list-content .list-ticket.list-used .list-ticket-title div { background-color: #FF5252; } .member-list-content .list-ticket.list-used .list-ticket-content ul { background-color: #FFDCDF; } .member-list-content .list-ticket.list-unused .list-ticket-title div { background-color: #F8B551; } .member-list-content .list-ticket.list-unused .list-ticket-content ul { background-color: #FFDBA6; } .member-list-content .list-ticket.list-trans .list-ticket-title div { background-color: #039BE5; } .member-list-content .list-ticket.list-trans .list-ticket-content ul { background-color: #CFE8FC; } .member-list-content .list-ticket.list-reservation .list-ticket-title div { background-color: #7473F9; } .member-list-content .list-ticket.list-reservation .list-ticket-content ul { background-color: #C9C8FF; } .member-list-content .list-ticket.list-refunding .list-ticket-title div { background-color: #8C8C8C; } .member-list-content .list-ticket.list-refunding .list-ticket-content ul { background-color: #E0E0E0; } .member-list-content .list-ticket.list-refunded .list-ticket-title div { background-color: #464646; } .member-list-content .list-ticket.list-refunded .list-ticket-content ul { background-color: #E0E0E0; } .member-list-content .list-ticket.list-cancelled .list-ticket-title div { background-color: #795548; } .member-list-content .list-ticket.list-cancelled .list-ticket-content ul { background-color: #D7CCC8; } .list-refund { display: none; } .list-refund p { color: #0001FE; } .list-refund .checkbox-block { padding: 0.5rem 1rem; background-color: #C5E1A5; max-width: 100%; margin-left: auto; margin-right: auto; } .list-refund .checkbox-block:after { content: " "; display: block; clear: both; } .list-refund input[type="checkbox"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16667%; float: left; padding-left: 0.41667%; padding-right: 0.41667%; } .list-refund label { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333%; float: right; padding-left: 0.41667%; padding-right: 0.41667%; } @media (max-device-width: 480px) { .list-refund input[type="checkbox"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; } .list-refund label { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66667%; float: right; padding-left: 0.83333%; padding-right: 0.83333%; } } .list-refund .btn { float: none; margin: 1rem auto; width: auto; } .list-refund .alert-refund { padding: 0.5rem; background-color: #DCDCDC; } .list-refund .alert-refund p { color: #F00; } .member-info h6 { width: 83.05085%; float: left; margin-right: 1.69492%; } .member-info form { max-width: 620px; margin-left: auto; margin-right: auto; } .member-info form:after { content: " "; display: block; clear: both; } .member-info form label, .member-info form input, .member-info form select, .member-info form .btn { height: 40px; } .member-info form select { padding-top: 0; padding-bottom: 0; } .member-info form .input-block { max-width: 100%; margin-left: auto; margin-right: auto; } .member-info form .input-block:after { content: " "; display: block; clear: both; } .member-info form .input-block label { width: 15.25424%; float: left; margin-right: 1.69492%; } .member-info form .input-block input, .member-info form .input-block select, .member-info form .input-block .birth { width: 66.10169%; float: left; margin-right: 1.69492%; } .member-info form .input-block .psw-edit { width: 6.77966%; float: left; margin-right: 1.69492%; } .member-info form .input-block .birth select:nth-child(1) { width: 49.15254%; float: left; margin-right: 1.69492%; } .member-info form .input-block .birth select:nth-child(2) { width: 23.72881%; float: left; margin-right: 1.69492%; } .member-info form .input-block .birth select:nth-child(3) { width: 23.72881%; float: right; margin-right: 0; } .member-info form .btn-orange-submit { float: none; width: 66%; } .member-info form input[disabled="disabled"] { point-event: none; cursor: disabled; background-color: #DCDCDC; } .member-info .btn { padding-top: 0; padding-bottom: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } @media (max-device-width: 480px) { .member-info form .input-block { max-width: 100%; margin-left: auto; margin-right: auto; } .member-info form .input-block:after { content: " "; display: block; clear: both; } .member-info form .input-block label { width: 100%; float: left; margin-left: 0; margin-right: 0; text-align: left; } .member-info form .input-block input, .member-info form .input-block select, .member-info form .input-block .birth { width: 100%; float: left; margin-left: 0; margin-right: 0; } } #login { display: none; } .login-form { margin-top: 0; border: none; background-color: #F9F9F9; } .login-form h2 { font-size: 1.5rem; } .login-form h2 img { top: 3px; max-height: 30px; } .login-form ul { list-style: none; } .login-form li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .login-form li:first-child::after { content: " | "; padding-right: 2rem; padding-left: 2rem; vertical-align: bottom; } @media (max-device-width: 480px) { .login-form li:first-child::after { padding-right: 0.5rem; padding-left: 0.5rem; } } .policy-wrap { max-width: 800px; margin-left: auto; margin-right: auto; padding: 1.5rem 1.875rem; } .policy-wrap:after { content: " "; display: block; clear: both; } .policy-wrap h2 { color: #EB6100; } .policy-wrap ul { list-style: disc; } .policy-wrap ul.list-unstyled { list-style: none; } .policy-wrap ul ul ul ul, .policy-wrap ul ul ul ol, .policy-wrap ul ul ol ul, .policy-wrap ul ul ol ol, .policy-wrap ul ol ul ul, .policy-wrap ul ol ul ol, .policy-wrap ul ol ol ul, .policy-wrap ul ol ol ol, .policy-wrap ol ul ul ul, .policy-wrap ol ul ul ol, .policy-wrap ol ul ol ul, .policy-wrap ol ul ol ol, .policy-wrap ol ol ul ul, .policy-wrap ol ol ul ol, .policy-wrap ol ol ol ul, .policy-wrap ol ol ol ol { list-style: lower-latin; } .policy-wrap .to-top { margin-top: 2rem; } @media (max-device-width: 480px) { .policy-wrap { padding: 0.5rem; } .policy-wrap h2 { line-height: 2rem; } .policy-wrap .to-top { margin-bottom: -66px; } } .notice-tab { max-width: 800px; margin-left: auto; margin-right: auto; } .notice-tab:after { content: " "; display: block; clear: both; } .notice-tab .nav.nav-tabs { border-bottom-color: transparent; } .notice-tab .nav.nav-tabs > li { float: none; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-left: -0.375rem; } .notice-tab .nav.nav-tabs > li > a { margin-bottom: -5px; padding: 0.5rem 1.875rem; border-color: #8A8A8A; background-color: #8A8A8A; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .notice-tab .nav.nav-tabs > li.active > a, .notice-tab .nav.nav-tabs li:hover > a { padding-top: 0.75rem; padding-bottom: 0.75rem; border-color: #F08200; background-color: #F08200; } @media (max-device-width: 480px) { .notice-tab .nav.nav-tabs > li { display: block; margin-left: 0; } .notice-tab .nav.nav-tabs > li > a { margin-right: 0; margin-bottom: 0.125rem; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .notice-tab .nav.nav-tabs > li.active > a { margin-bottom: 0.125rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } } .service-content { width: 50%; } @media (max-device-width: 480px) { .service-content { width: 100%; } } @media (min-width: 769px) { .hidden-desktop { display: none; } } @media (max-width: 768px) { .hidden-tablet { display: none; } } .hide { display: none; } .h2-blue, .h2-orange { position: relative; font-size: 0.90625em; line-height: 1.65517em; } .h2-blue small a, .h2-orange small a { position: absolute; right: 0; font-size: 0.75rem; color: #F08200; } .h2-blue { color: #00B0EC; } .h2-orange { color: #F08200; } .icon { padding-left: 1.5rem; background-repeat: no-repeat; background-position: 0.125rem center; } .icon.h2-blue.pin { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAAHnMM+TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTlDMDczN0I4RkUzMTFFNTk3MTZGMUE0OUE3RkZCQ0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTlDMDczN0M4RkUzMTFFNTk3MTZGMUE0OUE3RkZCQ0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOUMwNzM3OThGRTMxMUU1OTcxNkYxQTQ5QTdGRkJDQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOUMwNzM3QThGRTMxMUU1OTcxNkYxQTQ5QTdGRkJDQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgVv758AAADbSURBVHjaYmTY8OYDAwMDP+P///8ZQAAggBiAIv+ZgIxEgABiAAsBeSCaCSppCCIAAogRJApigEQPgkVAahg3vpWGmwMQQCA1jED6OxCzQzXXgdRHIgmAQDXYHqhdJ2BsgACCW4EEPoK01yEJ/ARiQZjVMNUH//sLO4C0/0CzKBpmiTQQJ8AtxWY7E5K2DBgDIMBAZjaiuQAbaEKEwca3B4CUPZoCsAthwQcONSAljsUkcagcA8jqw0Cal4DVn5GiEWyyGJB6AeVKAK19BZdDVghVXAuigYqakcUBU857WUXMsJ8AAAAASUVORK5CYII='); } .icon.h2-blue.dialog { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAGDeKZEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0FEMTgzOTI5MDZGMTFFNTk3MTZGMUE0OUE3RkZCQ0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0FEMTgzOTM5MDZGMTFFNTk3MTZGMUE0OUE3RkZCQ0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQUQxODM5MDkwNkYxMUU1OTcxNkYxQTQ5QTdGRkJDQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQUQxODM5MTkwNkYxMUU1OTcxNkYxQTQ5QTdGRkJDQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjrn7v0AAAEcSURBVHjaYmDY/i4HiP8zgggGBoaJAAEEY+QygXhAPBkggGAiDxkgQJ7h////YAyUUAHRAAEEUwEGLED8Aoh/AjE7yBAJIN4ApqF6/oNogABC1rOQAQHiYWaAwFMgdkCSBPGlQZLlQNzJgAnKAQIIZOxnIIMHTeILC1TwCBDfhQqqALE1zC5ZKIYDJgYcAKbjFhBfg7K1QQEDshzkbTY0Db+QQ8wAiJ/B+AABxgLk/AAFFAPx4CcLmoYUIN6LRaEPKPagbHbk8Gb57yH4F5fxjDveMwOpP8g+BYE/QIl8IH0Iix435OgAafoNxKxQ/kQi/PSbCegkNmjQCSJhOyRFD4BYDSrOBlIPdh6QAbLtA5L7X0CToBtQ7jK6VQA1Vm3PCmQlTgAAAABJRU5ErkJggg=='); } .icon.h2-orange.pin { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAAHnMM+TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTREMjRDRkRBN0E4MTFFNThFOTc4RDg0QUQ3QzgxMjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTREMjRDRkVBN0E4MTFFNThFOTc4RDg0QUQ3QzgxMjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEQyNENGQkE3QTgxMUU1OEU5NzhEODRBRDdDODEyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEQyNENGQ0E3QTgxMUU1OEU5NzhEODRBRDdDODEyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoplKDkAAADcSURBVHjaYvzQwvqBgYGBn/H///8MIAAQQAxAkf9MQEYiQAAxgIRAPBDNBJFkMAQRAAHECBIFMUCiB8HiULXScHMAAgikhhFIfwdidqjmOpD6SCQBEKgG64XqPwFjAwQQ3Aok8BGkvQ5J4CcQC4Jt/NjKBlN9kL/6lwNI+w80i6LhjgTiBJhFWG1nQtKWAWMABBjIzEY0F2ADTfAwALrqAJCyR1MAdiEs+ECKpIGUOBaTxKFyDCCrDwNpXgJWf0ZEI8RkMSD1AsqVAFr7Cu4ZZIVQxbUgGqioGVkcAF0ReSVffhBGAAAAAElFTkSuQmCC'); } .alert { line-height: 3rem; font-size: 1rem; } .alert em { padding-left: 1.5rem; font-style: normal; font-size: 1.125rem; } .alert.orange { background-color: #FFE57F; } a.to-top { display: block; margin-right: auto; margin-left: auto; margin-bottom: -5.25rem; padding-left: 0.5rem; width: 100px; height: 100px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #F08200; color: #FFF; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } a.to-top span { display: block; font-size: 18px; font-weight: bold; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } a.to-top:hover, a.to-top:focus { background-color: #EB6100; text-decoration: none; } .index-carousel .slick-cloned::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.26); } .index-carousel .slick-current { position: relative; z-index: 2; } .index-carousel .slick-prev, .index-carousel .slick-next { z-index: 5; padding: 0.5rem; width: auto; height: auto; background-color: #F08200; } .index-carousel .slick-prev:hover, .index-carousel .slick-prev:focus, .index-carousel .slick-next:hover, .index-carousel .slick-next:focus { background-color: #EB6100; } .index-carousel .slick-prev::before, .index-carousel .slick-next::before { font-family: "FontAwesome"; font-size: 2rem; } .index-carousel .slick-prev { left: 143px; } .index-carousel .slick-prev::before { content: ""; } @media (max-width: 768px) { .index-carousel .slick-prev { left: -27px; } } .index-carousel .slick-next { right: 143px; } .index-carousel .slick-next::before { content: ""; } @media (max-width: 768px) { .index-carousel .slick-next { right: -27px; } } .slick-dots li.slick-active button:before { color: #F08200; } .slick-dots li button:before { color: rgba(149, 149, 149, 0.87); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .index-film-wrap .slick-prev, .index-film-wrap .slick-next { top: 50%; height: 65px; } .index-film-wrap .slick-prev::before, .index-film-wrap .slick-next::before { font-family: "FontAwesome"; font-size: 4rem; color: #F08200; } .index-film-wrap .slick-prev { left: 0.5rem; } .index-film-wrap .slick-prev::before { content: ""; } .index-film-wrap .slick-next { right: 0.5rem; } .index-film-wrap .slick-next::before { content: ""; } .alert-fancybox { padding: 40px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .alert-fancybox::before { content: ""; position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.54); } .alert-fancybox > .fix { display: block; max-width: 100%; height: auto; } .alert-fancybox > h3 { padding-top: 1rem; padding-bottom: 1rem; color: #90C31F; } #browser { display: none; } #browser > .block { max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 0.5rem; } #browser > .block:after { content: " "; display: block; clear: both; } #browser > .block > a { display: block; width: 32.20339%; float: left; font-size: 0.875rem; } #browser > .block > a:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } #browser > .block > a:nth-child(3n + 2) { margin-left: 33.89831%; margin-right: -100%; clear: none; } #browser > .block > a:nth-child(3n + 3) { margin-left: 67.79661%; margin-right: -100%; clear: none; } #browser > .block > a:hover, #browser > .block > a:focus { text-decoration: none; } #browser > .block > a.chrome { color: #DC4E41; } #browser > .block > a.chrome:hover, #browser > .block > a.chrome:focus { color: #aa1c0f; } #browser > .block > a.firefox { color: #FFCB00; } #browser > .block > a.firefox:hover, #browser > .block > a.firefox:focus { color: #FF9500; } .gallery-show { max-width: 100%; margin-left: auto; margin-right: auto; } .gallery-show:after { content: " "; display: block; clear: both; } .gallery-show .gallery-show-main { border: 0.0625rem solid #F08200; } .gallery-show .gallery-show-main .gallery-show-main-pic img { display: block; max-width: 100%; height: auto; } .gallery-show .gallery-show-main .gallery-show-main-txt { padding: 0.5rem; } .gallery-show .gallery-show-main .gallery-show-main-txt .title { max-height: 150px; } .gallery-show .gallery-show-main .gallery-show-main-txt .title small { font-size: 70%; } @media (min-width: 540px) { .gallery-show .gallery-show-main { position: relative; height: 288px; max-height: 288px; overflow: hidden; } .gallery-show .gallery-show-main .gallery-show-main-pic { float: left; width: 455px; *zoom: 1; } .gallery-show .gallery-show-main .gallery-show-main-pic img { width: 455px; height: 288px; } .gallery-show .gallery-show-main .gallery-show-main-pic:after { content: ""; display: table; clear: both; } .gallery-show .gallery-show-main .gallery-show-main-txt { overflow: hidden; max-height: 242px; } .gallery-show .gallery-show-main .gallery-show-main-txt .btn { position: absolute; right: 3rem; bottom: 0.5rem; } } @media (max-width: 768px) { .gallery-show .gallery-show-main .gallery-show-main-txt .btn { right: 11%; } } .gallery-show .gallery-show-list { max-width: 100%; margin-left: auto; margin-right: auto; } .gallery-show .gallery-show-list:after { content: " "; display: block; clear: both; } .gallery-show .gallery-show-list .gallery-show-list-item { padding: 0.25rem 0.25rem 0.5rem; border: 0.0625rem solid #dcdcdc; } .gallery-show .gallery-show-list .gallery-show-list-item img { display: block; max-width: 100%; height: auto; width: 100%; height: 190px; } .gallery-show .gallery-show-list .gallery-show-list-item h3 { margin-top: 0.5rem; height: 40px; overflow: hidden; } .gallery-show .gallery-show-list .gallery-show-list-item .slick-next, .gallery-show .gallery-show-list .gallery-show-list-item .slick-prev { top: 0; z-index: 2; width: 24px; height: 100%; padding-right: 0.125rem; padding-left: 0.125rem; } .gallery-show .gallery-show-list .gallery-show-list-item .slick-next { right: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTkxNDkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(125, 185, 232, 0)), color-stop(100%, #f19149)); background-image: -moz-linear-gradient(left, rgba(125, 185, 232, 0) 0%, #f19149 100%); background-image: -webkit-linear-gradient(left, rgba(125, 185, 232, 0) 0%, #f19149 100%); background-image: linear-gradient(to right, rgba(125, 185, 232, 0) 0%, #f19149 100%); } .gallery-show .gallery-show-list .gallery-show-list-item .slick-prev { left: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxOTE0OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f19149), color-stop(100%, rgba(125, 185, 232, 0))); background-image: -moz-linear-gradient(left, #f19149 0%, rgba(125, 185, 232, 0) 100%); background-image: -webkit-linear-gradient(left, #f19149 0%, rgba(125, 185, 232, 0) 100%); background-image: linear-gradient(to right, #f19149 0%, rgba(125, 185, 232, 0) 100%); } @media (min-width: 540px) { .gallery-show .gallery-show-list .gallery-show-list-item { width: 49.15254%; float: left; } .gallery-show .gallery-show-list .gallery-show-list-item:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .gallery-show .gallery-show-list .gallery-show-list-item:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; } } @media (max-device-width: 480px) { .gallery-show .gallery-show-list .gallery-show-list-item { width: 100%; float: left; margin-left: 0; margin-right: 0; padding-bottom: 0.25rem; } } @media (max-device-width: 480px) { .gallery-show .btn { position: static; display: block; margin-top: 0.5rem; } } .gallery-show time { margin-top: 0.5rem; letter-spacing: 0.5px; } @media (max-device-width: 480px) { .gallery-show time span:first-child { display: initial; } } .list-group { list-style: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .list-group .list-group-item { padding: 0.5rem 0.75rem; } table.no-line { border: 0.125rem solid rgba(255, 255, 255, 0.26) !important; } table.no-line tr { border: 0.125rem solid rgba(255, 255, 255, 0.26) !important; } table.no-line tr td, table.no-line tr th { border: 0.125rem solid rgba(255, 255, 255, 0.26) !important; } table.unline, table.unline tr, table.unline td, table.unline th { border: none; } table.grey tr:nth-child(odd) { background-color: #E5E5E5; } table.list td:nth-child(3)::before { content: "NT$："; } @media (min-width: 540px) { table.list tr td:nth-child(1), table.list tr th:nth-child(1) { width: 20%; } table.list tr td:nth-child(2), table.list tr td:nth-child(3), table.list tr th:nth-child(2), table.list tr th:nth-child(3) { width: 31.5%; } table.list tr td:nth-child(4), table.list tr th:nth-child(4) { width: 17%; } table.list tr td:last-child, table.list tr th:last-child { text-align: center; } } table.green, table.green tr, table.green tr td { border-color: #90C31F; } table.green tr th { background-color: #c7e18f; } table.green.no-line tr:nth-child(odd) { background-color: #c7e18f; } @media (max-device-width: 480px) { table.green tr th:last-child { display: none; } table.green td { display: list-item; } } .member-table, .finished-table, .free-table { border: none; } .member-table caption, .finished-table caption, .free-table caption { padding: 0.25rem 0.5rem; } .member-table tr, .finished-table tr, .free-table tr { border: none; border-bottom: 0.0625 solid #BFBFBF; } .member-table tr:last-child, .finished-table tr:last-child, .free-table tr:last-child { border-bottom-color: transparent; } .member-table th, .finished-table th, .free-table th, .member-table td, .finished-table td, .free-table td { border: none; } .member-table td:nth-child(1), .finished-table td:nth-child(1), .free-table td:nth-child(1), .member-table td:nth-child(2), .finished-table td:nth-child(2), .free-table td:nth-child(2) { width: 19%; } .member-table td:nth-child(3), .finished-table td:nth-child(3), .free-table td:nth-child(3) { width: 15%; } .member-table td:nth-child(6), .finished-table td:nth-child(6), .free-table td:nth-child(6), .member-table td:nth-child(7), .finished-table td:nth-child(7), .free-table td:nth-child(7) { width: 12%; } .member-table td:nth-child(6), .finished-table td:nth-child(6), .free-table td:nth-child(6) { text-decoration: line-through; } .member-table.cart-normal caption, .cart-normal.finished-table caption, .free-table caption { background-color: #00B0EC; } .member-table.cart-normal tr.th, .cart-normal.finished-table tr.th, .free-table tr.th { border-bottom: 0.125rem solid #00B0EC; } .member-table.cart-discount caption, .cart-discount.finished-table caption, .cart-discount.free-table caption { background-color: #F08200; } .member-table.cart-discount tr.th, .cart-discount.finished-table tr.th, .cart-discount.free-table tr.th { border-bottom: 0.125rem solid #F08200; } .member-table.cart-discount .promot, .cart-discount.finished-table .promot, .cart-discount.free-table .promot { border-top: 0.125rem solid #F08200; border-bottom-color: transparent; background-color: #FFE57F; } .member-table.cart-set caption, .cart-set.finished-table caption, .cart-set.free-table caption { background-color: #90C31F; } .member-table.cart-set tr.th, .cart-set.finished-table tr.th, .cart-set.free-table tr.th { border-bottom: 0.125rem solid #90C31F; } .member-table.cart-set .promot, .cart-set.finished-table .promot, .cart-set.free-table .promot { border-top: 0.125rem solid #90C31F; border-bottom-color: transparent; background-color: #DCEDC8; } .finished-table.cart-normal th, .free-table th, .finished-table.cart-normal td, .free-table td { border-right: 0.0625rem solid #00B0EC; border-left: 0.0625rem solid #00B0EC; border-bottom: 0.0625rem solid #00B0EC; } .finished-table.cart-normal tr:last-child, .free-table tr:last-child { border-bottom-color: #00B0EC; } .finished-table.cart-normal tr.th, .free-table tr.th { border-bottom-width: 0.0625rem; } .finished-table.cart-discount th, .cart-discount.free-table th, .finished-table.cart-discount td, .cart-discount.free-table td { border-right: 0.0625rem solid #F08200; border-left: 0.0625rem solid #F08200; } .finished-table.cart-discount tr:last-child, .cart-discount.free-table tr:last-child { border-bottom-color: #F08200; } .finished-table.cart-discount tr.th, .cart-discount.free-table tr.th { border-bottom-width: 0.0625rem; } .finished-table.cart-set th, .cart-set.free-table th, .finished-table.cart-set td, .cart-set.free-table td { border-right: 0.0625rem solid #90C31F; border-left: 0.0625rem solid #90C31F; } .finished-table.cart-set tr:last-child, .cart-set.free-table tr:last-child { border-bottom-color: #90C31F; } .finished-table.cart-set tr.th, .cart-set.free-table tr.th { border-bottom-width: 0.0625rem; } .free-table .btn:hover, .free-table .btn:focus { background-color: #EB6100; } form { max-width: 100%; margin-left: auto; margin-right: auto; } form:after { content: " "; display: block; clear: both; } form input, form select, form textarea, form button, form .radio { width: 100%; float: left; margin-left: 0; margin-right: 0; padding: 0.25rem 0.5rem; height: 32px; border: 0.0625rem solid #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } form input:-moz-placeholder, form select:-moz-placeholder, form textarea:-moz-placeholder, form button:-moz-placeholder, form .radio:-moz-placeholder { color: #707070; } form input::-moz-placeholder, form select::-moz-placeholder, form textarea::-moz-placeholder, form button::-moz-placeholder, form .radio::-moz-placeholder { color: #707070; } form input:-ms-input-placeholder, form select:-ms-input-placeholder, form textarea:-ms-input-placeholder, form button:-ms-input-placeholder, form .radio:-ms-input-placeholder { color: #707070; } form input::-webkit-input-placeholder, form select::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, form button::-webkit-input-placeholder, form .radio::-webkit-input-placeholder { color: #707070; } form textarea { height: auto; } form select { -moz-appearance: none; -webkit-appearance: none; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAFLtZyyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0FEMTgzOEU5MDZGMTFFNTk3MTZGMUE0OUE3RkZCQ0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0FEMTgzOEY5MDZGMTFFNTk3MTZGMUE0OUE3RkZCQ0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQUQxODM4QzkwNkYxMUU1OTcxNkYxQTQ5QTdGRkJDQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQUQxODM4RDkwNkYxMUU1OTcxNkYxQTQ5QTdGRkJDQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvObCswAAAC1SURBVHjaYlywYMF9BgYGRYAAYgAyGAACiBFEAMFXIK4GCCAYBwSCmKAMWyBeBxBAMJkfQMwBlXAHYhkWKAcmWAfETSAGQACBdIQA6TUMqOAeyFxeIPZEEgQZqwSSmA/EqkBsB3US2FiYSyZBJbhh2gACDGRHFJCeA8SRQLyRATvwBuLVQJwBMmkZEHMBsRjUChckhU5A/AWI5aBqFjEhSc6GWq0PxJ+B+CMQmwAxDxBPhykCAAngJGTKTE/JAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: 94% center; } form select option { color: #707070; } form h6 { color: #909090; } form .helper { clear: left; top: -0.875rem; } form .checkbox input[type="checkbox"] { display: inline; width: auto; height: 24px; } form .checkbox input[type="checkbox"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } form .checkbox label { color: #555 !important; } form .radio { height: auto; border-color: transparent; } form .radio-block { max-width: 100%; margin-left: auto; margin-right: auto; } form .radio-block:after { content: " "; display: block; clear: both; } form .radio-block input[type="radio"] { display: none; } form .radio-block input[type="radio"] + label.circle { content: " "; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0.0625rem; width: 12px; height: 12px; border: 0.0625rem solid #CCC; cursor: pointer; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } form .radio-block input[type="radio"]:checked + label.circle > span { height: 8px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #00B0EC; } form .radio-block label.label { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding-left: 0.25rem; cursor: pointer; } form.form-orange input, form.form-orange select, form.form-orange textarea { border-color: #F08200; } form.form-orange input:focus, form.form-orange select:focus, form.form-orange textarea:focus { border-color: #EB6100; outline: 0; -moz-box-shadow: inset 0 1px 1px rgba(240, 130, 0, 0.26), 0 0 8px rgba(235, 97, 0, 0.6); -webkit-box-shadow: inset 0 1px 1px rgba(240, 130, 0, 0.26), 0 0 8px rgba(235, 97, 0, 0.6); box-shadow: inset 0 1px 1px rgba(240, 130, 0, 0.26), 0 0 8px rgba(235, 97, 0, 0.6); } form.form-blue input, form.form-blue select, form.form-blue textarea { border-color: #00B0EC; } form.form-blue input:focus, form.form-blue select:focus, form.form-blue textarea:focus { border-color: #007eba; outline: 0; -moz-box-shadow: inset 0 1px 1px rgba(0, 176, 236, 0.26), 0 0 8px rgba(0, 126, 186, 0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 176, 236, 0.26), 0 0 8px rgba(0, 126, 186, 0.6); box-shadow: inset 0 1px 1px rgba(0, 176, 236, 0.26), 0 0 8px rgba(0, 126, 186, 0.6); } form.form-blue select { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAFLtZyyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzBFQTAyMzE5NEUwMTFFNUI3MkVERDY1Qjc5QUZCMUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzBFQTAyMzI5NEUwMTFFNUI3MkVERDY1Qjc5QUZCMUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MEVBMDIyRjk0RTAxMUU1QjcyRURENjVCNzlBRkIxQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MEVBMDIzMDk0RTAxMUU1QjcyRURENjVCNzlBRkIxQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiXgvrAAAACuSURBVHjaYmDY8Ob+////GQACiBFEAAQQhNj49isDA0M1QACBOSAAFAhiAHM2vLEF0QABBFP247+/MAdUhTuQkgGrgmGg6joYGyCAQJwQZEmogntMQG28QO2eDFAANVYJZkceUOwCEG8HCnKDVSBpr0E2DiDAGIECUUD5OUAcCVS9kQELAJroDaRWA3EGskmpQPwViF2QxJyA+AsQZ8LFsPigGIg/A/FHIC5DlwcAcoOsulz8NbAAAAAASUVORK5CYII='); } form.form-grey input, form.form-grey select, form.form-grey textarea { border-color: #DCDCDC; } form.form-grey input:focus, form.form-grey select:focus, form.form-grey textarea:focus { border-color: #aaaaaa; outline: 0; -moz-box-shadow: inset 0 1px 1px rgba(220, 220, 220, 0.26), 0 0 8px rgba(170, 170, 170, 0.6); -webkit-box-shadow: inset 0 1px 1px rgba(220, 220, 220, 0.26), 0 0 8px rgba(170, 170, 170, 0.6); box-shadow: inset 0 1px 1px rgba(220, 220, 220, 0.26), 0 0 8px rgba(170, 170, 170, 0.6); } form.form-grey label { color: #DCDCDC; } .bread { list-style-type: none; } .bread, .bread li { margin: 0; padding: 0; display: inline; } .bread ul { padding-top: 8px; padding-left: 0; padding-bottom: 8px; } .bread li { font-size: 14px; color: #F08200; } .bread li::after { content: " > "; color: #F08200; } .bread li:last-child::after { content: ""; } .bread a { font-size: 14px; color: #F08200; text-decoration: underline; } .bread a:hover, .bread a:focus { text-decoration: none; color: #EB6100; } .footer { padding-top: 2.5rem; padding-bottom: 1.875rem; background-color: #E5EFEE; border-bottom: 1.5rem solid #29A59F; } @media (max-width: 768px) { .footer { padding-top: 0.5rem; padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 769px) { .footer-wrap { max-width: 1020px; margin-left: auto; margin-right: auto; } .footer-wrap:after { content: " "; display: block; clear: both; } } @media (min-width: 769px) { .footer-wrap .footer-logo { width: 23.72881%; float: left; margin-right: 1.69492%; } .footer-wrap .footer-contact { width: 40.67797%; float: left; margin-right: 1.69492%; } .footer-wrap .footer-download { width: 32.20339%; float: right; margin-right: 0; } } @media (max-width: 768px) { .footer-wrap { max-width: 100%; margin-left: auto; margin-right: auto; } .footer-wrap:after { content: " "; display: block; clear: both; } .footer-wrap .footer-logo { width: 23.72881%; float: left; margin-right: 1.69492%; } .footer-wrap .footer-contact { width: 40.67797%; float: left; margin-right: 1.69492%; } .footer-wrap .footer-download { width: 32.20339%; float: right; margin-right: 0; } } @media (max-device-width: 480px) { .footer-wrap { max-width: 100%; margin-left: auto; margin-right: auto; } .footer-wrap:after { content: " "; display: block; clear: both; } .footer-wrap .footer-logo, .footer-wrap .footer-contact, .footer-wrap .footer-download { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .footer-logo img { display: block; max-width: 100%; height: auto; max-width: 136px; } @media (max-device-width: 480px) { .footer-logo { padding-top: 0.5rem; } .footer-logo img { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-right: 0.5rem; } } .footer-contact ul { list-style: none; } .footer-contact li { width: 49.15254%; float: left; } .footer-contact li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .footer-contact li:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; } .footer-download select { width: 270px; height: 40px; border: 0.0625rem solid #000; background-color: #535353; } .footer-download > div { font-size: 13px; } @media (min-width: 769px) { .footer-download img.google-play { margin-left: 0.5rem; } } @media (max-width: 768px) { .footer-download select { width: 100%; } } @media (max-device-width: 480px) { .footer-download img.google-play { margin-left: 0.5rem; } } .m_timeout { position: fixed; top: 3rem; left: 0; z-index: 2; width: 100%; text-align: center; -moz-transition: ease-in-out 1s all; -o-transition: ease-in-out 1s all; -webkit-transition: ease-in-out 1s all; transition: ease-in-out 1s all; } .m_timeout > .m_timeout-content { margin-bottom: 0.5rem; padding: 0.5rem 1rem; background-color: #f50057; color: rgba(255, 255, 255, 0.87); font-weight: bold; -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); }