@charset "utf-8";

.red{color:#ff0000;}
.green{color:#30b92d;}
.strikeout{ 
  position: relative;
}
.strikeout::after{
  border-bottom: 0.12em solid #ff0000;
  content: "";
  left: 0;
  margin-top: calc(0.120em / 2 * -1);
  position: absolute;
  right: 0;
  top: 54%;
}
.s8btn{
	width:360px;
	height:74px;
	background:#24c070;
	border-radius:14px;
	border:none;
	outline:none;
	font-weight:bold;
	font-size:36px;
	line-height:74px;
	color:#fff;
	text-align:center;
	margin:45px auto 0 auto;
	display:block;
	box-shadow:0 5px 1px #cfcfcf;
}
@media only screen and (max-width: 767px){
.s8btn{
	width:280px;
	height:55px;
	font-size:28px;
	line-height:55px;
	margin:32px auto 0 auto;
	box-shadow:0 3px 1px #cfcfcf;
}
}
/*===============start footer==================*/
.prevent-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
footer{padding:45px 0;background:#1a1a1a;}
ul.ftrlist{margin:0 0 0 0;text-align:center;}
ul.ftrlist li{
	display:inline-block;
	font-size:20px;
	line-height:28px;
	color:#fff;
	text-align:center;
	padding:0 10px;
	margin:2px 0 0 0;
}
ul.ftrlist li a{color:#fff;}
.ftrtxt{
	font-size:20px;
	line-height:28px;
	text-align:center;
	color:#fff;
	margin-top:12px;
}
@media only screen and (max-width: 1020px){
footer{padding:35px 0;}
.ftrtxt{font-size:18px;line-height:26px;}
ul.ftrlist li{font-size:18px;line-height:26px;}
}
@media only screen and (max-width: 767px){
footer{padding:30px 0;}
.ftrtxt{
	font-size:15px;
	line-height:23px;
	margin-top:6px;
}
ul.ftrlist li{
	font-size:15px;
	line-height:23px;
	padding:0 5px;
}
}
/*===============================*/
.show-479, .show-tab, .show-767, .show-400, .show-340, .show-359, .show-389{display:none;}
@media only screen and (max-width: 1020px){
.show-tab{display:block;}
.hide-tab{display:none;}
}
@media only screen and (max-width: 767px){
.hide-767{display:none;}
.show-767{display:block;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 389px){
.show-389{display:block;}
.hide-389{display:none;}
}
@media only screen and (max-width: 359px){
.hide-359{display:none;}
.show-359{display:block;}
}