@charset "utf-8";
/* CSS Document */
html {scroll-behavior: smooth;}
body {font-family: 'Noto Sans TC', sans-serif; font-weight: 400;}
.pc{display:block;}
.mobile{display:none;}

/* 嵌入字型設定 */
@font-face {font-family: "HYRuiYiSongI35W";src: url(../font/汉仪瑞意宋I35W.ttf);}
.SKYBAR{top: 0; left: 0;position: fixed; float:left; width:100%; height: 4rem; background: url("../images/skyber_bg.jpg"); background-size:cover;z-index:999;}
.SKYBAR .logo{float:left; height:4rem; margin: 0 0 0 3rem ;}
.SKYBAR .menu{float:right; margin: 0 3rem 0 0;}
.SKYBAR .menu a{float:left;height: 4rem; width:4rem;transition: .2s;}
.SKYBAR .menu a.icon_Twitter{background: url("../images/icon_Twitter.png");background-size:cover;}
.SKYBAR .menu a.icon_Discord{background: url("../images/icon_Discord.png");background-size:cover;}
.SKYBAR .menu a.icon_Language{background: url("../images/icon_Language.png");background-size:cover;}
.SKYBAR .menu a.icon_ConnectWallet{background: url("../images/icon_ConnectWallet.png");background-size:cover;}
.SKYBAR .menu a.icon_Twitter:hover{background: url("../images/icon_Twitter_a.png");background-size:cover;}
.SKYBAR .menu a.icon_Discord:hover{background: url("../images/icon_Discord_a.png");background-size:cover;}
.SKYBAR .menu a.icon_Language:hover{background: url("../images/icon_Language_a.png");background-size:cover;}
.SKYBAR .menu a.icon_ConnectWallet:hover{background: url("../images/icon_ConnectWallet_a.png");background-size:cover;}



