.header-bg{
	background-image: url(https://img.youduobang.top/2021/08/19/863dfe031628c.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	padding-bottom: 1.5em;
	background-size: cover;
	padding-left: 8%;
	padding-right: 8%;
}

.row-25{
	height: 30px;
	width: 100%;
}

.row-9{
	height: 5px;
	width: 100%;
}

.row-19{
	height: 9px;
	width: 100%;
}

.title{
	color: red;
	font-size: 18px;
}

.description{
	color: black;
}

.detail{
	font-size: 12px;
	color: #666666;
}

.padding-left{
	padding-left: 2px;
}

.img-auto{
	width: 100%;
}

.col-xs-1-5{
	position: relative;
    min-height: 1px;
    padding-left: 3%;
    padding-right: 3%;
    float: left;
    width: 32%;
}

.col-xs-1-5 img{
	margin-top: 8px;
}

.col-xs-1-6{
	position: relative;
    min-height: 10px;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    width: 32%;
}

.col-button{
	width: 100%;
	height: 25px;
	display: block;
	background-color: red;
	font-size: 10px;
	line-height: 25px;
	color: #ffffff;
	overflow: hidden;
}

.button-download{
	height: 10px;
	background-color: red;
	width: 16%;
	padding-left: 15px;
    padding-right: 15px;
}

.col-xs-5{
	float: right;
}

.col-xs-5-float{
	float: left;
}

.body-content-header{
	background-color: #f6f6f6;
}

.col-xs-half img{
	width: 100%;
	height: auto;
	padding-top: 12%;
	padding-bottom: 12%;
}

.body-content-header-row-top{
	height: 30px;
}

.body-content-header-row-top-title{
	font-size: 18px;	
}

.body-content-header-row-middle{
	height: 20px;
}

.body-content-header-row-top-detail{
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}

.body-content-middle{
	background-color: #ffffff;
}

.register-button{
	background-color: red;
	color: white;
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
}

.download-button{
	background-color: red;
	color: white;
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	float: left;
}

.col-xs-3-5 {
	position: relative;
    min-height: 1px;
    width: 30%;
    margin: 0 auto;
    float: left;
}

.btn-sm{
	line-height: 2.5;
}

.col-xs-7{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin: auto 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

.col-xs-10{
	padding-left: 10px;
}

.col-xs-6-5{
	position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 15px;
    float: left;
    width: 80%;
}

.share-logo{
	min-height: 1px;
	width: 100%;
	padding-left: 30%;
	padding-right: 30%;
	height: auto;
}

.share{
	width: 33%;
	float: left;
	height: auto;
}

.share img{
	width: 50%;
}

.body-content-footer{
	padding-bottom: 12px;
	position: relative;
	height: auto;
}

.contact-us{
	display: inline-block;
}

.col-xs-5-1{
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 45%;
}

.contact-us-title{
	color: #000000;
	font-size: 16px;
}

.contact-us-detail{
	color: #333333;
	font-size: 12px;
}

.footer-bg{
	height: 40px;
	background-color: #000000;
	line-height: 40px;
	font-size: 9px;
	overflow: hidden;
	color: #ffffff;
}

@media(max-width: 320px) {
	.row-9{
		height: 9px;
	}
	.col-xs-1-5 img{
		margin-top: 4px;
	}
	.btn-sm{
		line-height: 2.1;
	}
	.footer-bg{
		height: 30px;
		line-height: 30px;
		font-size: 9px;
	}
}

@media(min-width: 321px) {
	.row-9{
		height: 11px;
	}

	.detail{
		font-size: 12px;
	}

	.col-button{
		height: 30px;
		font-size: 11px;
		line-height: 30px;
	}

	.col-xs-1-5 img{
		margin-top: 5px;
	}
}

@media(min-width: 480px) {
	.row-25{
		height: 45px;
	}
	.title{
		font-size: 22px;
	}
	.row-9{
		height: 14px;
	}
	.detail{
		font-size: 14px;
	}
	.col-button{
		height: 40px;
		font-size: 13px;
		line-height: 40px;
	}
}

@media(max-width: 599px){
	.col-xs-5{
		width: 100%;
	}
	.body-content-header-row-top-title{
		width: 100%;
		text-align: center;
	}
	.col-xs-5{
		width: 100%;
	}
	.col-xs-4{
		width: 100%;
		padding-left: 25%;
		padding-right: 25%;
	}
	.col-xs-3{
		width: 100%;
		padding-left: 30%;
		padding-right: 30%;
		padding-bottom: 10%;
	}
	.col-xs-pull-2 {
	    right: 0
	}
	.col-xs-offset-1{
		margin-left: 0px;
	}
	.body-content-header-row-top-detail{
		text-align: center;
		width: 85%;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
		font-size: 12px;
	}
	.download-button{
		display: none;
	}
	.contact-us{
		text-align: center;
		padding-bottom: 12px;
	}
	.body-content-footer{
		padding-bottom: 0px;
	}
	.col-xs-5-1 {
		width: 100%;
		padding-left: 25%;
		padding-right: 25%;
	}
	.footer-bg{
		height: 40px;
		line-height: 40px;
		font-size: 9px;
	}
}

@media(min-width: 600px) {
	.header-bg{
		padding-left: 0%;
		padding-right: 0%;
	}
	.title{
		font-size: 23px;
	}
	.body-content-header-row-top{
		height: 80px;
	}
	.body-content-header-row-top-title{

	}
	.col-xs-3{
		display: none;
	}
	.col-xs-1-5{
	    width: 20%;
	}
	.col-xs-1-6{
	    width: 20%;
	    padding-bottom: 1em;
	    font-size: 14px;
	}
	.col-xs-7{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.col-xs-6-5{
		width: 60%;
	}
	.download-button{
		width: 60%;
	}
	.share-logo{
		padding-left: 0%;
	}
	.footer-bg{
		height: 45px;
		line-height: 45px;
		font-size: 11px;
	}
}

@media(min-width: 768px){
	.body-content-header-row-top{
		height: 120px;
	}
	.body-content-header-row-top-title{
		font-size: 23px;	
	}
	.body-content-header-row-middle{
		height: 25px;
	}
	.body-content-header-row-top-detail{
		font-size: 12px;
		line-height: 20px;
	}
	.contact-us-title{
		font-size: 24px;
	}

	.contact-us-detail{
		font-size: 16px;
	}
	.footer-bg{
		height: 50px;
		line-height: 50px;
		font-size: 12px;
	}
}

@media (min-width:800px) {
	.title{
		font-size: 30px;
	}
	.row-25{
		height: 50px;
	}
	.row-9{
		height: 19px;
	}
	.detail{
		font-size: 18px;
		color: #333333;
	}

	.col-button{
		height: 50px;
		font-size: 15px;
		line-height: 50px;
	}

	.padding-left{
		padding-left: 15px;
	}

	.col-xs-6-5{
	    width: 55%;
	}
}

@media(min-width: 980px){
	.body-content-header-row-top{
		height: 160px;
	}
	.body-content-header-row-top-title{
		font-size: 25px;	
	}
	.body-content-header-row-middle{
		height: 30px;
	}
	.body-content-header-row-top-detail{
		font-size: 15px;
		line-height: 25px;
	}
	.col-xs-1-5{
	    width: 18%;
	}
	.col-xs-1-6{
	    width: 18%;
	    padding-bottom: 1.5em;
	}
	.download-button{
		width: 50%;
	}
	.footer-bg{
		height: 60px;
		line-height: 60px;
		font-size: 13px;
	}
}

@media (min-width:1024px){
	.title{
		font-size: 35px;
	}
	.row-25{
		height: 65px;
	}
	.row-9{
		height: 25px;
	}
	.detail{
		font-size: 25px;
		color: #333333;
	}
	.col-button{
		height: 60px;
		font-size: 18px;
		line-height: 60px;
	}
}

@media(min-width: 1280px){
	.body-content-header-row-top{
		height: 180px;
	}
	.body-content-header-row-top-title{
		font-size: 40px;	
	}
	.body-content-header-row-middle{
		height: 50px;
	}
	.body-content-header-row-top-detail{
		font-size: 20px;
		line-height: 35px;
	}
	.btn-sm{
		line-height: 3;
		font-size: 18px;
	}
	.contact-us-title{
		font-size: 30px;
	}

	.contact-us-detail{
		font-size: 24px;
	}
}

@media (min-width:1600px) {
	.title{
		font-size: 45px;
	}
	.row-25{
		height: 50px;
	}
	.row-9{
		height: 40px;
	}
	.detail{
		font-size: 35px;
		color: #333333;
	}
	.col-button{
		height: 70px;
		font-size: 23px;
		line-height: 70px;
	}

	.body-content-header-row-top{
		height: 360px;
	}
	.body-content-header-row-top-title{
		font-size: 48px;	
	}
	.body-content-header-row-middle{
		height: 60px;
	}
	.body-content-header-row-top-detail{
		font-size: 23px;
		line-height: 43px;
	}
	.col-xs-1-5{
	    width: 16%;
	}
	.col-xs-1-6{
	    width: 16%;
	    padding-bottom: 3.5em;
	}
}