* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
/*    text-decoration: none;*/
}

body {
    background-color: #1e7b95;
}
a{
	color:#d81673;
	-o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
a:hover{
	color:#1e7b95;
	-o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.bg {
    width: 100%;
    max-width: 1200px;
    background-color: #e7e0c6;
    margin: auto;
}

.banner {
    position: relative;
    width: 1200px;
    height: 1700px;
    background-color: #e7e0c6;
    margin: auto;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .banner {
        display: none;
    }
}

.banner1 {
    width: 100%;
    max-width: 1200px;
    background-color: #e7e0c6;
    margin: auto;
}

.banner1 img {
    width: 100%;
    max-width: 1200px;
}

@media (min-width: 1200px) {
    .banner1 {
        display: none;
    }
}

.back {
    position: absolute;
    width: 1200px;
    height: 870px;
    background-color: #80c2c7;
    z-index: 1;
}

.grassland {
    position: absolute;
    top: 620px;
    right: 0px;
    z-index: 2;
}

.title_word_1 {
    position: absolute;
    left: 120px;
    z-index: 2;
    -webkit-animation: title_word ease-in-out 2s infinite;
    animation: title_word ease-in-out 2s infinite;
}

@-webkit-keyframes title_word {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes title_word {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.title_word_2 {
    position: absolute;
    top: 0px;
    left: 200px;
    z-index: 2;
    -webkit-animation: title_word ease-in-out 2s infinite;
    animation: title_word ease-in-out 2s infinite;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.title_word_3 {
    position: absolute;
    top: 0px;
    left: 270px;
    z-index: 2;
    -webkit-animation: title_word ease-in-out 2s infinite;
    animation: title_word ease-in-out 2s infinite;
    animation-delay: .8s;
    -webkit-animation-delay: .8s;
}

.title_word_4 {
    position: absolute;
    top: 0px;
    left: 380px;
    z-index: 2;
    -webkit-animation: title_word ease-in-out 2s infinite;
    animation: title_word ease-in-out 2s infinite;
    animation-delay: .9s;
    -webkit-animation-delay: .9s;
}

.title_word_5 {
    position: absolute;
    top: 0px;
    left: 480px;
    z-index: 2;
    -webkit-animation: title_word ease-in-out 2s infinite;
    animation: title_word ease-in-out 2s infinite;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

.title_word_6 {
    position: absolute;
    top: 0px;
    left: 550px;
    z-index: 2;
    -webkit-animation: title_word ease-in-out 2s infinite;
    animation: title_word ease-in-out 2s infinite;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.title_word_7 {
    position: absolute;
    top: 0px;
    left: 625px;
    z-index: 2;
    -webkit-animation: title_word ease-in-out 2s infinite;
    animation: title_word ease-in-out 2s infinite;
    animation-delay: .9s;
    -webkit-animation-delay: .9s;
}

.title_word_8 {
    position: absolute;
    top: 0px;
    left: 700px;
    z-index: 2;
    -webkit-animation: title_word ease-in-out 2s infinite;
    animation: title_word ease-in-out 2s infinite;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

.title_word_9 {
    position: absolute;
    top: 0px;
    left: 780px;
    z-index: 2;
    -webkit-animation: title_word ease-in-out 2s infinite;
    animation: title_word ease-in-out 2s infinite;
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
}

.title_word_10 {
    position: absolute;
    top: 0px;
    left: 890px;
    z-index: 2;
    -webkit-animation: title_word ease-in-out 2s infinite;
    animation: title_word ease-in-out 2s infinite;
    animation-delay: .7s;
    -webkit-animation-delay: .7s;
}

.title_word_11 {
    position: absolute;
    top: 0px;
    left: 985px;
    z-index: 2;
    -webkit-animation: title_word ease-in-out 2s infinite;
    animation: title_word ease-in-out 2s infinite;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
}

.small_word_1 {
    position: absolute;
    top: 255px;
    left: 255px;
    z-index: 2;
    -webkit-animation: small_word ease-in-out 2s infinite;
    animation: small_word ease-in-out 2s infinite;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
}

@-webkit-keyframes small_word {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes small_word {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.small_word_2 {
    position: absolute;
    top: 265px;
    left: 320px;
    z-index: 2;
    -webkit-animation: small_word ease-in-out 2s infinite;
    animation: small_word ease-in-out 2s infinite;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

.small_word_3 {
    position: absolute;
    top: 260px;
    left: 375px;
    z-index: 2;
    -webkit-animation: small_word ease-in-out 2s infinite;
    animation: small_word ease-in-out 2s infinite;
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
}

.small_word_4 {
    position: absolute;
    top: 255px;
    left: 435px;
    z-index: 2;
    -webkit-animation: small_word ease-in-out 2s infinite;
    animation: small_word ease-in-out 2s infinite;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.small_word_5 {
    position: absolute;
    top: 270px;
    left: 520px;
    z-index: 2;
    -webkit-animation: small_word ease-in-out 2s infinite;
    animation: small_word ease-in-out 2s infinite;
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
}

.small_word_6 {
    position: absolute;
    top: 270px;
    left: 580px;
    z-index: 2;
    -webkit-animation: small_word ease-in-out 2s infinite;
    animation: small_word ease-in-out 2s infinite;
    animation-delay: .7s;
    -webkit-animation-delay: .7s;
}

.small_word_7 {
    position: absolute;
    top: 265px;
    left: 635px;
    z-index: 2;
    -webkit-animation: small_word ease-in-out 2s infinite;
    animation: small_word ease-in-out 2s infinite;
    animation-delay: .8s;
    -webkit-animation-delay: .8s;
}

.small_word_8 {
    position: absolute;
    top: 265px;
    left: 700px;
    z-index: 2;
    -webkit-animation: small_word ease-in-out 2s infinite;
    animation: small_word ease-in-out 2s infinite;
    animation-delay: .9s;
    -webkit-animation-delay: .9s;
}

.small_word_9 {
    position: absolute;
    top: 275px;
    left: 765px;
    z-index: 2;
    -webkit-animation: small_word ease-in-out 2s infinite;
    animation: small_word ease-in-out 2s infinite;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.cloud_1 {
    position: absolute;
    top: 330px;
    z-index: 2;
    -webkit-animation: cloud linear 20s infinite;
    animation: cloud linear 20s infinite;
}

@-webkit-keyframes cloud {
    from {
        left: -150px;
    }
    to {
        left: 1300px;
    }
}

@keyframes cloud {
    from {
        left: -150px;
    }
    to {
        left: 1300px;
    }
}

.cloud_2 {
    position: absolute;
    top: 385px;
    z-index: 2;
    -webkit-animation: cloud linear 30s infinite;
    animation: cloud linear 30s infinite;
}

.cloud_3 {
    position: absolute;
    top: 350px;
    z-index: 2;
    -webkit-animation: cloud linear 40s infinite;
    animation: cloud linear 40s infinite;
}

.cloud_4 {
    position: absolute;
    top: 420px;
    z-index: 2;
    -webkit-animation: cloud linear 35s infinite;
    animation: cloud linear 35s infinite;
}

.cloud_5 {
    position: absolute;
    top: 310px;
    z-index: 2;
    -webkit-animation: cloud linear 25s infinite;
    animation: cloud linear 25s infinite;
}



.sun {
    position: absolute;
    top: 295px;
    left: 1060px;
    z-index: 2;
    -webkit-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite;
}

@-webkit-keyframes rotate {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0%,
    100% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.city_1 {
    position: absolute;
    top: 295px;
    left: 865px;
    z-index: 2;
}

.city_2 {
    position: absolute;
    top: 480px;
    left: 720px;
    z-index: 2;
}

.city_3 {
    position: absolute;
    top: 495px;
    left: 930px;
    z-index: 2;
}

.city_4 {
    position: absolute;
    top: 575px;
    left: 505px;
    z-index: 2;
}

.city_5 {
    position: absolute;
    top: 600px;
    left: 300px;
    z-index: 2;
}

.city_6 {
    position: absolute;
    top: 445px;
    left: 385px;
    z-index: 2;
}

.bike_1 {
    position: absolute;
    top: 565px;
    left: 805px;
    z-index: 2;
}

.bike_2 {
    position: absolute;
    top: 560px;
    left: 540px;
    z-index: 2;
}

.tree_1 {
    position: absolute;
    top: 600px;
    left: 30px;
    z-index: 2;
}

.tree_2 {
    position: absolute;
    top: 555px;
    left: 1025px;
    z-index: 2;
}

.tree_3 {
    position: absolute;
    top: 645px;
    left: 470px;
    z-index: 2;
}

.grass_1 {
    position: absolute;
    top: 740px;
    left: 40px;
    z-index: 2;
}

.grass_2 {
    position: absolute;
    top: 640px;
    left: 240px;
    z-index: 2;
}

.grass_3 {
    position: absolute;
    top: 675px;
    left: 510px;
    z-index: 2;
}

.grass_4 {
    position: absolute;
    top: 690px;
    left: 640px;
    z-index: 2;
}

.grass_5 {
    position: absolute;
    top: 645px;
    left: 710px;
    z-index: 2;
}

.grass_6 {
    position: absolute;
    top: 660px;
    left: 875px;
    z-index: 2;
}

.qrcode {
    position: absolute;
    top: 405px;
    left: 45px;
    z-index: 2;
}

.page1_road {
    position: absolute;
    top: 730px;
    left: -40px;
    z-index: 2;
}

.title1 {
    position: absolute;
    top: 950px;
    left: 50%;
    margin-left: -325.5px;
    z-index: 2;
}

.tree_4 {
    position: absolute;
    top: 900px;
    left: 950px;
    z-index: 2;
}

.tree_5 {
    position: absolute;
    top: 1400px;
    left: 1040px;
    z-index: 2;
}

.tree_6 {
    position: absolute;
    top: 1363px;
    left: 32px;
    z-index: 2;
}

.tree_7 {
    position: absolute;
    top: 1490px;
    left: 510px;
    z-index: 2;
}

.tree_8 {
    position: absolute;
    top: 1490px;
    left: 890px;
    z-index: 2;
}

.content1 {
    position: absolute;
    top: 1355px;
    left: 246px;
    z-index: 2;
}

.content2 {
    position: absolute;
    top: 1355px;
    left: 640px;
    z-index: 2;
}

.cloud_6 {
    position: absolute;
    top: 1373px;
    left: 67px;
    z-index: 2;
        -webkit-animation: cloud linear 20s infinite;
    animation: cloud linear 20s infinite;
}

.bike_3 {
    position: absolute;
    top: 1407px;
    left: 110px;
    z-index: 2;
}

.content3 {
    position: absolute;
    width: 800px;
    top: 1035px;
    left: 50%;
    margin-left: -450px;
    z-index: 2;
}

.content3 ul li {
    color: #595757;
    font-size: 20pt;
    letter-spacing: 1px;
    line-height: 32pt;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
}

.content3 ul li:nth-child(2) {
    color: #e58a00;
    margin-top: 20px;
}

.page2 {
    position: relative;
    width: 1200px;
    height: 2000px;
    background-color: #e7e0c6;
    margin: auto;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .page2 {
        display: none;
    }
}

.page2_1 {
    width: 100%;
    max-width: 1200px;
    background-color: #e7e0c6;
    margin: auto;
}

.page2_1 img {
    width: 100%;
    max-width: 1200px;
}

@media (min-width: 1200px) {
    .page2_1 {
        display: none;
    }
}

.page2_road {
    position: absolute;
    left: 37px;
    z-index: 2;
}

.cloud_7 {
    position: absolute;
    top: 85px;
    left: 30px;
    z-index: 2;
        -webkit-animation: cloud linear 25s infinite;
    animation: cloud linear 25s infinite;
}

.cloud_8 {
    position: absolute;
    top: 175px;
    left: 970px;
    z-index: 2;
        -webkit-animation: cloud linear 20s infinite;
    animation: cloud linear 20s infinite;
}

.cloud_9 {
    position: absolute;
    top: 525px;
    left: 1030px;
    z-index: 2;
        -webkit-animation: cloud linear 30s infinite;
    animation: cloud linear 30s infinite;
}

.cloud_10 {
    position: absolute;
    top: 725px;
    left: 325px;
    z-index: 2;
        -webkit-animation: cloud linear 15s infinite;
    animation: cloud linear 15s infinite;
}

.cloud_11 {
    position: absolute;
    top: 1193px;
    left: 455px;
    z-index: 2;
        -webkit-animation: cloud linear 35s infinite;
    animation: cloud linear 35s infinite;
}

.cloud_12 {
    position: absolute;
    top: 1725px;
    left: 1030px;
    z-index: 2;
        -webkit-animation: cloud linear 20s infinite;
    animation: cloud linear 20s infinite;
}

.tree_9 {
    position: absolute;
    top: 0px;
    left: 970px;
    z-index: 2;
}

.tree_10 {
    position: absolute;
    top: 150px;
    left: 750px;
    z-index: 2;
}

.tree_11 {
    position: absolute;
    top: 505px;
    left: 30px;
    z-index: 2;
}

.tree_12 {
    position: absolute;
    top: 505px;
    left: 420px;
    z-index: 2;
}

.tree_13 {
    position: absolute;
    top: 475px;
    left: 860px;
    z-index: 2;
}

.tree_14 {
    position: absolute;
    top: 730px;
    left: 95px;
    z-index: 2;
}

.tree_15 {
    position: absolute;
    top: 1330px;
    left: 33px;
    z-index: 2;
}

.tree_16 {
    position: absolute;
    top: 1307px;
    left: 368px;
    z-index: 2;
}

.tree_17 {
    position: absolute;
    top: 1195px;
    left: 530px;
    z-index: 2;
}

.tree_18 {
    position: absolute;
    top: 1260px;
    left: 930px;
    z-index: 2;
}

.tree_19 {
    position: absolute;
    top: 1650px;
    left: 46px;
    z-index: 2;
}

.tree_20 {
    position: absolute;
    top: 1715px;
    left: 453px;
    z-index: 2;
}

.tree_21 {
    position: absolute;
    top: 1840px;
    left: 725px;
    z-index: 2;
}

.tree_22 {
    position: absolute;
    top: 1715px;
    left: 860px;
    z-index: 2;
}

.page2_title {
    position: absolute;
    top: 112px;
    left: 482px;
    z-index: 2;
}

.page2_step1_img {
    position: absolute;
    top: 170px;
    left: 145px;
    z-index: 2;
}

.page2_step1 {
    position: absolute;
    top: 272px;
    left: 467px;
    z-index: 2;
}

.page2_step2_img {
    position: absolute;
    top: 705px;
    left: 607px;
    z-index: 2;
}

.page2_step2 {
    position: absolute;
    top: 806px;
    left: 40px;
    z-index: 2;
}

.page2_step3_img {
    position: absolute;
    top: 1336px;
    left: 150px;
    z-index: 2;
}

.page2_step3 {
    position: absolute;
    top: 1437px;
    left: 468px;
    z-index: 2;
}

.bike_4 {
    position: absolute;
    top: 470px;
    left: 545px;
    z-index: 2;
}

.bike_5 {
    position: absolute;
    top: 1252px;
    left: 636px;
    z-index: 2;
}

.bike_6 {
    position: absolute;
    top: 1252px;
    left: 810px;
    z-index: 2;
}

.page3 {
    position: relative;
    width: 1200px;
    height: 910px;
    background-color: #e7e0c6;
    margin: auto;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .page3 {
        display: none;
    }
}

.page3_1 {
	position: relative;
    width: 100%;
    max-width: 1200px;
    background-color: #e7e0c6;
    margin: auto;
}

.page3_1 img {
    width: 100%;
    max-width: 1200px;
}

@media (min-width: 1200px) {
    .page3_1 {
        display: none;
    }
}
.page3_1_content2_1{
position: absolute;
top: 37%;
left:30%;
    z-index: 3;
	color: #fff;
    font-size: 2vw;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
}
@media (max-width: 320px) {
.page3_1_content2_1{
position: absolute;
top: 37%;
left:24%;
    z-index: 3;
	color: #fff;
    font-size: 2vw;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
}
}
.page3_1_content2_1 a{

	color: #fff;
}
.page3_1_content2_1 span{
	color: #ece000;
    font-size: 3vw;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
}

.page3_road {
    position: absolute;
    top: 110px;
    left: 110px;
    z-index: 2;
}

.page3_title {
    position: absolute;
    left: 421px;
    z-index: 2;
}

.cloud_13 {
    position: absolute;
    top: 67px;
    left: 166px;
    z-index: 2;
        -webkit-animation: cloud linear 20s infinite;
    animation: cloud linear 20s infinite;
}

.cloud_14 {
    position: absolute;
    top: 422px;
    left: 253px;
    z-index: 2;
        -webkit-animation: cloud linear 30s infinite;
    animation: cloud linear 30s infinite;
}

.cloud_15 {
    position: absolute;
    top: 403px;
    left: 1017px;
    z-index: 2;
        -webkit-animation: cloud linear 25s infinite;
    animation: cloud linear 25s infinite;
}

.tree_23 {
    position: absolute;
    top: 202px;
    left: 520px;
    z-index: 2;
}

.tree_24 {
    position: absolute;
    top: 292px;
    left: 80px;
    z-index: 2;
}

.tree_25 {
    position: absolute;
    top: 691px;
    left: 375px;
    z-index: 2;
}

.tree_26 {
    position: absolute;
    top: 572px;
    left: 700px;
    z-index: 2;
}

.tree_27 {
    position: absolute;
    top: 643px;
    left: 975px;
    z-index: 2;
}

.page3_content1 {
    position: absolute;
    top: 80px;
    left: 775px;
    z-index: 2;
}

.page3_content2 {
    position: absolute;
    top: 85px;
    left: 211px;
    z-index: 2;
}
.page3_content2_1{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -143px;
	margin-left: -220px;
    z-index: 2;
	color: #fff;
    font-size: 12pt;
    letter-spacing: 1px;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
}
.page3_content2_1 a{
	color: #fff;
}
.page3_content2_1 span{
	color: #ece000;
    font-size: 18pt;
    letter-spacing: 1px;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
}
.page3_content3 {
    position: absolute;
    top: 440px;
    left: 345px;
    z-index: 2;
}


.bike_7 {
    position: absolute;
    top: 440px;
    left: 766px;
    z-index: 2;
}

.bike_8 {
    position: absolute;
    top: 444px;
    left: 942px;
    z-index: 2;
}

.page4_title {
    margin-bottom: 20px;
    margin-top: 50px;
    text-align: center;
}

@media (max-width: 1200px) {
    .page4_title {
        display: none;
    }
}

.page4 {
    width: 100%;
    max-width: 1200px;
    background-color: #e7e0c6;
    margin: auto;
    text-align: center;
}

.page4_2 {
    width: 100%;
    max-width: 970px;
    margin: auto;
    text-align: left;
}

@media (max-width: 420px) {
    .page4_2 {
        width: 100%;
        max-width: 970px;
        margin: auto;
        text-align: center;
    }
}

.page4_1 {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    height: 400px;
    background-color: #fff;
    border-radius: 10px;
    vertical-align: top;
    margin: 10px;
    text-align: center;
    color: #595757;
    font-size: 12pt;
    letter-spacing: 1px;
    line-height: 21pt;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
}

.page4_1_1 img {
    width: 100%;
    max-width: 280px;
    margin-top: 10px;
}

.page4_1_1 li:nth-child(1) {
    background-color: #2e99d2;
    width: 100%;
    max-width: 350px;
    height: 160px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.page4_1_1 li:nth-child(2) {
    color: #2e99d2;
    font-size: 16pt;
    letter-spacing: 1px;
    line-height: 21pt;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
    margin: 10px;
}

.page4_1_1 li:nth-child(3) {
    text-align: left;
    margin: 10px;
}

.page5 {
    width: 100%;
    max-width: 1200px;
    background-color: #e7e0c6;
    margin: auto;
    text-align: center;
}

.page5_title img {
    width: 100%;
    max-width: 1200px;
    margin-top: 50px;
}

.page5_title1 {
    width: 100%;
    max-width: 1000px;
    color: #595757;
    margin: auto;
    margin-top: 10px;
    text-align: left;
    font-size: 16pt;
    letter-spacing: 1px;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
}

@media (max-width: 420px) {
    .page5_title1 {
        width: 100%;
        max-width: 1000px;
        color: #595757;
        margin: auto;
        padding: 10px;
        text-align: left;
        font-size: 12pt;
        letter-spacing: 1px;
        font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
    }
}

.page5_title1 span {
    color: #e58a00;
}

.page5 ul {
    width: 100%;
    max-width: 1140px;
    margin: auto;
    text-align: center;
}
.page5_1 ul{
    width: 100%;
    max-width: 1140px;
    margin: auto;
    text-align: left;
}

@media (max-width: 420px) {
    .page5_1 ul {
        width: 100%;
        max-width: 1140px;
        margin: auto;
        text-align: center;
    }
}

.page5 ul li {
    display: inline-block;
    vertical-align: top;
    width: 280px;
    margin: auto;
    margin-top: 50px;
    text-align: center;
    color: #595757;
    font-size: 12pt;
    letter-spacing: 1px;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
}

.page8 {
    width: 100%;
    max-width: 1200px;
    background-color: #e7e0c6;
    margin: auto;
    text-align: center;
}

.page8_1 {
    width: 100%;
    max-width: 970px;
    margin: auto;
    margin-top: 20px;
    color: #1e7b87;
    font-size: 16pt;
    letter-spacing: 1px;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
    text-align: left;
}

.page8 ul {
    width: 100%;
    max-width: 970px;
    margin: auto;
    text-align: left;
}

.page8 ul li {
    margin: 10px;
    display: inline-block;
    color: #595757;
    font-size: 12pt;
    letter-spacing: 1px;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
    text-align: left;
}

.page9 {
    width: 100%;
    max-width: 1200px;
    background-color: #e7e0c6;
    margin: auto;
    text-align: center;
}

.page9 ul {
    width: 100%;
    max-width: 970px;
    margin: auto;
    padding:0 10px;
    text-align: left;
}

.page9 ul li {
    margin: 10px;
    color: #595757;
    font-size: 12pt;
    letter-spacing: 1px;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
    text-align: left;
    margin-left: 1em;
    text-indent: -1em;
}

.page9 ul li:nth-child(10) {
    margin-left: 2em;
    text-indent: -2em;
}
.footer{
	    position: relative;
    width: 1200px;
    height: 1100px;
    background-color: #e7e0c6;
    margin: auto;
    overflow: hidden;
}
@media (max-width: 1200px) {
    .footer {
        display: none;
    }
}
.foot_img6 {
    position: absolute;
bottom:-5px;
    z-index: 2;
}
.foot_img1{
	position: absolute;
	bottom:770px;
	left:-10px;
	z-index: 1;
}
.foot_img2{
	position: absolute;
	bottom:750px;
	left:815px;
	z-index: 1;
}
.foot_img3{
	position: absolute;
	bottom:750px;
	left:915px;
	z-index: 1;
}
.foot_img4{
	position: absolute;
	bottom:740px;
	left:1085px;
	z-index: 1;
}
.foot_img5{
	position: absolute;
	bottom:760px;
	left:1085px;
	z-index: 1;
}


.foot_img5 {
    position: absolute;
    top:30px;
    left: 170px;
    z-index: 2;
    -webkit-animation: title_word ease-in-out 4s infinite;
    animation: title_word ease-in-out 4s infinite;
}








.cloud_16 {
    position: absolute;
    top: 110px;
    z-index: 4;
    -webkit-animation: cloud linear 20s infinite;
    animation: cloud linear 20s infinite;
}
.cloud_17 {
    position: absolute;
    top: 50px;
    z-index: 4;
    -webkit-animation: cloud linear 30s infinite;
    animation: cloud linear 30s infinite;
}
.cloud_18 {
    position: absolute;
    top: 70px;
    z-index: 4;
    -webkit-animation: cloud linear 40s infinite;
    animation: cloud linear 40s infinite;
}
.cloud_19 {
    position: absolute;
    top: 10px;
    z-index: 4;
    -webkit-animation: cloud linear 25s infinite;
    animation: cloud linear 25s infinite;
}
.cloud_20 {
    position: absolute;
    top: 20px;
    z-index: 4;
    -webkit-animation: cloud linear 35s infinite;
    animation: cloud linear 35s infinite;
}
.tree_28{
	position: absolute;
	bottom:706px;
	left:95px;
	z-index: 3;
}
.tree_29{
	position: absolute;
	bottom:745px;
	left:380px;
	z-index: 3;
}
.tree_30{
	position: absolute;
	bottom:760px;
	left:640px;
	z-index: 3;
}
.tree_31{
	position: absolute;
	bottom:695px;
	left:985px;
	z-index: 3;
}
.logo{
	position: absolute;
	left:50%;
	top:53%;
	margin-left: -130px;
	width: 260px;
	height: 260px;
	border-radius:99em;
	background-color: #fff;
	text-align: center;
	line-height: 85px;
	z-index: 6;

}
.logo img{

	vertical-align: middle;
}
.logo span{
color: #1e7b87;
    font-size: 24pt;
    letter-spacing: 1px;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
}
.line{
	position: absolute;
	top:52.2%;
	left:50%;
	margin-left: -140px;
	width: 280px;
	height: 280px;
	border-style:dashed;
	border-radius:99em;
	border-color: #fff;
	text-align: center;
	line-height: 85px;
	z-index: 6;
}
.round{
	position: absolute;
	left:50%;
	top:51.2%;
	margin-left: -150px;
	width: 300px;
	height: 300px;
	border-radius:99em;
	background-color: #809800;
	z-index: 5;

}
.round1{
	position: absolute;
	left:50%;
	top:35%;
	margin-left: -340px;
	width: 680px;
	height: 680px;
	border-radius:99em;
	background-color: rgba(255,255,255,.7);
	z-index: 4;
	color: #1e7b87;
    font-size: 24pt;
    letter-spacing: 1px;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
text-align: center;
line-height: 80px;
}
.logo1{
	position: absolute;
	left:50%;
	margin-left: -145px;
	bottom:575px;
	z-index: 6;
}
.logo2{
	position: absolute;
	left:50%;
	margin-left: -255px;
	bottom:510px;
	z-index: 6;
}
.logo3{
	position: absolute;
	left:50%;
	margin-left: -300px;
	bottom:430px;
	z-index: 6;
}
.logo4{
	position: absolute;
	left:50%;
	margin-left: -300px;
	bottom:325px;
	z-index: 6;
}
.logo5{
	position: absolute;
	left:50%;
	margin-left: -250px;
	bottom:220px;
	z-index: 6;
}
.logo6{
	position: absolute;
	left:50%;
	margin-left: -130px;
	bottom:95px;
	z-index: 6;
}
.logo7{
	position: absolute;
	left:50%;
	margin-left: 15px;
	bottom:120px;
	z-index: 6;
}
.logo8{
	position: absolute;
	left:50%;
	margin-left: 120px;
	bottom:220px;
	z-index: 6;
}
.logo9{
	position: absolute;
	left:50%;
	margin-left: 165px;
	bottom:325px;
	z-index: 6;
}
.logo10{
	position: absolute;
	left:50%;
	margin-left: 165px;
	bottom:430px;
	z-index: 6;
}
.logo11{
	position: absolute;
	left:50%;
	margin-left: 120px;
	bottom:510px;
	z-index: 6;
}
.logo12{
	position: absolute;
	left:50%;
	margin-left: 20px;
	bottom:575px;
	z-index: 6;
}

.footer1{
	width: 100%;
    max-width: 1200px;
    background-color: #809900;
    padding-bottom: 20px;
    margin: auto;
}
@media (min-width: 1200px) {
    .footer1 {
        display: none;
    }
}
.footer1 img{
	width: 100%;
    max-width: 1200px;
    margin: auto;
}







.organizers{
	width: 90%;
	margin:auto;
	margin:10px auto;
	padding:10px;
	background-color: rgba(255,255,255,.9);
	border-radius: 10px;
	color: #1e7b87;
    font-size: 16pt;
    letter-spacing: 1px;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
    text-align: center;
}
.organizers img{

	width: 120px;
}
.sponsor{
	width: 90%;
	margin:auto;
	margin:10px auto;
	padding:10px;
	background-color: rgba(255,255,255,.7);
	border-radius: 10px;
	color: #1e7b87;
    font-size: 16pt;
    letter-spacing: 1px;
    font-family: "微軟正黑體", Meiryo, "Microsoft JhengHei", Verdana, Geneva, sans-serif;
    text-align: center;
}
.sponsor ul li{
	display: inline-block;
	vertical-align: middle;
	margin:20px;
}
.sponsor img{
	width: 120px;
}

.ubikeShareLink{
    position: relative;
    float:center;
    margin:30px auto;
    width:100%;
    max-width:600px;
    content: url(/public/eventImg/Ubike/youbike_share_600x315.jpg);
}
@media (min-width: 1200px) {
    .ubikeShareLink{
        width:100%;
        max-width:950px;
        content: url(/public/eventImg/Ubike/youbike_share_950x166.jpg);
    }  
}