body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	display: block;
	font-family: 'Roboto', sans-serif;
	color: rgb(51, 51, 51);
}
h1 {
	margin: 0;
}
img, iframe {
	max-width: 100%;
}
.mobile_only {
	display: none;
}
@media screen and (max-width: 620px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-height: 720px) and (max-device-width: 1280px) and (max-width: 999px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 1000px) and (max-width: 999px) {
	.desktop_only {
		display: none;
	}
	.mobile_only {
		display: inline-block;
	}
}
.white_bg {
	background: #fff;
}
.grey_bg {
	background: rgb(245,244,244);
}
.m960 {
	max-width: 960px;
	margin: auto;
}
.mt39 {
	margin-top: 39px;
}
.clear {
	clear: both;
}

#header {
	margin: auto;
}

.top_bg {
	background-image: url('./img/top-bg.jpg');
	width: 100%;
	height: 42rem;
	background-size: cover;
	text-align: center;
}


@media only screen and (max-width: 600px) {
	.top_bg {
		background: no-repeat 69% 67% / auto;
		background-image: url('./img/top-bg.jpg');
		height: 31.4375rem;
	}
}

.top_bg .logo {
	padding-top: 42px;
	margin-bottom: 80px;
	display: block;
}

@media only screen and (max-width: 600px) {
	.top_bg .logo {
		max-width: 337px;
		margin: auto;
	}
}

.top_bg .logo .image {
	display: block;
	padding-bottom: 20px;
}

@media only screen and (max-width: 600px) {
	.top_bg .logo .image {
		padding-bottom: 15px;
	}
}

.top_bg .slogan {
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
	line-height: 29px;
}

@media only screen and (max-width: 600px) {
	.top_bg .slogan {
		font-size: 17px;
		line-height: 24px;
	}
}

.top_bg .title {
	font-size: 53px;
	font-weight: 700;
	line-height: 53px;
	padding-bottom: 33px;
}

@media only screen and (max-width: 600px) {
	.top_bg .title {
		color: rgb(0, 0, 0);
		font-size: 31px;
		font-weight: 700;
		height: auto;
		line-height: 31px;
		overflow-wrap: break-word;
		text-align: center;
		padding-top: 84px;
	}
}

.top_bg .sub-title {
	font-family: raleway-1, raleway-2, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 78px;
}

@media only screen and (max-width: 600px) {
	.top_bg .sub-title {
		color: rgb(0, 0, 0);
		font-family: raleway-1, raleway-2, sans-serif;
		font-size: 18px;
		font-weight: 700;
		line-height: 25px;
		width: 90%;
		margin: auto auto 40px;
	}
}


.try-button a {
	background: #FF5757;
	font-size: 21px;
	font-weight: 700;
	border-radius: 7px;
	display: inline-block;
	padding: 22px 91px;
	color: #fff;
	text-decoration: none;
}

.try-button a:hover {
	background: #ff7d7d;
}

@media only screen and (max-width: 600px) {
	.try-button a {
		padding: 17px 40px;
	}
}

.products {
	max-width: 695px;
	margin: auto;
	padding: 90px 0;
	display: table;
	text-align: center;
}

.first_month_trial {
	color: rgb(255, 87, 87);
	display: block;
	margin: auto;
	font-size: 45px;
	font-weight: 700;
	line-height: 45px;
	overflow-wrap: break-word;
	text-align: center;
}

@media only screen and (max-width: 600px) {
	.first_month_trial {
		font-size: 27px;
		font-weight: 700;
		height: auto;
		line-height: 27px;
		width: 60%;
	}
}

.you_get {
	display: block;
	width: 100px;
	margin: 30px auto 37px;
	color: rgb(51, 51, 51);
	font-size: 24px;
	font-weight: 400;
	height: auto;
	line-height: 38px;
	overflow-wrap: break-word;
	text-align: center;
	border-bottom: 1px solid #A3BAC6;
}

.print_digital {
	padding: 0 63px;
	display: block;
	text-align: center;
	color: rgb(51, 51, 51);
	font-size: 24px;
	font-weight: 700;
	line-height: 38px;
}

.products .print {
	float: left;
}

.products .digital {
	float: right;
}

.products_img {
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	display: inline-block;
	padding-bottom: 25px;
}

.products_img > div {
	max-width: 50%;
}

