Team:SYSU-Software/Description/CSS

#contentContainer {
  margin: 0 auto;
  width: 100%;
  font-family: arial,"Lucida Sans Unicode","Lucida Grande",sans-serif;
  padding-top: 50px;
  margin-bottom: 50px; 
 /* height:4850px; */
}
  1. contentContainer .wenzi {

font-size: 17px; line-height: 150%; }

#contentContainer h1, #contentContainer h2, #contentContainer h3 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-weight:bold;
}
  1. contentContainer h1 {

text-align: center; margin-bottom: 80px; font-size: 40px; }

  1. contentContainer h2 {

font-size: 24px; }

  1. contentContainer h3 {

font-size: 19.2px; }

  1. contentContainer h2, #contentContainer h3 {
	margin-bottom: 20px;
}
#contentContainer .juzhong {
	text-align: center;
}
  1. contentContainer #one h2{

font-size: 25px; color: #ecd683; }


  1. contentContainer #one_block {

padding: 5%; overflow: hidden; }

  1. contentContainer #one_block img {

width: 40%; float: left; }

  1. contentContainer #one_block #one_block_you {

width: 50%; float: right; padding-top: 8%; text-align: right; }


  1. contentContainer #two {

padding: 5%; overflow: hidden; background-color: #f5f5f5; }

  1. contentContainer #two img {

width: 40%; float: right; }

  1. contentContainer #two_zuo {

width: 45%; float: left; }


  1. contentContainer #three {

padding: 5%; overflow: hidden; }

  1. contentContainer #three img {

width: 40%; float: left; }

  1. contentContainer #three_you {

width: 50%; float: right; text-align: center; padding-top: 4%; }



  1. contentContainer #four h2{

font-size: 25px; color: #72d3e3; }

  1. contentContainer #four{

padding: 5%; background-color: #f5f5f5; }

  1. contentContainer #four img {

margin-left: 45%; margin-bottom: 20px; }

  1. contentContainer #four #four_block1, #contentContainer #four #four_block2 {

overflow: hidden; }

  1. contentContainer #four #four_block1 {

margin-bottom: 20px; }

  1. contentContainer #four_block1 #four_block11 {

width: 30%; float: left; }

  1. contentContainer #four_block1 #four_block12 {

width: 30%; float: left; margin-left: 5%; }

  1. contentContainer #four_block1 #four_block13 {

width: 30%; float: right; }

  1. contentContainer #four_block21 {

width: 30%; float: left; margin-left: 10%; }

  1. contentContainer #four_block22 {

width: 30%; float: right; margin-right: 10%; }


  1. contentContainer #five h2 {

font-size: 25px; color: #ec5a5b; }

  1. contentContainer #five {

padding: 5%; }

  1. contentContainer #five_block {

overflow: hidden; }

  1. contentContainer #five_block img {

width: 40%; float: left; }

  1. contentContainer #five_block_you {

width: 50%; float: right; }