@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'db_helvethaica_x45_li';
    src:url('../style/fonts/DB-Helvethaica-Li/db_helvethaica_x_li_v3.2_2.eot');
    src: url('../style/fonts/DB-Helvethaica-Li/db_helvethaica_x_li_v3.2_2.eot?#iefix') format('embedded-opentype'),
         /*url('../style/fonts/DB-Helvethaica-Li/db_helvethaica_x_li_v3.2_2.woff2') format('woff2'),
         url('../style/fonts/DB-Helvethaica-Li/db_helvethaica_x_li_v3.2_2.woff') format('woff'),
         url('../style/fonts/DB-Helvethaica-Li/db_helvethaica_x_li_v3.2_2.ttf') format('truetype'),*/
         url('../style/fonts/DB-Helvethaica-Li/db_helvethaica_x_li_v3.2_2.svg#db_helvethaica_x45_li') format('svg');
    font-weight: normal;
    font-style: normal;
}
div {
	box-sizing:border-box;
}
.img-responsive {
	width:100%;
	margin:0;
	padding:0;
}
.loadpage {
	max-width:1200px;
	max-height:623px;
	background:url(../images/pop-up.png) no-repeat top left;
}
.loadpage a {
	display:block;
	width:1200px;
	height:550px;
}
.container {
	max-width:1070px;
	margin:0px auto;
}
.content-promotion {
	width:100%;
	float:left;
	padding:10px 20px;
}
.content-img {
	width:100%;
}
.content-img img{
	width:100%;
	height:auto;
}
.content-description {
	width:100%;
	float:left;
	background:url(../images/bg-description.jpg) no-repeat top right;
}
.content-description h1 {
	width:100%;
	display:block;
	height:auto;
	font-size:48px; 
	line-height:30px;
	color:#1c9958;
	font-family: 'db_helvethaica_x45_li';
	box-sizing:border-box;
	padding:20px 0 0 0;
	
}
.content-description a {
	color:#1ca34b;
	text-decoration:none;
}
.content-description a:hover {
	text-decoration:underline;
}
.content-description p {
	font-family: 'db_helvethaica_x45_li';
	color:#0a0b0b;
	font-size:25px;
	line-height:35px;
	margin:25px 0 0 0;
	padding:0;
}
.content-description p.intro-text {
	font-size:48px;
	line-height:48px;
	background:url(../images/easybills-mascot.jpg) no-repeat 520px 15px;
	margin:-20px 0 0 0;
}
.content-description p.intro-text b {
	display:inline-block;
	color:#1ca34b;
	/*padding:10px 60px 10px 20px;*/
	font-size:42px;
	line-height:42px;
	/*background:url(../images/bg-tabgreen.jpg) no-repeat top right #1c9958;*/
}
.content-description p.intro-text b.easybills {
	display:inline-block;
	color:#464646;
	margin:10px 0 0 0;
	padding:10px 0;
	font-size:48px;
	line-height:48px;
	font-weight:bold;
	background:none;
}
.content-description p.intro-text b.easybills span {
	color:#1ca34b;
}
.content-description p.detail b {
	display:inline-block;
	color:#0a0b0b;
	margin:10px 0 0 0;
	font-size:38px;
	line-height:38px;
	text-decoration:underline;
}
.content-description ul {
	font-family: 'db_helvethaica_x45_li';
	color:#0a0b0b;
	font-size:25px;
	line-height:35px;
	list-style:none;
}
.content-description ul li {
	background:url(../images/bullet-list.jpg) no-repeat left 13px;
	padding:0 0 0 20px;
	margin:0 0 5px 0;
}
.content-description ul li.sub-detail {
	background:none;
	margin:0 0 0 20px;
}
.content-description p.sub-detail {
	font-size:25px;
	line-height:35px;
	text-indent:60px;
}
/*.contact {
	width:100%;
	height:auto;
	display:block;
	float:left;
	margin:20px 0 0 0;
	background:#0aa957;
	color:#ffffff;
	text-align:center;
	font-family: 'db_helvethaica_x45_li';
	font-size:32px;
	line-height:32px;
}*/

/*.contact p {
	max-width:85%;
	margin:30px auto;
}*/

@media (max-width: 736px) {
    .content-description {
		background:none;
	}
	.contact p {
		max-width:100%;
		font-size:23px;
		line-height:30px;
		margin:15px auto;
	}
	.loadpage {
		max-width:300px;
		max-height:450px;
		background:url(../images/pop-up-mobile.png) no-repeat top left;
	}
	.loadpage a {
		display:block;
		width:300px;
		height:400px;
	}
	.content-description h1 {
		font-size:30px;
		line-height:30px;
	}
	.content-description p.intro-text {
		font-size:25px;
		line-height:25px;
		margin:-25px 0 0 0;
		background-position:365px 25px;
	}
	.content-description p.intro-text b.easybills {
		font-size:30px;
		line-height:30px;
	}
	.content-description p.intro-text b {
		font-size:22px;
		line-height:22px;
	}
	.content-description p.detail b {
		font-size:22px;
		line-height:22px;
		margin:0;
	}
	.content-description p {
		font-size:20px;
		line-height:30px;
	}
	.content-description p.sub-detail {
		font-size:20px;
		line-height:30px;
		text-indent:40px;
	}
	.content-description ul {
		font-size: 20px;
    	line-height: 30px;
		padding:0 0 0 15px;
	}
}

@media (max-width: 414px) {
    .content-description {
		background:none;
	}
	.contact p {
		max-width:100%;
		font-size:23px;
		line-height:30px;
		margin:15px auto;
	}
	.loadpage {
		max-width:300px;
		max-height:450px;
		background:url(../images/pop-up-mobile.png) no-repeat top left;
	}
	.loadpage a {
		display:block;
		width:300px;
		height:400px;
	}
	.content-description h1 {
		font-size:25px;
		line-height:30px;
	}
	.content-description p.intro-text {
		font-size:19px;
		line-height:19px;
	}
	.content-description p.intro-text b.easybills {
		font-size:19px;
		line-height:19px;
	}
	.content-description p.intro-text b {
		font-size:17px;
		line-height:20px;
	}
	.content-description p.detail b {
		font-size:22px;
		line-height:22px;
		margin:0;
	}
	.content-description ul {
		font-size: 20px;
    	line-height: 30px;
		padding:0;
	}
}