@charset 'utf-8';
@import url('./font.css');

::selection			{background:#ffc809;}
::-moz-selection	{background:#ffc809;}
::-webkit-selection	{background:#ffc809;}

*,html,body{
	margin:0;
	padding:0;
}

body{
	background:url('../src/bg_1.jpg') fixed;
}

.image{
	width:96%;
	display:block;
	margin-left:auto;
	margin-right: auto;
	margin-top: 2%;
	margin-bottom:2%;
}

#main{
	width:100%;
	min-width:300px;
}

.en_title, .en_content, .zh_title, .zh_content{
	max-width:1000px;
	width:100%;
	margin: 0 auto;
	text-align:center;
}

.en_title{
	font-family:'kelly_slabregular',serif;
	font-size:5.6em;
	color:#0c3ea5;
	text-shadow:1px 1px 1px #000;
	...margin: 1em auto;
}

.en_content p{
	font-family:'promocyjamedium',serif;
	font-size:2.5em;
	color:#000;
	...padding:.35em 0;
}

.zh_content p{
	font-size:3.5em;
	margin-top:0.4em;
	font-weight:500;
	color:#26c5ff;
	text-shadow:.2px .2px 1px #2a68cc;
}

.zh_break{
	padding-bottom: 5em;
}

@media screen and (max-width: 850px ) and (min-width:700.0000001px) {
	.en_title		{font-size:4.2em;}
	.en_content p	{font-size:2.1em}
	.zh_content p	{font-size:2.8em;}
	.zh_break		{padding-bottom: 3.8em;}
}

@media screen and (max-width: 700px ) and (min-width:560.0000001px) {
	.en_title		{font-size:3.8em;}
	.en_content p	{font-size:1.8em}
	.zh_content p	{font-size:2.5em;}
	.zh_break		{padding-bottom: 2.5em;}
}

@media screen and (max-width: 560px ) and (min-width:430.0000001px) {
	.en_title		{font-size:3.3em;}
	.en_content p	{font-size:1.5em}
	.zh_content p	{font-size:2.3em;}
	.zh_break		{padding-bottom: 2.2em;}
}

@media screen and (max-width: 430px ) {
	.en_title		{font-size:2.8em;}
	.en_content p	{font-size:1.3em}
	.zh_content p	{font-size:1.8em;}
	.zh_break		{padding-bottom: 1.8em;}
}