body{
    color:#333;
}
.banner-wrap{
    width: 100%;
}
.banner-wrap img{
    display: block;
    width: 100%;
}
.middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li {
    line-height: 60px;
}
@media screen and (max-width: 992px){
    .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav{
        width: calc(100% + 30px);
    }
    .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav a{
        width: 100%;
    }
}
.main_header_area + section, .main_header_area + div, .main_header_area + row {
    margin-top: 60px;
}
h1{
    padding: 50px 0;
    line-height: 1.2;
}
body>.wrapper{
    /* padding: 0 20px; */
    padding-bottom: 50px;
}
body .container{
    padding-top: 20px;
}
.main_menu_area .container{
    padding-top: 0;
}
.wrapper section{
    padding: 15px 0 25px 0;
}
.wrapper section h2{
    margin-bottom: 20px;
    position: relative;
    text-indent: 20px;
    font-size: 28px;
}
.wrapper section h2:before{
    content:'';
    display: block;
    height: 100%;
    width: 10px;
    background-color: #fe4452;
    position: absolute;
}

.middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li:before {
    background: #fe4452;
}
/* #box3{
    background-image: url(../img/bg.jpg);
}
#box5{
    background-image: url(../img/bg2.jpg);
} */
#box3,#box5{
    background-color: rgb(248, 248, 246);
    background-position: center center;
    background-size: cover;
}
#box3 ul{
    padding: 20px 0 0 20px;
}
#box3 ul li{
    margin-bottom: 10px;
    position: relative;
}
#box3 ul li:before{
    position: absolute;
    content: '';
    display: block;
    height: 1px;
    width: 5px;
    background-color: #6b6d6f;
    top:11px;
    left:-15px;
}
#box4{
    position: relative;
}
#box4 .coin{
    position: absolute;
    left:-150px;
    bottom:0px;
    width: 800px;
    /* height: 800px; */
    z-index: -1;
    opacity: .5;
    max-width: 100%;
}
#box4 .coin img{
    display: block;
    width: 100%;
}
#box4>.container>ul{
    padding-left: 20px;
}
#box4>.container>ul>li{
    margin-bottom: 10px;
    list-style-type: decimal;
}
#box4>.container>ul>li>ul{
    padding: 10px 0 0 20px;
}
#box4>.container>ul>li>ul>li{
    margin-bottom: 10px;
    position: relative;
}
#box4>.container>ul>li>ul>li:before{
    position: absolute;
    content: '';
    display: block;
    height: 1px;
    width: 5px;
    background-color: #6b6d6f;
    top:11px;
    left:-15px;
}

#box5>.container>ul{
    padding-left: 20px;
}
#box5>.container>ul>li{
    margin-bottom: 10px;
    list-style-type: decimal;
}
#box2{
    position: relative;
}
#box2 .shopping{
    position: absolute;
    right:0;
    bottom:-140px;
    width: 500px;
    height: 500px;
    z-index: -1;
    opacity: 0;
}
#box2 .shopping img{
    display: block;
    width: 100%;
}
#box2 ul{
    margin-top: 10px;
}
#box2 ul li a{
    display: block;
    height: 60px;
    width: 100%;
    /* border: 3px solid #333; */
    box-sizing: border-box;
    margin-bottom: 15px;
    text-align: center;
    line-height: 54px;
    font-size: 20px;
    font-weight: 1000;
    transition: .3s;
    border-radius: 5px;
}
.museum a{
    border: 3px solid #31919c;
    background-color:#31919c;
    color:#fff;
}
.museum a:hover{
    opacity: .8;
}
.ali a{
    border: 3px solid #74ad3e;
    background-color:#74ad3e;
    color:#fff;
}
.ali a:hover{
    opacity: .8;
}
.taipei a{
    border: 3px solid #8dc558;
    background-color:#8dc558;
    color:#fff;
}
.taipei a:hover{
    opacity: .8;
}
.ct a{
    border: 3px solid #f78a79;
    background-color:#f78a79;
    color:#fff;
}
.ct a:hover{
    opacity: .8;
}
.nantou a{
    border: 3px solid #50b49b;
    background-color:#50b49b;
    color:#fff;
}
.nantou a:hover{
    opacity: .8;
}
.forest a{
    border: 3px solid #064e0b;
    background-color:#064e0b;
    color:#fff;
}
.forest a:hover{
    opacity: .8;
}

@media screen and (min-width: 768px){
    #box2 ul{
        overflow: hidden;
    }
    #box2 ul li a{
        margin: 0 5px;
        margin-bottom: 10px;
        width: calc(100%/3 - 10px);
        float: left;
    }
    #box2 .shopping{
        opacity: .8;
    }
}