﻿
/*=[page load]===========================*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 0; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(img/loading.gif) center no-repeat #EEE;
}

/*=[content]=========*/
#content .wrapper{
	width:960px;
	padding: 40px 0;
	text-align:left;
	box-sizing: border-box;
}
#content .wrapper .title{
    font-size: 24px;
    color: #E50012;
    padding: 20px 0;
    border-bottom:1px #CCC solid;
    margin-bottom:40px;
    font-family: 'LatoWeb';
}
#content .wrapper .des{
    line-height:32px;
    font-size: 18px;
    padding: 0 0 40px;
    font-family: 'LatoWebLight';
    color: #666;
}
#content .wrapper .des img{
    display: inline-block;
    max-width: 100%;
    border:1px #CCC solid;
}
#content .wrapper .des .subtitle{
    font-size: 20px;
    font-family: 'LatoWeb';
    margin-top: 40px;
	margin-bottom:10px;
}
#content .wrapper .des ul{
    margin: 0 0 0 20px;
    padding: 0;
}
#content .wrapper .des ul.ul2 li{
    list-style:none;
    position:relative;
}
#content .wrapper .des ul.ul2 li:before{
    content:"- ";
    position:absolute;
    left:-20px;
}
#content .wrapper .des .line{
	border-bottom:1px #CCC solid;
	padding-top:40px;
}
.table1{
    line-height: 20px;
    font-size: 14px;
    line-height: 20px;
    max-width: 400px;
}
td{padding: 15px; color: #666;}
.table1 tr:nth-child(even) {background: #EEE}
.table1 tr:nth-child(odd) {background: #DDD}

#content .wrapper .des a{
    font-size: 18px;
    line-height: 26px;
    padding: 0;
    font-family: 'LatoWebBold';
    text-decoration: underline;
    color: #15262e;
}


@media screen and (max-width: 1300px) {
	header .wrapper{width:100%;}
	section .wrapper{width:100%;}
}

/*=[PAD]=========*/
@media screen and (max-width: 1000px) {
	#banner .wrapper{background-size:auto 100%;}
    #content .wrapper{width:100%; padding: 40px 20px;}
    #content .wrapper .item .detail img{
        float:left;
        margin-right:20px;
        width: 200px;
    }
}

/*=[PHONE]=========*/
@media screen and (max-width: 760px) {
	#banner .wrapper{height:140px;}
	#content .wrapper .item .detail img{display:none;}
}

