body,html{height:100%;width:100%;padding:0;margin:0;-ms-overflow-style:none;font-size:30px;webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;-webkit-touch-callout:none}
#test{display:none;position:fixed;top:200px;left:100px}
.testbtn{width:100px;height:20px;padding:10px;font-size:15px;background:grey;text-align:center}
.testbtn:hover{background:#fff;cursor:pointer}
.testbtn:active{background:#fff;cursor:default}
#uiscale{display:none}
#UIPanel{position:fixed;z-index:5;width:100%;height:100%}
#uitrans{transition:transform .1s}
#top{position:fixed;top:0;width:100%;height:9.5rem;background:#fff}
#Logo{padding-top:1rem;height:4.5rem}
#pztop{top:0;width:100%;height:9.5rem;background:#fff}
#pzLogo{padding-top:1rem;height:7.5rem}
#iframe{position:fixed;width:100%!important;top:0;height:100%!important;overflow:hidden;-ms-overflow-style:none;border:0;background-image:url("");background-position:center;background-repeat:no-repeat;background-size:cover}
#intiframe{position:fixed;display:none;width:100%!important;top:0;height:100%!important;overflow:hidden;-ms-overflow-style:none;border:0}
#footmenu{position:fixed;bottom:80px;width:100%;height:30px;background:rgba(255,255,255,.2)}
.menubtn{color:grey;text-align:center;width:80px;height:25px;padding-top:5px;font-size:15px;display:inline-block;background:rgb(0,0,0,.1)}
.menubtn:hover{cursor:pointer;background:#fff}
#cont_0{margin-left:10px}
.bttomcont{display:none;height:80px;overflow:auto;-ms-overflow-style:auto}
.btn{font-size:15px;color:grey;position:relative;display:inline-block;cursor:pointer;user-select:none;padding:10px;margin:8px;background:#e1e1e1;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 transparent}
.btn:hover{background:#fff}
::-webkit-scrollbar{width:0;height:auto}
::-webkit-scrollbar-track{background:grey}
::-webkit-scrollbar-thumb{background:silver}
::-webkit-scrollbar-thumb:hover{background:#fff}
#ALL{display:none}
#uitransLR{position:fixed;bottom:50px;height:150px;width:100%}
#sideL{display:none;float:left;width:48%;height:100%}
#sideR{display:none;float:right;width:48%;height:100%}
#uiscaleM{display:none;position:fixed;left:50%;transform:translate(-50%,0);width:510px;height:100%}
#uiscaleL{float:right;width:1030px}
#uiscaleR{float:left;width:710px}
.btnL{float:right;display:inline-block;width:150px;height:100%;margin:5px;transition:.5s}
.btnR{float:left;display:inline-block;width:150px;height:100%;margin:5px;transform:translate(0,-27px);transition:.5s}
.btnM{display:inline-block;width:150px;height:100%;margin:5px;transition:.5s}
.btnL_text{color:#fff;text-align:center;margin-bottom:5px;font-size:20px;opacity:0;transform:translate(0,-15px);transition:.4s}
.btnR_text{color:#fff;text-align:center;margin-bottom:5px;font-size:20px;transform:translate(0,-15px);opacity:0;transition:.4s}
.btnM_text{color:#fff;text-align:center;margin-bottom:5px;font-size:20px;transform:translate(0,-15px);opacity:0;transition:.4s}
#btnL_text_0{display:none;float:right;margin:10px;transform:translate(0,70px);opacity:1}
#btnR_text_0{display:none;float:left;margin:10px;transform:translate(0,50px);text-align:left;opacity:1}
.btnL_ref{position:fixed;transform:translate(30px,2px);width:90px;height:90px;border-radius:50%;animation-name:btnref_2;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:forwards}
.btnL_ref:hover{cursor:pointer;animation-name:btnref_1;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:forwards}
@keyframes btnref_1{0%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.65) 50%,rgba(0,0,0,0) 52%)}
10%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.6) 55%,rgba(0,0,0,0) 57%)}
20%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.6) 60%,rgba(0,0,0,0) 62%)}
30%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.6) 65%,rgba(0,0,0,0) 67%)}
40%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.6) 70%,rgba(0,0,0,0) 72%)}
50%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.6) 75%,rgba(0,0,0,0) 77%)}
60%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.6) 80%,rgba(0,0,0,0) 82%)}
70%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.6) 85%,rgba(0,0,0,0) 87%)}
80%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.6) 90%,rgba(0,0,0,0) 92%)}
90%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.6) 95%,rgba(0,0,0,0) 97%)}
100%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.6) 100%,rgba(0,0,0,0) 102%)}
}
@keyframes btnref_2{0%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.65) 100%,rgba(0,0,0,0) 102%)}
10%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.55) 95%,rgba(0,0,0,0) 97%)}
20%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.5) 90%,rgba(0,0,0,0) 92%)}
30%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.45) 85%,rgba(0,0,0,0) 87%)}
40%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.4) 80%,rgba(0,0,0,0) 82%)}
50%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.35) 75%,rgba(0,0,0,0) 77%)}
60%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.3) 70%,rgba(0,0,0,0) 72%)}
70%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.25) 65%,rgba(0,0,0,0) 67%)}
80%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.2) 60%,rgba(0,0,0,0) 6%)}
90%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.15) 55%,rgba(0,0,0,0) 57%)}
100%{background:linear-gradient(145deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(255,255,255,.65) 50%,rgba(0,0,0,0) 52%)}
}
.btnR_ref{position:fixed;transform:translate(27px,-100px);width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,0) 0,rgba(0,0,0,0) 2%)}
.btnR_ref:hover{cursor:pointer;animation-name:btnflash;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:forwards}
.btnM_ref{position:fixed;transform:translate(27px,-100px);width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,0) 0,rgba(0,0,0,0) 2%)}
.btnM_ref:hover{cursor:pointer;animation-name:btnflash;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:forwards}
.btnL_color{width:90px;height:90px;border-radius:50%;margin:auto;background:red;transition:.25s}
@keyframes btnflash{0%{background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,0) 0,rgba(0,0,0,0) 2%)}
10%{background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,.2) 10%,rgba(0,0,0,0) 12%)}
20%{background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,.4) 20%,rgba(0,0,0,0) 22%)}
30%{background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,.5) 30%,rgba(0,0,0,0) 32%)}
40%{background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,.6) 40%,rgba(0,0,0,0) 42%)}
50%{background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,.8) 50%,rgba(0,0,0,0) 52%)}
60%{background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,.7) 60%,rgba(0,0,0,0) 62%)}
70%{background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,.6) 70%,rgba(0,0,0,0) 72%)}
80%{background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,.5) 80%,rgba(0,0,0,0) 82%)}
90%{background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,.4) 90%,rgba(0,0,0,0) 92%)}
100%{background:radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(255,255,255,.2) 100%,rgba(0,0,0,0) 102%)}
}
.btnR_color{width:90px;height:90px;border-radius:50%;transform:translate(25px,0);margin:auto;transition:.25s}
.btnM_color{width:90px;height:90px;border-radius:50%;transform:translate(25px,0);margin:auto;transition:.25s}
#btnL_color_01{background-color:#2b2446;border:2px solid #959797}
#btnL_color_02{background-color:#00334c;border:2px solid #959797}
#btnL_color_03{background-color:#aa0001;border:2px solid #959797}
#btnL_color_04{background-color:#4d4c49;border:2px solid #959797}
#btnL_color_05{background-color:#121413;border:2px solid #959797}
#btnL_color_06{background-color:#e4e4e4;border:2px solid #959797}
#btnR_color_01{border:2px solid #959797}
#btnR_color_02{border:2px solid #959797}
#btnR_color_03{border:2px solid #959797}
#btnR_color_04{border:2px solid #959797}
#btnR_color_05{border:2px solid #959797}
#btnM_color_01{border:2px solid #959797}
#btnM_color_02{border:2px solid #959797}
#btnM_color_03{border:2px solid #959797}
#btnM_color_04{border:2px solid #959797}
#btnM_color_05{border:2px solid #959797}
.closex{width:40px;height:40px;opacity:.65;margin-left:30px;transition:opacity .25s}
.closex:hover{cursor:pointer;opacity:1}
#closex_L{float:right;opacity:1;display:inline-block;transform:translate(0,70px)}
#closex_R{float:left;opacity:1;display:inline-block;transform:translate(0,70px)}
#IntPanel{display:none}
.size1{width:100px}
.font1{color:#fff;font-size:25px;padding-top:10px}
.font2{color:transparent;font-size:25px;padding-top:10px;transition:.5s}
.font3{color:#fff;font-size:20px;padding-top:10px}
.redline{width:70px;height:4px;background:rgba(0,0,0,0);border-radius:5px}
.redline2{width:60px;height:4px;background:rgba(0,0,0,0);border-radius:5px}
.size2{height:100px;transition:.1s}
.size2:hover{cursor:pointer}
.size2x{height:100px;vertical-align:top}
.size2x:hover{cursor:pointer}
#btn04_08{height:75px}
.size8{margin-top:15px;margin-right:15px;margin-left:15px;display:inline-block;width:70px;transition:.2s;vertical-align:top}
.size8x{height:70px;margin-bottom:5px}
.size8x:hover{cursor:pointer}
.size8xs{float:right;display:inline-block;padding:10px;width:70px;background:rgba(200,200,200,.2);border-radius:100%;transform:translate(-55px,-90px);display:none}
.size8xs:hover{cursor:pointer}
#floatbtn0{display:none;position:fixed;top:30px;left:50%;width:220px;height:70px;background:rgba(0,0,0,.5);color:#fff;font-size:30px;line-height:70px;transition:.5s}
#floatbtn0:hover{cursor:pointer;background:rgba(255,255,255,.25)}
.btn0{width:220px;height:70px;border-collapse:collapse;text-align:center;transition:.2s}
#btn01{position:fixed;transform:translate(0,-70px);width:170px;height:30px;border:0;border-top:2px solid silver;border-left:2px solid silver}
#btn02{position:fixed;transform:translate(200px,-70px);width:20px;height:20px;border:0;border-top:2px solid silver;border-right:2px solid silver}
#btn03{position:fixed;transform:translate(50px,-30px);width:170px;height:30px;border:0;border-bottom:2px solid silver;border-right:2px solid silver}
#btn04{position:fixed;transform:translate(0,-20px);width:20px;height:20px;border:0;border-bottom:2px solid silver;border-left:2px solid silver}
#floatbtn1{position:fixed;top:25px;left:50%;width:530px;height:60px;transition:.5s}
.btn1{width:237px;margin-left:10px;margin-right:10px;height:65px;border-collapse:collapse;font-size:30px;text-align:center;line-height:60px;background:rgba(0,0,0,.5);border-radius:50px;transition:.2s}
.btn1:hover{cursor:pointer;background:rgba(255,255,255,.25)}
#btn1_1{width:40px;transform:translate(-5px,5px)}
#btn1_2{width:30px;transform:translate(-5px,5px)}
#img_02{float:left;border:2px solid #fff}
#img_03{float:right;border:2px solid #fff}
#floatbtn2{position:fixed;top:0;left:50%;transform:translate(-50%,-80px);width:263px;height:40px;transition:.5s}
.btn2{width:130px;height:40px;border-collapse:collapse;font-size:15px;text-align:center;line-height:40px;background:rgba(0,0,0,.5);transition:.2s}
.btn2:hover{cursor:pointer;background:rgba(255,255,255,.25)}
#img_04{float:left;border:1px solid #fff;border-right:0 solid #fff}
#img_05{float:right;border:1px solid #fff;border-left:1px solid #fff}
.btn04_on{transform:translate(-480px,0)}
.btn04_off{transform:translate(0,0)}
.sc08_on{display:block}
.sc08_off{display:none}
.btn05_on{transform:translate(-480px,0)}
.btn05_off{transform:translate(0,0)}
#float3_BG{position:fixed;height:2px;opacity:1;transition:0s}
#float3_CBG{opacity:1;transition:0s}
#float3_ani{border-radius:5px;background:#297aff;height:100%;width:0%;opacity:0;transition:0s}
#float3_circle{position:fixed;width:100px;height:auto;fill:#fff;opacity:1;transform:scale(0);transition:0s}
.float_text{padding-left:5px;display:inline-block;transform:translate(0,-25%)}
.float3_text{padding-left:2px;display:inline-block;transform:translate(0,-25%)}
#float1{position:fixed;left:70px;top:120px;color:#fff;padding:10px;padding-top:5px;padding-bottom:5px;border-radius:10px;width:auto;height:auto}
#print{display:none}
#float3{white-space:nowrap;position:fixed;z-index:5;bottom:65px;left:50%;transform:translate(-50%,0)}
.btnc{display:inline-block;margin-left:50px;margin-right:50px;vertical-align:top}
.btnc2{display:inline-block;margin-left:100px;margin-right:100px}
#img_06{display:none}
#img_07{display:none}
.flaotall{display:none;position:fixed;z-index:10;left:50%;transform:translate(-50%,0);height:100px;width:auto;background:rgba(90,90,90,.4);border-radius:50px;bottom:105px;white-space:nowrap}
.flaotall2{display:none;height:100px;width:auto;background:rgba(90,90,90,.4);border-radius:50px;white-space:nowrap}
.flaotall_btn{padding-left:25px;padding-right:25px;white-space:nowrap;display:inline-block}
#float4{position:fixed;z-index:5;bottom:65px;width:65%;max-width:295px;height:auto;left:50%;transform:translate(-50%,0)}
#img_btn04x{display:none;opacity:1}
#img_btn06x{display:none;opacity:1}
#floatback{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:none}
#float6{position:fixed;top:40%;left:50%;width:80%;max-width:1600px;transform:translate(-50%,-50%) scale(0);background:#171717;opacity:0;transition:.25s}
#floatimg{position:fixed;width:calc(100% * .6222);transition:opacity .25s}
#floatvideo{position:fixed;width:calc(100% * .6222);display:none;background:#000;position:fixed;left:0}
#floatvideo:hover{cursor:pointer}
#playbtn{display:none;position:fixed;top:50%;left:31%;transform:translate(-50%,-50%);width:20%;min-width:20px;max-width:100px;opacity:.8;transition:.25s}
#playbtn:hover{cursor:pointer;opacity:1}
#progressbarbox{max-width:1600px;display:none;position:fixed;width:calc(100% * .6222);height:15px;background:rgba(0,0,0,.5);bottom:0;opacity:.25}
#progressbarbox:hover{cursor:pointer;opacity:.8}
#progressbaract{width:100%;height:15px;background:#fff;opacity:.8}
#floathtml{display:none;width:100%;height:100%}
#floatclose{position:fixed;top:15px;right:15px;width:40px;opacity:.8}
#floatclose:hover{opacity:1;cursor:pointer;transform:scale(1.02)}
.floatside{position:fixed;top:50%;transform:translate(0,-50%);width:20px;background:rgba(150,150,150,.5);padding:20px;padding-left:20px;padding-right:20px;opacity:.6}
.floatside:hover{cursor:pointer;opacity:.8}
#floatleft{left:0}
#floatright{right:0}
#textgroup{display:block;position:fixed;line-height:40px;top:20px;right:70px;width:calc(37.8% - 90px);height:calc(100% - 30px);background:#171717}
#floattitle{padding-bottom:10px;font-size:20px;color:#d3b88b;font-weight:700;text-align:left}
#floattext{width:calc(100%-80px);height:calc(100% - 50px);color:#bbb;font-size:15px;text-align:left;overflow:auto}
#loadintbg{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.5);display:block;opacity:1;transition:.5s}
#loadintimg{position:fixed;width:100px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.65}
#loadintimg:hover{cursor:pointer;opacity:1}
#loadx{display:none;border-radius:5px;padding:5px;font-size:15px;width:80px;position:fixed;top:10px;right:10px;background:rgba(0,0,0,.5);opacity:.8;color:#fff;text-align:center}
#loadx:hover{opacity:1;cursor:pointer}
#headline1{font-size:40px;display:inline-block}
#headline2{padding-left:5px;font-size:40px;font-family:EnFont;display:inline-block}
#pzfloat{position:fixed;z-index:1000;top:45%;left:50%;width:80%;height:70%;max-height:850px;max-width:1500px;transform:translate(-50%,-45%) scale(0);opacity:0;transition:.3s cubic-bezier(.2,.8,.3,1.1);background:#fff}
#pzhead{width:calc(100% - 6rem);height:5rem;padding-left:2rem;padding-right:2rem;padding-top:1rem}
#headtext{position:fixed;left:3rem;transform:translate(0,100%)}
#headbtn{float:right;white-space:nowrap}
.headsize{display:inline-block;width:60px}
.headsizex{width:60px}
.headsize:hover{cursor:pointer}
#headline{position:fixed;font-size:30px;display:inline-block}
#headline4{padding-left:5px;font-size:10px;font-family:EnFont;display:inline-block}
.font3{color:#000;font-size:20px;padding-top:5px;transition:.5s}
#pziframe{padding:3rem;padding-top:0;width:calc(100% - 6rem);border:0}
#cloase_bg{position:fixed;width:50px;top:0;right:-60px;background:#fff}
#pzclose{width:35px;padding:7.5px;padding-bottom:5px;opacity:.4}
#pzclose:hover{opacity:.6;cursor:pointer}
#pzclosein{opacity:.4}
#pzclosein:hover{opacity:.6;cursor:pointer}
#btnt5_01_text{color:transparent}
.btnpoint{width:18px;height:18px;margin:5px;border-radius:100%;background:#363636;transition:.25s}
#btnpoint_1{background:#363636;display:none}
#btnpoint_2{background:#363636;display:none}
#btnpoint_3{background:#363636;display:none}
#btnpoint_4{background:#363636;display:none}
#btnpoint_5{background:#363636;display:none}
#btnpointgroup{position:fixed;bottom:0;left:50%;transform:translate(-50%,30px);width:140px;height:20px;justify-content:space-between}