.products .freq {
	background: rgb(75,86,179);
	color: rgb(255, 255, 255);
	font-size: 15px;
	font-weight: 400;
	line-height: 15px;
	position: absolute;
	bottom: 0;
	left: 27%;
	padding: 12px 26px;
}

.products .print .freq {
	bottom: 32px;
}

.print .desc {
	margin-top: -21px;
}

.products .image {
	position: relative;
	line-height: 0;
}

.products_img .digital {
	margin-top: 22px;
}

.products_img .digital .desc {
	margin-top: 18px;
}

@media only screen and (max-width: 600px) {
	.products .print {
		float: none;
	}

	.products .digital {
		float: none;
	}

	.products .title {
		color: rgb(51, 51, 51);
		font-size: 19px;
		font-weight: 700;
		line-height: 27px;
		overflow-wrap: break-word;
		text-align: center;
	}

	.products .desc {
		color: rgb(51, 51, 51);
		font-size: 17px;
		font-weight: 400;
		line-height: 27px;
		overflow-wrap: break-word;
		text-align: center;
	}

	.plus {
		color: rgb(51, 51, 51);
		font-size: 46px;
		font-weight: 400;
		line-height: 75px;
		overflow-wrap: break-word;
		text-align: center;
	}

	.products .mobile_only {
		margin-bottom: 30px;
	}
}

.pink_box {
	width: 695px;
	max-width: 100vw;
	border-radius: 1.125rem 1.125rem 1.125rem 1.125rem;
	background: #f7dada;
}

.box_top {
	color: rgb(255, 255, 255);
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 38px;
	border-radius: 0;
	border: 0;
	background: rgb(255,87,87);
}

.box_top .bigger {
	font-size: 44px;
	line-height: 47px;
}

@media only screen and (max-width: 600px) {
	.box_top {
		font-size: 19px;
		line-height: 26px;
		text-align: left;
		padding-left: 20px;
	}

	.box_top .bigger {
		font-size: 28px;
		line-height: 45px;
	}
	.pink_box {
		margin: 0 20px;
		width: calc(100% - 40px);
	}
}

.box_contain {
	display: table;
	padding: 11px 37px 34px 27px;
}

.box_contain > div {
	float: left;
}

.box_contain .image {
	float: left;
}

.box_contain .poster {
	width: 56%;
}

.box_contain .trump {
	width: 44%;
}

.box_contain .poster .image {
	width: 60%;
}

.box_contain .trump .image {
	width: 60%;
}

.box_contain .content {
	float: right;
	text-align: left;
	margin-top: 53px;
}

.box_contain .poster .content {
	width: 40%;
}

.box_contain .trump .content {
	width: 40%;
}

.box_contain .content .title {
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 22px;
}

.box_contain .content .desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
}

@media only screen and (max-width: 600px) {
	.box_contain > div {
		float: left;
	}

	.box_contain .image {
		float: left;
	}

	.box_contain .poster {
		width: 56%;
	}

	.box_contain .trump {
		width: 44%;
	}

	.box_contain .poster .image {
		width: 100%;
		margin-top: 9px;
	}

	.box_contain .trump .image {
		width: 100%;
	}

	.box_contain .poster .content {
		width: 100%;
		margin-top: 20px;
	}

	.box_contain .trump .content {
		width: 100%;
		margin-top: 13px;
	}

	.box_contain .content .title {
		margin-bottom: 11px;
	}
}

.products .try-button {
	margin-top: 57px;
	margin-bottom: 20px;
}

.products .term {
	font-size: 18px;
	font-weight: 400;
	height: auto;
	line-height: 29px;
}

@media only screen and (max-width: 600px) {
	.products .term {
		font-size: 17px;
		font-weight: 400;
		height: auto;
		width: 66%;
		margin: auto;
		line-height: 24px;
	}
}

/* universal */
.bold_title {
	color: rgb(0, 0, 0);
	font-size: 45px;
	font-weight: 700;
	line-height: 45px;
	overflow-wrap: break-word;
	text-align: center;
}

.title_desc {
	color: rgb(51, 51, 51);
	font-size: 25px;
	font-weight: 400;
	height: auto;
	line-height: 35px;
	overflow-wrap: break-word;
	text-align: center;
}

iframe {
	max-width: 100%;
}

@media only screen and (max-width: 600px) {
	.bold_title {
		font-size: 27px;
		line-height: 27px;
	}

	.title_desc {
		font-size: 19px;
		line-height: 22px;
		width: 90%;
		margin: auto;
	}

	iframe {
		height: 204px;
	}

}


