body {
    background-color: #edf5f8;
}

.top-header {
    height: 8rem;
}

.top-logo {
    height: 8rem;
    display: flex;
    /* justify-content: center; */
    align-items: Center;
}

.top-right {
    height: 8rem;
    display: flex;
    /* justify-content: center; */
    align-items: Center;
}

.top-phone {
    width: 100%;
    height: 5rem;
    border-radius: 5rem;
    background: -webkit-linear-gradient(left, #00a1a7, #1fcdd1);
    padding: 0.5rem 0.5rem;
    display: flex;
    align-items: Center;
}
    .top-phone .tell-phone {
        width: 100%;
        text-align:center;
    }
.top-phone a {
    font-size: 3.5rem;
    color: #fff;
}

    .top-phone img {
        margin-right: 3rem;
        width: 100%;
    }

.nav-tainer ul {
    background: -webkit-linear-gradient(left, #00a1a7, #1fcdd1);
}

.nav-tainer ul li:not(:first-child) {
/*    background-image: url("../images/nav/nav-fgx.png");*/
    background-repeat: no-repeat;
}

.nav-tainer ul li a {
    color: #fff;
    font-size: 2.8rem;
}

.nav-tainer li a:focus,
.nav-tainer li a:hover {
    color: #0baeb6;
    background-color: #fff;
}
.am-slider-default ol {
    margin-top: -2rem;
}
.section {
    padding-top: 2rem 0;
}

.store-title {
    margin: 3rem 0 1rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: Center;
}

.store-title h2 {
    background: -webkit-linear-gradient(left, #00a1a7, #1fcdd1);
    width: 80%;
    height: 5rem;
    line-height: 5rem;
    border-radius: 50px;
    color: #fff;
}

.product-link img,
.team-link img,
.service-link img {
    width: 100%;
    padding-bottom: 3.5rem;
}

.info-title img {
    width: 100%;
    margin-bottom: 5rem;
}

.info-list-1,
.info-list-2,
.info-list-3,
.info-list-4,
.info-list-5,
.info-list-6 {
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 18rem;
    line-height: 18rem;
    /*font-size: 3rem;*/
    font-weight: bold;
}

.info-list-1 a,
.info-list-2 a,
.info-list-3 a,
.info-list-4 a,
.info-list-5 a,
.info-list-6 a {
    color: #000;
}

.info-list-1 {
    background-image: url("../images/link/info-news.png");
}

.info-list-2 {
    background-image: url("../images/link/info-fit.png");
}

.info-list-3 {
    background-image: url("../images/link/info-care.png");
}

.info-list-4 {
    background-image: url("../images/link/info-discount.png");
}

.info-list-5 {
    background-image: url("../images/link/info-child.png");
}

.info-list-6 {
    background-image: url("../images/link/info-adult.png");
}

.info-activity {
    height: 6rem;
    display: flex;
    /* justify-content: center; */
    align-items: Center;
    padding: 3rem 0;
    margin-bottom:2rem;
    background-color: #fff;
    border-radius: 15px;
}

.info-activity img {
    height: 3.5rem;
    width: 3.5rem;
}

.info-activity a {
    font-size: 2.5rem;
}

.info-activity img {
    margin: 0 1rem 0 1rem;
}

.footer-tainer {
    padding-bottom: 3rem;
}

.footer {
    height: 15rem;
    background-color: #656b6b;
    display: flex;
    justify-content: center;
    align-items: Center;
    padding: 5rem 0;
}

.footer .contact-me {
    height: 6rem;
    background-color: #fff;
    width: 80%;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: Center;
}

.footer .contact-me a {
    font-size: 3rem;
    font-weight: bold;
    color: #7f8686;
}
    /*.footer .contact-me a span {
        background-color: #7f8686;
        color: #fff;
        padding: 0 0.7rem;
        border-radius: 50px;
    }*/
.footnote {
    margin-top: -3.5rem;
    font-size: 0.5rem;
    color: #edf5f5;
    font-size:1rem;
}

.am-topbar-fixed-bottom ul {
    background: -webkit-linear-gradient(left, #00a1a7, #1fcdd1);
    /* Safari 5.1 - 6.0 */
}

.am-topbar-fixed-bottom ul li:not(:first-child) {
    /*background-image: url("../images/nav/nav-fgx.png");*/
    background-repeat: no-repeat;
}

.am-topbar-fixed-bottom ul li a {
    color: #fff;
    font-size: 1.5rem;
    padding: 0.5rem 0;
    height: 6rem;
    line-height: 5rem;
}

.am-topbar-fixed-bottom ul li a span {
    display: block;
    line-height: 3rem;
}

.am-topbar-fixed-bottom li a:focus,
.am-topbar-fixed-bottom li a:hover {
    color: #0baeb6;
    background-color: #fff;
}

@media screen and (max-width:1024px) {
    .top-logo img {
        width: 100%;
        margin-left:1rem;
    }
    .top-phone {
        height: 5rem;
        width: 100%;
        border-radius: 5rem;
        background-color: #0baeb6;
        padding: 0 0.5rem;
        display: flex;
        align-items: Center;
        /*justify-content: center;*/
        color: #fff;
    }
        .top-phone a {
            font-size: 2.5rem;
        }
    .top-phone img {
        margin-right: 2rem;
    }
    .nav-tainer ul li a {
        color: #fff;
        font-size: 2.5rem;
        font-weight: bold;
        height: 6rem;
        line-height: 5rem;
    }
    .info-list-1,
    .info-list-2,
    .info-list-3,
    .info-list-4,
    .info-list-5,
    .info-list-6 {
        height: 15rem;
        line-height: 15rem;
        font-size: 2.5rem;
        font-weight: bold;
    }
}

@media screen and (max-width:640px) {
    .top-logo img {
        width: 100%;
    }
    .top-phone {
        height: 5rem;
        width: 100%;
        border-radius: 5rem;
        background-color: #0baeb6;
        padding: 0 0.5rem;
        display: flex;
        align-items: Center;
        /*justify-content: center;*/
        font-weight: bold;
        letter-spacing: 0.1rem;
    }
        .top-phone a {
            font-size: 1.5rem;
            color: #fff;
        }
    .top-phone img {
        margin-right: 0.5rem;
    }
    .nav-tainer ul li a {
        color: #fff;
        font-size: 1.7rem;
        padding: 0.5rem 0;
        height: 6rem;
        line-height: 5rem;
    }
    .store-title h2 {
        font-size: 1.7rem;
    }
    .info-title img {
        margin-bottom: 3rem;
    }
    .info-a-n img {
        width:100%;
    }
    .info-list-1,
    .info-list-2,
    .info-list-3,
    .info-list-4,
    .info-list-5,
    .info-list-6 {
        height: 8rem;
        line-height: 8rem;
        font-size: 1.5rem;
        font-weight: bold;
        width: 32%;
        float: left;
    }
    .info-list-1,
    .info-list-2,
    .info-list-4,
    .info-list-5{
        margin-right:2%;
    }
    .info-activity a {
        font-size: 1.5rem;
    }
    .info-activity img {
        height: 2.5rem;
        width: 2.5rem;
    }
    .footer .contact-me a {
        font-size: 1.8rem;
    }
    
        .footer .contact-me a span {
            background-color: #7f8686;
            color: #fff;
            padding: 0 0.7rem;
            border-radius: 50px;
        }
}

#rightbar{
	width: 100%;
	background: rgba(255,255,255,0);
	height: 100%;
	position: fixed;
	left: 0%;
	top: 0;
	display: none;
}
.leftmenu{width:96%; height:30px; z-index:111; text-align:center; line-height:30px; color:#ffffff; font-size:14px; border-bottom:1px solid #adabab; margin:0 auto;}
.leftmenu a{color:#fff;}
#zzz{
	width: 0;
	height: 90%;
	float: right;
	background: rgba(0,0,0,0.75);
	position: fixed;
	right: 0;
	top:21%;
	border-bottom-left-radius:5px; border-top-left-radius:5px;
}