#top_menu {    transition-property: opacity, top,filter;    transition-duration: 3s, 2s,0.3s;}



#deeptech_canvas{width:100%;position: absolute;background-color: #ccc;display: block;position: absolute;left: 0;right: 0;bottom: 0;width: 100%;opacity:0; transition-property: top,opacity;  transition-duration: 1.5s,1.5s;transition-timing-function: ease;left: 50%; transform: translateX(-50%);}

.logo_invert{filter:invert(100%);}

#canvas_next_group{position: absolute; top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%; transition-property: top; transition-duration:1.5s; transition-timing-function: ease;}
#canvas_next{width:100%;position: absolute;background-color: #fff;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%; opacity:1; transition-delay:1s;  transition-property: opacity;    transition-duration: 0.3s;}


.deeptech_text1{ background: url('/resources/image/project/deeptech/deeptech_text_01.png') no-repeat;width: 120px;height: 48px;background-size: contain; position: absolute;top: 0;left: 50%;transform: translateX(-50%); transition-property: opacity,left;  transition-duration: 1.5s,1.5s;}
.deeptech_text1-1{ background: url('/resources/image/project/deeptech/deeptech_text_02.png') no-repeat;width: 21px;height: 26px;background-size: contain;position: absolute;top: 57px;left: 50%;transform: translateX(-50%);transition-property: opacity,left;   transition-duration: 1.5s,1.5s;}
.deeptech_text1-2{ background: url('/resources/image/project/deeptech/deeptech_text_03.png') no-repeat;width: 164px;height: 17px;background-size: contain;position: absolute;top: 95px;left: 50%;transform: translateX(-50%);transition-property: opacity,left; transition-duration: 1.5s,1.5s;}


