/* 響應式設計 */
@media only screen and (max-width:768px){	
h1{
	margin:0rem 3px 2rem 3px;
	font-size:1rem;
	letter-spacing:0.05rem;
	padding:0.5rem;
	text-shadow: 1px 1px 2px rgba(255, 163, 77, 1);
	border-radius:5px;
}
h2{
	font-size: 2rem;
	padding:1rem 0 0 0;
}	
section{
	padding:0;
}

    .advantage-title {
        font-size: 1.8rem;
    }
    .advantage-item {
        padding: 20px;
    }
    .special-benefit {
        padding: 20px;
    }
.zuche_cj{
	flex-direction:column;
	row-gap:1rem;
	padding:0 4px 0 4px;
	
	}
.zuche_cj li{
	width: 100%;
	height: 75vw;
	border:none;
	border-radius:0px
}	
.container {
            max-width: 90vw;
        }
.section-title {
            padding-left: 0.2rem;
        }
.pricing-table th, .pricing-table td {
    padding: 4px;
}	
	
.advantage-container {
  margin: 0 auto;
  padding: 0.5rem;
}
#service-box #service {
	flex-direction: column;
	align-items:center;
	justify-content:center;
	row-gap:2rem;
	padding:0rem;

}
#service-box #service li{
    width: 90%;
	margin:0 5% 0 5%;
}
#service-box #company-num{
	width:90%;
	position: relative;
	margin:0 5% 0 5%;
	padding:1rem 0;
	}
#service-box #company-num .num-box{
	width:100%;
	flex-wrap:wrap;
	row-gap:1rem;
	}	
.top,.weixin{ display:none}


#circle{
	flex-direction: column;
	align-items:center;
	margin:10rem 0 10rem 0;
	height:100vh;
	row-gap:1.5rem;	
	}
#circle li{
	width:40vh;	
	}
#biaoqian{
	margin:1rem 2px 1rem 2px;
	gap:0.8rem;
	display:grid;
	grid-template-columns:repeat(auto-fill,170px);
	}
#biaoqian li{
	font-size:1.2rem;
	padding:0.7rem;
	letter-spacing:1px;
	text-align:center;
	white-space: nowrap; 
	}
	
.downs-ul{
	display: grid;
	width:100%;
	grid-template-columns:repeat(2,50%);
	position: fixed;
	bottom:0;left:0;
	background:#27aade;
	color:#fff;
	z-index: 1212;
	height:8vh;
	place-items:center;
	font-size:1.1rem;
}
.downs-ul li {

}
.downs-ul li a{
	color:#fff;
	background: url('../images/dianhua-100.png') left  no-repeat;
	background-size: 2.8rem;
	padding:1rem 0 1rem 2.8rem;
}
.downs-ul .weixin_m{
	background: url('../images/weixin.png') left  no-repeat;
	background-size: 2.5rem;
	border:none;
	color:#fff;
	padding-left:3rem;
	height:8vh;
	font-size:1.1rem;
}
main{
	flex-direction:column-reverse;
	margin-bottom:10vh;

}
aside ul{
	grid-column-gap:0.2rem;
	grid-template-columns:repeat(4,25%);
	border-bottom:0.4rem solid #27aade;	border-right:0;
	padding-right:0.6rem;
}
aside ul li{
	line-height:2rem;
	font-size:1.3rem;
	letter-spacing:0px;

}
aside ul li a,aside ul .active {
	padding:0 0.3rem 0 0.3rem;

}

.biaoge{
	width: 100%;
	line-height:2rem;
	}
.jiage{
	width: 100%;
	grid-template-columns:0.5fr minmax(2rem, 1.5fr) 1.5fr;
	letter-spacing:1px;
}
.r1{
	font-size:1.2rem;
}
.c1{
	font-size:1.1rem;
}

.side_dazhongba {
	grid-template-rows:repeat(4,30vh);
	grid-template-columns:100%;
}
.side_zhonggang {
	grid-template-rows:repeat(2,133vw);
}
.side_dazhongba li,.side_zhonggang li{
	background-size:contain;
}
.dazhongba{
	grid-template-columns:minmax(3rem,0.9fr) minmax(4rem,1.3fr) minmax(4rem,1.3fr);
}
.dazhongba div{
	word-wrap: break-word;
}
#video {
	grid-template-columns: 98%;
	grid-row-gap: 1rem;
}
video{
	width: 100%;
	height: 133vw;
}
#header {
	flex-direction:column;
	justify-content:space-around;
	align-items:flex-start;
	}
#header  object{
	width:94vw;
}

#header .yuyan{
	top:0.5rem; right:0.5rem;
}
	
#header .nav A, #header .nav .present, #header .nav A:hover{
	padding:0.5rem;
}
#new A{
	font-size:1.2rem
     }
/*aoditong.html*/


.side_shangwu {
	grid-template-columns:100%;
	grid-template-rows:repeat(2,75vw);
}
.side_shangwu li{
	background-size:contain;
}
#bangongshi,#pingjia ul{
	flex-direction: column;
	align-items:center;
	}
#pingjia ul li{
	width:90vw;height:100vw;
	margin-bottom:1rem;
	}	
                                                         /* zhuhai_tuancan.html 團餐start */
            .section-title {
                font-size: 1.5rem;
            }

            .sub-title {
                font-size: 1.2rem;
            }	
                                                         /* zhuhai_tuancan.html 團餐end */
	}


        /* 行動端優化 */
        @media (max-width: 480px) {
                                                         /* zhuhai_tuancan.html 團餐start */
            .section {
                padding: 20px 15px;
            }

            .value-item {
                margin-left: 15px;
            }

            .value-item::before {
                left: -15px;
            }
                                                         /* zhuhai_tuancan.html 團餐end */
        }