.mylayout{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}.header{position:relative}.header .header_bg{background-image:url("../images/itinerary_header.jpg");background-position:center;background-size:cover;background-repeat:no-repeat;padding-top:25%;width:100%;max-width:100%}.header .header_bg .logo{position:absolute;top:calc(50% - 65px);left:calc(50% - 307px);text-align:center;width:100%;max-width:614px}.header .header_bg .logo .logo_p1{font-size:50px;letter-spacing:6px;line-height:86px;color:#ffffff;font-weight:bold;margin-bottom:27px}.header .header_bg .logo .logo_p2{text-indent:-10000px;width:100%;height:17px;max-height:100%;background-image:url(../images/itinerary_p2.png);background-repeat:no-repeat;background-size:cover;background-position:center}.header .meun_list{font-size:0;text-align:center;width:600px;max-width:100%;margin:0 auto;display:none}.header .meun_list .list{display:inline-block;padding:10px;margin:0 5px;background-color:rgba(255,255,255,0.6)}.header .meun_list .list a{display:block;width:100%;line-height:30px;font-size:20px;color:#3e3a39}.header .meun_list .list:hover{background-color:#fff}.title_area{text-align:center;padding:20px}.title_area>p{font-size:32px;line-height:50px;color:#000000;padding:55px 0px 22px}.title_area>span{display:inline-block;color:#000;font-size:24px;vertical-align:middle;line-height:40px}.title_area>span a{display:inline-block;color:#000;font-size:24px;line-height:40px;transition:.3s}.title_area>span a:hover{color:#9a4105}.title_area>span::before{content:'';display:inline-block;background-image:url("../images/dinner.svg");background-repeat:no-repeat;background-position:center;background-size:cover;width:40px;height:40px;margin:0 5px;vertical-align:middle}.title_area .border_short{background-color:#59514f;width:95px;height:1px;margin:22px auto}.city_area{padding:90px 0px 21px;opacity:1;transform:translateY(30px)}.city_area.hide{padding:25px 0px 21px}.city_area.hide .city_title{display:none}.city_area .city_title{font-size:30px;line-height:86px;color:#000000;font-weight:bold;text-align:center;position:relative}.city_area .city_title.taoyuan::before,.city_area .city_title.taichung::before,.city_area .city_title.kaohsiung::before{content:"";background-repeat:no-repeat;background-size:contain;background-position:top;max-width:100%;display:block;position:absolute;bottom:35px;z-index:-1}.city_area .city_title.taoyuan::before{width:264px;max-width:100%;height:94px;left:calc(50% - 142px);bottom:35px;background-image:url("../images/Taoyuan.png")}.city_area .city_title.taichung::before{width:281px;max-width:100%;height:97px;left:calc(50% - 150px);bottom:30px;background-image:url("../images/Taichung.png")}.city_area .city_title.kaohsiung::before{width:327px;max-width:100%;height:112px;left:calc(50% - 163.5px);bottom:25px;background-image:url("../images/Kaohsiung.png")}.city_area .boxes{width:100%;font-size:0;padding-top:22px}.city_area .boxes .box{margin:0 5px 22px;width:calc((100% - 31px) / 3);padding:0 0 22px 0px;border-bottom:1px solid #ccc;display:inline-block;transition:.3s}.city_area .boxes .box .box_pic{width:414px;max-width:100%;margin:0 auto}.city_area .boxes .box .box_pic figure{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;padding-top:52.9%}.city_area .boxes .box .box_intro{width:100%}.city_area .boxes .box .box_intro .intro_p1{font-size:20px;padding:25px 15px 11px;color:#000000;font-weight:bold}.city_area .boxes .box .box_intro .intro_p2{margin:11px 15px 20px;font-size:17px;line-height:23px;height:69px;color:#000000}.city_area .boxes .box .box_intro .intro_p3{font-size:30px;line-height:39px;color:#e83828;font-family:"Arial";font-weight:bold;font-style:italic;padding:25px 30px 0 0;text-align:right}.city_area .boxes .box .box_intro .intro_p3 span{font-size:15px;line-height:39px;color:#e83828;font-family:"Arial";font-weight:bold;font-style:normal}.city_area .boxes .box:hover{transform:translateY(-5px);box-shadow:2px 2px 10px #ddd}.approach{opacity:1;transition:.5s;transform:translateY(0px)}@media (max-width: 980px){.header .header_bg .logo .logo_p1{font-size:50px}.header .meun_list .list{background-color:#fff}.title_area>p{font-size:28px;line-height:34px;padding:30px 0px 22px}.title_area>span{font-size:20px;line-height:30px}.title_area>span a{font-size:20px;line-height:30px}.title_area>span::before{content:none;width:30px;height:30px}.title_area .border_short{margin:10px auto}.city_area{padding:70px 0px 20px}.city_area .boxes .box{margin:10px 10px;width:calc((100% - 40px) / 2);padding:20px}.city_area .boxes .box .box_intro .intro_p2{margin:11px 15px 20px;font-size:17px;line-height:23px;height:92px;color:#000000}}@media (max-width: 720px){.header .header_bg{padding-top:38%}.header .header_bg .logo{top:calc(50% - 43px);left:0;max-width:100%}.header .header_bg .logo .logo_p1{font-size:40px;margin-bottom:0}.header .header_bg .logo .logo_p2{display:none}.header .meun_list .list{background-color:#fff}.header .meun_list .list a{display:block;width:100%;line-height:30px;font-size:16px;color:#3e3a39}.title_area>p{font-size:24px;line-height:30px;padding:20px}.title_area .border_short{margin:10px auto}.city_area .city_title{font-size:30px;line-height:86px;color:#000000;font-weight:bold;text-align:center;position:relative}.city_area .city_title.taoyuan::before{width:240px;left:calc(50% - 143px);bottom:22px}.city_area .city_title.taichung::before{width:240px;left:calc(50% - 135px);bottom:18px}.city_area .city_title.kaohsiung::before{width:260px;left:calc(50% - 145px);bottom:5px}.city_area .boxes .box{margin:20px auto;width:100%;max-width:420px;padding:0px;display:block}.city_area .boxes .box .box_intro .intro_p2{margin:11px 15px 20px;font-size:17px;line-height:23px;height:auto;color:#000000}}
/*# sourceMappingURL=itinerary.css.map */