@charset "utf-8";


@media (min-width:1500px){/**大於1500以上**/
.TOP{height: 62em; }
.TOP ul{ top:7rem;}
.TOP ul h1 {font-size: 3.8rem;line-height: 4.2rem;margin: 0 0 1rem 0;}
.TOP ul h2{font-size: 1.2rem;line-height: 1.6rem;}
.TOP .top_kv{top: -2rem;}

.REPORT ul li .txt {width: 30%;margin: 0 9.9% 0 10%;padding: 6rem 0 0 0;}
.REPORT ul li .line {height: 30rem;}	

.box_mint a.btn_connent {height: 12rem;}
	
.NFT .NFT_junction {top: -8rem;}

}

@media (min-width:1900px){/**大於1900以上**/
.REPORT ul {width:1900px;float: none;margin:auto;top: 5rem;}
.REPORT ul li .line {height: 35rem;}
.REPORT ul li .txt {padding: 10rem 0 0 0;}
.REPORT ul li .txt h1 {font-size: 2.4rem;line-height:2.8rem;}
.REPORT ul li .txt span {font-size: 1.2rem;line-height: 1.5rem;}
.box_mint a.btn_connent {width: 20%;height: 12rem;margin: 2rem 40% 0 40%;}
	
	
}
@media (max-width:1400px){/**小於1400以下**/
.TOP {height: 48em;}
}
@media (max-width:1300px){/**小於1300以下**/
.TOP ul {width: 80%;left: 10%;}
.TOP ul h1 { font-size: 2.9rem; line-height: 3.2rem; margin: 0;}

.REPORT ul {width: 90%;margin: 5rem 5%; }

.NFT {background-size: 105%;}
.NFT .NFT_junction {background-size: 105%;top: -6.7rem;}
.NFT .bg_constellation img {width: 110%;top: 2rem;left: -5%;}
	
.box_mint a.btn_connent { height: 8.2rem; }

	
}


@media (max-width:1100px){/**小於1100以下**/
.SKYBAR,.SKYBAR .logo{height: 3rem;}
.SKYBAR .menu a {height: 3rem; width: 3rem;}

.TOP{height: 39em; }
.TOP .top_kv {width: 106%; margin: 0 0 0 -3%;}
.TOP ul {width: 76%;left: 12%;top: 4.2rem;}
.TOP ul h1 {font-size: 2.3rem;line-height: 2.7rem;margin: 0 ;}
.TOP ul h2 {font-size: 0.8rem; line-height: 1.1rem;}
	
	
.REPORT ul li img {width: 40%;margin: 0 4.9% 0 5%;}
.REPORT ul li .txt {padding: 3.2rem 0 0 0; width: 40%;margin: 0 4.9% 0 5%;}
.REPORT ul li .txt span {font-size: 0.9rem;line-height: 1.3rem;}	

	
.NFT .bg_constellation img{width: 130%;top: 3rem;left: -15%;}
.NFT .BOX {margin: 4rem auto 2rem auto;}
.box_mint a.btn_connent { height: 7rem; }
	

.title h1 {font-size: 1.5rem; }
.title .line {width: 14%;margin: 0 0 0 43%;}

	
}



