@charset "UTF-8";

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;

}

html {

line-height: 1;

}

ol, ul {

list-style: none;

}

table {

border-collapse: collapse;

border-spacing: 0;

}

caption, th, td {

text-align: left;

font-weight: normal;

vertical-align: middle;

}

q, blockquote {

quotes: none;

}

q:before, q:after, blockquote:before, blockquote:after {

content: "";

content: none;

}

a img {

border: none;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

display: block;

}

@-webkit-keyframes outWaveIn {

to {

stroke-width: 3px;

stroke-dasharray: 40000;

}

}

@-moz-keyframes outWaveIn {

to {

stroke-width: 3px;

stroke-dasharray: 40000;

}

}

@-ms-keyframes outWaveIn {

to {

stroke-width: 3px;

stroke-dasharray: 40000;

}

}

@keyframes outWaveIn {

to {

stroke-width: 3px;

stroke-dasharray: 40000;

}

}

@-webkit-keyframes outWaveOut {

from {

stroke-width: 1px;

stroke-dasharray: 400;

}

to {

stroke: rgba(0, 0, 0, 0.6);

stroke-width: 1px;

stroke-dasharray: 20;

}

}

@-moz-keyframes outWaveOut {

from {

stroke-width: 1px;

stroke-dasharray: 400;

}

to {

stroke: rgba(0, 0, 0, 0.6);

stroke-width: 1px;

stroke-dasharray: 20;

}

}

@-ms-keyframes outWaveOut {

from {

stroke-width: 1px;

stroke-dasharray: 400;

}

to {

stroke: rgba(0, 0, 0, 0.6);

stroke-width: 1px;

stroke-dasharray: 20;

}

}

@keyframes outWaveOut {

from {

stroke-width: 1px;

stroke-dasharray: 400;

}

to {

stroke: rgba(0, 0, 0, 0.6);

stroke-width: 1px;

stroke-dasharray: 20;

}

}

