@charset "UTF-8";



.bg-g {background-color: #eeeeee; padding: 20px 10px;}
.bg-g:after{display:table; clear:both; content:"";}

.inword {font-size:16px; line-height: 23px; margin-bottom: 20px; text-align: justify;}

.chi {width: 100%; margin-top: 20px; margin-bottom: 20px;}	
.chi .menu-sub {width: 100%; }
.chi .menu-sub a {float:left; border: 1px solid #39B54A;border-top-left-radius: 10px; border-top-right-radius: 10px; background-color:#39B54A; height:50px; width:49%; margin-left:5px;}
.chi .menu-sub .select {float:left; border: 1px solid #0d6c29;border-top-left-radius: 10px; border-top-right-radius: 10px; background-color:#0d6c29; height:50px; width:50%;}		
.img_bottom { margin-top:-5px;}	

.chi .menu-sub2 {width: 100%; }
.chi .menu-sub2 a {float:left; border: 1px solid #198400;border-top-left-radius: 10px; border-top-right-radius: 10px; background-color:#198400; height:50px; width:50%; }
.chi .menu-sub2 .select {float:left; border: 1px solid #0d6c29;border-top-left-radius: 10px; border-top-right-radius: 10px; background-color:#0d6c29; height:50px; width:49%; margin-left:5px;}			
.img_bottom { margin-top:-5px;}	

 @media screen and (max-width: 700px) {

.chi .menu-sub a {float:left; border: 1px solid #39B54A;border-top-left-radius: 10px; border-top-right-radius: 10px; background-color:#39B54A; height:80px; width:49%; margin-left:5px;}
.chi .menu-sub .select {float:left; border: 1px solid #0d6c29;border-top-left-radius: 10px; border-top-right-radius: 10px; background-color:#0d6c29; height:80px; width:50%;}		
.img_bottom { margin-bottom:3px; margin-top:-2px;}	
.img_bottom2 { margin-bottom:3px;}

.chi .menu-sub2 a {float:left; border: 1px solid #198400;border-top-left-radius: 10px; border-top-right-radius: 10px; background-color:#198400; height:80px; width:50%; }
.chi .menu-sub2 .select {float:left; border: 1px solid #0d6c29;border-top-left-radius: 10px; border-top-right-radius: 10px; background-color:#0d6c29; height:80px; width:49%; margin-left:5px;}			
 
 }
 
 
  @media screen and (max-width: 550px) {

.chi .menu-sub a {float:left; border: 1px solid #39B54A;border-top-left-radius: 10px; border-top-right-radius: 10px; background-color:#39B54A; height:80px; width:49%; margin-left:5px;}
.chi .menu-sub .select {float:left; border: 1px solid #0d6c29;border-top-left-radius: 10px; border-top-right-radius: 10px; background-color:#0d6c29; height:80px; width:50%;}	
.img_bottom { margin-bottom:10px;}	

.chi .menu-sub .col50 {width:49%;} 
.chi .menu-sub2 .col50 {width:49%;} 
 }


.details {display: inline-block;}
.detail-area {width: 100%; background-color: #ffffff; margin-top: 30px; display: inline-block;} 
.detail-area:after{display:table; clear:both; content:"";}
.pic {float: right;}
.pic img {margin-left: 20px;}
.dec {padding: 20px;}

.dec1 {padding: 0 20px 20px;}
.dec2 {padding: 20px 310px 20px 20px;}
.pic1 {float: right;}
.pic1 img {margin-left: 20px; margin-top: 0px;}

.pic2 {float: right; margin-top: 0px;}
.pic2 img {margin-left: 20px;}

.top {margin-top: 20px;}
.word {font-size:16px; line-height: 23px; text-align: justify;}

.wordtnc { text-align: justify; display: inline-block;  width: 100%;}

.headline {font-size:17px; line-height: 23px; font-weight: bold; color: #107039; margin: 0px 0;}
.headline1 {font-size:20px; line-height: 23px; font-weight: bold; color: #107039; margin: 10px 0;}

.htop {display: inline-block;}

.word li {margin-left: 20px; font-size:16px; line-height: 23px; text-align: justify;}

.left {width: 50%; float: left; padding-right: 10px; margin-top: 15px;}
.right {width: 50%; float: left; padding-left: 10px; margin-top: 15px;}

.h1 {margin-bottom: 20px;}

.h2 {margin-bottom: 20px; margin-top: 40px; display: inline-block;}

.word1 img {margin-right: 80px;}

.hotline {font-weight: bold; margin-top: 50px;}

.tnc {font-size: 12px; line-height: 18px; margin-top: 30px; text-align: justify;}
.tnc1 {font-size: 14px; line-height: 20px; margin-top: 20px; font-weight: bold;}
.tnc2 {font-size: 12px; line-height: 18px; margin-top: 30px; text-align: justify;}

.tnc p {font-size: 12px; line-height: 18px;}
.tnc2 p {font-size: 12px; line-height: 18px;}

.break {display: none;}
.break1 {display: block;}
.step {margin: 15px 0;}

.m {display: none;}
.mc {display: block;}



.ui-table1 { border-spacing: 0; border: 1px solid #fff; border-collapse: collapse; margin-top: 20px;}
.ui-table1 th, .ui-table1 td { padding:  3px 10px; font-size:14px; line-height: 21px; text-align: left;}
.ui-table1 th { border-right: 1px solid #c5c5c4; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; background-image: url(tb_bg.png); font-weight: bold; color: #fff;}
.ui-table1 td {background-color: #daeabf; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #fff;}
.ui-table1 .rleft { border-top-left-radius:20px;}
.ui-table1 .rright { border-top-right-radius:20px;}
.ui-table1 .rleftb { border-bottom-left-radius:20px; }
.ui-table1 .rrightb { border-bottom-right-radius:20px; }
.ui-table1 .color {background-color: #f5f9eb;}
.ui-table1 .color1 {background-color: #ecf2d8;}
.ui-table1 .leftm {padding-left: 30px;}
.ui-table1 .texttop {vertical-align: top;}

.act-area {margin-top: 30px;}
.actb {margin-bottom: 40px;}
.actb1 {margin-bottom: 70px;}
.actword {width: 100%; padding-left:60px; font-size:16px; line-height: 23px; text-align: justify;}
.icon img {float: left; width: 55px;}
.icon1 img {float: left; width: 55px; margin-top: -20px;}
.actword .app img {height: 40px; margin: 5px 5px 0 0;}
.actword b {font-size:20px; line-height: 28px; font-weight: bold; color: #107039; margin: 10px 0;}
.qr {margin-top: 60px;}
.qr img {width: 120px; float: left; margin-top: -50px; margin-right: 10px; }

.act {margin: 20px 0; display: inline-block;}

 @media screen and (max-width: 780px) {
.pic {float: none;}
.pic img {margin-left: 0px;}
.pic2 {float: none;}
.pic2 img {margin-left: 0px;}
.left {width: 100%; float: none; padding-right: 0px; margin-top: 15px;}
.right {width: 100%; float: none; padding-left: 0px; margin-top: 15px;}
.h2 {margin-bottom: 5px; margin-top: 40px; display: inline-block;}
.word1 img {margin-right: 10px;}
.break {display: block;}
.break1 {display: none;}
.m {display: block;}
.mc {display: none;}
.pic1 {float: none;}
.pic1 img {margin-left: 0px; margin-top: 0px; }
.qr {margin-top: 10px;}
.qr img {width: 120px; float: none; margin-top: 0px; margin-right: 0px;  margin-bottom: 10px;}
.tnc2 {font-size: 12px; line-height: 18px; margin-top: 0px; text-align: justify;}
.ui-table1 th, .ui-table1 td { padding:  3px 10px; font-size:14px; line-height: 21px;}
.ui-table1 .leftm {padding-left: 30px;}
.dec2 {padding: 20px 20px 20px 20px;}
.actb1 {margin-bottom: 50px;}
.icon1 img {float: left; width: 55px; margin-top: 0px;}
}