@charset "UTF-8";
.banner_kv { background-image: url(top_banner.png); }
.main_banner_section { background-position:top left;}

@media (max-width: 780px) {
.banner_kv { background-image: url(top_banner_m.png); }
.main_banner_section.page_banner { background-position:center center;}
}


.bg {padding: 0 38px;}
.bg1 {padding: 0 80px;}

.headline {font-size: 35px; line-height: 50px; font-weight: bold; text-align: center; margin: 10px 0;}
.subheadline {font-size: 28px; line-height: 40px; font-weight: bold; text-align: center; margin: 20px 0 30px;}

.inword {font-size: 22px; line-height: 38px;   color: #333333; padding: 0 0px; }
b {color: #00711f;}
.details-area {margin-top: 20px;}
.details-area:after {display:table; clear:both; content:"";}
.details-left {width: 33%; float: left; padding: 10px 15px;}

.detailsicon {text-align: center;}
.detailsicon img {width: 130px;}
.detailsdec {font-size: 22px; line-height: 34px; text-align: center; margin-top: 20px;}
.detailsdec h1 {font-size: 28px; line-height: 38px; color: #00711f;}

.detailleft {border-left: 1px solid #b5b5b5;}
.detailright {border-right: 1px solid #b5b5b5;}

.sampleclick {color: #333333; font-size: 22px; line-height: 40px; text-align: center; font-weight: bold; padding-top: 0px; }
.sampleclick a {color: #00711f; text-decoration: underline;}
.sampleclick a:hover {color: #005016; text-decoration: underline;}


.lightword {width: 100%; padding-top: 10px;}
.lightword img {width: 18px;}

.luckyarea {border: 1px solid #b5b5b5; padding: 25px; border-radius: 20px; margin-top: 50px;}

.head1 {background-color: #ffffff; font-size: 28px;  font-weight: bold; text-align: center; width: 630px; margin: 0 auto; margin-top: -55px; }
.head1 img {width: 70px; margin-right: 5px;}

.luckyword {font-size: 22px; width: 600px; margin: 0 auto;}

.luckyword ul {margin-top: 10px; list-style: none;}
.luckyword ul li::before { content: "\2022"; color: #e50000; color: red;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;}

.luckyword li {margin-left: 20px; margin-top: 10px;}
.luckyword li b { font-size: 27px;  color: #e50000;}
.top1 {margin-top: 30px;}

.actword {text-align: center; font-size: 22px; line-height: 38px;}
.actword a {color: #000; text-decoration: underline;}
.actword a:hover {color: #00711f; }
.popuparr {width: 20px;}

.tnc li {margin-left: 20px;}
.tnc a {color: #000; text-decoration: underline;}
.tnc a:hover {color: #00711f; }
.tncpopuparr {width: 15px; margin: 0 5px; margin-top: -3px; }

.break {display: none;}
.break1 {display: block;}
@media (max-width: 780px) {
.bg1 {padding: 0 15px;}		
.bg {padding: 0 15px;}	
.details-left {width: 100%; float: none; padding: 10px 15px;}
.detailleft {border-left: 0px solid #b5b5b5; border-top: 1px solid #b5b5b5;}
.detailright {border-right: 0px solid #b5b5b5; border-bottom: 1px solid #b5b5b5;}
.head1 {background-color: #ffffff; font-size: 26px; line-height: 30px;  font-weight: bold; text-align: center; width: 380px; margin: 0 auto; margin-top: -55px;}
.head1 img {width: 50px; margin-right: 5px;}	
.break {display: block;}	
.break1 {display: none;}	
}

@media (max-width: 580px) {
.luckyword {font-size: 22px; width: 100%; margin: 0 auto;}
}