|
@@ -2108,12 +2108,7 @@ img {
|
|
// background-repeat: repeat-x;
|
|
// background-repeat: repeat-x;
|
|
// // height: 3px;
|
|
// // height: 3px;
|
|
// }
|
|
// }
|
|
-.main-content-bg-line {
|
|
|
|
- position: absolute;
|
|
|
|
- top: -95px;
|
|
|
|
- right: -90px;
|
|
|
|
- z-index: -5;
|
|
|
|
-}
|
|
|
|
|
|
+
|
|
.dotted {
|
|
.dotted {
|
|
border: none;
|
|
border: none;
|
|
border-top: 4px dotted #e0ee79;
|
|
border-top: 4px dotted #e0ee79;
|
|
@@ -2141,6 +2136,17 @@ img {
|
|
@media screen and (max-width: 767px) {
|
|
@media screen and (max-width: 767px) {
|
|
display: none;
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
+ .main-content-bg-line {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: -95px;
|
|
|
|
+ right: -90px;
|
|
|
|
+ z-index: -5;
|
|
|
|
+ width: 34.7vw;
|
|
|
|
+ @media screen and (max-width: 1200px) {
|
|
|
|
+ width: 36vw;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
.bg01-hand {
|
|
.bg01-hand {
|
|
margin-top: -100px;
|
|
margin-top: -100px;
|
|
}
|
|
}
|
|
@@ -2150,7 +2156,44 @@ img {
|
|
right: 30px;
|
|
right: 30px;
|
|
bottom: -130px;
|
|
bottom: -130px;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+ .step2{
|
|
|
|
+ margin-top: -50px;
|
|
|
|
+ @media screen and (max-width: 1200px) {
|
|
|
|
+ margin-top: -30px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .step1-0{
|
|
|
|
+ width: 40%;
|
|
|
|
+ }
|
|
|
|
+ .step1-1{
|
|
|
|
+ width: 90%;
|
|
|
|
+ margin-left: 30px;
|
|
|
|
+ }
|
|
|
|
+ .step3{
|
|
|
|
+ width: 90%;
|
|
|
|
+ margin-top: 30px;
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ .step4{
|
|
|
|
+ width: 60%;
|
|
|
|
+ margin-right: 50px;
|
|
|
|
+ margin-top:-30px;
|
|
|
|
+ }
|
|
|
|
+ .step5{
|
|
|
|
+ margin-top:30px;
|
|
|
|
+ }
|
|
|
|
+ .step5-2{
|
|
|
|
+ margin-right: 70px;
|
|
|
|
+ margin-top:-50px;
|
|
|
|
+ }
|
|
|
|
+ .meihaochengjia{
|
|
|
|
+ width:130px;
|
|
|
|
+ position: absolute;
|
|
|
|
+ right:30px;
|
|
|
|
+ top:20px;
|
|
|
|
+
|
|
|
|
+ }
|
|
.room-planner-process-main-box {
|
|
.room-planner-process-main-box {
|
|
width: 95%;
|
|
width: 95%;
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
@@ -2160,6 +2203,9 @@ img {
|
|
padding: 20px;
|
|
padding: 20px;
|
|
background: #fff;
|
|
background: #fff;
|
|
border-radius: 16px;
|
|
border-radius: 16px;
|
|
|
|
+ @media screen and (max-width: 1200px) {
|
|
|
|
+ padding: 10px;
|
|
|
|
+ }
|
|
.step04_direction{
|
|
.step04_direction{
|
|
position: absolute;
|
|
position: absolute;
|
|
left:-50px;
|
|
left:-50px;
|
|
@@ -2278,6 +2324,7 @@ img {
|
|
.room-planner-process-main-content-step-img {
|
|
.room-planner-process-main-content-step-img {
|
|
margin-top: -50px;
|
|
margin-top: -50px;
|
|
}
|
|
}
|
|
|
|
+
|
|
.room-planner-process-main-content-step-4-6img {
|
|
.room-planner-process-main-content-step-4-6img {
|
|
margin-top: 380px;
|
|
margin-top: 380px;
|
|
}
|
|
}
|
|
@@ -2302,6 +2349,14 @@ margin: 50px auto;
|
|
font-size: 24px;
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
// 手機版
|
|
// 手機版
|
|
|
|
+.section-room-planner-process-mb-main{
|
|
|
|
+ @media screen and (min-width: $desktop) {
|
|
|
|
+ display: none;
|
|
|
|
+ }
|
|
|
|
+ @media screen and (max-width: 991px) {
|
|
|
|
+ display: block;
|
|
|
|
+ }
|
|
|
|
+}
|
|
.room-planner-process-mb-main{
|
|
.room-planner-process-mb-main{
|
|
.room-planner-process-main-title-box {
|
|
.room-planner-process-main-title-box {
|
|
width: 100%;
|
|
width: 100%;
|