.anti-☢ .news-content, .⃠-black-box .sponsor-label, .love-☺ .speaker-container, .kh-❤ .group-content {

background: rgba(0, 0, 0, 0.2);

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.md-text p {

margin-bottom: 1.5em;

}

.md-text ul {

list-style: disc;

padding-left: 1em;

margin-bottom: 1.5em;

}

html {

font-size: 100%;

line-height: 1.5em;

}

html {

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "微軟正黑體", "Open Sans", sans-serif;

color: #ccc;

height: 100%;

}

a {

text-decoration: none;

color: #a0dd9b;

transition: all 0.5s;

}

a:hover {

color: #47ba3f;

}

img {

max-width: 100%;

height: auto;

}

html {

background: #0F222B;

background: url('../images/bg.png%3F1408974285') #0F222B;

}

html, body {

overflow-x: hidden;

}

.container {

*zoom: 1;

max-width: 59em;

_width: 59em;

padding-left: 1em;

padding-right: 1em;

margin-left: auto;

margin-right: auto;

margin: 0 auto;

}

.container:after {

content: "";

display: table;

clear: both;

}

.index {

display: block;

}

@media (min-width: 960px) {

.index h1 {

display: none;

}

}

.row {

margin-left: -0.5em;

margin-right: -0.5em;

*zoom: 1;

}

.row:after {

content: "";

display: table;

clear: both;

}

.col-1 {

width: 8.3333333333%;

}

.offset-1 {

margin-left: 8.3333333333%;

}

.col-2 {

width: 16.6666666667%;

}

.offset-2 {

margin-left: 16.6666666667%;

}

.col-3 {

width: 25%;

}

.offset-3 {

margin-left: 25%;

}

.col-4 {

width: 33.3333333333%;

}

.offset-4 {

margin-left: 33.3333333333%;

}

.col-5 {

width: 41.6666666667%;

}

.offset-5 {

margin-left: 41.6666666667%;

}

.col-6 {

width: 50%;

}

.offset-6 {

margin-left: 50%;

}

.col-7 {

width: 58.3333333333%;

}

.offset-7 {

margin-left: 58.3333333333%;

}

.col-8 {

width: 66.6666666667%;

}

.offset-8 {

margin-left: 66.6666666667%;

}

.col-9 {

width: 75%;

}

.offset-9 {

margin-left: 75%;

}

.col-10 {

width: 83.3333333333%;

}

.offset-10 {

margin-left: 83.3333333333%;

}

.col-11 {

width: 91.6666666667%;

}

.offset-11 {

margin-left: 91.6666666667%;

}

.col-12 {

width: 100%;

}

.offset-12 {

margin-left: 100%;

}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {

position: relative;

min-height: 1px;

padding-left: 0.5em;

padding-right: 0.5em;

float: left;

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

zoom: 1;

}

@media (max-width: 767px) {

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {

float: none;

width: auto;

margin-bottom: 1.5em;

}

}

@media (max-width: 767px) {

.offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-12 {

margin-left: 0;

}

}

.content {

width: 100%;

float: right;

margin-right: 0;

*margin-left: -1em;

display: inline;

-moz-transition: all, 0.3s;

-o-transition: all, 0.3s;

-webkit-transition: all, 0.3s;

transition: all, 0.3s;

}

.open .content {

margin-right: -84.7457627119%;

}

@media (min-width: 768px) {

.open .content {

margin-right: -84.7457627119%;

}

}

.mobile-only {

display: block;

}

@media (min-width: 960px) {

.mobile-only {

display: none;

}

}

.desktop-only {

display: none;

}

@media (min-width: 960px) {

.desktop-only {

display: block;

}

}

@-webkit-keyframes infinite-rotate {

from {

-moz-transform: rotate(0deg);

-ms-transform: rotate(0deg);

-webkit-transform: rotate(0deg);

transform: rotate(0deg);

}

to {

-moz-transform: rotate(360deg);

-ms-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

transform: rotate(360deg);

}

}

@-moz-keyframes infinite-rotate {

from {

-moz-transform: rotate(0deg);

-ms-transform: rotate(0deg);

-webkit-transform: rotate(0deg);

transform: rotate(0deg);

}

to {

-moz-transform: rotate(360deg);

-ms-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

transform: rotate(360deg);

}

}

@-ms-keyframes infinite-rotate {

from {

-moz-transform: rotate(0deg);

-ms-transform: rotate(0deg);

-webkit-transform: rotate(0deg);

transform: rotate(0deg);

}

to {

-moz-transform: rotate(360deg);

-ms-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

transform: rotate(360deg);

}

}

@keyframes infinite-rotate {

from {

-moz-transform: rotate(0deg);

-ms-transform: rotate(0deg);

-webkit-transform: rotate(0deg);

transform: rotate(0deg);

}

to {

-moz-transform: rotate(360deg);

-ms-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

transform: rotate(360deg);

}

}

.logo {

display: none;

background: url('../images/2014-logo.png%3F1401505537');

width: 260px;

height: 49px;

float: left;

}

@media (min-width: 960px) {

.logo {

display: block;

}

}

@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {

.logo {

background: url('../images/2014-logo2x.png%3F1401505557');

-moz-background-size: 260px auto;

-o-background-size: 260px auto;

-webkit-background-size: 260px auto;

background-size: 260px auto;

}

}

.btn {

/* Structure */

display: inline-block;

*display: inline;

/*IE 6/7*/

zoom: 1;

line-height: normal;

white-space: nowrap;

vertical-align: baseline;

text-align: center;

cursor: pointer;

-webkit-user-drag: none;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

}

.btn::-moz-focus-inner {

padding: 0;

border: 0;

}

.btn {

font-family: inherit;

font-size: 100%;

*font-size: 90%;

/*IE 6/7 - To reduce IE's oversized button text*/

*overflow: visible;

/*IE 6/7 - Because of IE's overly large left/right padding on buttons */

padding: 0.3em 1em 0.5em 1em;

color: #444;

/* rgba not supported (IE 8) */

color: rgba(0, 0, 0, 0.8);

/* rgba supported */

*color: #444;

/* IE 6 & 7 */

border: 1px solid #999;

/*IE 6/7/8*/

border: none transparent;

/*IE9 + everything else*/

background-color: #E6E6E6;

text-decoration: none;

border-radius: 2px;

}

.btn-hover,

.btn:hover,

.btn:focus {

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));