.our_story {
	margin-top: 97px;
	text-align: center;
}

.our_story .bold_title {
	margin-bottom: 16px;
}

.our_story .title_desc {
	margin-bottom: 49px;
}

.understand_infographic {
	margin-top: 129px;
	text-align: center;
}

.understand_infographic .bold_title {
	margin-bottom: 35px;
}

.understand_infographic .title_desc {
	margin-bottom: 54px;
}

.understand_infographic .image {
	max-width: 960px;
	margin: auto;
}

.understand_infographic .image_caption {
	color: rgb(51, 51, 51);
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	overflow-wrap: break-word;
	text-align: center;
	margin-top: 18px;
	margin-bottom: 42px;
}

.infographic_desc {
	max-width: 689px;
	margin: auto;
	color: rgb(51, 51, 51);
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	overflow-wrap: break-word;
	text-align: center;
	margin-bottom: 50px;
}


@media only screen and (max-width: 600px) {
	.understand_infographic {
		margin-top: 65px;
		text-align: center;
	}

	.understand_infographic .title_desc {
		margin-bottom: 19px;
	}

	.infographic_desc {
		margin: auto;
		font-size: 18px;
		line-height: 21px;
		width: 90%;
		text-align: left;
		margin-bottom: 60px;
	}
}

.insightful {
	padding-top: 62px;
	text-align: center;
	display: table;
	margin: auto;
}

.insightful .bold_title {
	margin-bottom: 35px;
}

.insightful .title_desc {
	margin-bottom: 32px;
}

.newspaper_section {
	width: 957px;
	max-width: 100vw;
}

.newspaper_section .one_page {
	width: 25%;
	float: left;
	text-align: center;
	margin-bottom: 85px;
}

.newspaper_section .one_page .paper_image {
	max-width: 193px;
}

.one_page .category {
	color: rgb(0, 0, 0);
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	overflow-wrap: break-word;
	text-align: left;
	margin-bottom: 20px;
}

.one_page.us, .one_page.trump, .one_page.china {
	margin-top: 41px;
}

.one_page.communism .category {
	margin-bottom: 0;
}

.one_page .paper_desc {
	max-width: 190px;
	color: rgb(0, 0, 0);
	font-family: raleway-1, raleway-2, sans-serif;
	font-size: 16px;
	font-weight: 400;
	height: auto;
	line-height: 22px;
	overflow-wrap: break-word;
	text-align: left;
}

@media only screen and (max-width: 600px) {
	.newspaper_section .one_page {
		width: 47%;
		margin: auto;
		margin-bottom: 25px;
		padding: 0 1.5%;
	}
	.newspaper_section .one_page:nth-child(2n+1) {
		clear: both;
	}
	.life.clear {
		clear: none;
	}
	.one_page .category {
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 20px;
	}
}

.puzzles {
	margin-top: 57px;
	text-align: center;
}

.puzzles .bold_title {
	margin-bottom: 35px;
}

.why {
	display: table;
	margin: auto;
	max-width: 1360px;
	margin-top: 70px;
}

.why .left_bg {
	width: 50%;
	float: left;
	line-height: 0;
}

.why .right_content {
	width: 50%;
	float: right;
	margin-top: 80px;
}

.why .one_row > div {
	display: inline-block;
}

.why .one_row .image {
	width: 25%;
}

.why .one_row .content {
	width: 68%;
	vertical-align: top;
	margin-top: 27px;
}

.why .one_row .content .title {
	color: rgb(0, 0, 0);
	font-family: raleway-1, raleway-2, sans-serif;
	font-size: 16px;
	font-weight: 700;
	height: auto;
	line-height: 19px;
	overflow-wrap: break-word;
	text-align: left;
}

.why .one_row .content .desc {
	width: 80%;
	color: rgb(0, 0, 0);
	font-family: raleway-1, raleway-2, sans-serif;
	font-size: 16px;
	font-weight: 400;
	height: auto;
	line-height: 19px;
	overflow-wrap: break-word;
	text-align: left;
}

.why .one_row:last-child .image {
	position: relative;
	top: 10px;
	left: 20px;
}

