@charset "UTF-8";body{font-size:14px;font-family:'Open Sans',sans-serif;color:#f8f8f8}.container .logininner{margin-top:100px}.variedForm{width:467px;margin:0 auto;text-align:center;background:#1e1b1b;padding:40px 25px;border-radius:15px;box-shadow:0 0 10px 6px rgba(0,0,0,1);transition:all .4s}.variedForm .title{text-align:left;margin-top:30px;font-family:'Montserrat',sans-serif}.variedForm .title .tit{font-size:36px;font-weight:700}.variedForm .title .txt{font-size:14px;margin-top:10px;color:#dedede;font-weight:500}.variedForm .title .errorTxt{color:#f00;font-family:'Open Sans',sans-serif;margin-top:20px;text-align:center;font-size:16px}.variedForm .idnPass{width:100%;margin-top:30px}.variedForm .idnPass>div{position:relative}.variedForm .idnPass input{height:48px;width:100%;padding:0 0 0 40px;box-sizing:border-box;border:solid 1px #dedede;font-size:16px}.variedForm .idnPass input:focus{border:solid 1px #f15d28;outline:none}.variedForm .idnPass input::placeholder{font-size:16px}.variedForm .idnPass i{position:absolute;color:#000;top:50%;transform:translateY(-50%);left:12px;font-size:18px}.variedForm .idnPass .id{margin-bottom:20px}.variedForm .emptyErrorLogin{background:#f00;color:#fff;margin-top:10px;margin-bottom:-20px;padding:8px 0;font-size:14px;font-weight:500;display:none}.variedForm .idnPass .errorTxt{color:#f00;margin-bottom:10px;text-align:left;margin-top:-15px;font-size:16px;font-weight:600;display:none;margin-left:10px}.variedForm .idnPass .emptyErrorPassword{color:#f00;text-align:left;margin-top:5px;font-size:16px;font-weight:600;display:none}.variedForm #divCaptcha{margin:20px auto 0}.variedForm #divCaptcha #recaptcha>div{width:auto !important}.variedForm #divCaptcha .typeErrorTxt{color:#f00;margin-top:10px;margin-bottom:0;text-align:center;font-size:16px;font-weight:600}.variedForm .signInBtn{margin-top:30px;font-size:24px;justify-content:space-between;align-items:center}.variedForm .signInBtn>div>a{padding:12px 0;display:block}.variedForm .signInBtn .defaultSignin{width:100%;background:#f15d28;box-shadow:2px 2px 15px rgba(0,0,0,.5);font-weight:500}.variedForm .signInBtn .channelSignin{width:100%;margin-top:16px;height:48px;display:flex;justify-content:center;align-items:center}.variedForm .signInBtn .channelSignin img{height:100%;width:auto}.variedForm .signInBtn .channelSignin.steamSignin{padding:0;background:linear-gradient(to top,#4b6c21,#658f2c)}.variedForm .signInBtn .channelSignin.playparkSignin{background:#f0f8ff;padding:0}.variedForm .addInfo{margin-top:40px;position:relative}.variedForm .addInfo::after{display:block;clear:both;content:'';width:50px;height:1px;background:rgba(255,255,255,.4);position:absolute;top:-18px;left:50%;transform:translateX(-50%)}.variedForm .addInfo .createAccount{margin-top:20px}.variedForm .addInfo>p>a{color:#ec8b69;font-weight:600}.variedForm .addInfo>p>span>a{color:#ec8b69;display:inline-block;font-weight:600}.variedForm .gameDownload{margin-top:40px}.variedForm .gameDownload a{display:inline-block;padding:14px 20px;border:solid 1px #888;transition:all .4s;box-sizing:border-box;font-weight:500}.variedForm .gameDownload a:hover{background:#f15d28;border:solid 1px #1e1b1b}.variedForm.playpark .loginLogo{display:flex;justify-content:space-between;align-items:center}.variedForm.playpark .loginLogo img{width:42%}.variedForm.playpark .loginLogo img.playparkBlack{display:none}.variedForm.playpark .idnPass .radioBtnWrap{display:flex;width:100%;justify-content:center;margin-bottom:30px}.variedForm.playpark .idnPass .radioBtnWrap>div{width:50%;position:relative}.variedForm.playpark .idnPass input[type="radio"]{position:absolute;width:14px;height:14px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.variedForm.playpark .idnPass input[type="radio"]+label{cursor:pointer;line-height:50px;color:#000}.variedForm.playpark .idnPass input[type="radio"]+label .before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;width:100%;height:50px;text-align:center;background:#333;border:1px solid #ccc;box-sizing:border-box;transition:all .4s;font-size:20px;color:#d3d3d3}.variedForm.playpark .idnPass input[type="radio"]:checked+label .after{content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;width:100%;height:50px;color:#fff;line-height:50px;border:1px solid #ccc;font-size:20px;box-sizing:border-box;background-color:#27a8e0;font-weight:600}.variedForm.playpark .idnPass input[type="radio"]+label .after i{display:none}.variedForm.playpark .idnPass input[type="radio"]:checked+label .after i{display:block;color:#fff;font-size:20px}.variedForm.playpark .idnPass input[type="radio"]#thpp:checked+label .after{background-color:#27a8e0;border-right:none}.variedForm.playpark .idnPass input[type="radio"]#thtc:checked+label .after{background-color:#f15d28;border-left:none}.themeWhite .variedForm{background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.themeWhite .variedForm .title .txt{color:#888}.themeWhite .variedForm .signInBtn .defaultSignin{box-shadow:2px 2px 10px rgba(0,0,0,.2)}.themeWhite .variedForm .gameDownload a{color:#333}.themeWhite .variedForm .gameDownload a:hover{color:#fff;border:solid 1px #fff}.themeWhite .variedForm .addInfo::after{background:rgba(0,0,0,.2)}.themeWhite .variedForm.playpark .loginLogo img.playparkBlack{display:block}.themeWhite .variedForm.playpark .loginLogo img.playparkWhite{display:none}.themeWhite .variedForm .signInBtn .channelSignin.playparkSignin{background:linear-gradient(to top,#51cae5,#f8f8f8)}@media all and (max-width:640px){.container .logininner{padding:0 20px;margin-top:70px}.variedForm{width:100%;padding:20px 0}.variedForm .loginLogo img{width:180px;height:auto}.variedForm .title{padding:0 10px}.variedForm .title .tit{font-size:26px}.variedForm .idnPass .errorTxt{font-size:13px}.variedForm .idnPass{margin-top:20px;font-size:14px}.variedForm .idnPass .id{padding:0 10px;margin-bottom:10px}.variedForm .idnPass input{font-size:14px}.variedForm .idnPass .password{padding:0 10px}.variedForm .idnPass i{left:24px}.variedForm .signInBtn>div>a{font-size:18px}.variedForm .signInBtn{padding:0 10px;margin-top:20px}.variedForm .signInBtn .channelSignin{height:42px;margin-top:10px}.variedForm .signInBtn .channelSignin img{width:160px;height:auto}.variedForm .signInBtn .channelSignin.steamSignin img{width:300px}.variedForm .addInfo{font-size:12px}.variedForm .gameDownload{margin-top:20px}.variedForm .gameDownload a{padding:10px 16px;font-size:13px}.variedForm .emptyErrorLogin{padding:8px 10px;margin:10px 10px -10px 10px;font-size:12px}.variedForm.playpark .idnPass .radioBtnWrap{margin-bottom:10px}.variedForm.playpark .idnPass input[type="radio"]+label{font-size:12px}.variedForm.playpark .idnPass input[type="radio"]+label .before{font-size:14px;height:40px;line-height:40px}.variedForm.playpark .idnPass input[type="radio"]:checked+label .after{font-size:14px;height:40px;line-height:40px}.variedForm.playpark .idnPass input[type="radio"]:checked+label .after i{font-size:14px;left:10px}}