#page_work3,
#page_work3_1{
	width: 100%;
	height: 100%;
}
#page_work3 .mainContainer,
#page_work3_1 .limitScreen{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#page_work3_1 .limitScreen{
 display: flex;
 justify-content: center;
 align-items: center;
}
#page_work3_1 .mainContainer{
 max-width: 1400px;
 max-height: 1000px;
 width: 100%;
	height: 100%;
 margin: 0 auto;
 position: relative;
}
#page_work3_1 .offCanvas{
 position: absolute;
 display: none;
 max-width: 1400px;
 max-height: 1200px;
 width: 100%;
 height: 100%;
 left: 0px;
 top: 0px;
 z-index: 2;
 background: #fff;
}
#page_work3_1 .offCanvas canvas{
 position: absolute;
 left: 0px;
 top: 0px;
}
#page_work3 .mainContainer.active{
 transition: 1s;
 background: #fff;
}
#page_work3_1 .mainContainer.active{
 transition: 1s;
 background: #000;
}
#page_work3_1 .mainContainer canvas{
 position: relative;
}
#page_work3 .info,
#page_work3_1 .info{
 position: fixed;
 bottom: 0px;
 text-align: center;
 background: rgba(0,0,0,0.8);
 border-top: solid 1px #333;
 box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
 width: 100%;
 z-index: 999;
 font-size: 9px;
 padding: 10px;
}

#page_work3_1 .startArea{
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 position: fixed;
 width: 100%;
 height: 100%;
 background: #000;
 top: 0px;
 left: 0px;
 z-index: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 visibility: hidden;
 overflow: hidden;
 opacity: 0;
 transition: 1s;
}
#page_work3_1 .startArea.active{
 opacity: 1;
 visibility: visible;
 z-index: 2;
}
#page_work3_1 .startArea .startBtn{
 display: inline-block;
 position: relative;
 cursor: pointer;
}
#page_work3_1 .startArea .startBtn:after{
 display: block;
 content: "";
 position: absolute;
 width: 100%;
 border-bottom: solid 3px #fff;
 transform: scaleX(0);
}
#page_work3_1 .startArea .startBtn:hover:after{
 transition: 1s;
 transform: scaleX(1)
}
#page_work3_1 .startArea .text{
 font-size: 9px;
 margin-top: 10px;
}

#page_work3_1 .replay{
 position: fixed;
 width: 100%;
 height: 100%;
 background: #000;
 top: 0px;
 left: 0px;
 z-index: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 visibility: hidden;
 overflow: hidden;
 opacity: 0;
}
#page_work3_1 .replay.active{
 transition: 1s;
 opacity: 1;
 visibility: visible;
 z-index: 2;
}
#page_work3_1 .replay .replayBtn{
 text-align: center;
 position: relative;
 cursor: pointer;
}
#page_work3_1 .replay .replayBtn span{
 display: inline-block;
 position: relative;
}
#page_work3_1 .replay .replayBtn span:after{
 display: block;
 content: "";
 position: absolute;
 width: 100%;
 border-bottom: solid 3px #fff;
 transform: scaleX(0);
}
#page_work3_1 .replay .replayBtn span:hover:after{
 transition: 1s;
 transform: scaleX(1)
}
#page_work3_1 .manualImg{
 padding:0px 20px 10px;
}
#page_work3_1 .manualImg img{
 width: 100%;
 height: auto;
 max-width: 1000px;
 border-radius: 10px;
}
#page_work3_1 .share{
 border:solid 3px #fff;
 padding: 20px 30px;
 margin: 20px;
 border-radius: 10px;
 text-align: center;
}
#page_work3_1 .share ul{
 text-align: center;
}
#page_work3_1 .share ul li{
 list-style: none;
 display: inline-block;
}
#page_work3_1 .share ul li i{
 font-size: 220%;
 padding: 3px;
 color: #00b9eb;
 transition: .5s;
}
#page_work3_1 .share ul li i:hover{
 color: #ffffff;
}
#page_work3_1 .manualText{
 padding: 15px;
}