@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&display=swap');

body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#fff;
	color:#000;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-family: 'Open Sans', sans-serif;
}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin:0;padding:0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border:0;}
a{cursor: pointer;font-weight: 500;color: #c20017;text-decoration: underline;}
a:hover {outline: none; text-decoration:none;}
img {border:none; height:auto;}
li {list-style:none;}
*{box-sizing:border-box;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
}
/*-----------------------
MAIN CSS START
------------------------*/
.container{
	width:1170px;
	margin:0 auto;
	padding:0;
	position:relative;
}
.fl{float:left;}
.fr{float:right;}

.hide-desk{display:none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~
TOP-SECTION
~~~~~~~~~~~~~~~~~~~~~~~ */
.top-sec{
	float:left;
	width:100%;
	border-top:4px solid #b70000;
	padding:5px 0 8px;
	border-bottom:4px solid #e1e1e1;
}
.ads-tx{
	font-size:12px;
	line-height:16px;
	color:#6a6a6a;
	text-transform:uppercase;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}
.logo{
	float:left;
}
.dots{
	margin-top:30px;
	float:right;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~
SECTION
~~~~~~~~~~~~~~~~~~~~~~~ */
.section{
	float:left;
	width:100%;
}
.sec-lft{
	float:left;
	width:66.23%;
	text-align:left;
	margin-top:30px;
}
.main-hd{
	font-size:42px;
	line-height:50px;
	font-weight:bold;
	color:#151e14;
}
.main-hd span{
	color:#b70000;
}

.post-sec{
	float:left;
	width:100%;
	padding:12px;
	border-top:1px solid #e0e0e0;
	margin-top:25px;
	}
.post-lft{
	width:70%;
	float:left;
	position:relative;
	padding-top:5px;
	padding-left:70px;
	text-align:left;
	}
.post-img{
	position:absolute;
	left:0;
	top:-3px;
	border-radius:50%;
	}
.post-txt{
	color:#676767;
	font-size:14px;
	line-height:20px;
	}
.post-txt span{
	font-weight:600;
	font-size:16px;
	line-height:20px;
	}
.post-scl{
	display:inline-block;
	vertical-align:top;
	max-width:100%;
	margin-top:8px;
	}
.trnd-sec{
	float:right;
	width:19%;
	position:relative;
	text-align:left;
	padding-left:52px;
	margin-top:4px;
	}
.trnd-img{
	position:absolute;
	left:8px;
	top:3px;
	}
.trnd-sec p{
	font-size:14px;
	line-height:18px;
	color:#a7a7a7;
	text-transform:uppercase;
	}
.trnd-sec p span{
	font-weight:600;
	font-size:16px;
	line-height:20px;
	color:#151e14;
	text-transform:none;
	}
.as-seen-hd{
	font-size:18px;
	line-height:22px;
	font-weight:600;
	color:#1f1f1f;
	position:relative;
	text-align:center;
	float:left;
	width:100%;
	z-index:1;
	margin-top:5px;
}
.as-seen-hd:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:50%;
	border-top:1px solid #dadada;
	z-index:-1;
}
.as-seen-hd span{
	display:inline-block;
	vertical-align:middle;
	background:#fff;
	padding:0 10px;
}
ul.as-seen-lst{
	float:left;
	width:100%;
}
ul.as-seen-lst li{
	width:20%;
	float:left;
	padding:0 5px;
}
.as-seen-log{
	max-width:100%;
	margin-top:15px;
}

.comn-img{
	display:inline-block;
	vertical-align:top;
	width:100%;
	border:3px solid #fff;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	border-radius:5px;
	margin-top:30px;
}
.comn-txt{
	font-size:20px;
	line-height:30px;
	margin-top:25px;
}
.comn-hdg{
	font-size:42px;
	line-height:50px;
	font-weight:bold;
	margin-top:35px;
	color:#151e14;
}
.mt-0{margin-top:0px;}
.yel-bx{
	background:#fffdc8;
	padding:15px 25px;
}
.quote-bx{
	border:2px solid #dfeae9;
	border-radius:6px;
	padding:15px 25px;
	margin-top:35px;
	position:relative;
}
.quote-img{
	position:absolute;
	right:40px;
	top:-28px;
}
.font-24{
	font-size:24px;
	line-height:30px;
}
.doc-img{
	float:right;
	border:3px solid #fff;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	border-radius:5px;
	margin:15px 0 15px 40px;
}
.rat-img{
	float:right;
	margin:20px 0px 20px 40px;
}
.prd-bund-img{
	float:left;
	border:3px solid #fff;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	border-radius:5px;
	margin:30px 40px 15px 0px;
}
.result-bx{
	background:#fefefa;
	border:1px solid #ebe6c0;
	padding:0px 25px;
	border-radius:6px;
	margin-top:30px;
}
.day-bx{
	border-bottom:2px dotted #e3e3e3;
	padding:25px 0;
}
.day-tx{
	font-size:28px;
	line-height:32px;
	font-weight:bold;
	color:#2f2f2f;
	margin-bottom:-10px
}
.cal-img{
	display:inline-block;
	vertical-align:middle;
	margin-right:8px;	
}
.result-img{
	float:right;
	border-radius:50%;
	border:3px solid #fff;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	margin:50px 0 30px 20px;
}
.final{
	margin-bottom:10px;
}
.ba-bx{
	display:inline-block;
	vertical-align:top;
	max-width:100%;
	text-align:center;
	margin-top:30px;
}
.ba-img{
	border:3px solid #fff;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	max-width:100%;
	margin-bottom:-10px;
}
.ba-bx .comn-txt{text-align:left;}
.tsti-sec{
	display:inline-block;
	vertical-align:middle;
	margin-top:40px;
	margin-bottom:15px;
	width:100%;
	max-width:760px;
	}
.tsti-bx{
	float:left;
	width:25%;
	padding:5px 5px 10px;
	background:#fff;
	box-shadow:-1px 6px 15px -3px rgba(0,0,0,0.4);
	-webkit-box-shadow:-1px 6px 15px -3px rgba(0,0,0,0.4);
	}
.tsti-bx:nth-child(2){transform: rotate(6deg); -webkit-transform: rotate(6deg);}
.tsti-bx:nth-child(3){transform: rotate(-4deg); -webkit-transform: rotate(-4deg);}
.tsti-bx:nth-child(4){transform: rotate(4deg); -webkit-transform: rotate(4deg);}
.tsti-bx img{
	max-width:100%;
	}
.red-tx{
	color:#ff0000;
}
.mny-bck-seal{
	float:right;
	margin-top:10px;
}

.avail-strip{
	display:inline-block;
	vertical-align:middle;
	background:#fff9d7;
	border:1px solid #e4d897;
	padding:10px;
	width:100%;
	margin-top:30px;
}
.avail-tk{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.avail-strip p{
	font-size:18px;
	line-height:26px;
	font-weight:600;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
}
.pck-bx{
	border:2px dashed #fc4834;
	width:100%;
	padding:30px;
	margin-top:40px;
	display:flex;
	-webkit-display:flex;
	justify-content:space-evenly;
	-webkit-justify-content:space-evenly;
	align-items:center;
	-webkit-align-items:center;
}
.pck-prd-bx{
	width:23%;
	position:relative;
}
.pck-prd{
	display:inline-block;
	vertical-align:top;
	max-width:100%;
	margin-bottom:-15px;
}
.pck-seal{
	position: absolute;
	right: -10px;
	top: 35px;
}
.pck-content-bx{
	width:52%;
}
.pck-btn{
	display:inline-block;
	vertical-align:middle;
	max-width:450px;
	width:100%;
	height:70px;
	background: rgb(68,146,10);
	background: linear-gradient(0deg, rgba(68,146,10,1) 0%, rgba(98,189,31,1) 100%);
	border-radius:6px;
	margin-top:25px;
	font-size:28px;
	line-height:70px;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 1px 1px rgba(0,0,0,0.5);
	-webkit-text-shadow:0px 1px 1px rgba(0,0,0,0.5);
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
}
.btn-arw{
	display:inline-block;
	vertical-align:middle;
	margin-left:15px;
}
.disc-tx{
	font-size:18px;
	line-height:26px;
	margin-top:20px;
}
.excl-deal{
	font-size:18px;
	line-height:26px;
	background:#ffff00;
	padding:6px 10px;
	margin-top:20px;
}

.rev-sec{
	float:left;
	width:100%;
	margin:15px 0;
	text-align:left;
}
.rev-bx{
	float:left;
	width:100%;
	position:relative;
	padding:30px 0;
	padding-left:90px;
	border-bottom:1px solid #d0d0d0;
}
.rev-tp{
	
}
.rev-fc{
	position:absolute;
	left:0;
	top:30px;
	border-radius:50%;
}
.rev-nm{
	font-size:18px;
	line-height:22px;
	font-weight:bold;
}
.rev-dat{
	color:#ababab;
	font-size:16px;
	line-height:20px;
	margin-top:8px;
}
.rev-tx{
	font-size:19px;
	line-height:27px;
	font-style:italic;
	margin-top:15px;
}
.rev-bx:last-child{border-bottom:none;}

.footer{
	float:left;
	width:100%;
	background:#000;
	padding:20px 0;
}
.ftr-tx, .ftr-tx a{
	font-size:18px;
	line-height:26px;
	color:#b5b5b5;
}
.ftr-tx{margin:6px 0;}

.sec-rgt{
	float:right;
	width:30%;
	margin-top:30px;
	text-align:left;	
}
.rgt-mn-hd{
	font-size:24px;
	line-height:30px;
	border-bottom:1px solid #a7a7a7;
	padding-bottom:10px;
	font-weight:700;
}
.rgt-rev-bx{
	float:left;
	width:100%;
	padding:25px 0;
	border-top:1px solid #d1d1d1;
}
.rgt-rev-bx:first-child{border-bottom:none;}
.rgt-rev-img{
	max-width:100%;
	display:inline-block;
	vertical-align:top;
}
.rgt-rev-hd{
	font-size:20px;
	line-height:26px;
	font-weight:700;
	margin-top:25px;
}
.rgt-rev-star{
	display:inline-block;
	vertical-align:top;
	margin-top:15px;
}
.rgt-rev-tx{
	font-size:18px;
	line-height:26px;
	margin-top:12px;
}
.rgt-rev-nm{
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	margin-top:12px;
}
.rgt-pck.pck-bx{
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	text-align:center;
	padding:25px 15px;
	margin-top:5px;
	float:left;
	width:100%;
	background:#fff;
}
.rgt-pck.pck-bx .pck-prd-bx, .rgt-pck.pck-bx .pck-content-bx{width:100%;}
.rgt-pck.pck-bx .pck-prd-bx{
	margin-top:20px;
	max-width:230px;
}
.rgt-pck.pck-bx .pck-prd{
	max-width:160px;
	width:100%;
}
.rgt-pck.pck-bx .pck-btn{
	font-size:21px;
}
.rgt-pck.pck-bx .btn-arw{width:15px;}
.rgt-pck.pck-bx .disc-tx{font-size:17px; margin-top:12px;}

.mag-img{
	max-width:100%;
	float:left;
	margin:0 0 -20px;
}
.mag-tx{
	padding:30px 40px;
	font-size:19px;
	line-height:27px;
	text-align:center;
	font-weight:600;
	float:left;
	width:100%;
}



/*-----------------------
MEDIA START
------------------------*/
.hide-desk{display:none;}

@media only screen and (max-width:1200px){
.container{width:1010px;}
.hide-1024{display:none;}

.sec-lft{width:68%;}
.main-hd{font-size:38px;}
.trnd-sec{width:22%;}
.rat-img{margin:50px 0 20px 20px;}
.result-img{width:200px;}

.mag-tx{padding:25px;}
}

@media only screen and (max-width:1023px){
.container{width:750px;}

.hide-tab{display:none;}
.show-tab{display:block;}

.logo{width:220px;}
.dots{margin-top:25px;}

.main-hd{font-size:34px; line-height:42px;}
.trnd-sec{width:30%;}
.comn-txt{font-size:18px; line-height:28px; margin-top:20px;}
.mt-0{margin-top:0;}
.comn-hdg{font-size:34px; line-height:42px; margin-top:30px;}
.quote-bx{margin-top:30px; padding:10px 15px;}
.quote-img{width:50px;}
.doc-img{margin:15px 0 15px 15px;}
.font-24{font-size:22px; line-height:28px;}
.rat-img{width:220px;}
.prd-bund-img{width:220px; margin:30px 20px 15px 0px;}
.result-img{width:180px; margin:30px 0 15px 15px;}
.day-tx{font-size:24px; line-height:28px;}
.tsti-sec{margin-top:30px;}
.ba-bx{margin-top:25px;}
.avail-strip p{width:calc(100% - 100px);}
.rev-tx{font-size:17px; line-height:24px;}

.rgt-mn-hd{font-size:22px; line-height:28px;}
.rgt-rev-hd{font-size:17px; line-height:22px; margin-top:18px;}
.rgt-rev-tx{font-size:16px; line-height:24px;}
.mag-tx{padding:20px 15px; font-size:16px; line-height:24px;}

.pck-content-bx{width:75%;}
.pck-seal{width:85px; right:0;}
.rgt-pck.pck-bx .pck-btn{font-size:16px; line-height:55px; height:55px;}
.rgt-pck.pck-bx .btn-arw{width:12px; margin-left:8px;}
.rgt-pck.pck-bx .disc-tx{font-size:16px; line-height:22px;}
.excl-deal{font-size:16px; line-height:22px;}
}

@media only screen and (max-width:767px){
.hide-mob{display:none;}
.hide-desk{display:block;}
.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}

.logo{width:180px; margin-top:15px;}
.dots{margin-top:30px;}

.sec-lft{margin-top:20px;}
.sec-lft, .sec-rgt{width:100%;}
.main-hd{font-size:28px; line-height:38px;}
.post-lft{width:100%; padding-top:3px;}
.trnd-sec{display:none;}
ul.as-seen-lst{text-align:center;}
ul.as-seen-lst li{float:none; display:inline-block; vertical-align:top; width:32.3%;}
.comn-txt{font-size:17px; line-height:26px; margin-top:15px;}
.mt-0{margin-top:0;}
.yel-bx{padding:10px 15px;}
.comn-hdg{font-size:24px; line-height:32px; margin-top:20px;}
.comn-img{margin-top:25px;}
.quote-img{right:20px; top:-20px; width:40px;}
.doc-img{margin:20px auto 0; float:none;}
.rat-img{float:none; margin:20px auto 0;}
.prd-bund-img{float:none; margin:25px auto; width:100%;}
.result-bx{margin:20px auto 0; padding:0 15px;}
.result-img{float:none; margin:20px auto 0;}
.tsti-sec{ margin:30px 0 10px; padding:0 40px; max-width: 430px;}
.tsti-bx{ width:50%;margin-bottom: 5px;}
.mag-img{float:none; display:block; margin:0 auto -20px;}
.ba-img{max-width:80%;}
.avail-strip p{width:calc(100% - 30px); font-size:15px; line-height:21px;}
.avail-tk{width:18px; vertical-align:top; margin-top:3px;}
.pck-bx{flex-wrap:wrap; -webkit-flex-wrap:wrap; padding: 25px 15px; margin-top:35px;}
.rgt-pck.pck-bx{margin-top:5px;}
.pck-log{margin:0 auto;}
.pck-prd-bx{width:100%;}
.pck-content-bx{width:100%;}
.pck-prd-bx, .rgt-pck.pck-bx .pck-prd-bx {margin-top: 20px; max-width: 230px;}
.pck-bx-log{width:100%;}
.pck-btn, .rgt-pck.pck-bx .pck-btn{font-size:20px; line-height:55px; height:55px;}
.btn-arw{width:14px; margin-left:8px;}
.disc-tx{font-size:16px; line-height:22px;}
.rev-bx{padding:15px 0; padding-left:0px;}
.rev-tp{padding-left:65px; position:relative;}
.rev-fc{width:55px; top:0px;}
.rgt-rev-img{width:150px;}
.mag-tx{padding:20px 0; font-size:16px; line-height:25px;}
.sec-rgt{margin:0px 0 30px;}
.footer{padding:12px 0;}
.ftr-tx, .ftr-tx a{font-size:16px; line-height:24px;}
}