@charset "utf-8";
/*author: Pobear Wang*/

.container{
    width: 960px;
    margin: 0 auto;
}

.grid_l{
    background: url(../image/grid_left.png);
}

.grid_r{
    background: url(../image/grid_right.png);
}

/* Sets up basic grid floating and margin. */
div.box3, div.box4, div.box5, div.box6, div.box7, div.box8,
div.box13, div.box14, div.box14c, div.box15, div.box18, div.box19{
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

div.box3{
    width: 120px;
}

div.box4{
    width: 160px;
}

div.box5{
    width: 200px;
}

div.box6{
    width: 240px;
}

div.box7{
    width: 280px;
}

div.box8{
    width: 320px;
}

div.box13{
    width: 520px;
}

div.box14{
    width: 560px;
}

div.box14c{
    width: 540px;
}

div.box15{
    width: 600px;
}

div.box18{
    width: 720px;
}

/*child style for col 18*/
.box18 div.box14c{
    margin-left: 0;
}

.box18 div.box4{
    margin-right: 0;
 }

div.box19{
    width: 760px;
}

/*child style for col 19*/
.box19 div.box14c{
    margin-right: 0;
}

.box19 div.box5{
    margin-left: 0;
 }
 
/*Prefix extra space*/
div.pre3{
    padding-left: 140px;	
}

div.pre4{
    padding-left: 180px;
}

div.pre5{
    padding-left: 220px;
}

div.pre6{
    padding-left: 260px;
}

div.pre7{
    padding-left: 300px;
}

div.pre8{
    padding-left: 340px;
}

/*Suffix extra space*/
div.suf3{
    padding-right: 140px;
}

div.suf4{
    padding-right: 180px;
}

div.suf5{
    padding-right: 220px;
}

div.suf6{
    padding-right: 260px;
}

div.pre7{
    padding-right: 300px;
}

div.pre8{
    padding-right: 340px;
}

/*Apply to column that should drop below previous ones*/
.clear{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.pad{
    padding: 1.5em;
    margin-bottom: 1.5em;
    background: #e5ecf9;
}

/*Create a horizontal ruler across a column*/
hr{
    background: #ddd;
    color: #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: .1em;
    margin: 0 0 1.45em;
    border: none;
}

/*Clearing floats without extra markup*/
.clearfix:after, .container:after{
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.clearfix, .container{
    display: block;
}