@media only screen and (max-width: 600px) {
	.why {
		margin-bottom: 50px;
		display: block;
	}
	.why .left_bg {
		width: 100%;
		float: none;
		line-height: 0;
		margin-top: 20px;
	}

	.why .right_content {
		width: 100%;
		float: none;
		margin-top: 30px;
	}

	.why .one_row {
		padding-left: 20px;
	}
	.why .one_row .content {
		margin-top: 10px;
		padding-left: 10px;
	}
	.why .one_row:last-child .image {
		position: relative;
		top: 10px;
		left: 8px;
	}
}

.map {
	display: table;
	background-image: url('./img/map.jpg');
	width: 100%;
	height: 100%;
	background-size: cover;
}

.map .bold_title {
	margin-top: 87px;
	color: rgb(7, 46, 104);
	font-size: 36px;
	font-weight: 700;
	height: auto;
	line-height: 36px;
	overflow-wrap: break-word;
	text-align: center;
}

.map .num {
	color: rgb(7, 46, 104);
	font-size: 95px;
	font-style: italic;
	font-weight: 700;
	height: auto;
	line-height: 100px;
	overflow-wrap: break-word;
	text-align: center;
}

.map .num .per {
	color: rgb(7, 46, 104);
	font-size: 48px;
	font-style: italic;
	font-weight: 700;
	height: auto;
	line-height: 78px;
	overflow-wrap: break-word;
	text-align: left;
	vertical-align: text-top;
}

.map .title_desc {
	color: rgb(7, 46, 104);
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	overflow-wrap: break-word;
	text-align: center;
	margin-bottom: 36px;
}

.map .explain {
	color: rgb(0, 0, 0);
	font-family: raleway-1, raleway-2, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	overflow-wrap: break-word;
	text-align: center;
	padding-bottom: 86px;
	width: 500px;
	margin: auto;
}

@media only screen and (max-width: 600px) {
	.map {
		background: repeat 50% 50% / cover;
		height: 20.0625rem;
		background-image: url('./img/map.jpg');
	}

	.map .bold_title {
		font-size: 27px;
		line-height: 27px;
		margin-top: 35px;
	}

	.map .num {
		font-size: 61px;
		line-height: 87px;

	}

	.map .title_desc {
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 18px;
	}

	.map .explain {
		font-size: 14px;
		line-height: 18px;
		width: 315px;
		padding-bottom: 30px;
	}
}

.winner {
	margin: auto;
	margin-top: 63px;
	text-align: left;
	display: table;
	max-width: 816px;
}

.winner .bold_title {
	margin-bottom: 69px;
}

.winner .one_award {
	display: inline-block;
	float: left;
	width: 33.3%;
}

.one_award img {
	max-width: 163px;
	height: auto;
}

.one_award .title {
	max-width: 225px;
	color: rgb(0, 0, 0);
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	overflow-wrap: break-word;
	text-align: left;
	margin-top: 21px;
	margin-bottom: 21px;
}

.one_award .desc {
	max-width: 225px;
	color: rgb(0, 0, 0);
	font-family: raleway-1, raleway-2, sans-serif;
	font-size: 16px;
	font-weight: 400;
	height: auto;
	line-height: 1.4;
	overflow-wrap: break-word;
	text-align: left;
}

@media only screen and (max-width: 600px) {
	.winner {
		margin: auto;
		margin-top: 29px;
		width: 90%;
	}
	.winner .bold_title {
		margin-bottom: 29px;
	}
	.winner .one_award {
		display: block;
		margin: auto;
		float: none;
		width: 78%;
		margin-bottom: 42px;
	}
	.one_award .title {
		margin-top: 15px;
		margin-bottom: 15px;
		max-width: unset;
	}
	.one_award .desc {
		max-width: unset;
	}
}

.testimonial {
	margin: auto;
	margin-top: 63px;
	text-align: left;
	display: table;
	max-width: 816px;
}

.testimonial .bold_title {
	font-size: 36px;
	line-height: 36px;
	width: 90%;
	margin-bottom: 60px;
}