background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));

background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));

background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));

background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));

}

.btn:focus {

outline: 0;

}

.btn-active,

.btn:active {

box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;

}

.btn[disabled],

.btn-disabled,

.btn-disabled:hover,

.btn-disabled:focus,

.btn-disabled:active {

border: none;

background-image: none;

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

filter: alpha(opacity=40);

-khtml-opacity: 0.40;

-moz-opacity: 0.40;

opacity: 0.40;

cursor: not-allowed;

box-shadow: none;

}

.btn-hidden {

display: none;

}

.btn::-moz-focus-inner {

padding: 0;

border: 0;

}

.btn-primary,

.btn-selected,

a.btn-primary,

a.btn-selected {

background-color: #0078e7;

color: #fff;

}

.btn-blue {

background-color: #52BFFD !important;

/* this is a green */

}

.btn-green {

background: #1cb841 !important;

}

.btn-pink {

background: #535E64 !important;

/* this is an orange */

}

.btn-darkgreen {

background: #FD5259 !important;

}

.btn-red {

background: #FD5259 !important;

}

.btn-lg {

padding: 10px 16px;

}

#svg {

margin: 0 auto;

text-align: center;

margin-bottom: 3em;

}

.page-title:before, .footer-line {

height: 24px;

}

@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {

.page-title:before, .footer-line {

-moz-background-size: auto 26px;

-o-background-size: auto 26px;

-webkit-background-size: auto 26px;

background-size: auto 26px;

}

}

.page-title {

position: relative;

font-size: 1.5em;

line-height: 2em;

color: #E1C03C;

}

.page-title h1 {

margin-bottom: 24px;

text-align: center;

}

@media (min-width: 960px) {

.page-title h1 {

margin: 0;

background: none;

color: #E1C03C;

text-align: left;

}

}

.section {

position: relative;

z-index: 1;

}

.bg-rotate {

margin-bottom: 15em;

}

.bg-rotate:before {

content: "";

background-color: #0F222B;

top: -3em;

bottom: -3em;

left: -999px;

right: -999px;

position: absolute;

box-shadow: 0 0 0 1px #69CA62, 0 0 0 5px #0F222B inset, 0 0 0 6px rgba(105, 202, 98, 0.35) inset;

z-index: -1;

-moz-transform: rotate(-7deg);

-ms-transform: rotate(-7deg);

-webkit-transform: rotate(-7deg);

transform: rotate(-7deg);

}

.square-btn {

display: block;

width: 36px;

height: 36px;

position: relative;

cursor: pointer;

background-color: #0F222B;

-moz-box-shadow: 0 0 0 1px #69CA62;

-webkit-box-shadow: 0 0 0 1px #69CA62;

box-shadow: 0 0 0 1px #69CA62;

}

.square-btn > span {

display: block;

width: 28px;

height: 1px;

background-color: #69CA62;

position: absolute;

top: -1px;

left: 0;

right: 0;

bottom: 0;

margin: auto;

}

.showmenu {

margin-top: 6px;

}

.showmenu > span {

-moz-transition: all 0.3s;

-o-transition: all 0.3s;

-webkit-transition: all 0.3s;

transition: all 0.3s;

}

.showmenu > span:nth-child(1) {

-moz-transform: translateY(-8px);

-ms-transform: translateY(-8px);

-webkit-transform: translateY(-8px);

transform: translateY(-8px);

}

