|
@@ -75,7 +75,7 @@ body {
|
|
|
// 手機板按鈕
|
|
|
#btn-a {
|
|
|
text-decoration: none;
|
|
|
-
|
|
|
+
|
|
|
#mobile-btn {
|
|
|
display: block;
|
|
|
margin: 0 auto;
|
|
@@ -88,7 +88,6 @@ body {
|
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
|
|
|
border: 3px solid #a9d0c5;
|
|
|
font-weight: 900;
|
|
|
-
|
|
|
}
|
|
|
@media screen and(min-width:768px) {
|
|
|
display: none;
|
|
@@ -376,7 +375,7 @@ body {
|
|
|
top: 5vw;
|
|
|
right: 5vw;
|
|
|
z-index: 0;
|
|
|
-
|
|
|
+
|
|
|
@media screen and(min-width:768px) {
|
|
|
display: none;
|
|
|
}
|
|
@@ -539,7 +538,7 @@ body {
|
|
|
transition: 0.5s;
|
|
|
@media screen and(max-width:$table) {
|
|
|
width: 40vw;
|
|
|
- top:15vw;
|
|
|
+ top: 15vw;
|
|
|
}
|
|
|
}
|
|
|
#act1 {
|
|
@@ -552,7 +551,6 @@ body {
|
|
|
right: 10vw;
|
|
|
top: 23vw;
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
#bg {
|
|
@@ -960,7 +958,6 @@ body {
|
|
|
@media screen and(max-width:$table) {
|
|
|
font-size: 20px;
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
.content-box {
|
|
|
width: 18vw;
|
|
@@ -1130,7 +1127,7 @@ body {
|
|
|
#bg3 {
|
|
|
width: 80vw;
|
|
|
@media screen and(max-width:$table) {
|
|
|
- width: 90vw;
|
|
|
+ width: 90vw;
|
|
|
}
|
|
|
}
|
|
|
.information {
|
|
@@ -1250,7 +1247,7 @@ body {
|
|
|
#form-card {
|
|
|
width: 90vw;
|
|
|
margin: 0 auto;
|
|
|
- .contact-form2{
|
|
|
+ .contact-form2 {
|
|
|
#name,
|
|
|
#company {
|
|
|
width: 49.5%;
|
|
@@ -1277,6 +1274,10 @@ body {
|
|
|
margin: 10px 0px;
|
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
}
|
|
|
+
|
|
|
+ #profession {
|
|
|
+ height: 50px;
|
|
|
+ }
|
|
|
.btn {
|
|
|
margin-top: 3vw;
|
|
|
width: 55vw;
|
|
@@ -1457,7 +1458,6 @@ li {
|
|
|
@media screen and(min-width:$desktop) {
|
|
|
font-size: 1rem;
|
|
|
top: 4.5vw;
|
|
|
-
|
|
|
}
|
|
|
@media screen and(max-width:$table) {
|
|
|
font-size: 0.8rem;
|
|
@@ -1482,8 +1482,7 @@ li {
|
|
|
|
|
|
#unit2 {
|
|
|
@media screen and(min-width:$desktop) {
|
|
|
- left:1vw;
|
|
|
-
|
|
|
+ left: 1vw;
|
|
|
}
|
|
|
@media screen and(min-width:768px) {
|
|
|
right: 3vw;
|
|
@@ -1491,8 +1490,7 @@ li {
|
|
|
}
|
|
|
#unit1 {
|
|
|
@media screen and(min-width:$desktop) {
|
|
|
- left:1vw;
|
|
|
-
|
|
|
+ left: 1vw;
|
|
|
}
|
|
|
@media screen and(min-width:768px) {
|
|
|
right: 3vw;
|
|
@@ -1501,8 +1499,7 @@ li {
|
|
|
#unit3 {
|
|
|
@media screen and(min-width:$desktop) {
|
|
|
right: 0vw;
|
|
|
-
|
|
|
- }
|
|
|
+ }
|
|
|
@media screen and(min-width:768px) {
|
|
|
left: -2vw;
|
|
|
}
|
|
@@ -1510,9 +1507,8 @@ li {
|
|
|
#unit0 {
|
|
|
@media screen and(min-width:$desktop) {
|
|
|
right: 6vw;
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
+ }
|
|
|
+
|
|
|
@media screen and(max-width:$moblie) {
|
|
|
right: 9vw;
|
|
|
}
|