/* line 4, ../neat/grid/_box-sizing.scss */
html {
box-sizing: border-box;
}
/* line 9, ../neat/grid/_box-sizing.scss */
*, *::after, *::before {
box-sizing: inherit;
}
/* line 5, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
/*padding: 0;*/
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
/* line 22, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
line-height: 1;
}
/* line 24, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
/*list-style: none;*/
}
/* line 26, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* line 28, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
/* line 30, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
quotes: none;
}
/* line 103, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
/* line 32, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
border: none;
}
/* line 116, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
/* ----- content ----- */
/* line 13, ../sass/_variables.scss */
a {
color: #000;
text-decoration: none;
}
/* line 16, ../sass/_variables.scss */
a:hover {
color: #ff7e00;
}
/* line 20, ../sass/_variables.scss */
input {
margin: 0px;
padding: 0px;
color: #808086;
}
/* line 24, ../sass/_variables.scss */
input::-webkit-input-placeholder {
color: #808086;
}
/* line 27, ../sass/_variables.scss */
input:-moz-placeholder {
/* Firefox 18- */
color: #808086;
}
/* line 31, ../sass/_variables.scss */
input::-moz-placeholder {
/* Firefox 19+ */
color: #808086;
}
/* line 35, ../sass/_variables.scss */
input:-ms-input-placeholder {
color: #808086;
}
/* line 39, ../sass/_variables.scss */
strong {
font-weight: bold;
}
/* line 42, ../sass/_variables.scss */
fieldset legend {
display: none;
}
/* line 45, ../sass/_variables.scss */
.loading {
background: url(../images/loading.html) no-repeat center;
width: 100%;
height: 200px;
margin: 0px auto;
}
/* ----- tabHeader ----- */
/* ----- AnchorLink ----- */
/* ----- table ----- */
/* ----- NoticeBox ----- */
/* ----- Popup ----- */
/* ----- UserInfo ----- */
/* ----- form ----- */
/* line 15, ../sass/_mixins.scss */
.char .char-cont li a {
display: block;
font: 0/0 a;
text-shadow: none;
color: transparent;
}
/* section #event-banner */
/* line 2, ../sass/_banner.scss */
#event-banner {
float: left;
display: block;
margin-right: 1.64474%;
width: 91.52961%;
margin-left: 5.08224%;
padding-top: 15px;
height: 350px;
overflow: hidden;
position: relative;
margin-bottom: 20px;
/*
@include bp(widescreen) {
@include span-columns(7);
height: 410px;
max-width: 540px;
border-bottom: none;
}*/
}
/* line 89, ../neat/grid/_span-columns.scss */
#event-banner:last-child {
margin-right: 0;
}
@media screen and (max-width: 580px) {
/* line 2, ../sass/_banner.scss */
#event-banner {
height: auto;
}
}
@media screen and (max-width: 480px) {
/* line 2, ../sass/_banner.scss */
#event-banner {
border-color: transparent;
}
}
/* line 29, ../sass/_banner.scss */
#event-banner .event-banner__title {
width: 100%;
}
/* line 32, ../sass/_banner.scss */
#event-banner .event-banner__title img {
max-width: 100%;
display: block;
}
/* line 43, ../sass/_banner.scss */
#event-banner > .swiper-wrapper > .swiper-slide {
width: 670px;
height: 250px;
overflow: hidden;
float: left;
margin: 0;
}
@media screen and (max-width: 580px) {
/* line 43, ../sass/_banner.scss */
#event-banner > .swiper-wrapper > .swiper-slide {
width: 100%;
height: auto;
}
}
/* line 62, ../sass/_banner.scss */
#event-banner > .swiper-wrapper > .swiper-slide > a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
/* line 68, ../sass/_banner.scss */
#event-banner > .swiper-wrapper > .swiper-slide > a > img,
#event-banner > .swiper-wrapper > .swiper-slide > a > video {
display: block;
width: 100%;
height: auto;
background: #fff;
display: block;
margin: 0;
padding: 0;
}
/* line 77, ../sass/_banner.scss */
#event-banner > .swiper-wrapper > .swiper-slide > a > .event-banner__video-icon {
color: #ff9900;
font-size: 80px;
position: absolute;
top: 50%;
left: 50%;
margin: -40px 0 0 -34px;
}
/* line 92, ../sass/_banner.scss */
#event-banner .swiper-button-next, #event-banner .swiper-button-prev {
/*@include bp(widescreen) {
display: none;
}*/
}
/* line 98, ../sass/_banner.scss */
#event-banner .swiper-button-next {
width: 20px;
height: 20px;
background: #ff9900;
right: 0;
}
/* line 105, ../sass/_banner.scss */
#event-banner .swiper-button-prev {
width: 20px;
height: 20px;
background: #ff9900;
left: 0;
}
@media screen and (max-width: 480px) {
/* line 112, ../sass/_banner.scss */
#event-banner .event-banner__control {
display: none;
}
}
@media screen and (max-width: 780px) {
/* line 112, ../sass/_banner.scss */
#event-banner .event-banner__control {
display: block;
width: 60px;
position: absolute;
z-index: 10000;
top: 50%;
margin-top: -30px;
background: rgba(0, 0, 0, 0.8);
text-align: center;
}
/* line 128, ../sass/_banner.scss */
#event-banner .event-banner__control.event-banner__control--prev {
left: 0;
}
/* line 131, ../sass/_banner.scss */
#event-banner .event-banner__control.event-banner__control--next {
right: 0;
}
/* line 134, ../sass/_banner.scss */
#event-banner .event-banner__control:hover {
opacity: 1;
filter: alpha(opacity=100);
/* For IE8 and earlier */
}
/* line 138, ../sass/_banner.scss */
#event-banner .event-banner__control > .fa {
font-size: 40px;
color: #fff;
height: 60px;
line-height: 60px;
}
}
/* line 146, ../sass/_banner.scss */
#event-banner .swiper-pagination {
bottom: 10px;
}
@media screen and (max-width: 780px) {
/* line 146, ../sass/_banner.scss */
#event-banner .swiper-pagination {
bottom: 0;
}
}
/* line 152, ../sass/_banner.scss */
#event-banner .swiper-pagination .swiper-pagination-bullet {
width: 19px;
height: 19px;
background: url(../images/banner/control.png) no-repeat;
opacity: 1;
border: 0;
}
/* line 158, ../sass/_banner.scss */
#event-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: url(../images/banner/control-hov.png) no-repeat;
width: 19px;
height: 19px;
/*&::before{
content: " ";
display: inline-block;
margin: -3px -5px;
padding: 9px;
position: relative;
text-align: center;
top: -2px;
}*/
}
/*event banner 2*/
/* line 180, ../sass/_banner.scss */
.bg-banner2 {
background: url(../images/home/bg-slide-white.jpg) center top no-repeat #e1e1e1;
background-size: contain;
height: 766px;
float: left;
display: block;
margin-right: 1.64474%;
width: 100%;
overflow: hidden;
}
/* line 89, ../neat/grid/_span-columns.scss */
.bg-banner2:last-child {
margin-right: 0;
}
@media screen and (max-width: 580px) {
/* line 180, ../sass/_banner.scss */
.bg-banner2 {
height: auto;
}
}
/* line 190, ../sass/_banner.scss */
#event-banner2 {
float: left;
display: block;
margin-right: 1.64474%;
width: 89.83553%;
margin-left: 5.08224%;
padding-top: 15px;
margin-bottom: 40px;
height: 655px;
overflow: hidden;
position: relative;
/*
@include bp(widescreen) {
@include span-columns(7);
height: 410px;
max-width: 540px;
border-bottom: none;
}*/
}
/* line 89, ../neat/grid/_span-columns.scss */
#event-banner2:last-child {
margin-right: 0;
}
@media screen and (max-width: 580px) {
/* line 190, ../sass/_banner.scss */
#event-banner2 {
height: auto;
}
}
/* line 218, ../sass/_banner.scss */
#event-banner2 .event-banner__title {
width: 100%;
}
/* line 220, ../sass/_banner.scss */
#event-banner2 .event-banner__title img {
max-width: 100%;
display: block;
}
/* line 228, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide {
width: 670px;
overflow: hidden;
float: left;
margin: 0;
}
@media screen and (max-width: 580px) {
/* line 228, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide {
/*width: 255px;
height: 190px;*/
}
}
/* line 243, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide .title-img {
text-align: center;
padding-bottom: 60px;
}
/* line 247, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide .title-img p.text-large {
font-size: 3em;
line-height: 1.8em;
color: #2b2928;
text-align: center;
text-transform: uppercase;
}
/* line 254, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide .title-img p.text-small {
font-size: 1em;
line-height: 1em;
color: #2b2928;
text-align: center;
}
@media screen and (max-width: 580px) {
/* line 262, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide .title-img {
padding-bottom: 30px;
}
/* line 264, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide .title-img p.text-large {
font-size: 1.8em;
line-height: 1.4em;
}
/* line 268, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide .title-img p.text-small {
font-size: 1em;
line-height: 1em;
}
}
@media screen and (max-width: 480px) {
/* line 275, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide .title-img {
padding-bottom: 30px;
}
/* line 277, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide .title-img p.text-large {
font-size: 1.4em;
line-height: 1.5em;
}
/* line 281, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide .title-img p.text-small {
font-size: 0.85em;
line-height: 1em;
}
}
/* line 288, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide > a {
/*display: block;
width: 100%;
height: 100%;
position: relative;
margin: auto;*/
}
/* line 295, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide > a > img,
#event-banner2 > .swiper-wrapper > .swiper-slide > a > video {
display: block;
width: 100%;
height: auto;
background: #fff;
display: block;
margin: 0;
padding: 0;
}
/* line 304, ../sass/_banner.scss */
#event-banner2 > .swiper-wrapper > .swiper-slide > a > .event-banner__video-icon {
color: #ff9900;
font-size: 80px;
position: absolute;
top: 50%;
left: 50%;
margin: -40px 0 0 -34px;
}
/* line 319, ../sass/_banner.scss */
#event-banner2 .swiper-button-next, #event-banner2 .swiper-button-prev {
/*@include bp(widescreen) {
display: none;
}*/
}
/* line 325, ../sass/_banner.scss */
#event-banner2 .swiper-button-next {
width: 60px;
height: 100px;
background: url(../images/home/arrow-right.png) 0 0 no-repeat;
right: 0;
top: 57%;
}
@media screen and (max-width: 480px) {
/* line 325, ../sass/_banner.scss */
#event-banner2 .swiper-button-next {
background-size: 130%;
width: 40px;
height: 50px;
top: 66%;
}
}
/* line 339, ../sass/_banner.scss */
#event-banner2 .swiper-button-prev {
width: 60px;
height: 100px;
background: #ff9900;
background: url(../images/home/arrow-left.png) -48px 0 no-repeat;
left: 0;
top: 57%;
}
@media screen and (max-width: 480px) {
/* line 339, ../sass/_banner.scss */
#event-banner2 .swiper-button-prev {
background: url(../images/home/arrow-left.png) -10px 0 no-repeat;
background-size: 130%;
width: 40px;
height: 50px;
top: 66%;
}
}
@media screen and (max-width: 480px) {
/* line 355, ../sass/_banner.scss */
#event-banner2 .event-banner__control {
display: none;
}
}
@media screen and (max-width: 780px) {
/* line 355, ../sass/_banner.scss */
#event-banner2 .event-banner__control {
display: block;
width: 60px;
position: absolute;
z-index: 10000;
top: 50%;
margin-top: -30px;
background: rgba(0, 0, 0, 0.8);
text-align: center;
}
/* line 371, ../sass/_banner.scss */
#event-banner2 .event-banner__control.event-banner__control--prev {
left: 0;
}
/* line 374, ../sass/_banner.scss */
#event-banner2 .event-banner__control.event-banner__control--next {
right: 0;
}
/* line 377, ../sass/_banner.scss */
#event-banner2 .event-banner__control:hover {
opacity: 1;
filter: alpha(opacity=100);
/* For IE8 and earlier */
}
/* line 381, ../sass/_banner.scss */
#event-banner2 .event-banner__control > .fa {
font-size: 40px;
color: #fff;
height: 60px;
line-height: 60px;
}
}
/* line 389, ../sass/_banner.scss */
#event-banner2 .swiper-pagination {
bottom: 0;
}
@media screen and (max-width: 780px) {
/* line 389, ../sass/_banner.scss */
#event-banner2 .swiper-pagination {
bottom: 0;
}
}
/* line 395, ../sass/_banner.scss */
#event-banner2 .swiper-pagination .swiper-pagination-bullet {
width: 19px;
height: 19px;
background: url(../images/banner/control-b.png) no-repeat;
opacity: 1;
border: 0;
}
/* line 401, ../sass/_banner.scss */
#event-banner2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: url(../images/banner/control-hov.png) no-repeat;
width: 19px;
height: 19px;
/*&::before{
content: " ";
display: inline-block;
margin: -3px -5px;
padding: 9px;
position: relative;
text-align: center;
top: -2px;
}*/
}
/**
* Swiper 3.1.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2015, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: July 14, 2015
*/
/* line 15, ../sass/_swiper.scss */
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1;
}
/* line 22, ../sass/_swiper.scss */
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
/* line 25, ../sass/_swiper.scss */
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
/* line 32, ../sass/_swiper.scss */
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* line 55, ../sass/_swiper.scss */
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
/* line 63, ../sass/_swiper.scss */
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 70, ../sass/_swiper.scss */
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
/* line 78, ../sass/_swiper.scss */
.swiper-slide {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
/* a11y */
/* line 91, ../sass/_swiper.scss */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
/* line 100, ../sass/_swiper.scss */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
/* line 104, ../sass/_swiper.scss */
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
/* Arrows */
/* line 109, ../sass/_swiper.scss */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
}
/* line 122, ../sass/_swiper.scss */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
display: none;
}
/* line 129, ../sass/_swiper.scss */
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
/* line 135, ../sass/_swiper.scss */
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
/* line 139, ../sass/_swiper.scss */
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* line 143, ../sass/_swiper.scss */
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
/* line 149, ../sass/_swiper.scss */
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
/* line 153, ../sass/_swiper.scss */
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
/* line 158, ../sass/_swiper.scss */
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
/* line 171, ../sass/_swiper.scss */
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* line 174, ../sass/_swiper.scss */
.swiper-pagination-bullet {
display: inline-block;
background: #ffe6da;
opacity: 0.2;
box-sizing: content-box;
}
/* line 183, ../sass/_swiper.scss */
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
/* line 193, ../sass/_swiper.scss */
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
/* line 196, ../sass/_swiper.scss */
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
/* line 199, ../sass/_swiper.scss */
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
/* line 203, ../sass/_swiper.scss */
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
/* line 206, ../sass/_swiper.scss */
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
/* line 209, ../sass/_swiper.scss */
.swiper-container-vertical > .swiper-pagination {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
-moz-transform: translate3d(0px, -50%, 0);
-o-transform: translate(0px, -50%);
-ms-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
/* line 218, ../sass/_swiper.scss */
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
/* line 222, ../sass/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination {
bottom: 0;
left: 0;
width: 100%;
}
/* line 227, ../sass/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
margin: 0 5px;
}
/* 3D Container */
/* line 231, ../sass/_swiper.scss */
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
/* line 237, ../sass/_swiper.scss */
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
/* line 249, ../sass/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
/* line 261, ../sass/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
/* Opera 11.10-12.00 */
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */
}
/* line 273, ../sass/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
/* Opera 11.10-12.00 */
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */
}
/* line 285, ../sass/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
/* Opera 11.10-12.00 */
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */
}
/* line 297, ../sass/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
/* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
/* line 310, ../sass/_swiper.scss */
.swiper-container-coverflow .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
/* Fade */
/* line 315, ../sass/_swiper.scss */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
/* line 322, ../sass/_swiper.scss */
.swiper-container-fade .swiper-slide {
pointer-events: none;
}
/* line 325, ../sass/_swiper.scss */
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
/* line 328, ../sass/_swiper.scss */
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
/* Cube */
/* line 333, ../sass/_swiper.scss */
.swiper-container-cube {
overflow: visible;
}
/* line 336, ../sass/_swiper.scss */
.swiper-container-cube .swiper-slide {
pointer-events: none;
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 100%;
}
/* line 350, ../sass/_swiper.scss */
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
/* line 356, ../sass/_swiper.scss */
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
/* line 363, ../sass/_swiper.scss */
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
}
/* line 374, ../sass/_swiper.scss */
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
z-index: 0;
}
/* Scrollbar */
/* line 378, ../sass/_swiper.scss */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
/* line 384, ../sass/_swiper.scss */
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
/* line 392, ../sass/_swiper.scss */
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
/* line 400, ../sass/_swiper.scss */
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
/* line 409, ../sass/_swiper.scss */
.swiper-scrollbar-cursor-drag {
cursor: move;
}
/* Preloader */
/* line 413, ../sass/_swiper.scss */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
/* line 429, ../sass/_swiper.scss */
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
/* line 440, ../sass/_swiper.scss */
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
/* line 376, chars/*.png */
.chars-sprite, .chars-back-hov, .chars-back, .chars-bt-viewmore-hov, .chars-bt-viewmore, .chars-next-hov, .chars-next, .chars-tab-1-hov, .chars-tab-1, .chars-tab-10-hov, .chars-tab-10, .chars-tab-11-hov, .chars-tab-11, .chars-tab-12-hov, .chars-tab-12, .chars-tab-13-hov, .chars-tab-13, .chars-tab-14-hov, .chars-tab-14, .chars-tab-15-hov, .chars-tab-15, .chars-tab-16-hov, .chars-tab-16, .chars-tab-17-hov, .chars-tab-17, .chars-tab-18-hov, .chars-tab-18, .chars-tab-2-hov, .chars-tab-2, .chars-tab-3-hov, .chars-tab-3, .chars-tab-4-hov, .chars-tab-4, .chars-tab-5-hov, .chars-tab-5, .chars-tab-6-hov, .chars-tab-6, .chars-tab-7-hov, .chars-tab-7, .chars-tab-8-hov, .chars-tab-8, .chars-tab-9-hov, .chars-tab-9, .char .swiper-button-next, .char .swiper-button-next:hover:not(.swiper-button-disabled), .char .swiper-button-prev, .char .swiper-button-prev:hover:not(.swiper-button-disabled), .char .char-tab .swiper-slide.tab-1, .char .char-tab .swiper-slide.tab-1:hover, .char .char-tab .swiper-slide.tab-1.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-1.swiper-slide-active, .char .char-tab .swiper-slide.tab-2, .char .char-tab .swiper-slide.tab-2:hover, .char .char-tab .swiper-slide.tab-2.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-2.swiper-slide-active, .char .char-tab .swiper-slide.tab-3, .char .char-tab .swiper-slide.tab-3:hover, .char .char-tab .swiper-slide.tab-3.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-3.swiper-slide-active, .char .char-tab .swiper-slide.tab-4, .char .char-tab .swiper-slide.tab-4:hover, .char .char-tab .swiper-slide.tab-4.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-4.swiper-slide-active, .char .char-tab .swiper-slide.tab-5, .char .char-tab .swiper-slide.tab-5:hover, .char .char-tab .swiper-slide.tab-5.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-5.swiper-slide-active, .char .char-tab .swiper-slide.tab-6, .char .char-tab .swiper-slide.tab-6:hover, .char .char-tab .swiper-slide.tab-6.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-6.swiper-slide-active, .char .char-tab .swiper-slide.tab-7, .char .char-tab .swiper-slide.tab-7:hover, .char .char-tab .swiper-slide.tab-7.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-7.swiper-slide-active, .char .char-tab .swiper-slide.tab-8, .char .char-tab .swiper-slide.tab-8:hover, .char .char-tab .swiper-slide.tab-8.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-8.swiper-slide-active, .char .char-tab .swiper-slide.tab-9, .char .char-tab .swiper-slide.tab-9:hover, .char .char-tab .swiper-slide.tab-9.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-9.swiper-slide-active, .char .char-tab .swiper-slide.tab-10, .char .char-tab .swiper-slide.tab-10:hover, .char .char-tab .swiper-slide.tab-10.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-10.swiper-slide-active, .char .char-tab .swiper-slide.tab-11, .char .char-tab .swiper-slide.tab-11:hover, .char .char-tab .swiper-slide.tab-11.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-11.swiper-slide-active, .char .char-tab .swiper-slide.tab-12, .char .char-tab .swiper-slide.tab-12:hover, .char .char-tab .swiper-slide.tab-12.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-12.swiper-slide-active, .char .char-tab .swiper-slide.tab-13, .char .char-tab .swiper-slide.tab-13:hover, .char .char-tab .swiper-slide.tab-13.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-13.swiper-slide-active, .char .char-tab .swiper-slide.tab-14, .char .char-tab .swiper-slide.tab-14:hover, .char .char-tab .swiper-slide.tab-14.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-14.swiper-slide-active, .char .char-tab .swiper-slide.tab-15, .char .char-tab .swiper-slide.tab-15:hover, .char .char-tab .swiper-slide.tab-15.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-15.swiper-slide-active, .char .char-tab .swiper-slide.tab-16, .char .char-tab .swiper-slide.tab-16:hover, .char .char-tab .swiper-slide.tab-16.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-16.swiper-slide-active, .char .char-tab .swiper-slide.tab-17, .char .char-tab .swiper-slide.tab-17:hover, .char .char-tab .swiper-slide.tab-17.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-17.swiper-slide-active, .char .char-tab .swiper-slide.tab-18, .char .char-tab .swiper-slide.tab-18:hover, .char .char-tab .swiper-slide.tab-18.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-18.swiper-slide-active {
background-image: url('../images/chars-seb6faefd4e.png');
background-repeat: no-repeat;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-back-hov {
background-position: 0 0;
height: 49px;
width: 38px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-back {
background-position: 0 -49px;
height: 49px;
width: 38px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-bt-viewmore-hov {
background-position: 0 -98px;
height: 61px;
width: 190px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-bt-viewmore {
background-position: 0 -159px;
height: 61px;
width: 190px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-next-hov {
background-position: 0 -220px;
height: 50px;
width: 38px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-next {
background-position: 0 -270px;
height: 50px;
width: 38px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-1-hov {
background-position: 0 -320px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-1 {
background-position: 0 -370px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-10-hov {
background-position: 0 -420px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-10 {
background-position: 0 -470px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-11-hov {
background-position: 0 -520px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-11 {
background-position: 0 -570px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-12-hov {
background-position: 0 -620px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-12 {
background-position: 0 -670px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-13-hov {
background-position: 0 -720px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-13 {
background-position: 0 -770px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-14-hov {
background-position: 0 -820px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-14 {
background-position: 0 -870px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-15-hov {
background-position: 0 -920px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-15 {
background-position: 0 -970px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-16-hov {
background-position: 0 -1020px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-16 {
background-position: 0 -1070px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-17-hov {
background-position: 0 -1120px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-17 {
background-position: 0 -1170px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-18-hov {
background-position: 0 -1220px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-18 {
background-position: 0 -1270px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-2-hov {
background-position: 0 -1320px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-2 {
background-position: 0 -1370px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-3-hov {
background-position: 0 -1420px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-3 {
background-position: 0 -1470px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-4-hov {
background-position: 0 -1520px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-4 {
background-position: 0 -1570px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-5-hov {
background-position: 0 -1620px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-5 {
background-position: 0 -1670px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-6-hov {
background-position: 0 -1720px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-6 {
background-position: 0 -1770px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-7-hov {
background-position: 0 -1820px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-7 {
background-position: 0 -1870px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-8-hov {
background-position: 0 -1920px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-8 {
background-position: 0 -1970px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-9-hov {
background-position: 0 -2020px;
height: 50px;
width: 43px;
}
/* line 84, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.chars-tab-9 {
background-position: 0 -2070px;
height: 50px;
width: 43px;
}
/* line 7, ../sass/_chars.scss */
.char {
position: relative;
text-align: center;
float: left;
display: block;
margin-right: 1.64474%;
width: 100%;
}
/* line 89, ../neat/grid/_span-columns.scss */
.char:last-child {
margin-right: 0;
}
/* line 11, ../sass/_chars.scss */
.char .swiper-container {
position: relative;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
}
/* line 22, ../sass/_chars.scss */
.char .swiper-pagination {
display: block;
left: 0;
top: 10px;
}
/* line 28, ../sass/_chars.scss */
.char .swiper-pagination > span.swiper-pagination-bullet {
display: block;
width: 85px;
height: 94px;
float: left;
margin-right: 10px;
opacity: 1;
text-indent: -9999px;
background-color: unset;
outline: none;
}
/* line 38, ../sass/_chars.scss */
.char .swiper-pagination > span.swiper-pagination-bullet:last-child {
margin-right: 0;
}
/* line 44, ../sass/_chars.scss */
.char .swiper-button-next, .char .swiper-button-prev {
display: block;
text-indent: -9999px;
outline: none;
top: 7%;
margin-top: 0;
}
/* line 51, ../sass/_chars.scss */
.char .swiper-button-next {
right: 0px;
background-position: 0 -270px;
height: 50px;
width: 38px;
}
/* line 54, ../sass/_chars.scss */
.char .swiper-button-next:hover:not(.swiper-button-disabled) {
background-position: 0 -220px;
height: 50px;
width: 38px;
}
/* line 58, ../sass/_chars.scss */
.char .swiper-button-prev {
left: 0px;
background-position: 0 -49px;
height: 49px;
width: 38px;
}
/* line 61, ../sass/_chars.scss */
.char .swiper-button-prev:hover:not(.swiper-button-disabled) {
background-position: 0 0;
height: 49px;
width: 38px;
}
/* line 66, ../sass/_chars.scss */
.char .char-cont {
float: left;
display: block;
margin-right: 1.64474%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
/* line 89, ../neat/grid/_span-columns.scss */
.char .char-cont:last-child {
margin-right: 0;
}
/* line 73, ../sass/_chars.scss */
.char .char-cont li > img {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
}
/* line 80, ../sass/_chars.scss */
.char .char-cont li a {
background: url(../images/chars/bt-viewmore.png) 0 0 no-repeat;
position: absolute;
top: 860px;
left: 40px;
width: 190px;
height: 61px;
display: block;
}
/* line 89, ../sass/_chars.scss */
.char .char-cont li a:hover {
background: url(../images/chars/bt-viewmore-hov.png) 0 0 no-repeat;
}
@media screen and (max-width: 580px) {
/* line 80, ../sass/_chars.scss */
.char .char-cont li a {
width: 100px;
height: 50px;
background-size: contain;
left: 20px;
}
/* line 98, ../sass/_chars.scss */
.char .char-cont li a:hover {
width: 100px;
height: 50px;
background-size: contain;
left: 20px;
}
}
@media screen and (max-width: 480px) {
/* line 80, ../sass/_chars.scss */
.char .char-cont li a {
width: 90px;
height: 45px;
background-size: contain;
left: 20px;
}
/* line 111, ../sass/_chars.scss */
.char .char-cont li a:hover {
width: 90px;
height: 45px;
background-size: contain;
left: 20px;
}
}
/* line 122, ../sass/_chars.scss */
.char .char-tab {
width: 86%;
top: 7%;
height: fit-content;
left: 0;
right: 0;
margin: 0 auto;
z-index: 10;
text-align: center;
}
@media screen and (max-width: 414px) {
/* line 122, ../sass/_chars.scss */
.char .char-tab {
width: 76%;
}
}
/* line 135, ../sass/_chars.scss */
.char .char-tab .swiper-slide {
display: block;
text-indent: -9999px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-1 {
background-position: 0 -370px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-1:hover, .char .char-tab .swiper-slide.tab-1.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-1.swiper-slide-active {
background-position: 0 -320px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-2 {
background-position: 0 -1370px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-2:hover, .char .char-tab .swiper-slide.tab-2.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-2.swiper-slide-active {
background-position: 0 -1320px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-3 {
background-position: 0 -1470px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-3:hover, .char .char-tab .swiper-slide.tab-3.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-3.swiper-slide-active {
background-position: 0 -1420px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-4 {
background-position: 0 -1570px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-4:hover, .char .char-tab .swiper-slide.tab-4.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-4.swiper-slide-active {
background-position: 0 -1520px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-5 {
background-position: 0 -1670px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-5:hover, .char .char-tab .swiper-slide.tab-5.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-5.swiper-slide-active {
background-position: 0 -1620px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-6 {
background-position: 0 -1770px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-6:hover, .char .char-tab .swiper-slide.tab-6.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-6.swiper-slide-active {
background-position: 0 -1720px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-7 {
background-position: 0 -1870px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-7:hover, .char .char-tab .swiper-slide.tab-7.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-7.swiper-slide-active {
background-position: 0 -1820px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-8 {
background-position: 0 -1970px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-8:hover, .char .char-tab .swiper-slide.tab-8.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-8.swiper-slide-active {
background-position: 0 -1920px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-9 {
background-position: 0 -2070px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-9:hover, .char .char-tab .swiper-slide.tab-9.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-9.swiper-slide-active {
background-position: 0 -2020px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-10 {
background-position: 0 -470px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-10:hover, .char .char-tab .swiper-slide.tab-10.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-10.swiper-slide-active {
background-position: 0 -420px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-11 {
background-position: 0 -570px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-11:hover, .char .char-tab .swiper-slide.tab-11.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-11.swiper-slide-active {
background-position: 0 -520px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-12 {
background-position: 0 -670px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-12:hover, .char .char-tab .swiper-slide.tab-12.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-12.swiper-slide-active {
background-position: 0 -620px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-13 {
background-position: 0 -770px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-13:hover, .char .char-tab .swiper-slide.tab-13.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-13.swiper-slide-active {
background-position: 0 -720px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-14 {
background-position: 0 -870px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-14:hover, .char .char-tab .swiper-slide.tab-14.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-14.swiper-slide-active {
background-position: 0 -820px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-15 {
background-position: 0 -970px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-15:hover, .char .char-tab .swiper-slide.tab-15.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-15.swiper-slide-active {
background-position: 0 -920px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-16 {
background-position: 0 -1070px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-16:hover, .char .char-tab .swiper-slide.tab-16.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-16.swiper-slide-active {
background-position: 0 -1020px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-17 {
background-position: 0 -1170px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-17:hover, .char .char-tab .swiper-slide.tab-17.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-17.swiper-slide-active {
background-position: 0 -1120px;
height: 50px;
width: 43px;
}
/* line 139, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-18 {
background-position: 0 -1270px;
height: 50px;
width: 43px;
}
/* line 141, ../sass/_chars.scss */
.char .char-tab .swiper-slide.tab-18:hover, .char .char-tab .swiper-slide.tab-18.swiper-slide-duplicate-active, .char .char-tab .swiper-slide.tab-18.swiper-slide-active {
background-position: 0 -1220px;
height: 50px;
width: 43px;
}
/* line 146, ../sass/_chars.scss */
.char .char-tab .swiper-slide > a {
text-indent: -9999px;
display: block;
}
/* line 6, ../sass/homepage.scss */
body {
font: 16px/32px Tahoma, Arial, Verdana, sans-serif;
}
/* line 9, ../sass/homepage.scss */
.wrapper {
max-width: 750px;
margin-left: auto;
margin-right: auto;
margin: 0 auto;
}
/* line 20, ../neat/mixins/_clearfix.scss */
.wrapper::after {
clear: both;
content: "";
display: block;
}
/* line 16, ../sass/homepage.scss */
.box-top {
width: 100%;
max-width: 750px;
height: 120px;
background: #202020;
position: fixed;
z-index: 100;
top: 0;
text-align: center;
color: white;
font-weight: bold;
font-size: 26px;
line-height: 100px;
}
/* line 25, ../sass/homepage.scss */
.box-top .logo {
/*height: 92px;
width: 92px;*/
/*margin: 12px 0 12px 40px;*/
font-size: 1.4em;
color: #FFF;
padding: 10px;
display: block;
float: left;
display: block;
/*margin-right: 1.64474%;*/
/*margin-left: 4.2352%;*/
}
.box-top .logo img {
height: 100px;
width: 100px;
float: left;
}
/* line 89, ../neat/grid/_span-columns.scss */
.box-top .logo:last-child {
margin-right: 0;
}
/* line 37, ../sass/homepage.scss */
.box-top .logo .text-sub {
font-size: 0.8em;
}
/* line 41, ../sass/homepage.scss */
.box-top .bt-download {
background: url(../images/home/bt-taigame.png) 0 0 no-repeat;
display: block;
text-indent: -9999px;
margin-top: 30px;
float: right;
width: 170px;
background-size: 100%;
margin-right: 10px !important;
}
/* line 89, ../neat/grid/_span-columns.scss */
.box-top .bt-download:last-child {
margin-right: 0;
}
/* line 52, ../sass/homepage.scss */
.box-top .ControlNav {
position: absolute;
top: 35px;
right: 20px;
}
/* line 56, ../sass/homepage.scss */
.box-top .ControlNav.Open {
background: url(../images/opennav.png) no-repeat top center;
height: 31px;
width: 40px;
}
/* line 61, ../sass/homepage.scss */
.box-top .ControlNav.Close {
background: url(../images/closenav.png) no-repeat top center;
height: 31px;
width: 40px;
}
/* line 69, ../sass/homepage.scss */
.box-top .Nav {
position: fixed;
width: 0%;
height: 0%;
background: #2e2e2e;
top: 120px;
display: block;
-webkit-transition: 0.1s linear;
transition: 0.1s linear;
overflow: hidden;
opacity: 0;
}
/* line 80, ../sass/homepage.scss */
.box-top .Nav.Active {
opacity: 1;
width: 100%;
height: 100%;
max-width: 750px;
}
/* line 86, ../sass/homepage.scss */
.box-top .Nav li {
height: 50px;
}
/* line 88, ../sass/homepage.scss */
.box-top .Nav li a {
display: block;
width: 100%;
height: 49px;
border-bottom: 1px solid #484848;
color: #fff;
padding: 10px 0 0 10px;
text-decoration: none;
}
/* line 96, ../sass/homepage.scss */
.box-top .Nav li a:hover {
color: #bb2428;
}
@media screen and (max-width: 580px) {
/* line 106, ../sass/homepage.scss */
.box-top {
height: 90px;
}
.box-top .logo img {
width: 75px;
height: 75px;
}
/* line 108, ../sass/homepage.scss */
.box-top .logo {
font-size: 1.2em;
line-height: 1.3em;
background-size: 20%;
/*padding: 0 0 0 70px;*/
height: 65px;
}
/* line 115, ../sass/homepage.scss */
.box-top .bt-download {
/*background-size: 80%;*/
margin-top: 8px !important;
}
/* line 119, ../sass/homepage.scss */
.box-top .ControlNav {
top: 30px;
right: 20px;
}
/* line 122, ../sass/homepage.scss */
.box-top .ControlNav.Open {
background-size: 70%;
height: 31px;
width: 40px;
}
/* line 127, ../sass/homepage.scss */
.box-top .ControlNav.Close {
background-size: 70%;
height: 31px;
width: 40px;
}
/* line 133, ../sass/homepage.scss */
.box-top .Nav {
top: 90px;
}
}
@media screen and (max-width: 480px) {
/* line 143, ../sass/homepage.scss */
.box-top {
height: 65px;
}
.box-top .logo img {
width: 45px;
height: 45px;
}
/* line 145, ../sass/homepage.scss */
/*.box-top .logo {
font-size: 0.8em;
line-height: 1.5em;
background-size: 20%;
padding: 0 0 0 15%;
height: 65px;
float: left;
display: block;
margin-right: 1.64474%;
width: 53.41283%;
}*/
/* line 89, ../neat/grid/_span-columns.scss */
.box-top .logo:last-child {
/*margin-right: 0;*/
}
/* line 153, ../sass/homepage.scss */
/*.box-top .bt-download {
background: url(../images/home/bt-taigame-m.png) 0 0 no-repeat;
float: left;
display: block;
margin-right: 1.64474%;
width: 28.00164%;
margin-top: 15px;
}*/
/* line 89, ../neat/grid/_span-columns.scss */
.box-top .bt-download:last-child {
/*margin-right: 0;*/
}
/* line 158, ../sass/homepage.scss */
/*.box-top .ControlNav {
top: 20px;
right: 0;
}*/
/* line 161, ../sass/homepage.scss */
.box-top .ControlNav.Open {
background-size: 50%;
height: 31px;
width: 40px;
}
/* line 166, ../sass/homepage.scss */
.box-top .ControlNav.Close {
background-size: 50%;
height: 31px;
width: 40px;
}
/* line 172, ../sass/homepage.scss */
.box-top .Nav {
top: 65px;
}
}
/* line 180, ../sass/homepage.scss */
.block-posts {
float: left;
display: block;
margin-right: 1.64474%;
width: 100%;
background: #2b2928;
}
/* line 89, ../neat/grid/_span-columns.scss */
.block-posts:last-child {
margin-right: 0;
}
/* line 184, ../sass/homepage.scss */
section {
float: left;
display: block;
margin-right: 1.64474%;
width: 100%;
/* news */
}
/* line 89, ../neat/grid/_span-columns.scss */
section:last-child {
margin-right: 0;
}
/* line 186, ../sass/homepage.scss */
section.header {
width: 100%;
padding-top: 120px;
position: relative;
}
/* line 190, ../sass/homepage.scss */
section.header img {
max-width: 100%;
display: block;
}
/* line 194, ../sass/homepage.scss */
section.header .bt-clip {
background: url(../images/bt-clip.png) 0 0 no-repeat;
background-size: 100% auto;
position: absolute;
top: 82%;
left: 52%;
display: block;
text-indent: -9999px;
width: 122px;
height: 143px;
}
/* line 206, ../sass/homepage.scss */
section.menu {
width: 100%;
background: #912022;
position: fixed;
max-width: 750px;
bottom: 0;
z-index: 100;
}
/* line 214, ../sass/homepage.scss */
section.menu ul li {
width: 20%;
float: left;
}
/* line 217, ../sass/homepage.scss */
section.menu ul li a {
width: 100%;
height: 149px;
display: block;
text-indent: -9999px;
}
/* line 223, ../sass/homepage.scss */
section.menu ul li a.menu01 {
background: url(../images/nav01.png) no-repeat;
background-size: 100% 149px;
}
/* line 227, ../sass/homepage.scss */
section.menu ul li a.menu02 {
background: url(../images/nav02.png) no-repeat;
background-size: 100% 149px;
}
/* line 231, ../sass/homepage.scss */
section.menu ul li a.menu03 {
background: url(../images/nav06.png) no-repeat;
background-size: 100% 149px;
}
/* line 235, ../sass/homepage.scss */
section.menu ul li a.menu04 {
background: url(../images/nav04.png) no-repeat;
background-size: 100% 149px;
}
/* line 239, ../sass/homepage.scss */
section.menu ul li a.menu05 {
background: url(../images/nav05.png) no-repeat;
background-size: 100% 149px;
}
/* line 252, ../sass/homepage.scss */
section.posts {
float: left;
display: block;
margin-right: 1.64474%;
width: 91.52961%;
margin-left: 4.2352%;
padding-top: 15px;
}
/* line 89, ../neat/grid/_span-columns.scss */
section.posts:last-child {
margin-right: 0;
}
/* line 257, ../sass/homepage.scss */
section.posts .posts__tabs {
display: block;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
text-align: center;
}
/* line 93, ../sass/_mixins.scss */
section.posts .posts__tabs > li {
padding: 6px 0;
text-align: center;
color: #999999;
}
/* line 99, ../sass/_mixins.scss */
section.posts .posts__tabs > li.active, section.posts .posts__tabs > li:hover.active {
color: #a82a2d;
border-top: 4px solid #a82a2d;
padding: 2px 0 6px;
}
/* line 104, ../sass/_mixins.scss */
section.posts .posts__tabs > li.active > a,
section.posts .posts__tabs > li.active > a:hover, section.posts .posts__tabs > li:hover.active > a,
section.posts .posts__tabs > li:hover.active > a:hover {
color: #a82a2d;
}
/* line 111, ../sass/_mixins.scss */
section.posts .posts__tabs > li:hover {
color: #a82a2d;
}
/* line 116, ../sass/_mixins.scss */
section.posts .posts__tabs > li:first-child {
padding-left: 0;
}
/* line 120, ../sass/_mixins.scss */
section.posts .posts__tabs > li:last-child {
border-right: none;
}
/* line 124, ../sass/_mixins.scss */
section.posts .posts__tabs > li a {
padding: 0 10px;
font-size: 1.2em;
color: #999999;
text-decoration: none;
}
/* line 129, ../sass/_mixins.scss */
section.posts .posts__tabs > li a:hover {
color: #a82a2d;
}
/* line 260, ../sass/homepage.scss */
section.posts .posts__list {
clear: both;
position: relative;
}
/* line 264, ../sass/homepage.scss */
section.posts .posts__list li {
padding: 10px 0;
border-bottom: 1px solid #3e3b39;
overflow: hidden;
}
/* line 268, ../sass/homepage.scss */
section.posts .posts__list li a {
color: #fff;
text-decoration: none;
display: block;
width: 100%;
}
/* line 273, ../sass/homepage.scss */
section.posts .posts__list li a h3 {
font-size: 1em;
font-weight: normal;
float: left;
width: 80%;
}
/* line 279, ../sass/homepage.scss */
section.posts .posts__list li a .posts__time {
width: 20%;
float: right;
color: #595451;
text-align: right;
}
/* line 286, ../sass/homepage.scss */
section.posts .posts__list li a:hover {
color: #b46d6e;
}
/* line 292, ../sass/homepage.scss */
section.posts .posts__view-all {
text-align: center;
padding: 10px 0;
color: #999;
text-decoration: none;
display: block;
}
/* line 298, ../sass/homepage.scss */
section.posts .posts__view-all:hover {
color: #b46d6e;
}
/* line 303, ../sass/homepage.scss */
section.posts .link_congdong {
color: #fff;
background: #a72f32;
border-radius: 5px;
font-weight: bold;
}
/* line 312, ../sass/homepage.scss */
#support {
clear: both;
float: left;
display: block;
margin-right: 1.64474%;
width: 100%;
background: #2b2928;
text-align: center;
padding: 50px 0;
overflow: hidden;
}
/* line 89, ../neat/grid/_span-columns.scss */
#support:last-child {
margin-right: 0;
}
/* line 319, ../sass/homepage.scss */
#support .bt-hotro {
float: left;
display: block;
margin-right: 1.64474%;
width: 23.76645%;
margin-left: 16.94079%;
text-align: center;
font-size: 1.3em;
color: #d3d3d3;
line-height: 1em;
background: url(../images/btn-hotro.png) center top no-repeat;
display: block;
padding-top: 110px;
}
/* line 89, ../neat/grid/_span-columns.scss */
#support .bt-hotro:last-child {
margin-right: 0;
}
/* line 330, ../sass/homepage.scss */
#support .bt-top {
float: left;
display: block;
margin-right: 1.64474%;
width: 23.76645%;
margin-left: 16.94079%;
text-align: center;
font-size: 1.3em;
color: #d3d3d3;
line-height: 1em;
background: url(../images/btn-top.png) center top no-repeat;
display: block;
padding-top: 110px;
}
/* line 89, ../neat/grid/_span-columns.scss */
#support .bt-top:last-child {
margin-right: 0;
}
@media screen and (max-width: 580px) {
/* line 342, ../sass/homepage.scss */
#support .bt-hotro {
float: left;
display: block;
margin-right: 1.64474%;
width: 28.00164%;
margin-left: 12.70559%;
}
/* line 89, ../neat/grid/_span-columns.scss */
#support .bt-hotro:last-child {
margin-right: 0;
}
/* line 346, ../sass/homepage.scss */
#support .bt-top {
float: left;
display: block;
margin-right: 1.64474%;
width: 28.00164%;
margin-left: 12.70559%;
}
/* line 89, ../neat/grid/_span-columns.scss */
#support .bt-top:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 480px) {
/* line 352, ../sass/homepage.scss */
#support .bt-hotro {
float: left;
display: block;
margin-right: 1.64474%;
width: 32.23684%;
margin-left: 12.70559%;
background-size: 65%;
font-size: 1em;
padding-top: 100px;
}
/* line 89, ../neat/grid/_span-columns.scss */
#support .bt-hotro:last-child {
margin-right: 0;
}
/* line 359, ../sass/homepage.scss */
#support .bt-top {
float: left;
display: block;
margin-right: 1.64474%;
width: 32.23684%;
margin-left: 12.70559%;
background-size: 65%;
font-size: 1em;
padding-top: 100px;
}
/* line 89, ../neat/grid/_span-columns.scss */
#support .bt-top:last-child {
margin-right: 0;
}
}
/* line 369, ../sass/homepage.scss */
.footer {
float: left;
display: block;
margin-right: 1.64474%;
width: 100%;
background: #343434;
text-align: center;
color: #8e8d8d;
font-size: 1em;
line-height: 1.5em;
padding: 15px 0 160px;
}
/* line 89, ../neat/grid/_span-columns.scss */
.footer:last-child {
margin-right: 0;
}
/* line 377, ../sass/homepage.scss */
.footer img {
max-width: 80%;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 580px) {
/* line 385, ../sass/homepage.scss */
section.header {
padding-top: 90px;
}
/* line 387, ../sass/homepage.scss */
section.header .bt-clip {
background-size: 70% auto;
position: absolute;
top: 80%;
}
/* line 396, ../sass/homepage.scss */
section.menu ul li a {
height: 100px;
}
/* line 398, ../sass/homepage.scss */
section.menu ul li a.menu01, section.menu ul li a.menu02, section.menu ul li a.menu03, section.menu ul li a.menu04, section.menu ul li a.menu05 {
background-size: 100% 100px;
}
/* line 406, ../sass/homepage.scss */
section.posts .posts__tabs {
display: block;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
text-align: center;
}
/* line 93, ../sass/_mixins.scss */
section.posts .posts__tabs > li {
padding: 6px 0;
text-align: center;
color: #999999;
}
/* line 99, ../sass/_mixins.scss */
section.posts .posts__tabs > li.active, section.posts .posts__tabs > li:hover.active {
color: #a82a2d;
border-top: 4px solid #a82a2d;
padding: 2px 0 6px;
}
/* line 104, ../sass/_mixins.scss */
section.posts .posts__tabs > li.active > a,
section.posts .posts__tabs > li.active > a:hover, section.posts .posts__tabs > li:hover.active > a,
section.posts .posts__tabs > li:hover.active > a:hover {
color: #a82a2d;
}
/* line 111, ../sass/_mixins.scss */
section.posts .posts__tabs > li:hover {
color: #a82a2d;
}
/* line 116, ../sass/_mixins.scss */
section.posts .posts__tabs > li:first-child {
padding-left: 0;
}
/* line 120, ../sass/_mixins.scss */
section.posts .posts__tabs > li:last-child {
border-right: none;
}
/* line 124, ../sass/_mixins.scss */
section.posts .posts__tabs > li a {
padding: 0 10px;
font-size: 1.2em;
color: #999999;
text-decoration: none;
}
/* line 129, ../sass/_mixins.scss */
section.posts .posts__tabs > li a:hover {
color: #a82a2d;
}
/* line 408, ../sass/homepage.scss */
section.posts .posts__tabs a {
padding: 0 10px;
font-size: 1.2em !important;
}
/* line 418, ../sass/homepage.scss */
.footer {
font-size: 0.75em;
padding-bottom: 100px;
}
}
@media screen and (max-width: 480px) {
/* line 425, ../sass/homepage.scss */
section.header {
padding-top: 65px;
}
/* line 427, ../sass/homepage.scss */
section.header .bt-clip {
background-size: 50% auto;
position: absolute;
top: 80%;
left: 53%;
}
/* line 437, ../sass/homepage.scss */
section.menu ul li a {
height: 70px;
}
/* line 439, ../sass/homepage.scss */
section.menu ul li a.menu01, section.menu ul li a.menu02, section.menu ul li a.menu03, section.menu ul li a.menu04, section.menu ul li a.menu05 {
background-size: 100% 70px;
}
/* line 447, ../sass/homepage.scss */
section.posts .posts__tabs {
display: block;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
text-align: center;
}
/* line 93, ../sass/_mixins.scss */
section.posts .posts__tabs > li {
padding: 6px 0;
text-align: center;
color: #999999;
}
/* line 99, ../sass/_mixins.scss */
section.posts .posts__tabs > li.active, section.posts .posts__tabs > li:hover.active {
color: #a82a2d;
border-top: 4px solid #a82a2d;
padding: 2px 0 6px;
}
/* line 104, ../sass/_mixins.scss */
section.posts .posts__tabs > li.active > a,
section.posts .posts__tabs > li.active > a:hover, section.posts .posts__tabs > li:hover.active > a,
section.posts .posts__tabs > li:hover.active > a:hover {
color: #a82a2d;
}
/* line 111, ../sass/_mixins.scss */
section.posts .posts__tabs > li:hover {
color: #a82a2d;
}
/* line 116, ../sass/_mixins.scss */
section.posts .posts__tabs > li:first-child {
padding-left: 0;
}
/* line 120, ../sass/_mixins.scss */
section.posts .posts__tabs > li:last-child {
border-right: none;
}
/* line 124, ../sass/_mixins.scss */
section.posts .posts__tabs > li a {
padding: 0 10px;
font-size: 1.2em;
color: #999999;
text-decoration: none;
}
/* line 129, ../sass/_mixins.scss */
section.posts .posts__tabs > li a:hover {
color: #a82a2d;
}
/* line 449, ../sass/homepage.scss */
section.posts .posts__tabs a {
padding: 0 6px !important;
font-size: 1em !important;
}
/* line 455, ../sass/homepage.scss */
section.posts .posts__list li {
font-size: 1em;
line-height: 1.5em;
}
/* line 460, ../sass/homepage.scss */
section.posts .posts__view-all {
font-size: 0.9em;
}
}
/*# sourceMappingURL=homepage.css.map */