@font-face {
	font-family: 'jf-jinxuan';
	src: url('../../inc/css/font/jf-jinxuan-fresh2.2-medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

html{
	font-family: jf-jinxuan;
	width: 100%;
	height: auto;
	
}
body{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
img#background-web,
img#background-mobile
{
	width: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
#container{
	position: relative;
	width: 100%;
	height: auto;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}
.content{
	position: absolute;
	color: #347ead;
}
.content2{
	position: absolute;
	color: #ff3f26;
	font-family: 'MHeiHK-Medium';

	-ms-transform: skewy(20deg); /* IE 9 */
	-webkit-transform: skewy(20deg); /* Safari prior 9.0 */
	transform: skewy(20deg); /* Standard syntax */
}
.content3{
	position: absolute;
	color: #ff3f26;

	-ms-transform: skewy(20deg); /* IE 9 */
	-webkit-transform: skewy(20deg); /* Safari prior 9.0 */
	transform: skewy(20deg); /* Standard syntax */
}
.content4{
	position: absolute;
	color: #347ead;

	-ms-transform: skewy(20deg); /* IE 9 */
	-webkit-transform: skewy(20deg); /* Safari prior 9.0 */
	transform: skewy(20deg); /* Standard syntax */
}
.content5{
	position: absolute;
	color: #347ead;

	-ms-transform: skewy(20deg); /* IE 9 */
	-webkit-transform: skewy(20deg); /* Safari prior 9.0 */
	transform: skewy(20deg); /* Standard syntax */
	writing-mode: vertical-rl;
	text-orientation: upright;
}
.title1{
	position: absolute;
	color: #ff3f26;

	-ms-transform: skewy(20deg); /* IE 9 */
	-webkit-transform: skewy(20deg); /* Safari prior 9.0 */
	transform: skewy(20deg); /* Standard syntax */
}
.title2{
	position: absolute;
	color: #347ead;

	-ms-transform: skewy(-25deg); /* IE 9 */
	-webkit-transform: skewy(-25deg); /* Safari prior 9.0 */
	transform: skewy(-25deg); /* Standard syntax */
}
.title3{
	position: absolute;
	color: #347ead;

	-ms-transform: skewy(20deg); /* IE 9 */
	-webkit-transform: skewy(20deg); /* Safari prior 9.0 */
	transform: skewy(20deg); /* Standard syntax */
}
.title4{
	position: absolute;
	color: #ff3f26;
	text-align:center;

	-ms-transform: skewy(-25deg); /* IE 9 */
	-webkit-transform: skewy(-25deg); /* Safari prior 9.0 */
	transform: skewy(-25deg); /* Standard syntax */
}
.title5{
	position: absolute;
	color: #ff3f26;
	text-align:center;

	-ms-transform: skewy(-25deg); /* IE 9 */
	-webkit-transform: skewy(-25deg); /* Safari prior 9.0 */
	transform: skewy(-25deg); /* Standard syntax */
}

@media only screen and (min-width: 768px){
	body{width: 1400px;}
	img#background-web{display: block;}
	img#background-mobile{display: none;}
	.content, .content2, .title3{font-size: 14px;}
	.title5{font-size: 24px;}
	.content3, .content4, .content5, .title1{font-size: 41px;}
	.title2{font-size: 47px;}
	.title4{font-size: 49px;}
	br.desktop{display:block;}
	br.mobile{display:none;}
	#c1{top:2%; left:10.7%;}
	#c2{top:8.8%; left:3.5%;}
	#c3{top:18.8%; left:16.5%;}
	#c4{top:24.5%; left:3.5%;}
	#c5{top:29%; left:3.5%;}
	#c6{top:28.3%; left:16.5%;}
	#c7{top:37.6%; left:3.5%;}
	#c8{top:45%; left:3.5%;}
	#c9{top:56.9%; left:4.3%;}
	#c10{top:59%; left:21.5%; line-height: 1;}
	#c11{top:73.6%; left:15.2%;}
	#c12{top:84.3%; left:25.6%; line-height: 1.15;}
	#c13{top:87.5%; left:15.5%;}
	#c14{top:17.5%; left:36%; right:35%;}
	#c15{top:20.5%; left:36%; right:35%;}
	#c16{top:48.6%; left:52.1%;}
	#c17{top:53%; left:45%;}
	#c18{top:68.6%; left:40.9%;}
	#c19{top:71.5%; left:63.1%;}
	#c20{top:74.5%; left:52%; text-align: center; line-height: 1.15;}
	#c21{top:84%; left:46.4%;}
	#c22{top:86%; left:53.7%;}
	#c23{top:88%; left:60.2%;}
	#c24{top:16%; left:72%; line-height: 1.15;}
	#c25{top:21.1%; left:74.2%;}
	#c26{top:30.2%; right: 3.7%;}
	#c27{top:43%; left:74%; line-height: 1.15;}
	#c28{top:59%; left:72.1%; text-align: right;}
	#c29{top:64%; left:75%;}
	#c30{top:65.9%; left:66%;}
	#c31{top:74%; left:78%;}
	#c32{top:77.2%; left:78%; font-size: 29px;}
	#c33{top:79%; left:78%; font-size: 29px;}
	#c34{top:81.4%; left:78%; font-size: 29px;}
	#c35{top:83.5%; left:78%; font-size: 29px;}
	#c36_1{top:80.3%; left:90.6%; font-size: 29px;}
	#c36_2{top:82.1%; left:90.6%; font-size: 29px;}
	#c36_3{top:83.9%; left:90.6%; font-size: 29px;}
	#c36_4{top:85.9%; left:90.6%; font-size: 29px;}
	#c37_1{top:80.7%; left:93.3%; font-size: 29px;}
	#c37_2{top:82.5%; left:93.3%; font-size: 29px;}
}

@media (max-width: 767px) {
	body{width: 780px;}
	img#background-web{display: none;}
	img#background-mobile{display: block;}
	.title5{font-size: 26px;}
	.content, .content2, .title3{font-size: 29px;}
	.content3, .content4, .content5, .title1, .title2{font-size: 49px;}
	.title4{font-size: 49px;}
	br.desktop{display: none;}
	br.mobile{display:block;}
	#c1{top:10.7%; left:57%; font-size: 59px;}
	#c2{top:13%; left:22%; line-height: 1.55;}
	#c3{top:18.3%; left:61%;}
	#c4{top:20.6%; left:14.4%; line-height: 1.55;}
	#c5{top:24.7%; left:12.4%; line-height: 1.55;}
	#c6{top:24.3%; left:56%; line-height: 1.55;}
	#c7{top:28.3%; left:12.5%;}
	#c8{top:8.63%; left:9%;}
	#c9{top:51.25%; left:12.5%; line-height: 1.55;}
	#c10{top:52.3%; left:60%; line-height: 1.2;}
	#c11{top:57.4%; left:43%; line-height: 1.55;}
	#c12{top:69.5%; left:10%;}
	#c13{top:73.3%; left:38.5%; line-height: 1.55;}
	#c14{top:3%; left:35%; right: 34%;}
	#c15{top:3.63%; left:35%; right: 34%;}
	#c16{top:59.7%; left:28%; text-align: right; line-height: 1.55;}
	#c17{top:61.3%; left:32%;}
	#c18{top:66.5%; left:23%; line-height: 1.55;}
	#c19{top:82.55%; left:57%; line-height: 1.55;}
	#c20{top:84.3%; left:35%; text-align: center;}
	#c21{top:87.3%; left:18%;}
	#c22{top:88%; left:38%;}
	#c23{top:88.5%; left:57%;}
	#c24{top:34.2%; left:13.2%;}
	#c25{top:35.9%; left:13%; line-height: 1.55;}
	#c26{top:40.5%; right:7.5%;}
	#c27{top:43%; left:19%;}
	#c28{top:48%; left:10%; line-height: 1.55;}
	#c29{top:77.3%; left:40%;}
	#c30{top:78%; left:13%; line-height: 1.55;}
	#c31{top:91%; left:32%;}
	#c32{top:91.8%; left:32%;}
	#c33{top:92.4%; left:32%;}
	#c34{top:93.2%; left:32%;}
	#c35{top:93.9%; left:32%;}
	#c36_1{top:92.85%; left:69.5%;}
	#c36_2{top:93.55%; left:69.5%;}
	#c36_3{top:94.25%; left:69.5%;}
	#c36_4{top:94.95%; left:69.5%;}
	#c37_1{top:93.05%; left:77.8%;}
	#c37_2{top:93.75%; left:77.8%;}
}