@media (max-aspect-ratio: 16/9) {
#intro_01_01Sun,#intro_01_01SunBase{bottom:0}
}


header#intro{height:100vh;position:relative}
.introOfGallery{height:29vh !important}
.gallery_intro_row{overflow:hidden}
.col_gallery{height:29vh}
.intro_row{pointer-events:none}

.scene{width:100%;height:100vh;position:absolute;top:0;left:center;margin:0px auto 0 -20px;overflow:hidden} /*無故向右40px,所以要修正向左40px*/
.sceneOfGallery{height:33vh}
.layer{height:100%;width:100%;padding:0;margin:0;position:inherit;}
.anime_unit{position:absolute;width:100%;height:100%}
.layer1_logo{z-index:7}
.layer1_btn{z-index:7}
.layer1_txt{top:65% !important}



.intro_title{position:absolute;bottom:0px;right:45px;color:white;opacity:1;-moz-opacity:1;text-align:right;}
.intro_titleL{text-align:left;left:45px;right:auto}
#intro_btn{position:absolute;bottom:7%;left:50%;margin:0 0 0 -35px}

.intro{padding:0px;position:relative;}
.intro-subpage{margin-top:68px;}
.intro-body{width:100%;position:relative}
.intro-dataTitle{font-size:20px;line-height:31px;margin-bottom:-0.3vw;letter-spacing:6px;right:-6px;position:relative;}
.intro-dataSubTitle{font-size:10px;line-height:13px;margin-bottom:0.4vw;border-bottom:0.2px #FFF solid;letter-spacing:2px;right:-2px;position:relative;padding-bottom:7px;}
.intro-datatxt{font-size:9px;line-height:13px;letter-spacing:1px;right:-1px;position:relative}
.intro_catalog{font-size:6vw;left:0px;top:0px;line-height:7vw;}
.intro_catalog_2{font-size:2vw;left:0px;top:0px;line-height:3vw;}

.title_txt{margin:-20px 0 15px 0}

.layer_01_Catalog{position:absolute;left:-16%;bottom:10%;overflow:show;width:33%;height:11vw}
.layer_01_CatalogTxt{opacity:0}
.layer_01_CatalogTxtOut{position:absolute;left:100%;}

.layer1_01_01Light2{opacity:0.6;-moz-opacity:0.6}
#intro_01_01SunLight{position:absolute;width:24%;height:auto;left:38%;top:59%}
#intro_01_01Light2{position:absolute;width:10%;height:auto;left:44%;top:84%;}
#intro_01_01Sun,#intro_01_01SunBase{position:absolute;width:25%;height:auto;right:37%;top:47%}
#intro_01_02Sakura{position:absolute;width:auto;height:65%;left:0%;bottom:-2%}
#intro_01_02Brown_R{position:absolute;width:25%;height:auto;right:-2%;bottom:-2%}
#intro_01_02Red_CN{position:absolute;width:auto;height:131%;right:-2%;top:-5%}
#intro_01_02Red_LU{position:absolute;width:65%;height:auto;left:-35%;top:-8%;}
#intro_01_02Red_RD{position:absolute;width:50%;height:auto;right:-7%;bottom:-5%;}
#intro_01_03BG{position:absolute;width:101%;height:101%;left:0%;top:0%;}


#intro_02_07BD{position:absolute;width:100%;height:100%;
background: rgb(10,30,225);
background: -moz-radial-gradient(circle at top, rgba(10,30,225,1) 8%, rgba(0,1,155,1) 38%, rgba(3,0,54,1) 54%);
background: -webkit-radial-gradient(circle at top, rgba(10,30,225,1) 8%, rgba(0,1,155,1) 38%, rgba(3,0,54,1) 54%);
background: radial-gradient(circle at top, rgba(10,30,225,1) 8%, rgba(0,1,155,1) 38%, rgba(3,0,54,1) 54%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a1ee1",endColorstr="#030036",GradientType=1);}
#intro_02_06BD{position:absolute;width:105%;height:auto;right:-3%;top:-1%}
#intro_02_05_5BD{position:absolute;width:110%;height:auto;right:-3%;bottom:24%}
#intro_02_05BD{position:absolute;width:110%;height:auto;right:-3%;bottom:23%}
#intro_02_04BD{position:absolute;width:120%;height:auto;right:-3%;bottom:10%}
#intro_02_03BD{position:absolute;width:125%;height:auto;right:-3%;bottom:6%}
#intro_02_02Tower{position:absolute;width:159%;height:auto;right:-3%;bottom:4%}
#intro_02_01BD{position:absolute;width:140%;height:auto;right:-2%;bottom:-4%}
#intro_02_00Light{position:absolute;width:200%;height:auto;right:0%;bottom:-8%}
#layer2_01_Catalog{position:absolute;left:1%;bottom:50%;overflow:show;width:33%;height:11vw}
#layer2_01_CatalogTxt{opacity:0}
#layer2_01_CatalogTxtOut{position:absolute;left:100%;}


#intro_03_BG{position:absolute;width:103%;height:50%;top:-2%;left:-1%}
#intro_03_C3{position:absolute;width:87%;height:auto;left:-8%;top:18%}
#intro_03_C2{position:absolute;width:51%;height:auto;left:-5%;top:-5%}
#intro_03_C1{position:absolute;width:70%;height:auto;right:-12%;top:-20%}
#intro_03_M2{position:absolute;width:80%;height:auto;left:-8%;bottom:38%}
#intro_03_M1{position:absolute;width:90%;height:auto;right:-1.9%;bottom:45%}
#intro_03_W4{position:absolute;width:140%;height:16%;right:-5.3%;bottom:31%}
#intro_03_W3{position:absolute;width:152%;height:19%;right:-8.8%;bottom:25%}
#intro_03_W2{position:absolute;width:173%;height:33%;right:-9.9%;bottom:4%}
#intro_03_W1{position:absolute;width:170%;height:29%;right:-9.9%;bottom:-6%}
#intro_03_L1{position:absolute;width:116%;height:auto;left:-9%;bottom:27%;}



@media (max-aspect-ratio: 7/4) {
#intro_01_02Red_CN{height:131%;right:-22%}

#intro_02_06BD{width:105%;right:-3%;top:-1%}
#intro_02_05_5BD{width:110%;right:-4%;bottom:40%}
#intro_02_05BD{width:135%;right:-4%;bottom:39%}
#intro_02_04BD{width:140%;right:-4%;bottom:30%}
#intro_02_03BD{width:155%;right:-5%;bottom:11%}
#intro_02_02Tower{width:166%;bottom:7%}
#intro_02_01BD{width:200%;right:-2%;bottom:-4%}
#intro_02_00Light{width:250%;right:0%;bottom:-7%}
}

@media (max-aspect-ratio: 3/2) {
#intro_01_02Red_CN{right:-31%}

#intro_02_06BD{width:110%;right:-3%;top:-1%}
#intro_02_05_5BD{width:120%;bottom:45%}
#intro_02_05BD{width:145%;right:-4%;bottom:40%}
#intro_02_04BD{width:150%;right:-4%;bottom:30%}
#intro_02_03BD{width:165%;right:-5%;bottom:21%}
#intro_02_02Tower{width:170%;bottom:8%}
#intro_02_01BD{width:250%;right:-2%;bottom:-4%}
#intro_02_00Light{width:260%;right:0%;bottom:-11%}
}

@media (max-aspect-ratio: 5/4) {
#intro_01_02Red_CN{right:-40%}

#intro_02_06BD{width:120%;right:-5%;top:-1%}
#intro_02_05_5BD{width:136%;bottom:52%}
#intro_02_05BD{width:195%;bottom:44%}
#intro_02_04BD{width:220%;right:-4%;bottom:30%}
#intro_02_03BD{width:192%;right:-5%;bottom:19%}
#intro_02_02Tower{width:190%;bottom:10%}
#intro_02_01BD{width:280%;right:-2%;bottom:-3%}
#intro_02_00Light{width:290%;right:0%;bottom:-15%}
}


@media (max-aspect-ratio: 1/3) and (orientation: portrait) {
#intro_01_02Red_CN{right:-65%}
}


@media screen and (orientation: portrait) {
	
.intro_catalog{font-size:13vw;line-height:19vw;}
.intro_catalog_2{font-size:6vw;line-height:12vw;}
	
#intro_01_01SunLight{width:50%;height:auto;left:21%;top:57%}
#intro_01_01Light2{width:33%;height:auto;left:45%;top:70%;}
#intro_01_01Sun,#intro_01_01SunBase{width:63%;height:auto;right:17%;top:44%}
#intro_01_02Sakura{width:auto;height:65%;left:0%;bottom:-2%}
#intro_01_02Brown_R{width:42%;height:auto;right:-2%;bottom:0%}
#intro_01_02Red_CN{width:auto;height:107%;right:-114%;}
#intro_01_02Red_LU{width:91%;height:auto;left:-17%;top:-8%;}
#intro_01_02Red_RD{width:63%;height:auto;right:-10%;bottom:-6%;}
.layer_01_Catalog{bottom:30%;}


.index_intro #intro_02_06BD{height:60%;width:auto;left:-20%;top:-2%}
.index_intro #intro_02_05_5BD{height:20%;width:auto;left:-20%;bottom:37%}
.index_intro #intro_02_05BD{height:20%;width:auto;left:-20%;bottom:34%}
.index_intro #intro_02_04BD{height:33%;width:auto;left:-60%;bottom:25%}
.index_intro #intro_02_03BD{height:45%;width:auto;left:-50%;bottom:10%}
.index_intro #intro_02_02Tower{height:90%;width:auto;left:-235%;bottom:4%}
.index_intro #intro_02_01BD{height:30%;width:auto;left:-167%;bottom:-5%}
.index_intro #intro_02_00Light{height:20%;width:auto;left:-4%;bottom:-3%}
.index_intro #layer2_01_Catalog{bottom:55%;}

}

@media screen and (max-width: 767px) and (orientation: portrait){
#intro_01_02Red_CN{right:-151%;}
}

@media screen and (min-width: 767px) and (orientation: portrait){

}

@media screen and (max-width: 767px) {

.intro-subpage{margin-top:9vw;}

}

@media screen and (max-width: 767px) and (orientation: landscape) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
#intro_01_01SunLight{width:55%;left:21%;top:57%}
#intro_01_01Light2{width:43%;left:45%;top:70%;}
#intro_01_01Sun,#intro_01_01SunBase{width:45%;height:auto;right:26%;top:44%}
}

@media (min-width: 992px) and (max-width: 1199px) {
#intro_01_01SunLight{width:29%;left:39%;}
#intro_01_01Light2{width:18%;}
#intro_01_01Sun,#intro_01_01SunBase{width:34%;right:32%}
}

@media (min-width: 1200px) and (max-width: 1405px) {
#intro_01_01SunLight{width:29%;left:39%;}
#intro_01_01Light2{width:18%;}
#intro_01_01Sun,#intro_01_01SunBase{width:34%;right:32%}
}