/*
    google fonts
 */
@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}
@font-face {
  font-family: 'cwTeXKai';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.ttf) format('truetype');
}
/*
    for pages
 */
.singtext{
	font-family: 'cwTeXKai', serif;
	font-size: 36px;
	color: #78a35b;
	float: right;
	padding-right: 10%;
}
.logo{
  width: 300px;
  height: auto;
  margin-left: 10%;
  margin-top: 10%;
}
.btn-success {
  color: #78a35b;
  background-color: #f7e86a;
  border-color: #f7e86a;
	font-size: 24px;
	font-family: 'cwTeXKai', serif;
  font-weight: bold;
}
.btn-success:hover {
  color: #fff;
  background-color: #78a35b;
  border-color: #f7e86a;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #78a35b;
  border-color: #78a35b;
}
.btn-col-sm-offset-2 {
  border-color: #000;
}
.panel-info {
  border-color: #78a35b;
  background-color: #78a35b;
}
#copy_right{
  min-height:20px;
  background-color:#fff;
  margin:0 auto;
  text-align:center;
  font-family: 'cwTeXKai', serif;
  font-size:16px;
}
/*
		loading mask
 */
.mask {
  position:absolute;
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:9999;
  }
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  opacity: 0.9;
  -webkit-transform: scale(0.9);
  -webkit-animation: pulse 3s ease-in-out infinite;
  animation: pulse 3s ease-in-out infinite;
  }
.circle {
  width: 280px;
  height: 280px;
  margin: -140px 0 0 -140px;
  border-radius: 280px;
  background: #78a35b;
  }
@-webkit-keyframes pulse {
  0% { -webkit-transform: scale(0.7); opacity: 0.5; }
  50% { -webkit-transform: scale(0.9); opacity: 1; }
  100% { -webkit-transform: scale(0.7); opacity: 0.5; }
}