html {
    background-color: #fff;
}

.space {
    display: block;
    height: 24px;
    margin: 0 auto;
}
.max1600Box{
    max-width: 1600px;
    margin:0 auto;
    padding:0;
}

.max1400Box{
    max-width: 1400px;
    margin:0 auto;
    padding:0;
}
.max1200Box{
    max-width: 1200px;
    margin:0 auto;
    padding:0;
}
/*kv圖*/
.kvArea{
    width:100%;
    margin:0 auto;
    padding:0;
    box-sizing: border-box;
    overflow:hidden;
}
#kvBox{
    width:100%;
    height:500px;
    margin: 0 auto;
    padding: 5% 0;
    position: relative;
    box-sizing: border-box;
    background-color:#666;
    text-align: center;
}
#kvBox.kv0{
     background:url(../img/kv0.jpg) center center no-repeat;
     background-attachment: fixed;
}
#kvBox.kv2{
     background:url(../img/kv2.jpg) center center no-repeat;
     background-attachment: fixed;
}
#kvBox.kv3{
     background:url(../img/kv3.jpg) center center no-repeat;
     background-attachment: fixed;
}
#kvBox.kv4{
     background:url(../img/kv4.jpg) center center no-repeat;
     background-attachment: fixed;
}
#kvBox.kv5{
     background:url(../img/kv5.jpg) center center no-repeat;
     background-attachment: fixed;
}
#kvBox.kv6{
     background:url(../img/kv6.jpg) center center no-repeat;
     background-attachment: fixed;
}
#kvBox.kv7{
     background:url(../img/kv7.jpg) center center no-repeat;
     background-attachment: fixed;
}
#kvBox.kv8{
     background:url(../img/kv8.jpg) center center no-repeat;
     background-attachment: fixed;
}

#kvBox.kv9{
    background:url(../img/kv9.jpg) center center no-repeat;
    background-attachment: fixed;
}
#kvBox.kv10{
    background:url(../img/kv10.jpg) center center no-repeat;
    background-attachment: fixed;
    background-position-y: -60px;
}
#kvBox.kv11{
    background:url(../img/kv11.jpg) center center no-repeat;
    background-attachment: fixed;
    background-position-y: -60px;
}
#kvBox.kv12{
    background:url(../img/kv12.jpg) center center no-repeat;
    background-attachment: fixed;
    background-position-y: -60px;
}

#kvBox.kv13{
    background:url(../img/kv13.jpg) center center no-repeat;
    background-attachment: fixed;
    background-position-y: -60px;
}
#kvBox.kv14{
    background:url(../img/kv14.jpg) center center no-repeat;
    background-attachment: fixed;
    background-position-y: -60px;
}

#kvBox.kv15{
    background:url(../img/kv15.jpg) center center no-repeat;
    background-attachment: fixed;
    background-position-y: -60px;
}
#kvBox.kv16{
    background:url(../img/kv16.jpg) center center no-repeat;
    background-attachment: fixed;
    background-position-y: -60px;
}
#kvBox.kv17{
    background:url(../img/kv17.jpg) center center no-repeat;
    background-attachment: fixed;
    background-position-y: -60px;
}

#kvBox.kv18{
    background:url(../img/kv18.jpg) center center no-repeat;
    background-attachment: fixed;
    background-position-y: -60px;
}

#kvBox.kv19{
    background:url(../img/kv19.jpg) center center no-repeat;
    background-attachment: fixed;
    background-position-y: -60px;
}

#kvBox.kv20{
    background:url(../img/kv20.jpg) center center no-repeat;
    background-attachment: fixed;
    background-position-y: -60px;
}


.coverh1 em{
    font:400 4vh/0.8 'Niconne', serif;
    color:#fff; 
    /*text-shadow: 2px 2px 6px rgba(255,255,255,0.9),-2px -2px 6px rgba(255,255,255,0.9);*/
    text-align: center;
    border:1px solid #fff;
    border-left:0;
    border-right:0;
    padding:10px;
    display: inline-block;
    box-sizing: border-box;
    /*text-shadow: 3px 3px 9px rgba(255,255,255,0.5),-3px -3px 9px rgba(255,255,255,0.5);*/
}


