body{background-image: url(../images/bg.png); background-size: 100% 100%; height: 100vh; overflow-y: auto; font-size: 18px; font-family:Microsoft Jheng; line-height: 2rem;
background-repeat: no-repeat;
background-attachment: fixed; 
    color: #22100D;
	font-family: Roboto, sans-serif;
	font-size: 22px;
	font-weight: 400;

	overflow-x: hidden;

    line-height: 1.5em;
    margin: 0;
    scroll-behavior: smooth;}
*{font-size: 22px;}
img{max-width: 100%;}
.bg{background: rgba(255, 255, 255, 0.6); padding: 10px; border-radius: 10px; box-shadow: 0 0 5px #ccc; margin: 10px 0; }

::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	background-color: #f5f5f5;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #c8c8c8;
}
.bellows__content{color:#666; font-size:18px;}
.bellows__content p{color:#666; font-size:18px;}
.bellows__header h3{color:#666; font-size:18px;}
.nav-tabs>li>a {
	margin: 2px;
	line-height: 1.42857143;
	border: 1px solid rgb(197, 15, 31);
	border-radius: 4px 4px 0 0 ;
}
@media (max-width: 768px) {
	.bellows__header h3{ padding-right: 50px;}


	.nav-tabs>li {
		width: 33.33333%;
		text-align: center;
	}
	.nav-tabs>li>a {
		margin: 2px;
		line-height: 1.42857143;
		border: 1px solid rgb(197, 15, 31);
		border-radius: 4px;
	}
}
.zheng-box{display: none;}
.text-name{font-weight: 500;}
.text-center{text-align: center;}
.img-box{background-color: #e5e5e5; padding: 10px; border-radius: 8px; margin: 15px;}
.nav-tabs a{background: #fff; border-radius: 4px 4px 0 0; border: 1px solid #ccc; color:rgb(197, 15, 31)}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color:rgb(197, 15, 31); color: #fff; border-radius: 4px 4px 0 0;  border: 1px solid #ccc;}
.tab-content{border-radius: 10px; padding: 15px; background: #fff;}
.tab-content input.form-control{height: 50px; font-size: 22px;}
.tab-content .form-group label{font-weight: 400; font-size: 22px;}
.form-group textarea{height:200px; font-size: 22px;}
.link-icon img{width: 45px;}
.link-icon ul{padding: 0; margin: 0;}
.link-icon li{display: inline-block; list-style: none; text-align: center; padding: 10px 5px; margin-top: 30px;}
.link-icon li a{color: #333; font-size: 12px; display: block;}
.link-title{padding: 5px 10px; display: block; border-right: 1px solid #ccc;font-size: 24px; font-weight: bold;}

.link-icon.link-icon-small img{width: 30px;}
.link-icon.link-icon-small ul{padding: 0; margin: 0;}
.link-icon.link-icon-small li{display: inline-block; list-style: none; text-align: center; padding: 10px 5px;}
.link-icon.link-icon-small li a{color: #333; font-size: 12px; display: block;}
.link-icon.link-icon-small  .link-title{padding: 5px 10px; display: block; border-right: 1px solid #ccc;font-size: 18px; font-weight: bold;}
.zhzxw{text-align:center; font-size:3rem; color:rgb(197, 15, 31); padding:5px 0 5px 0; margin-top:20px;}
.gsjs{text-align:center; width:100%; color:#666; margin-top:10px; padding-bottom:20px;}
.gsjs a{margin:0 5px 0 5px; font-size:20px; color:#666;}
@media (max-width: 768px) {
	.form-group textarea{height:460px;}
	.nav-tabs a{border-radius: 4px;}
	.link-icon li{ margin-top: 0;}
	.link-icon li:first-child{width: 100%; text-align: left;}
	.link-title{padding: 5px 10px; display: block; border-right: 0px solid #ccc; border-bottom: 1px solid #ccc;}
	.link-title br{display: none;}
}
.link-fixed{ position: fixed; z-index: 9; bottom: 30px; right: 20px;width: 70px; background-color: #fff; box-shadow: 0 0 5px #333; border-radius: 8px;    text-align: center;}
.link-icon.link-fixed li{display: inline-block; list-style: none; text-align: center; padding: 10px; margin-top: 0;}
.link-fixed  .link-title{padding: 5px 10px; display: block; border-right: 0px solid #ccc;
	border-bottom: 1px solid #ccc;font-size: 14px; font-weight: bold;    line-height: 20px;}
	.qrcon{margin-top: 0; float: right;}
.card-title{padding:0 0 10px 0; border-bottom: 1px solid #ccc; margin-bottom: 6px; font-size: 24px; font-weight: bold;}
@media (max-width: 1080px){
	.link-fixed{ display: none;}
}
.news-content img{ max-width: 100%; height: auto!important;}
.bellows__item{ display: none;}
.bellows__item a.pull-right{ display: none;}
.bellows__item:nth-child(1),.bellows__item:nth-child(2),.bellows__item:nth-child(3){display: block;}
.tab-pane .form-horizontal .form-group {
    margin-right: -0;
    margin-left: -0;
}
@media (max-width: 768px) {
	.tab-pane{padding: 6px;}
	.tab-pane .form-horizontal .form-group {
		margin-right: -12px;
		margin-left: -12px;
	}

	@media (min-width: 1200px){
.container {
    width: 900px;
}}

	.tab-content input.form-control{height: 40px; font-size: 18px;}
.tab-content .form-group label{font-weight: 400; font-size: 18px;}
.form-group textarea{height:200px; font-size: 18px;}
	.link-fixed{ position: fixed; z-index: 9; bottom: 0; right: 0;width: 100%; background-color: #fff; box-shadow: 0 0 5px #ccc; border-radius: 0;    text-align: center;}
	.link-icon.link-fixed li{display: inline-block; list-style: none; text-align: center; padding: 10px; margin-top: 0;}
.link-fixed  .link-title{padding: 5px 10px; display: inline-block !important; border-right: 1px solid #ccc;
	border-bottom: 0px solid #ccc;font-size: 14px; font-weight: bold;    line-height: 20px;width: auto;}
	.footer{margin-bottom: 100px;}
	.link-fixed  .link-title br{display: block;}
	.link-icon.link-fixed  li:first-child{width: auto; text-align: left;}
	.bellows__item a span.pull-right{ display: none;}
	.qrcon{margin-top: 0; float: none; display: block; clear: both; text-align: center;}
}