.banner_kv { background:url(top_banner.jpg) center left; background-size: cover;}
@media (max-width: 780px) {
.banner_kv{ background:url(top_banner_m.jpg) center center;}
}

.banner_kv1 { background:url(top_banner_p.gif) center left;}
@media (max-width: 780px) {
.banner_kv1 { background:url(top_banner_m_p.gif) center center;}
}

thead, tbody, tfoot { border: none; background-color: #ffffff; }
tbody tr:nth-child(even) {background-color: #ffffff;}
span { white-space:pre;}
tbody th, tbody td {padding:0px;}

.tncfont {font-size:13px; font-weight:bold; margin-top:15px;  margin-bottom:15px;}
.tncfont2 {font-size:13px; line-height: 19px;}

.disclaimer{font-size:12px;}
.ui-filter li {float:none; display: table-cell;}
.ui-filter li a {display: block; padding: 0.7rem 1rem 0.7rem 2.3rem; color: #ffffff; font-size:18px; line-height: 18px; position: relative;}
.list-col-right {text-align: center;}
.ui-filter li.current {background-color: #0d6c29;}
.ui-filter li a:before { display:none;}
.ui-filter li a { background: url(icon_g.png) no-repeat 20px center; padding-left:50px;}

.border-top { border-top: 1px solid #e6e6e6; margin-top:15px;}


.btn-bttom { margin-bottom:10px;}

.border-left {border-left: 1px solid #e6e6e6;}
.bordertop { margin-top:10px;}


.list-col { background: #f4f4f4; width: 100%;  display: table; table-layout: fixed; border: 1px solid #e6e6e6; border-right: none; border-bottom: none; border-left: none; margin: 0;}
.font-15{font-size:15px;}
.border-box{background:#edf4f9; border: 1px solid #edf4f9;}
.border-box.color{background:#ffffff;}
.box-icon.b {padding-top: 70px !important;}
.box-icon{padding-top: 80px !important;}
.border-box-icon{background:url(icon_t.png) no-repeat center; width:72px; height:72px; display: block; margin: 0 auto; margin-top: -36px; }
.border-box-icon2{background:url(icon_m.png) no-repeat center; width:72px; height:72px; display: block; margin: 0 auto; margin-top: -36px; }
.border-box-icon2{background:url(icon_m.png) no-repeat center; width:72px; height:72px; display: block; margin: 0 auto; margin-top: -36px; }
.plus-icon{background:url(icon_plus.png) no-repeat center; width:284px; height:25px; display: block; margin: 0 auto; padding:20px 0;}
.border-box h2{font-size:20px; color:#484846; background: #f2f2f2; padding-bottom:20px; text-align: center;/* margin:5px 0; padding-top:20px;padding-left:83px; display:table-cell; vertical-align:middle;*/}
.border-box h2 b{color:#0d6c29;}
.border-box h2.color{background:#ffffff;}
.border-box .btn_detail{margin-top:0}
.bg_white{border-top:0px solid #e6e6e6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; clear:both; background:#FFF; padding-top:20px; margin:20px 25px 20px 25px;}
.bg_white:after{display:table; clear:both; content:"";}
.hr{border-bottom:1px solid #e6e6e6; clear:both}
.hr2{border-bottom:1px solid #dadada; clear:both}
h3{font-size:20px; color:#000000;}

.product .icon{width:56px; float:left; height:56px; background-image:url(icon.png); background-repeat:no-repeat;display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 15px;}
.icon {width:56px; height:56px; background-image:url(icon.png); background-repeat:no-repeat;display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 15px;}
.icon_t1{background-position:0 0;}
.icon_p1{background-position:0 -56px;}
.icon_p2{background-position:0 -112px;}
.icon_p3{background-position:0 -168px;}
.icon_p4{background-position:0 -224px;}
.icon_p5{background-position:0 -280px;}
.icon_p6{background-position:0 -342px;}
.icon_p7{background-position:0 -392px;}
.icon_p8{background-position:0 -448px;}
.icon_p9{background-position:0 -504px;}
.icon_p10{background-position:0 -560px;}
.icon_p11{background-position:0 -615px;}
.icon_p12{background-position:0 -685px;}
.icon_p13{background-position:0 -755px;}
.icon_p14{background-position:0 -825px;}
.icon_p15{background-position:0 -883px;}
.icon_p16{background-position:0 -931px;}

.icon-list{ display:table-cell; position:relative; vertical-align:top; padding:10px 0;}
.list_content{font-size:15px; line-height:24px;}
.list_content > h3{font-size:18px; margin-bottom:0; font-size: 15px; font-weight: bold; color: #000000;}
.highlight_color{color:#ff0000; font-weight:bold;}
.clear{clear:both}
.btn_n_custom, .btn_log_custom{ font-weight:bold; font-size:16px; text-align:left; position:relative; height:45px; line-height:45px; padding-left:50px;}
.btn_n_custom p:nth-child(1), .btn_log_custom p:nth-child(1){font-weight:bold; line-height:16px;}
.btn_n_custom:before, .btn_log_custom:before{position:absolute; left:15px; top:15px;}

.landing_banner{margin:20px auto 0;}
.landing_banner .m{ display:none;}
.border-tnc{border:1px solid #e6e6e6; padding:10px; margin-bottom:20px; letter-spacing:3px;}

.btn_mt { margin-top:45px;}
.btn_mt2 { margin-top:21px;}
.mt {margin-left: 85px; margin-top:-75px;}

.mt2 {margin-left: 85px; margin-top:-49px; max-width:400px;}	
.mt3 {margin-left: 0px; margin-top:0px;}	
@media (max-width: 970px) {
.mt {margin-left: 0px; margin-top:0px;}	
.mt2 {margin-left: 0px; margin-top:0px;}	
.btn_mt { margin-top:0px;}
.btn_mt2 { margin-top:45px;}
}

@media (max-width: 584px) {
.mt {margin-left: 85px; margin-top:-58px;}	
.mt2 {margin-left: 85px; margin-top:-58px;}	
.mt3 {margin-left: 85px; margin-top:-58px;}	
.mt4 {margin-left: 85px; margin-top:-58px;}	
}


@media (max-width: 768px) {
	.main_banner_section.page_banner{background-position:center center}
	.border-box h2{font-size:20px;}
	.btn_n_custom, .btn_log_custom{ text-align:center; height:40px; line-height:40px;; padding-top:0;}
	.btn_n_custom:before, .btn_log_custom:before{position:static}
	.btn_n_custom p, .btn_log_custom p{ display:inline-block}
}
@media (max-width: 640px) {
		span { white-space:normal;}
	.landing_banner img{display:none;}
	.landing_banner .m{ display:block;}
    .list-col-left {text-align: center;}
}

.custom_btn_area .btn_n_custom_red {background-color: red;} 
.custom_btn_area .btn_n_custom_red:hover {background-color: #ab0000;} 

.custom_btn_area .btn_n_custom_g {background-color: #a6ce39; color: #fff;} 
.custom_btn_area .btn_n_custom_g:hover {background-color: #7da60e;} 
.custom_btn_area .btn_n_custom_g:before {background: url(icon_20px.png); background-position: -80px -80px; }

.ui-table1 {margin: 10px 0;}
.ui-table1 th, .ui-table1 td {font-size:16px; line-height: 26px; padding: 5px;}
.ui-table1 th {border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #39B54A; color: #fff;}
.ui-table1 td {background-color: #e0f1e3; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}


.reward p {text-align: justify; text-justify: distribute-all-lines;}

.footer_bot_area .columns{padding-left: 30px; padding-right: 30px;}
.footer_state_area .columns{padding-left: 30px; padding-right: 18px;}
@media (max-width: 970px) {
	.footer_bot_area .columns{padding-left: 15px; padding-right: 15px;}
	.footer_state_area .columns{padding-left: 15px; padding-right: 3px;}
}