@media (max-width:1000px) and (orientation: portrait) { /**直式**//**小於1000以下**/
.SKYBAR,.SKYBAR .logo{height: 3.5rem;}
.SKYBAR .menu a {height: 3.5rem; width: 3.5rem;}

.TOP{height: 44em; }
.TOP .top_kv {width: 130%; margin: 0 0 0 -15%;}
.TOP{background-position: -99999px -99999px;}
.TOP:before{
        content: "";
        background-image: inherit;
        background-repeat: no-repeat;
        background-position: top;
        position:fixed;
        left: 0;
        height: 100vh;
        -webkit-background-size: 115% !important;
        -moz-background-size: 115% !important;
        -o-background-size: 115%;
        background-size: 115% !important;
        z-index: -1;}
.TOP ul {width: 82%;left: 9%;top: 4.8rem;}
.TOP ul h1 {font-size: 2.5rem;line-height: 2.7rem;}
.TOP ul h2 {line-height: 1.2rem;font-size: 0.9rem;}

.REPORT ul {width: 100%;margin: 5rem 0;}
.REPORT ul li .txt {padding: 2.7rem 0 0 0; width: 40%; margin: 0 4.9% 0 5%;}
.REPORT ul li .txt h1 {font-size: 2rem; line-height: 2.5rem;}
.REPORT ul li .txt span {font-size: 1.16rem; line-height: 1.3rem;}
	
.NFT{padding: 0 0 4rem 0;}	
.NFT .NFT_junction {top: -4.5rem;}
.NFT .bg_constellation img{width: 140%;top:4rem;left: -20%;}

.box_mint a.btn_connent { height: 6rem; }
	
.TEAM ul { width: 90%; margin: 5rem 0 0 5%; }
.TEAM ul li img.Photo { width: 80%; margin: 0 10%;}
.TEAM ul li h3 { width: 80%; margin: 0.5rem 10% 4rem 10%;line-height: 1rem;}

}

@media (max-width:820px){/**小於820以下**/
.TOP{height: 43em; }
.TOP .top_kv {width: 140%; margin: 0 0 0 -20%;}
.TOP ul { width: 84%; left: 8%; top: 4.7rem;}
.TOP ul h1{font-size: 2.3rem; line-height: 2.6rem;}

.REPORT ul li .txt {padding: 1.5rem 0 0 0;}
.REPORT ul li .txt h1 {font-size: 2rem; line-height: 2.4rem;}
.REPORT ul li .txt span {font-size: 1rem; line-height: 1.2rem;}

.box_mint a.btn_connent {height: 9.2rem;width: 46%;margin: 2rem 27% 0 27%;}

}

@media (max-width:768px){/**小於768以下**/
.SKYBAR,.SKYBAR .logo{height: 4rem;margin: 0 ;}
.SKYBAR .menu{margin: 0 ;}
.SKYBAR .menu a {height: 4rem; width: 4rem;}

.TOP{height: 43em; }
.TOP .top_kv {width: 150%; margin: 0 0 0 -25%;}
.TOP ul { width: 84%; left: 8%; top: 5rem;}
.TOP ul h1{font-size: 2.1rem; line-height: 2.3rem;}


.box_mint a.btn_connent {height: 9rem;}

}


@media (max-width:650px){/**小於650以下**/
.SKYBAR,.SKYBAR .logo{height: 3.2rem;margin: 0 ;}
.SKYBAR .menu a {height: 3.2rem; width: 3.2rem;}

.TOP { height: 47em;  background: url(../images/top_bg_mobile.jpg); background-size: 100%; background-position:center -10rem; }
.TOP .top_kv { display: none;}
.TOP ul {width: 90%;left: 5%;top: 4.3rem;}
.TOP ul h1 {font-size: 2.2rem;line-height: 2.3rem;}	

.NFT {background-size: 120%;}
.NFT .NFT_junction {background-size: 120%;top: -4.5rem;}

	
.title h1 {font-size: 1.5rem;line-height: 1.8rem;margin: 0 5% 1rem 5%;width: 90%;}	
.title .line {width: 20%;margin: 0 0 0 40%;}
	
.box_mint a.btn_connent {height: 6.5rem;width: 46%;margin: 2rem 27% 0 27%;}

}

