@charset "UTF-8"; * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 微軟正黑體; } .body { background-color: #000 !important; } .propertytitle { -webkit-text-stroke: 0.7px #fff; -moz-text-stroke: 0.7px #fff; } p { font-size: 24px; } .bgslider { position: relative; width: 100% !important; } ul { list-style-type: none; width: 100% !important; } ul > li { position: absolute; width: 100% !important; } ul > li:nth-child(3) { -webkit-animation: li3 12s infinite; animation: li3 12s infinite; } ul > li:nth-child(2) { -webkit-animation: li2 12s infinite; animation: li2 12s infinite; } ul > li:nth-child(1) { -webkit-animation: li1 12s infinite; animation: li1 12s infinite; } @-webkit-keyframes li3 { 0% { opacity: 1; } 35% { opacity: 0; } 75% { opacity: 0; } } @keyframes li3 { 0% { opacity: 1; } 35% { opacity: 0; } 75% { opacity: 0; } } @-webkit-keyframes li2 { 40% { opacity: 1; } 80% { opacity: 0; } 75% { opacity: 0; } } @keyframes li2 { 40% { opacity: 1; } 80% { opacity: 0; } 75% { opacity: 0; } } @-webkit-keyframes li1 { 80% { opacity: 1; } 95% { opacity: 0; } } @keyframes li1 { 80% { opacity: 1; } 95% { opacity: 0; } } .bg-item { display: none; } .bg-item3 { display: none; } .bg-item3 img { -webkit-animation-name: BgFadein; animation-name: BgFadein; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .bg-item2 { display: none; } .bg-item2 img { -webkit-animation-name: BgFadein; animation-name: BgFadein; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .bg-active { display: block; } @-webkit-keyframes BgFadein { 0% { opacity: 0.5; } 50% { opacity: 0.8; } 100% { opacity: 1; } } @keyframes BgFadein { 0% { opacity: 0.5; } 50% { opacity: 0.8; } 100% { opacity: 1; } } /*# sourceMappingURL=style.css.map */