.showmenu > span:nth-child(2) {

-moz-transform: translateY(8px);

-ms-transform: translateY(8px);

-webkit-transform: translateY(8px);

transform: translateY(8px);

}

.menu-show .showmenu span {

top: 8px;

background-color: #E1C03C;

}

.menu-show .showmenu span:nth-child(1) {

-moz-transform: rotate(0deg) translateY(8px);

-ms-transform: rotate(0deg) translateY(8px);

-webkit-transform: rotate(0deg) translateY(8px);

transform: rotate(0deg) translateY(8px);

}

.menu-show .showmenu span:nth-child(2) {

-moz-transform: rotate(120deg) translateY(8px);

-ms-transform: rotate(120deg) translateY(8px);

-webkit-transform: rotate(120deg) translateY(8px);

transform: rotate(120deg) translateY(8px);

}

.menu-show .showmenu span:nth-child(3) {

-moz-transform: rotate(240deg) translateY(8px);

-ms-transform: rotate(240deg) translateY(8px);

-webkit-transform: rotate(240deg) translateY(8px);

transform: rotate(240deg) translateY(8px);

}

.scroll-top {

position: fixed;

right: 1em;

bottom: 1em;

z-index: 100;

}

.scroll-top-btn {

-moz-transition: all 0.3s;

-o-transition: all 0.3s;

-webkit-transition: all 0.3s;

transition: all 0.3s;

opacity: 0;

-moz-transform: scale(2);

-ms-transform: scale(2);

-webkit-transform: scale(2);

transform: scale(2);

pointer-events: none;

}

.scroll-top-btn > span {

top: 8px;

}

.scroll-top-btn > span:nth-child(1) {

-moz-transform: rotate(0deg) translateY(8px);

-ms-transform: rotate(0deg) translateY(8px);

-webkit-transform: rotate(0deg) translateY(8px);

transform: rotate(0deg) translateY(8px);

}

.scroll-top-btn > span:nth-child(2) {

-moz-transform: rotate(120deg) translateY(8px);

-ms-transform: rotate(120deg) translateY(8px);

-webkit-transform: rotate(120deg) translateY(8px);

transform: rotate(120deg) translateY(8px);

}

.scroll-top-btn > span:nth-child(3) {

-moz-transform: rotate(240deg) translateY(8px);

-ms-transform: rotate(240deg) translateY(8px);

-webkit-transform: rotate(240deg) translateY(8px);

transform: rotate(240deg) translateY(8px);

}

.scroll-top-btn.active {

opacity: 1;

-moz-transform: scale(1);

-ms-transform: scale(1);

-webkit-transform: scale(1);

transform: scale(1);

pointer-events: auto;

}

.sns {

font-size: 1.5em;

line-height: 2em;

text-align: left;

}

@media (min-width: 768px) {

.sns {

text-align: right;

}

}

.sns a {

display: inline-block;

-moz-transition: color 0.3s, -moz-transform 0.3s;

-o-transition: color 0.3s, -o-transform 0.3s;

-webkit-transition: color 0.3s, -webkit-transform 0.3s;

transition: color 0.3s ease 0s, transform 0.3s ease 0s;

-moz-transform: rotate(0);

-ms-transform: rotate(0);

-webkit-transform: rotate(0);

transform: rotate(0deg);

color: #69CA62;

}

.sns a:hover {

-moz-transform: rotate(-10deg);

-ms-transform: rotate(-10deg);

-webkit-transform: rotate(-10deg);

transform: rotate(-10deg);

color: #47ba3f;

}

.mobile-banner time {

font-size: 2em;

line-height: 1.5em;

display: block;

text-align: center;

margin-top: 0.75em;

margin-bottom: 0.75em;

}

@media (min-width: 768px) {

.mobile-banner {

display: none;

}

}

