@charset "utf-8";
/* CSS Document */

body { font-family: "宋体", Arial; }
.banner-bg { background: #f88200; margin: auto }
ol, ul, li { list-style: none; }
.color-org { color: #ff9900; border-left: 5px solid #FF9900; padding-left: 10px; }
.table-th-bg {  font-size:1.1em; color: #FFF !important; padding: 10px !important; }
.btn { padding: 3px 5px; background: #de972d; display: block; border-radius: 3px; margin: 0 auto; color: #FFFFFF !important }
.list-title { padding:0; margin:0 }
.list-title p{ padding-left:1em; }
.pepole-txt{ padding:20px;}

.box{ text-align:center; padding-top:20px;}
.name-box{  text-align:left; padding-left:20px; padding-top:20px; }
.navbar-toggle{display:none!important;}

@media (min-width: 320px) {
.head-title { margin: 20px; font-size: 1.25em }
.qrcode img{ width:120px; height:120px}
.img-box{ text-align:center}
.img-box img{ width:80px; height:91px; }
.name-box-name{ font-size:26px}
.pepole-txt p{ padding:0.25em}
}
@media (min-width: 375px) {
.head-title { margin: 20px; font-size: 1.25em }
.qrcode img{ width:150px; height:150px}
.img-box{ text-align:center}
.img-box img{ width:120px; height:136px; }
.name-box-name{ font-size:28px}
.pepole-txt p{ padding:0.25em}
}

@media (min-width: 425px) {
.head-title { margin: 20px; font-size: 1.5em }
.qrcode img{ width:180px; height:180px}
.img-box{ text-align:center}
.img-box img{ width:140px; height:159px; }
.name-box-name{ font-size:28px}
.pepole-txt p{ padding:0.25em}
}

@media (min-width: 768px) {
.head-title { margin: 20px; font-size: 1.75em }
.qrcode img{ width:210px; height:210px}
.img-box{ text-align:center}
.img-box img{ width:150px; height:170px; }
.name-box-name{ font-size:28px}
.pepole-txt p{ padding:0.5em}
}

@media (min-width: 992px) {
.head-title { margin: 15px; font-size: 2em }
.qrcode img{ width:240px; height:240px}
.img-box{ text-align:center}
.img-box img{ width:150px; height:170px; }
.name-box-name{ font-size:28px}
.pepole-txt p{ padding:0.75em}
}

@media (min-width: 1200) {
.head-title { margin: 25px; font-size: 3em }
.qrcode img{ width:270px; height:270px}
.img-box{ text-align:center}
.img-box img{ width:150px; height:170px; }
.name-box-name{ font-size:28px}
.pepole-txt p{ padding:0.75em}
}
