base_wev8.css
7.78 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
/**************************************/
/* RESET */
/**************************************/
/*html{color:#000;background:#FFF;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
strong { font-weight:bold;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
a{text-decoration: none;}
/**************************************/
/* GLOBALS */
/**************************************/
/*for font*/
.font11{font-size:11px} .font12{font-size:12px} .font13{font-size:13px} .font14{font-size:14px} .font15{font-size:15px} .font16{font-size:16px} .font18{font-size:18px} .font20{font-size:20px} .font22{font-size:22px} .font24{font-size:24px} .font26{font-size:26px} .font28{font-size:28px} .font30{font-size:30px} .font36{font-size:36px}
.color000{color:#000} .color333{color:#333} .color666{color:#666} .color999{color:#999;} .colorccc{color:#ccc;} .colorfff{color:#fff;} .colorred{color:#D9261C;} .colorblue{color:#123885;}
.colorbgfff{background:#fff;} .colorbgblue{background-color:#123885;} .colorbgf5{background-color:#f5f5f5;}
.bold{font-weight:bold}
/*for size*/
.w-all{width:100%}
.w-5{width:5px;} .w-8{width:8px;} .w-10{width:10px;} .w-15{width:15px;} .w-20{width:20px;} .w-30{width:30px;} .w-40{width:40px;} .w-50{width:50px;} .w-60{width:60px;} .w-65{width:65px;} .w-70{width:70px;} .w-80{width:80px;} .w-85{width:85px;} .w-90{width:90px;}
.w-100{width:100px;} .w-110{width:110px;} .w-120{width:120px;} .w-125{width:125px;} .w-130{width:130px;} .w-140{width:140px;} .w-150{width:150px;} .w-160{width:160px;} .w-180{width:180px;} .w-200{width:200px;} .w-230{width:230px;} .w-250{width:250px;} .w-260{width:260px;} .w-270{width:270px;} .w-280{width:280px;} .w-290{width:290px;} .w-300{width:300px;} .w-330{width:330px;} .w-350{width:350px;} .w-400{width:400px;} .w-450{width:450px;} .w-500{width:500px;} .w-550{width:550px;} .w-600{width:600px;} .w-650{width:650px;} .w-680{width:680px;} .w-700{width:700px;} .w-750{width:750px;}
.w-800{width:800px;} .w-850{width:850px;} .w-900{width:900px;} .w-950{width:950px;}
.h-all{height:100%}
.h-5{height:5px;} .h-6{height:6px;} .h-7{height:7px;} .h-8{height:8px;} .h-10{height:10px;} .h-15{height:15px;} .h-20{height:20px;} .h-25{height:25px;} .h-30{height:30px;} .h-35{height:35px;} .h-40{height:40px;} .h-50{height:50px;} .h-60{height:60px;} .h-70{height:70px;} .h-80{height:80px;} .h-90{height:90px;}
.h-100{height:100px;} .h-150{height:150px;} .h-180{height:180px;} .h-200{height:200px;} .h-250{height:250px;} .h-300{height:300px;} .h-400{height:400px;} .h-500{height:500px;} .h-550{height:550px;} .h-600{height:600px;} .h-700{height:700px;} .h-750{height:750px;}
.lh-160p{line-height:160%} .lh-180p{line-height:180%}
.lh-30{line-height:30px}
/*for location*/
.rl{border:1px solid red;} .gl{border:1px solid gray;} .bl{border:1px solid blue;} .el{border:1px solid #eee;}
.gl-b{border-bottom:1px solid gray;} .el-r{border-right:1px solid #e6e6e6;}
.hide{display:none} .show{display:''} .block{display:'block'} .inline{display:'inline'}
.relative{position:relative;} .absolute{position:absolute;}
.left{ float:left!important;} .clear {clear:both;} .right { float:right;}
.center{text-align:center;margin-left:auto;margin-right:auto;} .text-center{text-align:center} .text-left{text-align:left}
.m-2{margin:2px}
.m-t-1{margin-top:1px} .m-t-2{margin-top:2px} .m-t-3{margin-top:3px} .m-t-4{margin-top:4px} .m-t-5{margin-top:5px} .m-t-6{margin-top:6px} .m-t-7{margin-top:6px} .m-t-8{margin-top:8px} .m-t-9{margin-top:9px} .m-t-10{margin-top:10px} .m-t-15{margin-top:15px} .m-t-20{margin-top:20px} .m-t-30{margin-top:30px} .m-t-50{margin-top:50px}
.m-b-1{margin-bottom:1px} .m-b-2{margin-bottom:2px} .m-b-3{margin-bottom:3px} .m-b-4{margin-bottom:4px} .m-b-5{margin-bottom:5px} .m-b-6{margin-bottom:6px} .m-b-7{margin-bottom:6px} .m-b-8{margin-bottom:8px} .m-b-9{margin-bottom:9px}
.m-b-5{margin-bottom:5px} .m-b-10{margin-bottom:10px} .m-b-15{margin-bottom:15px} .m-b-20{margin-bottom:20px} .m-b-30{margin-bottom:30px}
.m-l-5{margin-left:5px} .m-l-8{margin-left:8px} .m-l-10{margin-left:10px} .m-l-15{margin-left:15px} .m-l-20{margin-left:20px} .m-l-30{margin-left:30px}
.m-r-3{margin-right:3px} .m-r-5{margin-right:5px} .m-r-8{margin-right:8px} .m-r-10{margin-right:10px} .m-r-15{margin-right:15px} .m-r-20{margin-right:20px} .m-r-30{margin-right:30px}
.m-l--5{margin-left:-5px} .m-l-r-10{margin-left:-10px} .m-l--8{margin-left:-8px} .m-l--15{margin-left:-15px} .m-l--20{margin-left:-20px} .m-l--30{margin-left:-30px}
.p-2{padding:2px} .p-10{padding:10px} .p-15{padding:15px}
.p-t-1{padding-top:1px} .p-t-2{padding-top:2px} .p-t-3{padding-top:3px} .p-t-4{padding-top:4px} .p-t-5{padding-top:5px} .p-t-6{padding-top:6px} .p-t-7{padding-top:6px} .p-t-8{padding-top:8px} .p-t-9{padding-top:9px}
.p-t-10{padding-top:10px} .p-t-15{padding-top:15px} .p-t-20{padding-top:20px} .p-t-30{padding-top:30px}
.p-b-5{padding-bottom:5px} .p-b-10{padding-bottom:10px} .p-b-15{padding-bottom:15px} .p-b-20{padding-bottom:20px} .p-b-30{padding-bottom:30px}
.p-l-5{padding-left:5px} .p-l-10{padding-left:10px} .p-l-15{padding-left:15px} .p-l-20{padding-left:20px} .p-l-30{padding-left:30px} .p-l-40{padding-left:40px} .p-l-50{padding-left:50px} .p-l-120{padding-left:120px} .p-l-133{padding-left:133px} .p-l-160{padding-left:160px} .p-l-200{padding-left:200px}
.p-r-5{padding-right:5px} .p-r-10{padding-right:10px} .p-r-15{padding-right:15px} .p-r-20{padding-right:20px} .p-r-30{padding-right:30px}
.line-1{background:#eee;height:1px;line-height:1px;}
.line-2{background:#eee;height:2px;line-height:2px;}
.line-3{background:#eee;height:3px;line-height:3px;}
.line-blue2{background:#123885;height:2px;line-height:2px;}
.line-gray1{background:#a0c0c7;height:1px;line-height:1px;}
.line-gray2{background:#a0c0c7;height:2px;line-height:2px;}
.line-gray3{background:#a0c0c7;height:3px;line-height:3px;}
/*for other*/
.hand{cursor:pointer;}
/*for 透明*/
.opacity_1{
opacity: 0.99; /* 这是最重要的，因为它是CSS标准.该属性支持firefox, Safari和 Opera.*/
filter:alpha(opacity=99); /* 这个是为IE6设的，可取值在0-100，其它三个0到1.*/
-moz-opacity:0.99; /* 这个是为了支持一些老版本的Mozilla浏览器。*/
-khtml-opacity: 0.99; /* 这个为了支持一些老版本的Safari浏览器。*/
}
.opacity_25{
opacity: 0.25; /* 这是最重要的，因为它是CSS标准.该属性支持firefox, Safari和 Opera.*/
filter:alpha(opacity=5); /* 这个是为IE6设的，可取值在0-100，其它三个0到1.*/
-moz-opacity:0.25; /* 这个是为了支持一些老版本的Mozilla浏览器。*/
-khtml-opacity: 0.25; /* 这个为了支持一些老版本的Safari浏览器。*/
}
.btnGreen{
height: 28px;
text-align:center;
padding-left:12px;
padding-right:12px;
line-height:28px;
font-weight: bold;
color:#ffffff;
border:1px solid #459830;
border-radius:2px;
background:url("../images/btnGreen_wev8.png") ;
cursor: pointer;
}
.btnGray{
height: 28px;
text-align:center;
padding-left:12px;
padding-right:12px;
line-height:28px;
color:#555555;
border:1px solid #bbbbbb;
border-radius:2px;
background:url("../images/btnGray_wev8.png") ;
cursor: pointer;
}