.abouttabs__content-map min-height: 630px //位置圖 #about-map width: 100% max-width: 100% height: 100% min-height: 100% position: absolute z-index: 0 @media (max-width:767px) position: relative top: auto left: auto min-height: 350px .about-map &__box background-color: $color-white width: 340px padding: 50px 35px position: absolute top: calc(50% - 213px) left: 20% z-index: 999 @media (max-width:1399px) left: 7% @media (max-width:1199px) left: 12% @media (max-width:991px) left: 2% @media (max-width:767px) position: relative top: auto left: auto width: 100% margin-top: 15px &__title text-align: center width: 100% &::before content: "公會位置圖" display: block height: 0px line-height: 0px visibility: hidden &::after content: "" display: block margin-left: auto margin-right: auto width: 96px height: 4px background-color: $color-lightgreen margin-top: 20px img max-width: 180px &__add color: $color-graymap font-weight: $fontweight-bold padding-top: 35px display: inline-flex align-items: center &::before content: "" display: block +icon($p: -50px -45px) width: 10px height: 14px margin-right: 10px &__text font-size: $fontsize-x3s color: $color-graybreadcrumb padding-top: 40px line-height: 2 // #abouttabs-3 // .container // position: absolute