.TOP{top: 0;left: 0; position: relative; float: left;width: 100%; height: 51.5rem;overflow:hidden;z-index:0;
	background: url("../images/top_bg_pattern.jpg") fixed;
	background-size: 100%;    
	background-position:top center;
}
.TOP .top_kv{width: 100%;position: relative; z-index: 0;}
.TOP ul {position:absolute; float:left; width:72%; left: 14%; top:5.2rem; color: #8e5c39;z-index: 2;}
.TOP ul h1{float:left;width:100%; font-family: 'Luckiest Guy', cursive; font-size:3rem; text-align: center; line-height: 3.5rem; margin:0 0 0.5rem 0;
	text-shadow:
		2px -1px 0px rgba(255, 255, 255, 1),
    	0px 2px 0px rgba(0, 0, 0, 1);
    }
.TOP ul h2{float:left;width:100%; font-size:1rem;text-align: center;line-height: 1.4rem;
	text-shadow:
		0px 0px 5px rgba(255, 255, 255, 1),
		0px 0px 6px rgba(234, 210, 183, 1),
		0px 0px 6px rgba(234, 210, 183, 1),
		0px 0px 10px #8e5c39;}

.title{position: relative;float:left;width:100%;text-align: center; z-index:2;}
.title h1{float:left;width:100%;font-size:1.8rem; line-height: 4rem; color:#dc6763; font-weight: 700;}
.title .line{float:left;border-bottom: solid 5px #dc6763; width:8%; margin: 0 0 0 46%;}


.REPORT{left: 0; position: relative; float: left;width: 100%; padding:5rem 0;  background: #f6ecde;}
.REPORT ul{left: 0; position: relative; width: 80%; float: left; margin: 5rem 10%;}
.REPORT ul li{width: 100%; float: left;}
.REPORT ul li img{width: 30%; float: left; margin: 0 9.9% 0 10%;}
.REPORT ul li .line{float: left; height: 25rem;border-left: solid 1px #a0805c;
					box-shadow:-2px 0px 0px #664d1e, -1px 0px 0px #fef6df, 1px 0px 0px #000000;}
.REPORT ul li .txt{float: left; width: 30%;margin: 0 9.9% 0 10%; padding: 2rem 0 0 0;}
.REPORT ul li .txt h1{float: left;width: 100%;font-family: 'Abril Fatface', cursive; color:#b27e4b; font-size: 2.1rem; text-align: center; line-height: 2.3rem; margin: 0 0 1rem 0; text-shadow:1px -1px 0px rgba(255, 255, 255, 1), 0px 1px 0px rgba(0, 0, 0, 1);}
.REPORT ul li .txt span{float: left;width: 100%;font-size: 1rem; text-align: center; line-height: 1.3rem;}



.MAIT{left: 0; position: relative; float: left;width: 100%; padding:5rem 0 0 0;  background:url("../images/mint_bg.jpg"); background-size: cover;}
.MAIT .img_RowOfBirds{position: relative;width:100%;top: 0; left:0; z-index: 1;}

.box_mint{position: relative; float:left;width:100%; color:#FFFFFF; margin: 1rem 0 2rem 0; z-index: 3;
			text-shadow:1px 1px 10px #7a3b1a,-1px -1px 10px #7a3b1a, 0px 0px 10px #7a3b1a, 0px 2px 2px #000;}
.box_mint p{float:left; width:100%; text-align: center; font-size: 1.3rem; font-weight: 700;}
.box_mint a.btn_connent{float:left; width:26%; height: 9.5rem; margin: 2rem 35% 0 37%;transition: .2s; background: url("../images/btn_connent.png") no-repeat;background-size: 100%;}
.box_mint a.btn_connent:hover{background: url("../images/btn_connent_a.png") no-repeat;background-size: 100%;}

.box_mint span{float:left; width:100%; text-align: center; font-size: 0.9rem;font-weight: 700;}




.NFT{left: 0; position: relative; float: left;width: 100%; z-index: 1;padding: 0 0 8rem 0;
	background: url("../images/bg2.png");
	background-size: 100%;    
	background-position:top center;}
.NFT .NFT_junction{position:absolute;top: -7.5rem;width: 100%; height: 20rem; z-index: 0; 
	background: url("../images/bg.png") no-repeat;
	background-size: 100%;    
	background-position:top center;}

.NFT .BOX{position: relative;width:600px; height:600px;margin:7rem auto 2rem auto;z-index: 1;}
.NFT .left_box{float:left; width: 25%; height:100%;}
.NFT .bottom_box{float:left; width: 75%; height: 25%;}
.NFT .big_box{position: relative;float:left;background: url("../images/box.png"); width:75%; height:75%; 
	background-size: cover;    
	background-position:top center;
	-moz-box-shadow: 0px 0px 3px #000000;
	-webkit-box-shadow: 0px 0px 3px #000000;
	box-shadow: 0px 0px 3px #000000;}
.NFT .big_box .txt{position: absolute; width: 70%; height: 3rem; left: 4%; bottom: 1rem; padding: 0 3%; text-align: center; z-index: 3; background: rgba(45,60,93,0.80) ; color:#fff; font-size: 0.88rem;}
.NFT .big_box .txt li{ line-height: 3rem;}
.NFT .big_box .txt li.t7{ line-height: 1.2rem; padding: 0.3rem 0 0 0;}

.NFT .left_box a{float:left; width:98%; height:24.5%;transition: .3s;
	-moz-box-shadow: 0px 0px 3px #000000;
	-webkit-box-shadow: 0px 0px 3px #000000;
	box-shadow: 0px 0px 3px #000000;
}
.NFT .left_box p{float:left; width:100%; height:0.666666%;}
.NFT .left_box a.btn_bird{background: url("../images/btn_bird.png");background-size: cover;}
.NFT .left_box a.btn_zodiac{background: url("../images/btn_zodiac.png");background-size: cover;}
.NFT .left_box a.btn_CNzodiac{background: url("../images/btn_CNzodiac.png");background-size: cover;}
.NFT .left_box a.btn_occupation{background: url("../images/btn_occupation.png");background-size: cover;}

.NFT .left_box a.btn_bird:hover{background: url("../images/btn_bird_a.png");background-size: cover;}
.NFT .left_box a.btn_zodiac:hover{background: url("../images/btn_zodiac_a.png");background-size: cover;}
.NFT .left_box a.btn_CNzodiac:hover{background: url("../images/btn_CNzodiac_a.png");background-size: cover;}
.NFT .left_box a.btn_occupation:hover{background: url("../images/btn_occupation_a.png");background-size: cover;}


.NFT .bottom_box a{float:left; width:32.666%; height:98%; margin:0.5% 0 0 0;
	-moz-box-shadow: 0px 0px 3px #000000;
	-webkit-box-shadow: 0px 0px 3px #000000;
	box-shadow: 0px 0px 3px #000000;
}
.NFT .bottom_box p{float:left; width:1%; height:100%;}
.NFT .bottom_box a.btn_totem{background: url("../images/btn_totem.png");background-size: cover;}
.NFT .bottom_box a.btn_colour{background: url("../images/btn_colour.png");background-size: cover;}
.NFT .bottom_box a.btn_birthday{background: url("../images/btn_birthday.png");background-size: cover;}
.NFT .bottom_box a.btn_totem:hover{background: url("../images/btn_totem_a.png");background-size: cover;}
.NFT .bottom_box a.btn_colour:hover{background: url("../images/btn_colour_a.png");background-size: cover;}
.NFT .bottom_box a.btn_birthday:hover{background: url("../images/btn_birthday_a.png");background-size: cover;}


.NFT .big_box img{position: absolute; float:left; width:100%; height:100%; top: 0; left: 0;}



.NFT .bg_constellation{position: absolute;width:100%;top:2rem; left: 0; z-index: 0;overflow:hidden;}
.NFT .bg_constellation img{position: relative;width:100%;}



.TEAM{left: 0;position: relative;float:left; width: 100%; background:rgba(255,255,255,1.00); padding:6rem 0 0 0; z-index: 1;}
.TEAM ul{float:left; width: 80%; margin: 5rem 0 0 10%;background: #fff;}
.TEAM ul li{float:left; width: 33.333%;}
.TEAM ul li img.Photo{float:left; width: 70%; margin:0 15%;}
.TEAM ul li h1{float:left;width: 100%;text-align: center;font-size: 1.5rem;line-height: 2rem; font-weight: 100; margin: 1rem 0 0 0;}
.TEAM ul li h2{float:left;width: 100%;text-align: center;font-size: 1rem;line-height: 1.5rem; color: #a83b3f;}
.TEAM ul li h3{float:left; width: 70%; text-align: center; font-size: 0.8rem;  margin: 0.5rem 15% 4rem 15%; line-height: 1.3rem;}


.FOOTER{top: 0;left: 0; position: relative; float:left;width: 100%; background:rgba(0,0,0,1.00) ; color: #fff; text-align: center; line-height: 8rem; font-size: 0.8rem;}