|
@@ -8,7 +8,7 @@ div, span, a, input { background-repeat: no-repeat; }
|
|
|
body {
|
|
|
width: 782px;
|
|
|
margin: 0 auto;
|
|
|
- background: #f5f5f5;
|
|
|
+ background: #fff;
|
|
|
color: #000;
|
|
|
font-size: 14px;
|
|
|
font-family: Tahoma, Arial, Verdana, sans-serif, Lucida Sans;
|
|
@@ -17,13 +17,15 @@ body {
|
|
|
}
|
|
|
|
|
|
.allPage {
|
|
|
- width: 700px;
|
|
|
+ position: relative;
|
|
|
+ width: 690px;
|
|
|
margin: 15px auto;
|
|
|
- padding: 5px 25px 10px 25px;
|
|
|
- background: #fff;
|
|
|
+ padding: 10px 30px 15px 30px;
|
|
|
+ background: #eee;
|
|
|
border: 2px solid #999;
|
|
|
text-align: left;
|
|
|
}
|
|
|
+.allPage:after { content: ""; position: absolute; left: -1px; top: -1px; width: 100%; height: 100%; height: calc(100% - 2px); padding: 0 1px; box-shadow: 0px 5px 8px #bbb; z-index: -1; } /*for crop shadow bottom for 4px (2px from border and 2px from calc)*/
|
|
|
|
|
|
.mainTitle {
|
|
|
font-size: 2em;
|
|
@@ -88,7 +90,7 @@ p.margin1 { margin: 0.9em 0; }
|
|
|
.option-left {
|
|
|
display: inline-block;
|
|
|
width: 180px;
|
|
|
- color: #777;
|
|
|
+ color: #707070;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
@@ -109,7 +111,7 @@ p.margin1 { margin: 0.9em 0; }
|
|
|
|
|
|
.option-hint {
|
|
|
margin: 0.5em 0;
|
|
|
- color: #999;
|
|
|
+ color: #888;
|
|
|
font-size: 0.85em;
|
|
|
line-height: 1.5em;
|
|
|
white-space: normal;
|
|
@@ -157,7 +159,7 @@ label {
|
|
|
|
|
|
.bottomHint {
|
|
|
margin: 0.85em 0;
|
|
|
- color: #999;
|
|
|
+ color: #888;
|
|
|
font-size: 0.85em;
|
|
|
line-height: 1.5em;
|
|
|
}
|