@media (max-width:540px){/**小於540以下**/
.pc{display:none;}
.mobile{display:block;}

.TOP { height: 53.8em;background-position:center -2.5rem; }
.TOP ul {width: 90%;left: 5%;top: 4.3rem;}
.TOP ul h1 {font-size: 2.2rem;line-height: 2.3rem;}	

.REPORT {padding: 4rem 0;}
.REPORT ul {margin: 3.5rem 0;}
.REPORT ul li {margin: 0 0 4rem 0;}
.REPORT ul li img{ width: 60%; margin: 0 20%;}
.REPORT ul li .txt{ width: 80%; margin: 0 10%; padding: 3.5rem 0 ; border-bottom: solid 1px #a0805c;}

	
.NFT .BOX {width: 500px; height: 500px; margin: 1rem auto 2rem auto; }

.box_mint p {font-size: 1.1rem; line-height: 1.5rem;}
.TEAM ul li { width:100%;}
.TEAM ul li img.Photo {width: 60%; margin: 0 20%;}
.TEAM ul li h3 { font-size: 0.9rem; margin: 0.5rem 10% 6rem 10%;line-height: 1.2rem;}
}

@media (max-width:414px){/**小於414以下**/
.SKYBAR,.SKYBAR .logo{height: 3.5rem;}
.SKYBAR .menu a {height: 3.5rem; width: 3.5rem;}

.TOP {height: 49em;background-position:center top; background-size: 114%;}
.TOP ul { width: 94%; left: 3%;top: 4.3rem;}
.TOP ul h1 { font-size: 2rem; line-height: 2.2rem;}
.TOP ul h2 {line-height: 1.1rem;font-size: 0.8rem;}
	
.NFT {padding: 0 0 4rem 0; background-size: 150%;}
.NFT .NFT_junction {background-size: 150%; top: -3rem;}
.NFT .BOX {width: 400px; height: 400px; margin: 4rem auto 2rem auto; }
.NFT .big_box .txt {font-size: 0.7rem;}
.NFT .big_box .txt li.t3 {line-height: 1.2rem;padding: 0.3rem 0 0 0;}

.box_mint p { width: 90%; margin: 0 5%;font-size: 1.05rem;line-height: 1.4rem;}
.box_mint a.btn_connent {height: 6rem; width: 60%; margin: 1.5rem 20% 0 20%;}
.REPORT ul li img { width: 80%; margin: 0 10%;}
.REPORT ul li .txt { padding: 1rem 0 3.5rem 0; }	

.title {width: 90%; margin: 0 0 0 5%;}
.title h1 {font-size: 1.2rem; line-height: 1.5rem;}
}

@media (max-width:400px){/**小於400以下**/
.TOP {height: 46em;}
.TOP ul {width: 92%; left: 4%;top: 4.5rem;}
.TOP ul h1 { font-size: 1.7rem; line-height: 1.9rem;}
.TOP ul h2 {line-height: 0.9rem;font-size: 0.8rem;}

.NFT .BOX {width: 370px; height: 370px; margin: 2rem auto 2rem auto; }

	

}

@media (max-width:360px){/**小於360以下**/
.TOP {height: 42.7em;}
.TOP ul {top: 4.2rem;}


.NFT .BOX {width: 320px; height: 320px; }

}

@media (max-width:300px){/**小於300以下**/
.SKYBAR,.SKYBAR .logo{height: 3rem;}
.SKYBAR .menu a {height: 3rem; width: 3rem;}

.TOP { height: 33em; }


.NFT .NFT_junction {top: -3rem;}	
.NFT .BOX {width: 280px; height: 280px; }
.NFT {padding: 4rem 0 30rem 0;}
	
.box_mint p {width: 60%;margin: 0 20%;font-size: 1.2rem; line-height: 1.5rem;}


.TEAM ul {width: 90%;padding: 5rem 5% 1rem 5%;}
.TEAM ul p {width: 90%;font-size: 0.8rem;margin: 2rem 5%;line-height: 1.2rem;}
.TEAM ul li h3 { float: left; width: 100%; font-size: 0.7rem; margin: 0.5rem 0 3rem 0; line-height: 1.2rem;}


.title {width: 80%; margin: 0 0 0 10%;}
.title h1 {font-size: 1.2rem;line-height: 1.5rem;}	
.title h2 {font-size: 1rem; line-height: 1.8rem; }

.FOOTER {line-height: 1rem; padding: 1rem 0;}

}