body{margin:0;padding:0;font-family:微軟雅黑,華文細黑,宋體,微软雅黑,华文细黑,宋体,sans-serif,helvetica neue,Helvetica,Arial,sans-serif;color:#fff;font-size:16px;} h1,h2{margin:0} ul{margin:0} .slide{width:100vw;position:relative;background-size:100%} .glide ul{font-size:0} .postmodal{background:rgba(0,0,0,0.7);position:absolute;top:0;bottom:0;left:0;right:0;z-index:9;display:none} .postmodal .container{width:100%;height:100%;display:table;} .postmodal .posting{display:table-cell;vertical-align:middle;text-align:center} #cover-spin {width:50px;height:50px;margin:0 auto} @-webkit-keyframes spin {from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);}} @keyframes spin {from {transform:rotate(0deg);} to {transform:rotate(360deg);}} #cover-spin::after {content:'';display:block;width:40px;height:40px;border-style:solid;border-color:white;border-top-color:transparent;border-width:4px;border-radius:50%;-webkit-animation: spin .8s linear infinite;animation: spin .8s linear infinite;} @media only screen and (min-width: 1136px) { .time .t3{margin:10px 0 !important} } @media only screen and (min-width: 1024px){ .slide1{height:calc(100vw * 0.552);background-image:url('assets/img/bg1.png')} .slide2{height:calc(100vw * 0.467);background-image:url('assets/img/bg2.png');padding-top:5%;text-align:center;box-sizing:border-box} .slide2 .title{font-size:4vw;font-weight:bold;letter-spacing:3px;color:rgb(130,69,87);display:block;} .slide2 .container{margin:2% auto 0;text-align:left;display:inline-block;} .slide2 .description{font-size:1.2vw;letter-spacing:2px;line-height:30px;color:rgb(72,50,56);} .slide3{height:calc(100vw * 0.493);background-image:url('assets/img/bg3.png')} .slide3 .time{position:absolute;left:6%;top:4%;padding:10px;box-sizing:border-box;letter-spacing:2px;font-size:14px;} .time .t1,.time .t2{margin:0} .time .t3{margin:-80px 180px;} .form{width:45%;height:56%;min-height:356px;background:rgb(57,35,41);position:absolute;left:5%;bottom:5%;padding:0 20px;box-sizing:border-box} .form button{background:rgb(136,114,120);font-size:15px;padding:7px 14px;color:#fff;border:0} .input{margin-bottom:10px} .input label{font-size:14px;letter-spacing:1px;color:#fff;display:block;margin:3px 0;} .input input, .input select{width:100%;height:28px;display:block;border:0;padding:0 10px;font-size:20px;box-sizing:border-box;border:0} .slide3 img{width:46vw;position:absolute;right:0;bottom:5%} .slide4{height:calc(100vw * 0.508);background-image:url('assets/img/bg4.png');padding:5% 10%;box-sizing:border-box} .slide4 ol li{letter-spacing:2px;margin:5px 0} .slide5{background:rgb(244,244,244)} .slide5 .container{text-align:center;box-sizing:border-box} .slide5 h2{color:#000;font-size:45px;font-weight:300;letter-spacing:10px;padding:30px 0;} .slide5 .slider{width:70vw;margin:0 auto 60px;} .slide6{height:calc(100vw * 0.374);background:rgb(72,50,56);display:table;} .slide6m{display:none;} .slide6 .wrapper{display:table-cell;vertical-align:middle} .slide6 .container{width:70vw;height:calc(70vw * 0.292);margin:0 auto;background-image:url('assets/img/rm1.png');background-size:contain;background-repeat:no-repeat;background-color:#fff;background-position:right;text-align:left} .slide6 .col{width:22%;display:inline-block;vertical-align:top;color:#000;font-size:16px;text-align:center} .slide6 ul{padding:0 0 0 25px;display:inline-block;margin:25% 0 0} } @media only screen and (max-width: 1023px) { .slide1{height:calc(100vw * 1.146875);background-image:url('assets/img/m/bg1.png')} .slide2{height:calc(100vw * 0.89140625);background-image:url('assets/img/m/bg2.png');padding-top:5%;text-align:center;box-sizing:border-box} .slide2 .title{font-size:6.5vw;font-weight:bold;letter-spacing:3px;color:rgb(130,69,87)} .slide2 .container{margin:2% auto 0;text-align:left;display:inline-block;} .slide2 .description{font-size:18px;letter-spacing:2px;line-height:30px;color:rgb(72,50,56);} .slide3{background:rgb(72,50,56);text-align:center;padding:5px 0 15px} .slide3 a{color:#fff} .slide3 .time{margin:0 auto;padding:10px;box-sizing:border-box;letter-spacing:2px;font-size:14px} .time .t1,.time .t2{display:inline-block;text-align:center} .time .t3{margin:10px 0;} .time p{margin:2px 0;} .form{width:80%;max-width:500px;margin:0 auto;background:rgb(57,35,41);padding:10px 20px;box-sizing:border-box} .form button{background:rgb(136,114,120);font-size:15px;padding:7px 14px;color:#fff;border:0} .input{margin-bottom:10px} .input label{font-size:14px;letter-spacing:1px;color:#fff;display:block;margin:3px 0;} .input input, .input select{width:100%;height:28px;display:block;border:0;padding:0 10px;font-size:20px;box-sizing:border-box;border:0} .slide3 img{display:none} .slide3m{height:calc(100vw * 0.66796875);background-image:url('assets/img/m/bg3m.png')} .slide4{background-color:rgb(130,69,87);padding:5%;box-sizing:border-box} .slide4 ol li{letter-spacing:1px;margin:5px 0} .slide4m{height:calc(100vw * 0.5568182);background-image:url('assets/img/bg4m.png');} .slide5{background:rgb(244,244,244)} .slide5 .container{text-align:center;box-sizing:border-box} .slide5 h2{display:none;} .slide5 .slider{width:100vw;margin:0 auto 50px;} .slide6{} .slide6m{display:table;background-color:rgb(72,50,56);padding:5%;text-align:center;} .slide6m img{width:100%;} .slide6 .wrapper{text-align:center;} .slide6 .container{display:inline-block;margin:0 auto;padding:40px 0;text-align:left;} .slide6 .col{display:inline-block;vertical-align:top;color:#000;font-size:16px;margin:0 15px} .slide6 ul{padding:0 0 0 25px} } @media only screen and (max-width: 850px) { .slide2 .description{width:80vw;display:inline-block;font-size:16px;letter-spacing:2px;line-height:24px;color:rgb(72,50,56)} } @media only screen and (max-width: 500px) { .slide2 .description{width:80vw;display:inline-block;background:rgba(255,255,255,0.6);font-size:14px;letter-spacing:1px;line-height:20px;color:rgb(72,50,56);padding:8px} }