.wrap{position:relative; width: 100%; height: 100vh;}
.container{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-image: url('img/bg.jpg'); background-size: cover; background-position: center; position: relative;}
.container .bg_black{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.install{position:relative; overflow: hidden; width: 1280px;}
.install .img_bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.2); backdrop-filter: blur(13px); z-index: 1;}
.install .contant{position: relative; z-index: 2; color: #fff; display: flex; flex-direction: column; height: 90vh;}
.install .contant .title{font-size: 25px; font-weight: bold; margin-bottom: 20px;}
.install .contant .inner{display: flex;}
.install .contant .inner .box{flex: 1 0 0; display: flex; flex-direction: column; gap: 30px;}
.input_wrap_double{display: flex; gap: 30px;}
.input_wrap_double .input_wrap{flex: 1 0 0;}
.install .contant .inner .box .input_wrap{display: flex; flex-direction: column; gap: 15px;}
.install .contant .inner .box .input_wrap h2{font-size: 18px; font-weight: bold;}
.install .contant .inner .box .input_wrap .input_box{display: flex; flex-direction: column; gap: 5px;}
.install .contant .inner .box .input_wrap .input_box h3{font-size: 15px; font-weight: normal;}
.install .contant .inner .box .input_wrap .input_box .input{width: 100%; background: rgba(255,255,255,0.2); border:0; padding:10px; font-size: 13px; color: #fff; border-radius: 7px; transition: all 0.2s; box-sizing: border-box;}
.install .contant .inner .box .input_wrap .input_box .input:focus{outline: none; background: rgba(255,255,255,0.3);}
.p50{padding: 50px; box-sizing: border-box;}

.document{display: flex; flex-direction: column; gap: 30px; padding: 30px; box-sizing: border-box; overflow: auto; height: 90vh;}
.document::-webkit-scrollbar {width: 10px;background-color: rgba(255,255,255,0.1);}
.document::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,0.5);}
.document .doc{display: flex; flex-direction: column; gap: 10px;}
.document .doc .doc_{display: flex; flex-direction: column; gap: 10px;}
.document .doc .doc_ img{width: 100%;}
.document .doc h2{color: #fff; opacity: 0.8;}
.document .doc .doc_box{padding: 20px; background: #192632; color: #fff; font-size: 13px; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; line-height: 1.3}
.document .doc .doc_box span{color: #16CB66;}
.document .doc .doc_box ul{display: flex; flex-direction: column; gap: 3px;}
.document .doc .doc_box a{font-size: 14px; line-height: 1.3; color: #f3ff0a;}

.install_btn{position: absolute; top: 50%; transform: translateY(-50%); right: 30px; z-index: 3;}
.install_btn button{background: rgba(255,255,255,0.4); color: #fff; border:0; width: 150px; height: 150px; border-radius: 50%; transition: all 0.2s; cursor: pointer;}
.install_btn button:hover{background: rgba(255,255,255,0.8);}
.install_btn button:hover span{font-size: 80px;}
.install_btn button span{font-size: 70px; transition: all 0.2s;}

.label_wrap{display: flex; flex-wrap: wrap; gap: 0px !important; flex-direction: unset !important;}
.label_wrap label{width: 50%; margin-bottom: 15px;}