.wrapper{overflow-x: hidden;}

.container { width: 95%;}

.content{background-size:140% ;}

/*天：預設手機橫版尺寸*/
.header{ width: 90%; height:0; padding-bottom: 79%;}

.header__logo{position: absolute;top: 4%;left: 49%;}

.header__main{ width:65%; padding-top: 12%; padding-left: 8%;}

.header__slogan{width: 35%;margin-left: 20%;}
	

.container > p ,.container > ol{font-size: 100%;}
.container > p{line-height: 25px;}

/* ===========.box-compose============ */
.box-compose {}
.slider-wra{font-size: 90%;}


/* =================nav================= */
.nav ul {}	 
.nav ul li	{width:33%; height:85px;}
	.nav a {background-size:100% 200%;}

/* =================img 尺寸================= */	

/*全滿*/
.full {}
/*5等*/
.half {}
/*8等*/
.eighth{}



/*iPhone 6  直版尺寸*/
@media screen and (max-width: 415px){
	
.content {background-size: 180%;}

.header{padding-bottom: 110%; width: 95%;}

.header__main {width: 75%; padding-top: 15%; padding-left:0;}
.header__slogan{width: 50%; margin-left: 14%;}

.nav ul li {width: 49%; height:75px;}

.content__main__rankBtn{ width:90%;}

/*.box-compose*/
.col-4 {width: 90%;}

}

/*iPhone 8 直版尺寸*/
@media screen and (max-width: 376px){
.header {padding-bottom: 120%;}

}