.line{     width: 0;height: 5px;background: #000;   position: absolute;top:175px;left: 50%;transform: translateX(-50%); opacity:1;  transition-property: width,left,top; transition-duration:0.5s,1.5s,1.0s; }

.line_next{top:104px !important;      transition-delay: 0s !important; }

.deeptech_text2{ background: url('/resources/image/project/deeptech/deeptech_text_01_1.png') no-repeat;width: 250px;height:28px;background-size: contain; position: absolute;top: 278px;left: 50%;transform: translateX(-50%);  opacity:0; transition-property: opacity, top,left;transition-duration: 0.8s, 0.8s,1.5s;}
.deeptech_text2_1{ background: url('/resources/image/project/deeptech/deeptech_text_01_2.png') no-repeat;width: 250px;height:28px;background-size: contain; position: absolute;top: 318px;left: 50%;transform: translateX(-50%); opacity:0; transition-property: opacity, top,left;transition-duration: 0.8s, 0.8s,1.5s;}
.deeptech_text3{ background: url('/resources/image/project/deeptech/deeptech_text_06.png') no-repeat;width: 264px;height:21px;background-size: contain; position: absolute;top: 280px;left: 50%;transform: translateX(-50%); opacity:0;transition-property: opacity,top,left; transition-duration: 0.8s, 0.8s,1.5s;}

.ftext_show_1{ opacity:1; top:248px !important;}
.ftext_show_2{ opacity:1; top:288px !important;}


.deeptech_text_sub_1{background: url(/resources/image/project/deeptech/pc/deeptech_text_01.png) no-repeat;width: 490px;height: 112px;background-size: contain;position: absolute;top: 270px;left: 50%;transform: translateX(-50%);opacity:0;transition-property: opacity, top;transition-duration: 0.8s, 0.8s}
.deeptech_text_sub_2{background: url(/resources/image/project/deeptech/pc/deeptech_text_02.png) no-repeat;width: 490px;height: 180px;background-size: contain;position: absolute;top: 370px;left: 50%;transform: translateX(-50%);opacity:0;transition-property: opacity, top;transition-duration: 0.8s, 0.8s}
.deeptech_text_sub_3{background: url(/resources/image/project/deeptech/pc/deeptech_text_03.png) no-repeat;width: 490px;height: 180px;background-size: contain;position: absolute;top: 494px;left: 50%;transform: translateX(-50%);opacity:0;transition-property: opacity, top;transition-duration: 0.8s, 0.8s}
.deeptech_text_sub_4{background: url(/resources/image/project/deeptech/pc/deeptech_text_04.png) no-repeat;width: 490px;height: 180px;background-size: contain;position: absolute;top: 595px;left: 50%;transform: translateX(-50%);opacity:0;transition-property: opacity, top;transition-duration: 0.8s, 0.8s}
.text_sub_1_show{top: 240px; opacity:1;}
.text_sub_2_show{top: 340px; opacity:1;}
.text_sub_3_show{top: 464px; opacity:1;}
.text_sub_4_show{top: 565px; opacity:1;}

.deeptech_text_group{position: relative;width: 100%;height: 100%; }
.deeptech_text_group img {height: 388px;width: 640px;position: absolute;bottom: -390px;transition-property: bottom;transition-duration: 0.8s;}
.text_area{ position: absolute;top: 0;left: 0;width: 100%;height:100%; transition-property: height,transform; transition-duration:0.5s,1.5s; transition-timing-function: ease;}
.text_area > div{ position: absolute;width: 100%;top: 50%;    height: 400px;transform: translateY(-50%); opacity:1; transition-property: height,opacity,top;    transition-duration:1.5s,0.5s,0.8s;}



#video1 {display:block;    width: 100%;height: 100%;z-index: 4;position: absolute;opacity:0;transition-property: opacity,transform;    transition-duration:0.3s,1s;}
.video_text{display:block;    width: 100%;height: 100%;z-index: 4;position: absolute;opacity:0;transition-property: opacity;    transition-duration:0.3s;}




.text_left_1 .media_text1{left: 230px; }
.text_left_1 .media_text1-1{left: 212px;  }
.text_left_1 .media_text1-2{left:242px; }  
.text_left_1 .line{transition-delay:0s !important; left:230px;}
.text_left_1 .meadia_text2{transition-delay:0s !important; left: 320px;}
.text_left_1 .meadia_text3{transition-delay:0s !important; left:290px;}








.text_left .media_text1{left: 0; }
.text_left .media_text1-1{left: -35px;  }
.text_left .media_text1-2{left:27px; }  
.text_left .line{transition-delay:0s !important; left:0;}
.text_left .meadia_text2{transition-delay:0s !important; left: 165px;}
.text_left .meadia_text3{transition-delay:0s !important; left:88px;}
.text_area_move{top: 50% !important;transform: translateY(-50%);}

.next{top:0% !important;}
.canvas_out{top:-50% !important;}
.text_area_in{height:100% !important;}
.line_show{transition-delay:0.5s; opacity:1;width:80px;}
.text_bottom_show{transition-delay:1s;top:235px; opacity:1;}
.text_bottom_show1{transition-delay:1.5s;top:269px; opacity:1;}

.deeptech_video1{top:0; right:0px;transform: translateX(100%);}
.deeptech_video1_move1{transform: translateX(20%); }
.deeptech_video1_move1_1{transform: translateX(30%); }
.deeptech_video1_move2{transform: translateX(0);  transition-duration:0.3s,1.5s !important;}



.video1_top_text1{background: url(/resources/image/project/metaverse/metaverse_text_07.png) no-repeat;width: 480px;height: 140px;position: absolute;top: 0;right: 250px;background-size: contain;opacity: 0;transition-delay:0.5s;transition-property: opacity,top;    transition-duration:0.5s,1s;}
.video1_top_text1_move1{top: -120px;opacity: 1;}
.video1_top_text1_move2{transition-delay:0 !important; top: -45px;opacity: 0;}

.video1_top_text2{background: url(/resources/image/project/metaverse/metaverse_text_08.png) no-repeat;width: 490px;height: 177px;position: absolute;top: -;right: 250px;background-size: contain;opacity: 0;transition-delay:1s;transition-property: opacity,top;    transition-duration:0.5s,1s;}
.video1_top_text2_move1{top: -120px;opacity: 1;}
.video1_top_text2_move2{transition-delay:0 !important; top: 45px;opacity: 0;}


@media screen and (max-width: 1600px) {
	#video1{width: 1600px;}
	#video_text{width: 1600px;}
}