html {
	font-family: 'Varela Round', 'Microsoft JhengHei', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0;
	color:#fff;
}
a {
	outline:0;
	color:#fff;
	text-decoration:none;
}
img {
	border:0;
}
::-webkit-input-placeholder { color:#666; font-size:18px; }
::-moz-placeholder { color:#666; font-size:18px; } /* firefox 19+ */
:-ms-input-placeholder { color:#666; font-size:18px; } /* ie */
input:-moz-placeholder { color:#666; font-size:18px; }

.hide {
	display:none;
}
.topbar {
	height:50px;
	background-color:#fff;
	display:block;
	width:100%;
	padding:10px;
}
.logo {
	float:left;
	vertical-align:middle;
	color:#1f1f1f;	
}
.logo img {
	widht:100%;
	margin:10px 0 0 10px;
	max-width:170px;	
}
.logo span {
	vertical-align:middle;
	display:ruby-text-container;
}
.mmenu {
	float:right;
	color:#4b4b4b;
}
.mmenu ul li, .mmenu > div {
	display:inline-block;
	padding:10px 20px;
	vertical-align:middle;
}

.main-nav a {
	color:#333;
}
.lang {
	float:right;
	padding:28px 20px;
}
.actnow {
	display:inline-block;
	padding:5px 100px;
	background-color:#ff0000;
	color:#fff;
	text-align:center;
	font-size:2rem;
	transition: all 0.3s;
	border:0;
}
.actnow:hover {
	color:#ff0000;
	background-color:#fff;
	text-decoration:none;
	transition: all 0.3s;
}
header {	
	position:relative;
}
nav.main-nav {
    background: #fff none repeat scroll 0 0;
    min-height: 80px;
	z-index:999;
	width:100%;
	position:fixed;
	top:0;
}
nav.main-nav a {
	color:#s1f1f1f;
    display: inline-block;
    font-size: 18px;
    text-decoration: none;
}
nav.main-nav.stickytop {
    position: fixed;
    top: 0;
    width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
display:none
}
a {
	background-color: transparent
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
h1 {
	margin: .67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
img.step-img {
	width:100%;	
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type='button'], input[type='reset'], input[type='submit'] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height: normal
}
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'] {
	box-sizing: content-box
}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: 700
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}
.title {
	font-size:20px;
	font-weight:bold;
	min-height:60px;
	margin-top:10px;
	display:block;
}
.zh .title {
	font-size:26px;
}
.goseetheworld {
	width:100%;
	max-width:800px;	
}
.zh .goseetheworld {
	width:100%;
	max-width:500px;
}
.container {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 20px
}
.container:after {
	content: '';
	clear: both;
	display: block;
	width: 100%
}
.grid_item {
	float: left;
	display: block;
	padding:10px;
}
.one-whole {
	width: 100%
}
.one-third {
	width: calc(33% - 20px)
}
@media (min-width:769px) {
.tab-one-half {
	width: calc(50% - 20px)
}
.tab-one-third {
	width: calc(33% - 20px)
}
.push {
	margin-right: calc(33% + 10px)
}
}
.mob-hide {
	display: none
}
@media (min-width:355px) {
.mob-hide {
	display: block
}
}
@-webkit-keyframes main {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes main {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes animation {
100% {
opacity:1;
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
}
@keyframes animation {
100% {
opacity:1;
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
}
*:focus {
	outline: 0
}
body {
	font-family: 'Varela Round', sans-serif;
	background-color: #1082c0;
	font-weight:lighter;
	font-size: 0.9rem;
	line-height: 1.4rem;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: grayscale;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility
}
body.zh {
	font-family: 'Microsoft JhengHei', sans-serif !important;
	font-size: 1.2rem;
}
a {
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
h1 {
	font-size: 4.64rem;
	-webkit-transition: font-size .3s linear;
	transition: font-size .3s linear;
	margin-bottom: .4em
}
h1.sub {
	font-size:2rem;	
	line-height:150%;
	margin-top:100px;
	margin-bottom:30px;
}
.foot-large-txt {	
	font-size:1.5rem;	
	display:inline;
	padding:10px 20px;
	background-color:#fff;
	color:#1082c0;
	border:0;
	width:500px;
	text-align:center;
}
h2.sub {
	font-size:1.5rem;	
	margin-top:100px;
	margin-bottom:30px;
}
@media (min-width:769px) {
h1 {
	font-size: 5.8rem
}
}
p {
	margin: 1.5em 0
}
.block-copy {
	padding: 110px 0
}
.block-copy .container {
	opacity: 0;
	-webkit-transform: translateY(10%);
	-ms-transform: translateY(10%);
	transform: translateY(10%)
}
.block-copy .container.slideUp {
	-webkit-animation: animation .7s ease-out both;
	animation: animation .7s ease-out both
}
.block-image {
	opacity: 0;
	-webkit-transform: translateY(5%);
	-ms-transform: translateY(5%);
	transform: translateY(5%)
}
.block-image.fadeIn {
	-webkit-animation: animation .7s ease-out both;
	animation: animation .7s ease-out both
}
.block-image img {
	width: 100%;
	height: auto
}
.block-first {
	position: static;
	width: 100%;
	top: 0;
	left: 0;
	padding: 0;
	opacity: 0;
	-webkit-transform: translateY(12%);
	-ms-transform: translateY(12%);
	transform: translateY(12%);
	z-index: 1
}
.block-first.slideUpHead {
	-webkit-animation: animation 1.1s ease-out both;
	animation: animation 1.1s ease-out both
}
.slider {
	width:100%;
	height:730px;
	overflow:hidden;
}
@media (min-width:620px) {
.block-first {
	position: absolute
}
}
@media (min-width:769px) {
.block-first {
	padding: 4% 0
}
}
.block-second {
	/*padding-top: 0;*/
	background-color:#1082c0;
	overflow:hidden;
	vertical-align:middle;
	width:100%;
	height: 300px;
}
.block-second img {
	-webkit-animation: main .9s ease-out both;
	animation: main .9s ease-out both;
	width: 100%;
	height: auto
}
.block-second .container {
	margin-top: 0px
}
.block-second .container p:last-child {
	margin-bottom: .8em
}
.grid_item-heading {
	margin-bottom: 0
}
.block-fourth p {
	margin-top: .8em;
	margin-bottom: .8em
}
.button {
	display: block;
	padding: 10px;
	background-color: #fff;
	color: #000;
	text-transform: uppercase;
	border: 0;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear
}
.button:hover {
	background-color: #c2c2c2
}
@media (min-width:769px) {
.block--eight, .block--nineth {
	font-size: 1rem
}
}
@media (min-width:865px) {
.block--eight, .block--nineth {
	font-size: 1.1rem
}
}
@media (min-width:769px) {
.block--eight .tab-one-third {
	width: calc(33% - 10px);
	margin-left: 5px;
	margin-right: 5px
}
}
@media (min-width:865px) {
.block--eight .tab-one-third {
	width: calc(33% - 20px);
	margin-left: 10px;
	margin-right: 10px
}
}
.block--nineth {
	padding: 5% 0
}
.icon {
	min-height:80px;
	display:inline-block;
	vertical-align:middle;
	width:calc( 100% / 3 - 8% );
	padding-left:70px;
}
.icon.record {
	background:url(images/icons-1.png) no-repeat left center;
	background-size:64px 64px;
}
.icon.discover {
	background:url(images/icons-2.png) no-repeat left center;
	background-size:64px 64px;
}
.icon.share {
	background:url(images/icons-3.png) no-repeat left center;
	background-size:64px 64px;
}
.parallax-foot, .parallax-second {
    min-height: 800px;
    background: transparent;
}
.parallax-foot {
	text-align:center;
	width:100%;
	position:relative;	
}
.action {
	position: absolute;
	top: 50%;
	left:0;
	right:0;
	font-size 0.3s linear 0s;
}
yellow {
	color:#ffff00;
}
.like-box {
	width:1000px;
	height:600px;
	margin: 0 auto;
	position:relative;
	display:block;
}
.like-ani {
	position:absolute;
	left:60%;
	top:25%;
}
.like-ani img {
	width:150px;	
}
@media only screen and (max-width: 776px) {
	.mmenu {
		display: none;
	}
	.icon {
		width:100%;
	}
	.block-copy {
		padding: 20px;	
	}
	.logo img {
		width: 150px;	
	}
}