|
@@ -265,7 +265,6 @@ body {
|
|
|
.text3 {
|
|
|
cursor: pointer;
|
|
|
margin: auto 0;
|
|
|
-
|
|
|
|
|
|
.text-1,
|
|
|
.text-2,
|
|
@@ -273,7 +272,6 @@ body {
|
|
|
font-size: 23px;
|
|
|
font-weight: bolder;
|
|
|
// color: $title-color;
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -360,7 +358,6 @@ body {
|
|
|
}
|
|
|
// service-process
|
|
|
#service-process {
|
|
|
-
|
|
|
background-color: #f7f7f7;
|
|
|
padding-bottom: 150px;
|
|
|
h1 {
|
|
@@ -548,58 +545,71 @@ body {
|
|
|
// padding: 30px;
|
|
|
// }
|
|
|
// }
|
|
|
-
|
|
|
+ }
|
|
|
+ #fb-button {
|
|
|
+ margin-top: 12px;
|
|
|
+ width: 29vw;
|
|
|
+ height: 50px;
|
|
|
+ border: 1px solid #3b5998;
|
|
|
+ text-align: right;
|
|
|
+ padding-right: 60px;
|
|
|
+ background-size: 32px 32px;
|
|
|
+ border-radius: 3px;
|
|
|
+ background-color: #fff;
|
|
|
+ transition: 0.3s;
|
|
|
+ position: relative;
|
|
|
+ p {
|
|
|
+ position: absolute;
|
|
|
+ top:1vw;
|
|
|
+ left:14vw;
|
|
|
+
|
|
|
+ color: #626262;
|
|
|
}
|
|
|
- #fb-button{
|
|
|
- margin-top: 12px;
|
|
|
- width: 29vw;
|
|
|
- height: 50px;
|
|
|
- border: 1px solid #3b5998;
|
|
|
- text-align: right;
|
|
|
- padding-right: 60px;
|
|
|
- background-size: 32px 32px;
|
|
|
- border-radius: 3px;
|
|
|
- background-color: #fff;
|
|
|
- transition: 0.3s;
|
|
|
- position: relative;
|
|
|
- p{
|
|
|
- line-height: 40px;
|
|
|
- color:#626262;
|
|
|
- }
|
|
|
+ #line {
|
|
|
+ position: absolute;
|
|
|
+ color: #9b9b9b;
|
|
|
+ opacity: 0.8;;
|
|
|
+ left:8vw;
|
|
|
+ top:-0.1vw;
|
|
|
+
|
|
|
+ }
|
|
|
+ img {
|
|
|
+ position: absolute;
|
|
|
+ left: 50px;
|
|
|
+ top: 10px;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ filter: invert(29%) sepia(70%) saturate(712%) hue-rotate(186deg) brightness(89%) contrast(81%);
|
|
|
+ }
|
|
|
+ &:hover {
|
|
|
+ background-color: #2a4f91;
|
|
|
+ color: #fff;
|
|
|
img {
|
|
|
- position: absolute;
|
|
|
- left: 50px;
|
|
|
- top: 10px;
|
|
|
- width: 32px;
|
|
|
- height: 32px;
|
|
|
- filter: invert(29%) sepia(70%) saturate(712%) hue-rotate(186deg) brightness(89%) contrast(81%);
|
|
|
+ filter: invert(100%) sepia(100%) saturate(19%) hue-rotate(334deg) brightness(106%) contrast(106%);
|
|
|
}
|
|
|
- &:hover {
|
|
|
- background-color: #2a4f91;
|
|
|
+ p {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ #line {
|
|
|
color: #fff;
|
|
|
- img {
|
|
|
- filter: invert(100%) sepia(100%) saturate(19%) hue-rotate(334deg) brightness(106%)
|
|
|
- contrast(106%);
|
|
|
- }
|
|
|
- p{
|
|
|
- color:#fff;
|
|
|
- }
|
|
|
}
|
|
|
- }
|
|
|
- a {
|
|
|
- text-decoration: none;
|
|
|
- color: #ee751b;
|
|
|
- font-weight: 900;
|
|
|
- }
|
|
|
-
|
|
|
- #email,
|
|
|
- #name,
|
|
|
- #phone {
|
|
|
- background: none;
|
|
|
- background-color: #fff;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+ a {
|
|
|
+ text-decoration: none;
|
|
|
+ color: #ee751b;
|
|
|
+ font-weight: 900;
|
|
|
+ }
|
|
|
+
|
|
|
+ #email,
|
|
|
+ #name,
|
|
|
+ #phone {
|
|
|
+ background: none;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
.btn {
|
|
|
margin: 50px auto;
|
|
|
border: none;
|
|
@@ -680,24 +690,19 @@ body {
|
|
|
}
|
|
|
|
|
|
form label {
|
|
|
- display: inline-block;
|
|
|
- width: 100px;
|
|
|
+ display: inline-block;
|
|
|
+ width: 100px;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
form div {
|
|
|
- margin-bottom: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
.error {
|
|
|
- color: red;
|
|
|
- margin-left: 5px;
|
|
|
+ color: red;
|
|
|
+ margin-left: 5px;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
label.error {
|
|
|
- display: inline;
|
|
|
+ display: inline;
|
|
|
}
|