.coverh1{
    font:400 26px/1.8 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    color:#fff; 
    /*text-shadow: 2px 2px 6px rgba(255,255,255,0.9),-2px -2px 6px rgba(255,255,255,0.9);*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width:100%;
    text-align: center;
    margin-top:10%;
    text-shadow: 3px 3px 9px rgba(0,211,230,0.3),-3px -3px 9px rgba(0,211,230,0.3);
}
.coverh1 strong{
    font:400 18vh/0.8 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    color:#fff; 
    text-shadow: 3px 3px 15px rgba(0,211,230,0.2),-3px -3px 15px rgba(0,211,230,0.2);
    display:block;
    width:100%;
    padding-top:5px;
    margin-bottom:30px;
    text-align: center;
}
@media screen and (max-width: 1000px) {
    .coverh1 strong{
        font-size: 20vw;
    }
    .coverh1 em{
       font-size: 4vw; 
    }
}

.videoBg {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}
.colorMat{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,0.1);*/
}
#video1{
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: block;
}
.header {
    width: 100%;
    position: relative;
    height:auto;
    margin:0 auto;
    overflow: hidden;
    text-align: center;
    z-index: 1;
}
div.header { padding-left: 0; padding-right: 0; }
.htlname{
    font:normal 24vh/0.9 'Dancing Script', serif;
    color:#fff;
    letter-spacing: 0;
    text-shadow: 3px 3px 18px rgba(0,0,0,0.1),-3px -3px 18px rgba(0,0,0,0.1);
    display: block;
    margin:0 auto 8px;
    text-align: center;
}

.htlname {
  animation-duration: 1s;
  animation-delay: 1s;
}

.htlname2{
    font:normal 18vh/0.9 'Dancing Script', serif;
    color:#fff;
    letter-spacing: 0;
    text-shadow: 3px 3px 18px rgba(0,0,0,0.1),-3px -3px 18px rgba(0,0,0,0.1);
    display: block;
    margin:0 auto 8px;
    text-align: center;
}

.htlname2 {
  animation-duration: 1s;
  animation-delay: 1s;
}


.subname{
    display: block;
    margin:0 auto 16px;  
    padding:0;  
}
.subname {
  animation-duration: 1s;
  animation-delay: 2s;
}
.subname strong{
    font:400 4.8vh/0.8 'Niconne', serif;
    color:#002a5f; 
    text-shadow: 2px 2px 6px rgba(255,255,255,0.9),-2px -2px 6px rgba(255,255,255,0.9);
}
.newopen{
    font: normal 20px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    color:#0170a7;
    background-color:#fff;
    padding:8px 15px;
    margin-top:8px;
    display: inline-block;
    position: relative;
}
.newopen {
  animation-duration: 1s;
  animation-delay: 3s;
}
.newopen:before,
.newopen:after{
    content: '';
    display: block;
    width:27px;
    height:40px;
    position: absolute;
    top:5px;
}
.newopen:before{
    background:url(../img/newopen-left.png) left top no-repeat;
    left:0;
    margin-left:-18px;
}
.newopen:after{
    background:url(../img/newopen-right.png) left top no-repeat;
    right:0;
    margin-right:-18px;
}

.newopen_v2{
    margin-top:30px;
    display: inline-block;
    position: relative;
}
.newopen_v2 {
  animation-duration: 1s;
  animation-delay: 3s;
}
.newopen_v2 span{
    font: normal 20px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    color:#0170a7;
    background-color:#fff;
    padding:8px 10px;
    position: absolute;
    left: 50%;
    margin-left: -160px;
    z-index: 30;
    width: 320px;
}
.newopen_v2:before,
.newopen_v2:after{
    content: '';
    display: block;
    width:27px;
    height:40px;
    position: absolute;
    top:5px;
    left: 0;
    z-index: 10;
    margin-left: -180px;
}
.newopen_v2:before{
    border-bottom: 50px solid #ccc;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 0;
    width: 360px;
}
.newopen_v2:after{
    border-top: 50px solid #ccc;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 0;
    width: 360px;
}


/*活動主標*/
.caseArea{
    width:100%;
    background-color:#fff;
    margin:0 auto;
    padding:24px 15px;
    box-sizing: border-box;
    overflow:hidden;
}

.caseArea2{
    width:100%;
    background-color:#fff;
    margin:0 auto;
    padding:24px 15px;
    box-sizing: border-box;
    overflow:hidden;
}
.caseTopic {
     font: normal 24px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
     color:#0170a7;
     margin:0 auto 10px;
     padding:0;
     text-align: center;
}
.caseSubTopic {
     font: normal 16px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
     color:#9b9b9b;
     margin:0 auto;
     padding:0;
     text-align: center;
}
.caseSubTopic:before,
.caseSubTopic:after{
    content:'─';
    padding: 0 5px;
}

