@charset "UTF-8";
.c-traffic{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-end;justify-content:flex-end;width:100%;max-width:1920px;margin:0 auto;z-index:0}.c-traffic__map{display:block;width:50%;height:100%;max-width:955px;flex:0 0 auto;order:10}.c-traffic__map.wow{animation-name:fadeIn}.c-traffic__map__bg{display:block;width:100%}.c-traffic__map__dot{position:absolute;top:calc(50% - 6px);left:calc(52.4% - 6px);display:block;width:12px;height:12px;z-index:0;overflow:visible}.c-traffic__map__dot::before,.c-traffic__map__dot::after{content:'';position:absolute;display:block;border-radius:50%;background:rgba(0,74,164,.2);transform-origin:center;z-index:-10;overflow:hidden}.c-traffic__map__dot::before{top:calc(50% - 125px);left:calc(50% - 125px);width:250px;height:250px;animation:shockWave2 2.5s linear infinite}.c-traffic__map__dot::after{top:calc(50% - 50px);left:calc(50% - 50px);width:100px;height:100px;animation:shockWave 2.5s linear infinite}.c-traffic__map__dot__center{display:block;width:100%;height:100%;border-radius:50%;background:var(--mainColor)}.c-traffic__map__info{position:absolute;top:max(30px,15%);left:max(calc(18% + 30px),25%);display:block;width:330px;padding:15px 60px 15px 15px;background:#fff;box-shadow:3px 3px 40px 17px rgba(0,0,0,.11);letter-spacing:.05em}.c-traffic__map__info__title{display:block;width:100%;font-size:15px;line-height:1.5;color:var(--titleColor);font-family:'NotoSansTC-M'}.c-traffic__map__info__address{display:block;width:100%;margin:5px 0 0 0;font-size:14px;line-height:1.5;color:#757575;font-family:inherit;letter-spacing:0}.c-traffic__map__info__link{display:inline-block;width:auto;max-width:100%;margin:20px 0 0 0;font-size:14px;line-height:1.2;color:#1a73e8;font-family:inherit;transition:opacity .4s ease-in-out}.c-traffic__map__info__link:hover{opacity:.7}.c-traffic__map__info__path{position:absolute;top:15px;right:15px;display:block;width:30px;font-size:14px;line-height:1.2;color:#1a73e8;font-family:inherit;transition:opacity .4s ease-in-out}.c-traffic__map__info__path::before{content:'';display:block;position:relative;width:20px;height:20px;margin:0 auto;background:url(/assets/images/traffic/traffic_map_guide.png) center/contain no-repeat}.c-traffic__map__info__path:hover{opacity:.7}.c-traffic__info{display:block;width:calc(100% - 60px);height:auto;max-width:935px;margin:0 -9.11% 0 60px;padding:70px 50px;background:rgba(255,255,255,.9);border-radius:15px;box-shadow:70px 70px 65px rgba(0,0,0,.05);flex:0 1 auto;z-index:10;overflow:hidden}.c-traffic__info__head,.c-traffic__info__body{display:block;width:100%;max-width:760px;margin:0 auto}.c-traffic__info__head.wow,.c-traffic__info__body.wow{animation-name:fadeInUp}.c-traffic__info__head{margin:0 auto 70px auto}.c-traffic__info__head__text{display:block;width:100%;margin:30px 0 0 0;font-size:18px;line-height:1.2;color:rgba(36,36,36,.8);font-family:inherit;letter-spacing:.05em}.c-traffic-switch{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 0 10px 0}.c-traffic-switch .c-switchBt{margin:0 20px 20px 0}.c-traffic-switch .c-switchBt input[value="bus"]~.c-switchBt__box::after{background-image:url(/assets/images/traffic/traffic_bus_gray.svg)}.c-traffic-switch .c-switchBt input[value="bus"]:checked~.c-switchBt__box::after{background-image:url(/assets/images/traffic/traffic_bus.svg)}.c-traffic-switch .c-switchBt input[value="mrt"]~.c-switchBt__box::after{background-image:url(/assets/images/traffic/traffic_mrt_gray.svg);background-size:auto 62.5%}.c-traffic-switch .c-switchBt input[value="mrt"]:checked~.c-switchBt__box::after{background-image:url(/assets/images/traffic/traffic_mrt.svg)}.c-traffic-switch .c-switchBt input[value="railway"]~.c-switchBt__box::after{background-image:url(/assets/images/traffic/traffic_railway_gray.svg);background-size:auto 62.5%}.c-traffic-switch .c-switchBt input[value="railway"]:checked~.c-switchBt__box::after{background-image:url(/assets/images/traffic/traffic_railway.svg)}.c-traffic-switch .c-switchBt input[value="car"]~.c-switchBt__box::after{background-image:url(/assets/images/traffic/traffic_car_gray.svg);background-size:62.5% auto}.c-traffic-switch .c-switchBt input[value="car"]:checked~.c-switchBt__box::after{background-image:url(/assets/images/traffic/traffic_car.svg)}.c-traffic-area{display:block;width:100%}.c-traffic-area__box{display:block;width:100%}.c-traffic-area__box.j-traffic-box{display:none}.c-traffic-area__box.j-traffic-box.show,.c-traffic-area__box.show{display:block}.c-traffic-area__box__item{display:block;width:100%;margin:0 0 25px 0}.c-traffic-area__box__item:last-child{margin:0}.c-traffic-area__box__content{display:block;width:100%;padding:0 0 0 30px;font-size:16px;line-height:2;color:rgba(36,36,36,.8);font-family:'Poppins','NotoSansTC'}.c-traffic-area__box__content__title{margin:0 0 10px 0}.c-traffic-area__box__content p{display:block;width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.c-traffic-area__box__content a{display:inline-block;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;text-decoration:underline;text-underline-offset:5px;transition:opacity .4s ease-in-out}.c-traffic-area__box__content a:hover{opacity:.7;text-decoration:underline}.barbar-logo{display:block;width:100%;max-width:160px;margin:15px 0}.c-traffic-area__box__content__map{display:block;width:100%;margin:30px auto 0 auto;padding:30px;background:#fff;border-radius:15px;border:2px solid #f5f5f5;overflow:hidden}.c-traffic-area__box__content__map:first-child{margin:0 auto}.c-traffic-area__box__content__map__item{display:block;width:100%}.c-traffic-area__box__content .c-traffic-area__box__content__map__text{margin:15px 0 0 0;font-size:12px;line-height:1.5;color:rgba(36,36,36,.5);text-align:right}@media screen and (max-width:991px){.c-traffic{display:block}.c-traffic__map{width:100%;max-width:none;margin:-5vw 0 0 0}.c-traffic__map__dot{top:calc(47.8% - 6px);left:calc(50% - 6px)}.c-traffic__map__info{top:max(30px,14.5%);left:30px}.c-traffic__info{width:calc(100% - 60px);max-width:none;margin:-27vw auto 0 auto;padding:50px}.c-traffic__info__head{margin:0 0 50px 0}.c-traffic-area__box__content .c-traffic-area__box__content__map__text{margin:40px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-traffic__map{margin:-7vw 0 0 0}.c-traffic__map__dot{top:calc(40.4% - 4px);left:calc(47.2% - 4px);width:8px;height:8px}.c-traffic__map__dot::before{top:calc(50% - 50px);left:calc(50% - 50px);width:100px;height:100px}.c-traffic__map__dot::after{top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px}.c-traffic__map__info{left:20px;max-width:calc(100% - 40px)}.c-traffic__info{width:calc(100% - 40px);margin:-70vw auto 0 auto;padding:30px}.c-traffic__info__head{margin:0 0 35px 0}.c-traffic__info__head__text{display:none}.c-traffic-switch{margin:0 0 20px 0}.c-traffic-switch .c-switchBt{margin:0 10px 10px 0}.c-traffic-area__box__item{margin:0 0 15px 0}.c-traffic-area__box__content{padding:0}.c-traffic-area__box__content .c-traffic-area__box__content__map__text{margin:25px 0 0 0;text-align:center}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.traffic{display:block;width:100%;margin:100px auto 195px auto}@media screen and (max-width:991px){.traffic{margin:0 auto 150px auto}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.traffic{margin:0 auto 100px auto}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}