/*----- general -----*/
	*{ 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	/* body{ padding-top: 10px; } */
	footer *{ box-sizing: border-box; }
	#topnavarea.affix{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
	}
	.rl-row-1440{
	    max-width: 1440px; 
	    margin: 0 12.1%;
	    padding-right: 15px;
	    padding-left: 15px;
	}

	.padding-lr,
	.content .padding-lr{
		padding-left: 15px;
		padding-right: 15px;
	}

	/*-----display: flex-----*/
    .flex-container{
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .align-self{
    	-webkit-align-self: flex-end;
	    -ms-flex-item-align: end;
	    align-self: flex-end;
    }

    /*-----flex: 垂直置中-----*/
    .flex-align-center{   
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    /*-----flex: 水平、垂直置中-----*/
    .flex-all-align{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-justify-content: center;
                    -ms-flex-pack: center;
                    justify-content: center;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
            
    }
    

/*----- banner -----*/
	.img-wrapper{
		padding-left: 15px;
		padding-right: 15px;
	}
		.img-wrapper .img{
			margin: 0 auto;
		}

		.img-wrapper .default-main-img{   
		    margin-top: 60px;
		}

	.menu_nav{
		width: 100%;
	}

/*----- card -----*/
	.card-wrapper{
		margin-bottom: 40px;
		padding-left: 0;
		padding-right: 0;
		
	}
		.card-sapce{
			margin-right: 30px;
			border: 1px solid #5b5b5b;
		}
			.table-width{
				width: 100%;
			}

/*----- content -----*/
	.content .title_01{
		height: auto;
		background-position: 10px 10px;
    	padding-left: 60px;
	}

/*----- ie hack -----*/
	.card-sapce tr td img{
		width: 100%;
	}



	/*.rl-wrapper .card-wrapper:nth-of-type(4n) .card-sapce{
		margin-right: 0;
	}*/

@media screen and ( max-width: 1440px ){
    /*----- Layout -----*/
    .rl-row-1440{ margin: 0 4.17%; }
}

@media screen and ( max-width: 1199px ){
	/*----- card -----*/
    /*.rl-wrapper .card-wrapper:nth-of-type(4n) .card-sapce{
		margin-right: 30px;
	}
	.rl-wrapper .card-wrapper:nth-of-type(3n) .card-sapce{
		margin-right: 0;
	}*/
}

@media screen and ( max-width: 991px ){
	/*----- Layout -----*/
    .rl-row-1440{
        padding-right: 15px;
        padding-left: 15px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px){
    /*----- card -----*/
    .rl-wrapper .card-wrapper .card-sapce{
    	margin-right: 0;
    }

    .table-width{
		width: 280px;
	}

	.card-wrapper{
		justify-content: center;
		-webkit-justify-content: center;
	}
}

@media screen and (max-width: 500px){
	/*----- Layout -----*/
    .rl-row-1440{
        padding-right: 0;
        padding-left: 0;
    }
}