﻿body {background:#f4f1ed;font-family:"微软雅黑";overflow-x:hidden;}

img { border:none;}
li { list-style:none;}
a {text-decoration:none;}
a:hover {opacity:0.7;filter:alpha(opacity=70);}

.modal-content {background:url(../img/txt_bg.jpg) repeat-y #f4f1ed;background-size:100% auto;;}
.modal-body {line-height:3rem;font-size:1.4rem;color:#cd5b00;}
.modal-body span {color:#548dc7;font-weight:bold;}
.modal-header {border-bottom:none;color:#c3a475;}
.modal-title {text-align:center;font-weight:bold;font-size:1.8rem;}
.close {color:#e8c573;}
.modal-footer {border-top:none;}
.btn-default {background:#f4f1ed;color:#8c4d31;border:none;}

.imgbox {max-width:80%;height:auto;margin:0 auto;overflow:hidden;text-align:center;color:red;font-size:1.4rem;font-weight:bold;color:#548dc7;}
.imgbox img {max-width:100%;height:auto;}


th {border:1px solid #c3a475;border-bottom:1px solid #c3a475; background:#c3a475;color:#050e1d;text-align:center;}
td {border:1px solid #c3a475;padding-left:1rem;padding-right:1rem;color:#cd5b00;}
table span {color:red;}


@media screen and (max-width: 768px){

.Top {width:100%;height:auto;overflow:hidden;position:relative;}
.MinImg {width:100%;height:auto;}	
.Maximg {display:none;}
		

.Center {width:100%;height:auto;overflow:hidden;}
.Pay_Abox {width:100%;height:auto;overflow:hidden;margin:0 auto;padding-bottom:4rem;}
.Pay_Abox a {width:45%;height:auto;float:left;display:block;margin:0 auto;margin-top:2rem;margin-left:3.3%;}
.Pay_Abox a img {width:100%;height:auto;}

.footer {width:100%;height:auto;background:#262626;-webkit-box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,.08);-moz-box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,.08);box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,.08);padding-top:2rem;overflow:hidden;display:none;}
.foot_li {width:100%;height:3rem;display:block;text-align:center;line-height:3rem;margin:0 auto;color:#757575;font-size:1.2rem;}
.foot_bottom {background:#262626;width:100%;height:auto;overflow:hidden;line-height:3rem;color:#818181;font-size:1.2rem;text-align:center;}
.foot_li a {color:#00A0E9;font-size:1.2rem;}
.foot_li .foot_img {width:7rem;height:auto;}
.foot_li a:hover {text-decoration:underline;}

}


@media screen and (min-width:768px){


.Top {width:100%;height:auto;overflow:hidden;}	
.Top img {width:100%;height:auto;}
.MinImg {display:none;}

.Center {width:100%;height:auto;overflow:hidden;min-height:500px;}
.Pay_Abox {width:1200px;height:auto;overflow:hidden;margin:0 auto;margin-top:0px;}
.Pay_Abox a {width:200px;height:180px;display:block;float:left;margin-left:70px;margin-top:60px;}
.Pay_Abox a img {width:100%;height:auto;}

.footer {width:100%;height:auto;background:#262626;-webkit-box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,.08);-moz-box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,.08);box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,.08);padding-top:2rem;overflow:hidden;padding-bottom:2rem;margin-top:30px;}
.foot_li {width:33%;height:3rem;display:block;float:left;text-align:center;line-height:3rem;margin:0 auto;color:#757575;font-size:1.2rem;}
.foot_bottom {background:#262626;width:100%;height:3rem;line-height:3rem;color:#818181;font-size:1.2rem;text-align:center;}
.foot_li a {color:#00A0E9;font-size:1.2rem;}
.foot_li .foot_img {width:7rem;height:auto;}
.foot_li a:hover {text-decoration:underline;}

}

@media screen and (min-width:1200px){
.modal-dialog {width:1000px;}
}


