 body { font-size:14px; }
h1 { font-size:30px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:17px; }
h5 { font-size:16px; }
h6,
p { font-size:14px; }

.f1 {}
.f2 {}
.f3 {}
.f4 {}
.f5 {}
.f6 {}
.f7 {}

.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f15 { font-size:15px; }
.f16 { font-size:16px; }
.f17 { font-size:17px; }
.f18 { font-size:18px; }
.f19 { font-size:19px; }
.f20 { font-size:20px; }
.f21 { font-size:21px; }
.f22 { font-size:22px; }
.f23 { font-size:23px; }
.f24 { font-size:24px; }
.f25 { font-size:25px; }
.f26 { font-size:26px; }
.f27 { font-size:27px; }
.f28 { font-size:28px; }
.f29 { font-size:29px; }
.f30 { font-size:30px; }
.f31 { font-size:31px; }
.f32 { font-size:32px; }
.f33 { font-size:33px; }
.f34 { font-size:34px; }
.f35 { font-size:35px; }
.f36 { font-size:36px; }
.f37 { font-size:37px; }
.f38 { font-size:38px; }
.f39 { font-size:39px; }
.f40 { font-size:40px; }
.f41 { font-size:41px; }
.f42 { font-size:42px; }
.f43 { font-size:43px; }
.f44 { font-size:44px; }
.f45 { font-size:45px; }
.f46 { font-size:46px; }
.f47 { font-size:47px; }
.f48 { font-size:30px; }
.f49 { font-size:49px; }
.f50 { font-size:50px; }
.f51 { font-size:51px; }
.f52 { font-size:52px; }
.f53 { font-size:53px; }

body,a { color:#333; }

/* 
* --> 控制宽度
=============================================================================================================================================================================*/

.container,
.column { *zoom:1; }
.column:before,
.container:before { display:table; content:""; }
.column:after,
.container:after {display:block; content:""; height:0; clear:both; overflow:hidden; visibility:hidden;}
.container { width:100%; margin:0 auto; }
.container.screen { width:100% !important; min-width:100% !important; max-width:100% !important; }
.container .container { margin-top:0; margin-bottom:0; }

/* 
* --> 模块
=============================================================================================================================================================================*/

.column { float:left; min-height:1px; *margin-right:-1px;}
.column:hover { z-index:1; }
.col1 .column { width:100%; }

.col2 .column1 { width:25.7265%; }
.col2 .column2 { width:74.2735%; }

.col3 .column1,
.col3 .column2,
.col3 .column3 { width:33.33%;}

.col4 .column1,
.col4 .column2,
.col4 .column3,
.col4 .column4 { width:25%;}

.col5 .column1,
.col5 .column2,
.col5 .column3,
.col5 .column4,
.col5 .column5 { width:20%;}


.column1 > div { margin-left:0 !important; }
.col2 .column2 > div,
.col3 .column3 > div,
.col4 .column4 > div,
.col5 .column5 > div { margin-right:0 !important; }
.col1 .column > div { margin-left:0 !important; margin-right:0 !important; }


.container { max-width:1170px; }


.null,
.placeholderh,
.placeholder,
.column-cont {
z-index:0;
margin-top:40px/* 上间距 */;  
margin-left:25px /* 左右间距 */;
margin-right:25px /* 左右间距 */;
}

@media screen and  (max-width: 800px) {
.column {
float:none;
width:auto !important;
display:block; margin:15px 15px 0 !important;
border:1px solid #eee; padding:15px;
}
.column-cont { padding:0 !important; margin:0 !important;
top:0px !important;
left:0px !important;
background-image:none !important;
border:0 !important;
}
.column-cont ~ .column-cont { margin-top:15px !important; }
.screen .column { border:0; padding:0; margin:0 !important; }
} 