.testimonial .one_quote {
	width: 33%;
	display: inline-block;
	margin-bottom: 40px;
	vertical-align: top;
}
.testimonial .photo {
	display: inline-block;
	float: left;
}
.testimonial .photo img {
	max-width:66px;
	height: auto;
}
.testimonial .quote {
	display: inline-block;
	width: calc(100% - 100px);
	max-width: 196px;
	margin-right: 17px;
	float: right;
	color: rgb(0, 0, 0);
	font-family: raleway-1, raleway-2, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	overflow-wrap: break-word;
	text-align: left;
}
.testimonial .quote_source {
	margin-top: 20px;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	margin-top: 10px;
}
@media screen and (max-width: 620px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-height: 720px) and (max-device-width: 1280px) and (max-width: 999px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 1000px) and (max-width: 999px) {
	.testimonial {
		margin-top: 30px;
	}
	.testimonial .one_quote {
		width: auto;
		display: block;
		margin: auto;
		max-width: 290px;
		margin-bottom: 50px;
	}
	.testimonial .photo {
		width: 100%;
		text-align: center;
	}
	.testimonial .quote {
		width: 100%;
		float: none;
		max-width: 290px;
	}
	.testimonial .bold_title {
		font-size: 27px;
		line-height: 27px;
		width: 70%;
		margin: auto;
		margin-bottom: 30px;
	}
	.testimonial .quote_source {
		vertical-align: top;
		margin-top: 38px;
		margin-left: 20px;
	}
	.testimonial .quote_content {
		font-size: 15px;
		line-height: 21px;
		width: 91%;
		margin: auto;
	}
}

.testimonial .video {
	text-align: center;
	margin-top: 67px;
}

.testimonial .try-button {
	display: table;
	height: 7px;
	line-height: 1;
	margin: 60px auto;
	padding: 22px 70px;
}

.faq {
	font-family: "roboto";
	padding: 50px;
	color: #000;
}

.faq a {
	color: #0080ff;
}

.faq .align_center {
	max-width: 700px;
	margin: auto;
}

.faq .title {
	text-align: center;
	font-size: 45px;
	line-height: 1;
	font-weight: bold;
	margin: 20px 0;
}

.faq .que {
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	margin: 30px 0 0;
	position: relative;
	cursor: pointer;
}

.faq .que:after {
	position: absolute;
	top: -2px;
	right: 3px;
	display: block;
	width: 10px;
	height: 10px;
	content: '';
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-bottom: 2px solid #666;
	border-left: 2px solid #666;
}

.faq .ans {
	display: none;
	font-size: 16px;
	line-height: 1.2;
}

.faq .ans p, .faq .last_ans {
	margin: 15px 0;
}

.faq .last_que {
	margin-top: 60px;
	font-size: 18px;
	text-align: center;
	line-height: 1;
	font-weight: bold;
}

.faq .last_ans {
	font-size: 18px;
	text-align: center;
	font-size: 16px;
	line-height: 1;
}

.view_all {
	margin-top: 30px;
	text-align: center;
}

footer {
	text-align: center;
	padding: 50px 0;
	color: #fff;
	background-color: #444;
}

footer a {
	color: #0080ff;
	text-decoration: none;
}

footer > div {
	margin: 10px 0;
}

footer .links span {
	padding: 0 10px;
}

footer .links span:last-child {
	border-left: 1px solid #fff;
}

@media only screen and (max-width: 600px) {
	.faq {
		padding: 30px 0;
	}
	.faq .align_center {
		max-width: unset;
		margin: auto;
		padding: 0 30px;
	}
	.faq .que {
		padding-right: 30px;
	}
	.faq .last_que {
		font-size: 15px;
	}
}

@media only screen and (max-width: 320px) {
	.faq .last_que {
		font-size: 13px;
	}
}

header .sticky_header {
	display: none;
}
.sticky_layout header .sticky_header {
	display: block;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 999;
	border-bottom: 1px solid #eee;
	-webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.51);
	-moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.51);
	box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.51);
}
.sticky_layout .logo {
	width: 40%;
	float: left;
	max-width: 300px;
	display: inline-block;
	margin-left: 30px;
	margin-top: 46px;
}
.sticky_layout .sticky_header .try-button {
	float: right;
	margin-right: 30px;
	padding: 10px 30px;
	margin-top: 16px;
	margin-bottom: 16px;
}
@media screen and (max-width: 620px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-height: 720px) and (max-device-width: 1280px) and (max-width: 999px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 1000px) and (max-width: 999px) {
	.sticky_layout .logo {
		width: 46%;
		float: left;
		display: inline-block;
		margin-left: 10px;
		margin-top: 41px;
	}
	.sticky_layout .sticky_header .try-button {
		float: right;
		max-width: 40%;
		margin-right: 10px;
		padding: 10px 10px;
		margin-top: 16px;
		margin-bottom: 16px;
	}
	.sticky_layout .sticky_header .try-button a {
		padding: 10px 10px;
		font-size: 16px;
	}
}