.BlogTypeSelection{position:absolute;display:block;top:0;-webkit-backdrop-filter:blur(55px);backdrop-filter:blur(55px);bottom:0;left:0;right:0;width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:9999;-webkit-animation:backgroundShow .33s;animation:backgroundShow .33s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.BlogTypeSelection__Backdrop{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100vh}.BlogTypeSelection__Container{background:#f9f9f9;display:block;margin:auto;margin-bottom:auto;border-radius:25px;padding:0 45px;width:100%;height:100%;max-width:1150px;max-height:646px;-webkit-animation:blogTypeContainerShow .75s;animation:blogTypeContainerShow .75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.BlogTypeSelection__Wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%}.BlogTypeSelection__Header{font-family:Notos,source-han-serif-tc,serif;font-weight:700;font-style:normal;letter-spacing:1.2px;font-size:28px;display:block;display:inline-block;position:relative;width:100%}.BlogTypeSelection__Header span{width:100%;display:block;text-align:center}.BlogTypeSelection__Header>button{display:block;position:absolute;right:0;top:0}.BlogTypeSelection__BlogTypes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;height:75%;width:100%}.BlogTypeSelection__Divider{width:2px;height:65%;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(45%,rgba(139,139,139,.75)),color-stop(0,rgba(255,255,255,0)));background-image:-o-linear-gradient(rgba(139,139,139,.75) 45%,rgba(255,255,255,0) 0);background-image:linear-gradient(rgba(139,139,139,.75) 45%,rgba(255,255,255,0) 0);background-position:right;background-size:1px 15px;background-repeat:repeat-y}.BlogTypeSelection__BlogType{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:70%;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;opacity:.78}.BlogTypeSelection__BlogType:hover{cursor:pointer;opacity:1;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.BlogTypeSelection__BlogTypeImg{position:relative;display:block;width:100%;max-width:430px;height:auto}.BlogTypeSelection__BlogTypeDesc{margin-top:20px;text-align:center}.BlogTypeSelection__BlogTypeDesc h2{text-align:center;font-size:22px}.BlogTypeSelection__BlogTypeDesc span{text-align:center;font-size:16px}@media screen and (max-width:1190px){.BlogTypeSelection__Container{width:95%;margin:auto!important}}@media screen and (max-width:991px){.BlogTypeSelection__Backdrop{background:#f9f9f9}.BlogTypeSelection__Container{width:100%;margin:0!important;background:#f9f9f9;padding:0 20px}.BlogTypeSelection__Header>button{position:fixed;top:16px;right:10px}}@media screen and (max-width:768px){.BlogTypeSelection__Backdrop{background:#f9f9f9}.BlogTypeSelection__Container{width:100%;background:#f9f9f9;padding:0 20px}.BlogTypeSelection__BlogType{width:100%}.BlogTypeSelection__BlogTypeImg{max-width:250px}.BlogTypeSelection__Header>button{position:fixed;top:16px;right:10px}}@media screen and (max-width:767px){.BlogTypeSelection__Container{width:100%!important;max-width:100%;max-height:100vh;padding:0}.BlogTypeSelection__Wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:auto;width:100%}.BlogTypeSelection__BlogTypes{margin-top:18px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto}.BlogTypeSelection__Divider{background-image:-webkit-gradient(linear,left top,right top,color-stop(35%,rgba(139,139,139,.75)),color-stop(0,rgba(255,255,255,0)));background-image:-o-linear-gradient(left,rgba(139,139,139,.75) 35%,rgba(255,255,255,0) 0);background-image:linear-gradient(to right,rgba(139,139,139,.75) 35%,rgba(255,255,255,0) 0);background-position:bottom;background-size:10px 1px;background-repeat:repeat-x;width:90%;height:1px!important;padding:32px 0 0 0;margin:0 0 32px 0}.BlogTypeSelection__Header>button{position:absolute;top:-3px;right:10px}.BlogTypeSelection__Header{margin-top:16px;background:#f9f9f9;font-size:25px}.BlogTypeSelection__BlogTypeDesc span{font-size:17px}}@media screen and (max-height:667px){.BlogTypeSelection__Header{margin-top:16px}.BlogTypeSelection__Divider{padding:14px 0 0 0;margin:0 0 16px 0}.BlogTypeSelection__BlogTypes{overflow:scroll}.BlogTypeSelection__BlogTypeImg{max-width:250px}}@media screen and (max-height:640px){.BlogTypeSelection__Divider{padding:24px 0 0 0;margin:0 0 24px 0}.BlogTypeSelection__BlogTypes{overflow:scroll}.BlogTypeSelection__BlogTypeImg{max-width:230px}.BlogTypeSelection__Container{overflow:scroll}.BlogTypeSelection__Wrapper{margin-bottom:50px}}@-webkit-keyframes backgroundShow{from{background:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}@keyframes backgroundShow{from{background:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}@-webkit-keyframes blogTypeContainerShow{from{-webkit-transform:translateY(75px);transform:translateY(75px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes blogTypeContainerShow{from{-webkit-transform:translateY(75px);transform:translateY(75px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}