.content_block{display:block;width:100%;max-width:1200px;padding:0 20px;box-sizing:border-box;margin:0 auto}.tree_title{font-size:36px;color:#000;font-weight:bold;display:block;text-align:center;margin-bottom:60px}.tree_title:before{content:"";display:inline-block;vertical-align:middle;width:38px;height:48px;background:url("../images/map_title_tree.png") center center no-repeat;background:cover;margin-right:15px}@media (max-width: 980px){.tree_title{font-size:26px;margin-bottom:40px}.tree_title:before{content:"";display:inline-block;vertical-align:middle;width:30px;height:48px;background:url("../images/map_title_tree.png") center center no-repeat;background-size:100% auto;margin-right:15px}}#sec1{background:url("../images/map_header_bg2.jpg") bottom center no-repeat #cce2d6;background-size:100% auto;padding-bottom:60px;position:relative;width:100%}#sec1 .gb1{position:absolute;top:200px;left:20px;z-index:0;max-width:100%}#sec1 .gb2{position:absolute;top:200px;right:40px;z-index:0;max-width:100%}#sec1 .bus_bg_box{width:100%;height:80px;position:absolute;bottom:0;left:0;overflow:hidden}#sec1 .bus_bg_box .bus_bg{position:absolute;bottom:10px;left:0px;z-index:0;width:120px;-moz-animation:bus_an 8s linear 0s infinite normal;-webkit-animation:bus_an 8s linear 0s infinite normal;animation:bus_an 8s linear 0s infinite normal}@-moz-keyframes bus_an{0%{-moz-transform:translateX(-250px);transform:translateX(-250px)}90%{opacity:1}100%{-moz-transform:translateX(108vw);transform:translateX(108vw);opacity:0}}@-webkit-keyframes bus_an{0%{-webkit-transform:translateX(-250px);transform:translateX(-250px)}90%{opacity:1}100%{-webkit-transform:translateX(108vw);transform:translateX(108vw);opacity:0}}@keyframes bus_an{0%{-moz-transform:translateX(-250px);-ms-transform:translateX(-250px);-webkit-transform:translateX(-250px);transform:translateX(-250px)}90%{opacity:1}100%{-moz-transform:translateX(108vw);-ms-transform:translateX(108vw);-webkit-transform:translateX(108vw);transform:translateX(108vw);opacity:0}}#sec1 h2{display:block;text-align:center;box-sizing:border-box;padding-top:30px;padding-bottom:20px}#sec1 h2 img{display:inline-block;max-height:36px;max-width:100%;width:auto}#sec1 .map_block{position:relative;width:100%;max-width:760px;margin:0 auto;min-height:680px;background:url("../images/map_taiwan.png") center 60px no-repeat;background-size:332px 621px}@media (max-width: 980px){#sec1 .map_block{background:none}}#sec1 .hot_spring_list{width:100%;position:relative;font-size:0}#sec1 .hot_spring_list li{position:absolute;cursor:pointer}#sec1 .hot_spring_list li .map_city{display:block;max-width:100%;z-index:2;position:relative}#sec1 .hot_spring_list li:after{content:"";display:block;top:0px;left:0px;position:absolute;z-index:1;width:166px;height:45px;background:url("../images/map_city_hover.png") center center no-repeat;background-size:cover;opacity:0;transition:0.3s}#sec1 .hot_spring_list li:hover:after{content:"";display:block;top:5px;left:5px;position:absolute;z-index:1;background:url("../images/map_city_hover.png") center center no-repeat;background-size:cover;opacity:1}@media (min-width: 981px){#sec1 .hot_spring_list:hover .map_city{z-index:2}#sec1 .hot_spring_list li.city_1{top:0;right:150px}#sec1 .hot_spring_list li.city_2{top:56px;right:84px}#sec1 .hot_spring_list li.city_3{top:114px;right:65px}#sec1 .hot_spring_list li.city_4{top:170px;right:118px}#sec1 .hot_spring_list li.city_5{top:260px;right:150px}#sec1 .hot_spring_list li.city_6{top:322px;right:163px}#sec1 .hot_spring_list li.city_7{top:466px;right:216px}#sec1 .hot_spring_list li.city_8{top:525px;right:241px}#sec1 .hot_spring_list li.city_9{top:562px;right:435px}#sec1 .hot_spring_list li.city_10{top:461px;left:143px}#sec1 .hot_spring_list li.city_11{top:404px;left:88px}#sec1 .hot_spring_list li.city_12{top:283px;left:203px}#sec1 .hot_spring_list li.city_13{top:213px;left:147px}#sec1 .hot_spring_list li.city_14{top:161px;left:188px}#sec1 .hot_spring_list li.city_15{top:98px;left:219px}#sec1 .hot_spring_list li.city_16{top:596px;right:216px}}@media (max-width: 980px){#sec1 .hot_spring_list li{position:relative;margin:8px;width:calc(50% - 16px);display:inline-block}#sec1 .hot_spring_list li .map_city{display:none}}@media (max-width: 580px){#sec1 .hot_spring_list li{position:relative;margin:8px;width:calc(100% - 16px);display:inline-block}#sec1 .hot_spring_list li .map_city{display:none}}#sec1 .inf_card{width:360px;display:inline-block;background:#fff;padding:15px;box-sizing:border-box;border-radius:10px;position:relative;z-index:20;text-decoration:none;position:absolute;top:30px;left:calc(50% - 180px);transition:0.3s;opacity:0;visibility:hidden}#sec1 .inf_card figure{width:100%;height:0;padding-bottom:71.212121212%;overflow:hidden;margin-bottom:15px;border-radius:15px}#sec1 .inf_card figure img{width:100%}#sec1 .inf_card .name_box{font-size:0;margin-bottom:10px}#sec1 .inf_card .name_box p{font-size:22px;color:#000;display:inline-block;vertical-align:middle;width:calc(100% - 80px)}#sec1 .inf_card .name_box p span{font-size:22px;font-weight:bold;margin-right:10px}#sec1 .inf_card .name_box p:before{content:"";width:20px;height:30px;display:inline-block;vertical-align:bottom;margin-right:10px;background:url("../images/map_sec1_loca.png") center center no-repeat;background-size:100% auto}#sec1 .inf_card .name_box label{display:inline-block;vertical-align:middle;font-size:20px;border-radius:30px;background:#e3655c;padding:5px 10px;color:#fff;box-sizing:border-box;transition:0.3s;cursor:pointer}#sec1 .inf_card .name_box label:hover{background:#d6493f}#sec1 .inf_card .inf{font-size:18px;line-height:26px;height:130px;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}@media (max-width: 980px){#sec1 .inf_card{position:relative;top:initial;left:initial;opacity:1;visibility:visible;width:100%}#sec1 .inf_card .name_box p{width:100%;display:block;margin-bottom:10px;font-size:18px}#sec1 .inf_card .name_box p span{font-size:18px;margin-right:5px}#sec1 .inf_card .name_box p::before{width:15px;height:22px}#sec1 .inf_card .name_box label{width:100%;text-align:center;padding:3px 10px;font-size:16px}#sec1 .inf_card .inf{font-size:16px}}@media (min-width: 980px){#sec1 .hot_spring_list li:hover .inf_card{top:50px;opacity:1;visibility:visible}}@media (max-width: 980px){#sec1 .bus_bg,#sec1 .gb1,#sec1 .gb2{display:none}}#sec2{display:block;width:100%;box-sizing:border-box;padding:80px 0;position:relative;background:url("../images/map_sec2_bg.jpg") bottom center no-repeat #f4ca90;background-size:100% auto}#sec2 .note_list{position:relative;z-index:10;width:100%;max-width:760px;margin:0 auto}#sec2 .note_list li{display:block;position:relative;font-size:20px;line-height:22px;margin-bottom:20px;padding-left:40px;color:#000}#sec2 .note_list li:before{content:"";display:inline-block;vertical-align:top;position:absolute;width:15px;height:15px;background:#fffcd1;border-radius:50%;left:0;top:0}#sec2:before{content:"";z-index:0;width:76px;height:86px;background:url("../images/map_sec2_icon1.png") center center no-repeat;display:block;position:absolute;top:10%;left:40px;-moz-animation:leaf 5.5s linear 0s infinite normal;-webkit-animation:leaf 5.5s linear 0s infinite normal;animation:leaf 5.5s linear 0s infinite normal}@-moz-keyframes leaf{0%{-moz-transform:translateY(0);transform:translateY(0)}90%{opacity:1}100%{-moz-transform:translateY(90vh) rotate(90deg);transform:translateY(90vh) rotate(90deg);opacity:0}}@-webkit-keyframes leaf{0%{-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1}100%{-webkit-transform:translateY(90vh) rotate(90deg);transform:translateY(90vh) rotate(90deg);opacity:0}}@keyframes leaf{0%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1}100%{-moz-transform:translateY(90vh) rotate(90deg);-ms-transform:translateY(90vh) rotate(90deg);-webkit-transform:translateY(90vh) rotate(90deg);transform:translateY(90vh) rotate(90deg);opacity:0}}#sec2:after{content:"";z-index:0;width:277px;height:79px;background:url("../images/map_sec2_icon2.png") center center no-repeat;display:block;position:absolute;top:50%;right:40px}@media (max-width: 980px){#sec2 .note_list li{font-size:16px;padding-left:30px}#sec2 .note_list li:before{width:10px;height:10px;top:5px}#sec2:before{opacity:0.3}#sec2:after{opacity:0.3}}@media (max-width: 720px){#sec2:before{display:none}#sec2:after{display:none}}#sec3{position:relative;padding:80px 0;background:#f8f3af;width:100%}#sec3 .Characteristic_box{position:relative;display:block;width:100%;max-width:760px;margin:0 auto;margin-bottom:70px;z-index:10}#sec3 .Characteristic_box .title{font-size:25px;font-weight:bold;color:#2d3b52;margin-bottom:20px}#sec3 .Characteristic_box p{font-size:18px;line-height:30px;color:#000}#sec3 .l_bg{position:absolute;left:0;bottom:0;z-index:0;width:auto;max-width:300px}#sec3 .r_bg{position:absolute;right:0;bottom:100px;z-index:0;width:auto;max-width:300px}@media (max-width: 980px){#sec3 .Characteristic_box{margin-bottom:30px}#sec3 .Characteristic_box .title{font-size:22px;margin-bottom:15px}#sec3 .Characteristic_box p{font-size:16px}#sec3 .l_bg,#sec3 .r_bg{display:none}}@media (min-width: 1440px){#sec2 .note_list li{font-size:22px}#sec3 .Characteristic_box p{font-size:22px}#sec3 .Characteristic_box p{top:3px}}
/*# sourceMappingURL=hot_spring_map.css.map */