/*css #main_con*/
.main_con{ width:960px; background:#dae6ff;background-size:100%;margin:0 auto; overflow:hidden; padding:0 0 20px 0;font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif,"黑体";color: #666;font-size:16px;font-weight: 200;}

.main_con .banner{ width:100%;}
.main_con .banner img{ width:100%;}
/*在线支付尊享9折优惠*/
.main_con .text_inf .text_body{ width: 96%; background: url(../images/body_bg1.jpg) no-repeat;  margin: auto; margin-top: 10px;padding-bottom:1.6%;border-radius:10px;box-shadow: 1px 1px 10px rgba(0,0,0,.2); overflow: hidden;}
.main_con .text_inf .text_body p{text-indent: 2em;}
.main_con .text_inf .text_body .link{color: #006582; text-decoration: underline;}
.main_con .text_inf .text_body .link:hover{color: #026dc5; }
.main_con .text_inf .text_body h3,.main_con .text_inf h3{
	background-color:rgba(0,49,137,0.2); 
	text-align: center;
	padding:1% 0;font-size:22px;color:#006582;font-weight:500;

 text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
 -moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
*filter: Glow(color=#fff, strength=2);
letter-spacing: 2px;
}
.main_con .text_inf .text_body p{ font-size: 18px;  line-height: 32px;margin: 3% 1.4%;}

/*css 制定卡种享8%返现*/
.main_con .text_inf .text_body1{ width: 96%; background: url(../images/body_bg2.jpg) no-repeat;  margin: auto; margin-top: 35px;margin-bottom: 10px; padding-bottom:1.6%;border-radius:10px;box-shadow: 1px 1px 10px rgba(0,0,0,.2); overflow: hidden;}
.main_con .text_inf .text_body1 p{text-indent: 2em;}
.main_con .text_inf .text_body1 .link{color: #006582; text-decoration: underline;}
.main_con .text_inf .text_body1 h3,.main_con .text_inf h3{
  background-color:rgba(0,49,137,0.2); 
  text-align: center;
  padding:1% 0;font-size:22px;color:#006582;font-weight:500;

 text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
 -moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
*filter: Glow(color=#fff, strength=2);
letter-spacing: 2px;
}
.main_con .text_inf .text_body1 p{ font-size: 18px;  line-height: 32px;margin: 3% 1.4%;}




.main_con .text_inf button{text-align: center;}
.main_con .text_inf table{*border-collapse: collapse; /* IE7 and lower */border-spacing: 0;width: 97%;margin: 0 1.5% 2% 1.5%;}
.button {
	  width: 20%;
    min-height: 1.5em;
    display: block;
    padding: .5% 1%;
    margin:0 39%;
    cursor: pointer;
    opacity: 0.9;
    color: #FFF;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
    background: #434343;
    border: 2px solid #fff;
   -webkit-border-radius: 30px;
     -khtml-border-radius: 30px;
       -moz-border-radius: 30px;
         -o-border-radius: 30px;
            border-radius: 30px;
    /*-webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -webkit-transition: all 0.1s linear;
     -khtml-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;*/
}
.button:hover {
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
     -khtml-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
       -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px；
         -o-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
            box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
}
/*.button:active {
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}*/
.shine {
    display: block;
    position: relative;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    padding: 0px 12px;
    top: -4px;
    left: -24px;
    height: 0.8px;
    -webkit-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
     -khtml-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
       -moz-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
         -o-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
            box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -webkit-transition: all 0.3s ease-in-out;
     -khtml-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.button:hover .shine {left: 24px;}
.button:active .shine {opacity: 0;}
.button.blue {background: #81959f;}