.mobile-banner-img {

font-size: 1em;

line-height: 1.5em;

}

.mtm {

margin-top: 1.5em;

}

.mbm {

margin-bottom: 1.5em;

}

.main-menu {

text-align: right;

margin-top: -1px;

border-bottom: 1px solid #69CA62;

position: relative;

background-color: #0F222B;

z-index: 100;

}

.main-menu ul {

max-height: 0;

overflow: hidden;

-moz-transition: max-height 0.3s;

-o-transition: max-height 0.3s;

-webkit-transition: max-height 0.3s;

transition: max-height 0.3s;

margin-top: 1px;

position: absolute;

top: 3em;

left: 0;

right: 0;

}

.menu-show .main-menu ul {

max-height: 500px;

}

.main-menu ul li {

display: block;

}

.main-menu ul a {

color: #69CA62;

font-size: 1.25em;

line-height: 2.4em;

text-decoration: none;

display: block;

padding: 0 0.5em;

background-color: #0F222B;

border-bottom: 1px dashed rgba(105, 202, 98, 0.35);

position: relative;

}

.main-menu ul a:hover {

background-color: #69CA62;

color: white;

}

.main-menu ul a.active:before {

float: left;

content: "○";

}

@media (min-width: 960px) {

.main-menu ul a:hover {

background-color: #0F222B;

}

.main-menu ul a.active:after {

content: "";

position: absolute;

bottom: 0;

left: 0;

right: 0;

height: 2px;

background-color: #E1C03C;

}

}

@media (min-width: 960px) {

.main-menu ul {

max-height: 500px;

overflow: auto;

display: block;

position: relative;

top: 0;

margin-top: 0;

}

.main-menu ul li {

display: inline-block;

}

.main-menu ul a {

border: 0;

margin-left: 0.5em;

}

.main-menu ul a:hover {

color: #69CA62;

background-color: none;

}

.main-menu ul a.active:before {

content: "";

}

}

.mobile-menu {

*zoom: 1;

}

.mobile-menu:after {

content: "";

display: table;

clear: both;

}

.mobile-menu .showmenu {

font-size: 2em;

line-height: 1.5em;

float: left;

}

.mobile-menu h1 {

float: right;

font-size: 1.25em;

line-height: 2.4em;

}

.footer {

margin-top: 1.5em;

margin-bottom: 1.5em;

}

.anti-none {

display: none;

}

@media (min-width: 768px) {

.anti-none {

display: inline;

}

}

.anti-♻ p {

margin-bottom: 1.5em;

}

.anti-♻ h2 {

font-size: 1.5em;

line-height: 2em;

color: #E1C03C;

}

.anti-♻ h3 {

font-size: 1.25em;

line-height: 1.2em;

margin-bottom: 0.75em;

}

.anti-♻ h4 {

font-weight: bold;

}

.anti-♻ ul {

margin-bottom: 1.5em;

margin-left: 1em;

}

@media (min-width: 768px) {

.anti-♻ ul {

margin-left: 2.5em;

}

}

.anti-♻ li {

list-style: disc;

}

.anti-♻ .bottom-btn {

text-align: center;

}

.anti-♻ .bottom-btn a {

color: #fff;

margin-bottom: 1em;

font-size: 1.5em;

line-height: 2em;

}

.section-info, .section-zs-river span {

border: 1px solid #69CA62;

box-shadow: 0 0 0 6px #0F222B inset, 0 0 0 7px rgba(105, 202, 98, 0.35) inset;

}

.index .relative {

position: relative;

height: 100%;

width: 100%;

}

.index .absolute, .section-info-img-wp .info-location .info-location-bg {

position: absolute;

top: 0;

left: 0;

bottom: 0;

right: 0;

}

.index .page-title {

display: none;

}

.pc-banner {

padding: 0 0 3em;

min-height: 12em;

}

@media (min-width: 768px) {

.pc-banner {

display: block;

margin-bottom: 1em;

}