.caseSubTopic2 {
     font: normal 16px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
     color:#ffffff;
     margin:0 auto;/*margin:0 auto 10px;*/
     padding:0;
     text-align: center;
}
.caseSubTopic2:before,
.caseSubTopic2:after{
    content:'';
    padding: 0 5px;
}

.caseInfo{
    background-color:#00bdca;
    padding:8px;
    margin:0 auto;
    font: normal 16px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    color:#fff;
    text-align: center;
}

/*影片*/
.mvArea{
    width:100%;
    margin:0 auto;
    padding:24px;
    text-align: center;
    vertical-align: middle;
    background-color:#000;
    box-sizing: border-box;
    overflow:hidden;
}
.mvArea.mv0{
    background:url(../img/mv0bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv2{
    background:url(../img/mv2bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv3{
    background:url(../img/mv3bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv4{
    background:url(../img/mv4bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv5{
    background:url(../img/mv5bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv6{
    background:url(../img/mv6bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv7{
    background:url(../img/mv7bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv8{
    background:url(../img/mv8bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv9{
    background:url(../img/mv9bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv11{
    background:url(../img/mv11bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv12{
    background:url(../img/mv12bg.jpg) center center no-repeat;
    background-attachment: fixed;
}

.mvArea.mv13{
    background:url(../img/mv13bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv14{
    background:url(../img/mv14bg.jpg) center center no-repeat;
    background-attachment: fixed;
}

.mvArea.mv15{
    background:url(../img/mv15bg.jpg) center center no-repeat;
    background-attachment: fixed;
}

.mvArea.mv16{
    background:url(../img/mv16bg.jpg) center center no-repeat;
    background-attachment: fixed;
}

.mvArea.mv17{
    background:url(../img/mv17bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv18{
    background:url(../img/mv18bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv19{
    background:url(../img/mv19bg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.mvArea.mv20{
    background:url(../img/mv20bg.jpg) center center no-repeat;
    background-attachment: fixed;
}

.mvBox{
    display: inline-block;
    width:50%;
    margin:0 auto;
    padding:0;
    vertical-align: middle;
}
.mvBox iframe{
    display: block;
    width:100%;
    height: auto;
}
.mvTxt{
    width:49%;
    box-sizing: border-box;
    padding:15px;
    margin:0 auto;
    display: inline-block;
    vertical-align: middle;    
    font: normal 15px/1.6 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    color:#333;
    text-align: left;
}


.wrap{
    margin:0 auto;
    padding:36px 0;
    background:url(../img/wrapBg1.png) left top repeat-y,url(../img/wrapBg2.png) right top repeat-y;
    background-attachment: fixed;
    background-size: auto 100%;
}

.seeMore{

    text-align: center;
    margin: 10px auto;
    
}

.seeMore p{

    display: inline;
    border-radius: 30px;
    background: #57c6da;
    color: #FFF;
    font-size: 20px;
    padding: 5px 10px;
    cursor: pointer;
}


.reasonList{
    list-style: none;
    margin:0 auto 24px;
    padding:0;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
    text-align: center;
    height: 430px;

}

@media screen and (max-width: 800px) {
    .reasonList{
        height: 58vw;
    }

}

@media screen and (max-width: 640px) {
    .reasonList{
        height: 100vw;
    }
    
}


.reasonList li{
    width:25%;
    display: inline-block;
    margin:0 -2px 0;
    padding:10px;
    box-sizing: border-box;
    vertical-align: top;

}
.reasonList li div{
    box-sizing: border-box;
    padding:10px;
    margin:0 auto;
    background-color:#eee;
    text-align: center;
}
.reasonList li div.hand{
    cursor: pointer;
}
.reasonList li div img{
    display: block;
    width:100%;
    margin:0 auto 10px;
}

.reasonList li div h4{
    font: normal 22px/1.3 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    color:#333;
    margin:0 auto 3px;
    text-align: center;
}

.reasonList li div h4.small{
    font-size: 15px;
}

.reasonList li div b{
    color:#fff;
    display: inline-block;
    margin:0 auto 8px;
    padding:4px 8px;
    background-color: #75d7e8;
    font: normal 14px/1.6 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;

}

.reasonList li div p{
    color:#333;
    margin: 0 auto;
    padding:0;
    font: normal 14px/1.6 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    text-align: left;
}

/*介紹標題*/
.introTitle{
    margin:0 auto;
    padding:24px 0;
    text-align: center;
}
.introTitle strong{
    color:#2bb9d1;
    font: normal 24px/1.6 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
}
.introTitle strong:before,
.introTitle strong:after{
    content:'/';
    padding:0 8px;
}

.introText{
    width:49%;
    box-sizing: border-box;
    padding:15px;
    margin:0 auto;
   
    vertical-align: middle;    
    font: normal 15px/1.6 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    color:#333;
    text-align: left;
}


.introArea{
    width:90%;
    margin:0 auto 24px;
    padding:10px;
    position: relative;
    box-sizing: border-box;
}
.introArea:after{
    content: '';
    display: block;
    clear:both;
    height: 1px;
}
.introArea .imgBox,
.introArea .imgBox1{
    width:50%;
    position: relative;
    
    box-sizing: border-box;
    margin:0 auto;
}
.introArea .imgBox{float:left;}
.introArea .imgBox1{float:right;margin-right:2%;}

.introArea .imgBox img,
.introArea .imgBox1 img{
    display: block;
    width:100%;
}
.introArea .introTxt,
.introArea .introTxt1{
    position: absolute;
    z-index: 2;
    width: 50%;
    left:48%;
    top:0;
    margin:3% auto auto;
    box-sizing: border-box;
    padding:8px;
    border:1px solid #eee;
    background-color:#fff;
    text-align: left;
}
.roomArea{
    margin:0 auto 36px;
    padding:24px 0;
    text-align: right;
    min-height: 400px;
    vertical-align: middle;
}
.roomArea.htl0{
    background:url(../img/htl0-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl2{
    background:url(../img/htl2-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl2-1{
    background:url(../img/htl2-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl3{
    background:url(../img/htl3-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl3-1{
    background:url(../img/htl3-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}

.roomArea.htl3-2{
    background:url(../img/htl3-2-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}


.roomArea.htl4{
    background:url(../img/htl4-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl4-1{
    background:url(../img/htl4-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl5{
    background:url(../img/htl5-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl5-1{
    background:url(../img/htl5-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl5-2{
    background:url(../img/htl5-2-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl6{
    background:url(../img/htl6-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl6-1{
    background:url(../img/htl6-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}


.roomArea.htl6-2{
    background:url(../img/htl6-2-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}


.roomArea.htl7{
    background:url(../img/htl7-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl7-1{
    background:url(../img/htl7-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}

.roomArea.htl7-2{
    background:url(../img/htl7-2-roomBg.jpg?v=20200623) center center no-repeat;
    background-attachment: fixed;
}


.roomArea.htl8{
    background:url(../img/htl8-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl8-1{
    background:url(../img/htl8-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl9{
    background:url(../img/htl9-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl9-1{
    background:url(../img/htl9-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl10{
    background:url(../img/htl10-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl10-1{
    background:url(../img/htl10-2-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}

.roomArea.htl11{
    background:url(../img/htl11-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl11-1{
    background:url(../img/htl11-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl11-2{
    background:url(../img/htl11-2-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl11-3{
    background:url(../img/htl11-3-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}


.roomArea.htl12{
    background:url(../img/htl12-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl12-1{
    background:url(../img/htl12-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl12-2{
    background:url(../img/htl12-2-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl13-3{
    background:url(../img/htl13-3-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}


.roomArea.htl15{
    background:url(../img/htl15-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl15-1{
    background:url(../img/htl15-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl16{
    background:url(../img/htl16-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl16-1{
    background:url(../img/htl16-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl16-2{
    background:url(../img/htl16-2-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl16-3{
    background:url(../img/htl16-3-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl17{
    background:url(../img/htl17-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
/*
.roomArea.htl13-1{
    background:url(../img/htl13-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}

*/


.roomArea.htl18{
    background:url(../img/htl18-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl19{
    background:url(../img/htl19-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
.roomArea.htl20{
    background:url(../img/htl20-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}



.roomArea.htl13-2{
    background:url(../img/htl13-2-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
/*
.roomArea.htl14-1{
    background:url(../img/htl14-1-roomBg.jpg) center center no-repeat;
    background-attachment: fixed;
}
*/

.roomList{
    display: inline-block;
    height: 100%;
    list-style: disc;
    background:rgba(42,182,255,0.8);
    padding:15px 15px 15px 36px;
    box-sizing: border-box;
    width:50%;
    vertical-align: middle;
}
.roomList li{
    color:#fff;
    text-align: left;
    font: normal 15px/1.6 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;  
}
.roomList span{
    color: #2f94c5;
    background: #fff;
    padding: 3px 15px;
    margin: 5px 0;
    border-radius: 15px;
}
.roomTxt{
    display: inline-block;
    background:rgba(42,182,255,0.8);
    padding:15px 15px 15px 36px;
    box-sizing: border-box;
    width:50%;
    vertical-align: middle;  
    color:#fff;
    text-align: left;
    font: normal 15px/1.6 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;      
}

.introArea .introTxt1{
    left:0;
}

.introArea .introTxt h3,
.introArea .introTxt1 h3{
    color:#2bb9d1;
    font: normal 28px/1.6 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;  
    margin:0 auto 5px;
}
.introArea .introTxt p,
.introArea .introTxt1 p{
    color:#333;
    font: normal 14px/1.8 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;  
    margin:0 auto 10px;
}

a.go2fb{display:none!important;}
.scroll2top.fixed-bottom{
    display: block;
    width:36px;
    height:36px;
    left:0;
    right:auto;
    bottom:15px;
    margin-left:0;
    background:#00cddb url(../img/gotop.png) center center no-repeat;
    background-size: 80%;
    content:'回頂端';
    color:#fff;
}

.applyBtn:link,
.applyBtn:visited{
    display: block;
    width:70px;
    height: 70px;
    box-sizing: border-box;
    padding:12px 10px;
    border-radius:50%;
    position: fixed;
    z-index: 100;
    right:10px;
    bottom:10%;
    background-color:#0368be;
    color:#fff;
    font: bold 20px/1.1 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif; 
    text-align: center;
    text-decoration: none;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.3),-3px -3px 8px rgba(0,0,0,0.3);
}
.applyBtn:hover{
    background-color:#00cddb;
}

.locateArea{
    margin:0 auto 36px;
    padding:24px 0;
    text-align: center;
}
.locateBox{
    width:33%;
    padding:10px;
    margin:0 auto;
    position: relative;
    display: inline-block;
}

.locateBox img{
    display: block;
    width:100%;
}

.locateBox h4{
    display: inline-block;
    position: absolute;
    z-index: 2;
    left:0;
    bottom:0;
    padding:20px;
    background-color:rgba(7,192,238,0.8);
    color:#fff;
    font: normal 16px/1.1 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif; 
}

.qbox{
    margin:0 auto 15px;
    padding:0;
}

.qbox h3{
    cursor: pointer;
    border-top:2px dotted #c3ecec;
    color:#009f87;
    margin:0 auto;
    padding:10px 15px;
    font: normal 16px/1.1 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif; 
}
.qbox p{
    background-color: #fff;
    color:#333;
    margin:0 auto;
    padding:10px 15px;
    font: normal 14px/1.6 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif; 
    display:none;
}

/*活動BN*/
.bnArea{
    position: fixed;
    left: 0;
    bottom: 20%;
    cursor: pointer;
}

.bnArea img{
    width: 230px;
    height: auto;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}


.roomIntro{text-align: center;margin: 30px auto; border-bottom: 1px dashed #c2c2c2 ;padding-bottom: 30px;display: inline-flex;}
.roomIntroTitle{text-align: center;width: 90%; margin: 30px auto;border-bottom:  5px solid #2bb9d1;padding-bottom: 3px;}
.roomIntroTitle h5{ font: normal 38px/1.4 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;color:#2bb9d1;text-align: left;margin: 0 auto;}
.roomIntroTitle p {font: normal 18px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;margin: 0 auto;text-align: left;}
.roomIntroText{font: normal 16px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;padding:0px 20px;text-align: left;}

    

.roomLeft{width:55%;display:inline-block;order: 1;}
.roomLeft img{max-width: 983px;width:100%;}

.roomRight{width:30%;display:inline-block;position: relative;margin: 0 60px;order: 2;}
/*.roomRight h5 {left: -100px;}*/
.roomRight img{max-width: 983px;width: 100%;box-shadow:15px 15px 0px  #2bb9d1 ;margin-bottom: 60px;}

.roomSecond .roomLeft {order: 2;}
.roomSecond .roomRight {order: 1;}



.camera {max-width: 1400px;margin: 0 auto;}
.camera img {max-width: 1400px;width: 100%;}
.camera a .pc {display: block;}
.camera a .m {display: none;}


.QAArea{width: 80%;margin: 0 auto;}

.QAArea strong {font: bold 16px/1.8 "微軟正黑體";color:#2bb9d1;}
.QAArea p {font: 16px/1.8 "微軟正黑體";color:#000;}



.introTitle.saleTitle strong{font: bold 30px/1.8 "微軟正黑體";}
.introTitle p{background:#2bb9d1;color:#FFF;font: 20px/1.8 "微軟正黑體";width: 300px;text-align: center;margin: 0 auto; }


.earlyBirdArea{display: flex;flex-wrap: wrap ;justify-content: center;width: 100%;}
.earlyBirdArea *{transition: 0.3s;}
.earlyBirdArea a {width: 328px;position: relative;margin: 10px;transition: 0.5s;}
.earlyBirdArea a:hover div img {filter: brightness(50%);}

.earlyBirdArea a:hover{text-decoration: none;}
.earlyBirdBox img{max-width: 600px;width: 100%;}
.earlyBirdBox{}
.earlyBirdText{position: absolute;top: 2.5%;/*background: rgba(0,0,0,0.2);*/padding: 20px 0 10px 0;width: 95%;height: 95%;left: 2.5%;text-align: center;text-shadow: 0px 0px 10px #000;border:1px solid #FFF;}
.earlyBirdText strong{font: bold 80px/1 "微軟正黑體";color:#FFF;display: block;}
.earlyBirdText small {font: 20px/1 "微軟正黑體";color:#FFF;}
.earlyBirdText b{font: bold 20px/1.4 "微軟正黑體";color:#FFF;}
.earlyBirdText p{font: 16px/1.4 "微軟正黑體";color:#FFF;}
.earlyBirdText .price{font: bold 26px/1.2 "微軟正黑體";color:#fff65d;}
.earlyBirdText .date{font: 14px/1.2 "微軟正黑體";color:#FFF;margin:20px 0 0 0;}

.earlyBirdText.long {padding-top: 60px;}
.earlyBirdText.long strong{font: bold 26px/1 "微軟正黑體";}
.earlyBirdText.long small{font: 16px/1.4 "微軟正黑體";}
.earlyBirdText strong.font60{font: bold 60px/1 "微軟正黑體";margin-top:20px;}
.earlyBirdText strong.font50{font: bold 50px/1 "微軟正黑體"; margin-top:30px; }
.earlyBirdText strong.font40{font: bold 40px/1 "微軟正黑體"; margin-top:0px; }
@media screen and (max-width: 950px) {

.roomIntroTitle h5{ font: bold 24px/1.4 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;}

}

@media screen and (max-width: 800px) {

.roomLeft{width:90%;display:block;order: 2;margin: 0 auto;}
.roomRight{width:80%;display:block;order: 1;margin: 0 auto;}
.roomRight img{box-shadow:7px 7px 0px  #2bb9d1 ;}
.roomIntroTitle{width: 100%;}
.roomIntro{display: flex;width: 100%;flex-wrap:wrap;}

.camera a .pc {display: none;}
.camera a .m {display: block;}

 }


@media screen and (max-width: 500px) {
 .roomIntro{margin:0 auto;}

}



.service {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 99;
  right: 24px;
  bottom: 24px;
  text-decoration: none;
  transition: all 0.2s;
  color:#FFF;
}
@media not all and (pointer: coarse) {
  .service:hover {
    filter: brightness(1.05);
    bottom: 20px;
  }
}
.service span {
  display: none;
}
@media (max-width: 1200px) {
  .service {
    right: 8px;
    bottom: 27vw;
    width: 64px;
    height: 64px;
    border-radius: 5em;
    border: solid 4px #42719d;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #00295b;

  }


  .service span {
    display: block;
    letter-spacing: 0.1em;
    line-height: 1.2;
    color: #FFF;
  }
  .service img {
    display: none;
  }

  
    .service:hover {
       
        bottom:  27vw;
    }
   



}

@media (max-width: 768px) {
  .service {

    bottom: 37vw;

  }
    .service:hover {
       
        bottom:  37vw;
    }
   
}