@import url(/fonts/roboto.css);*{box-sizing:border-box}html{font-size:10px}html.size1{font-size:16px}html.size2{font-size:10px}body{margin:0;padding:0;background:#f7f7f7;color:#444;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:1.6rem;line-height:1.75;letter-spacing:0.05em;-webkit-text-size-adjust:100%}body:lang(zh){font-family:'Segoe UI', SegoeUI, 'Microsoft YaHei', 微软雅黑, "Helvetica Neue", Helvetica, Arial, sans-serif}@media (max-width: 767px){body{font-size:1.4rem}}h1,h2,h3,h4,h5,h6{margin:0;font-size:100%;font-weight:normal;line-height:1.5}p{margin:0}ul{list-style:none;margin:0;padding:0}ol{margin:0;padding:0 0 0 32px}dl,dt,dd{margin:0;padding:0}a,.a{color:#00b0ff;text-decoration:none;transition:all 0.2s ease;cursor:pointer}a:hover,.a:hover{opacity:0.6}a img{border:none}img{width:auto\9;height:auto;max-width:100%;border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}table{border-collapse:collapse}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],select,textarea{margin:0;padding:0 8px;background:#fff;border:1px solid #ddd;font-size:inherit;font-family:inherit;border-radius:0}input[type="submit"],input[type="button"],input[type="file"],button{margin:0;padding:0;background:#fff;border:none;font-size:inherit;font-family:inherit;border-radius:0}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="submit"],input[type="button"],input[type="search"],button,textarea{-webkit-appearance:none}.material-icons,.material-symbols-outlined{font-size:28px;vertical-align:middle;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}.clearfix{zoom:1}.clearfix:after{content:"";display:block;clear:both}body.fix{position:fixed;width:100%}#wrap{background:#f7f7f7}.layout{position:relative;max-width:1168px;margin:0 auto;padding:0 24px}@media (max-width: 767px){.layout{padding:0 16px}}.menuGroup{position:relative}.menuGroup .btnMenu{display:inline-block;width:32px;height:32px;border-radius:50%;background:#fff;color:#444;text-align:center;line-height:32px}.menuGroup .btnMenu i{font-size:18px}.menuGroup .list{display:none;position:absolute;z-index:10;top:calc(100% + 8px);right:0;padding:8px 0;border-radius:4px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.03)}.menuGroup .list a{opacity:1 !important;display:block;padding:0 16px;color:#444;line-height:32px;white-space:nowrap}.menuGroup .list a:hover{background:#eee}.select{display:inline-block;position:relative;border-radius:4px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.03)}.select::after{content:'expand_more';position:absolute;top:0;right:8px;font-family:'Material Icons';font-size:24px;font-weight:400;line-height:40px}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;width:100%;height:40px;padding:0 40px 0 16px;border:none;background:none;outline:none}.select select::-ms-expand{display:none}.checkbox .check{display:inline-block;margin-right:8px}.checkbox .check::before{content:'check_box_outline_blank';display:none;position:relative;top:-1px;font-family:'Material Icons';font-size:20px;font-weight:400;vertical-align:middle}.checkbox input:checked+.check::before{display:none;content:'check_box';color:#00b0ff}.txtCenter{text-align:center}.modalArea{opacity:0;visibility:hidden;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%}.modalArea.on{opacity:1;visibility:visible}.modalArea .overlay{opacity:0.5;position:fixed;top:0;left:0;width:100%;height:100%;background:#000}.modalArea .modal{position:fixed;z-index:1001;top:50%;left:50%;width:724px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);background:#fff;border-radius:8px;font-size:18px;transform:translate(-50%, -50%)}.modalArea .head{padding:8px 16px;background:#00b0ff;border-radius:8px 8px 0 0;color:#fff;font-weight:700;text-align:center}.modalArea .body{padding:24px 40px}.modalArea .body p{margin-bottom:32px}.modalArea .body .close{text-align:center}.modalArea .body .close .a{display:inline-block;width:100%;max-width:192px;border-radius:4px;background:#00b0ff;color:#fff;font-weight:700;text-align:center;line-height:48px}.modalArea .btnClose{position:absolute;top:-48px;right:0}.modalArea .btnClose .a{color:#fff;font-size:48px;text-align:center;line-height:40px}.modalArea .btnClose i{font-size:40px}@media (max-width: 767px){.modalArea .modal{font-size:14px}.modalArea .body{padding:16px}.modalArea .body .close .a{line-height:40px}}h2{position:relative;margin-bottom:32px;padding-left:12px;font-size:1.8rem;font-weight:700}h2::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:#444}@media (max-width: 767px){h2{font-size:1.6rem}}header{position:relative;z-index:5;width:100%;padding:0 360px 0 218px;background:#fff}header .logo{position:absolute;top:50%;left:40px;width:130px;transform:translateY(-50%)}header .btnNav{display:none}header nav ul{display:flex}header nav li{margin-right:40px}header nav a{opacity:1 !important;display:block;position:relative;color:#444;font-size:18px;font-weight:700;line-height:64px;white-space:nowrap}header nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:#00b0ff;transition:0.2s ease}header nav a.cr::after,header nav a:hover::after{width:100%}header nav .btnClose{display:none}header .btnUser{display:none}header .user{position:absolute;top:50%;right:96px;width:320px;min-height:40px;padding:0 56px 0 0;transform:translateY(-50%)}header .user .current{overflow:hidden;width:264px;font-size:14px;text-align:right;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}header .user .current .name{font-size:16px;font-weight:700}header .user .id{font-family:'Roboto';font-size:14px;text-align:right;white-space:nowrap}header .user .menuGroup{position:absolute;top:50%;right:0;transform:translateY(-50%)}header .user .menuGroup .btnMenu{width:40px;height:40px;background:#eee;line-height:40px}header .user .menuGroup .btnMenu i{font-size:28px}header .user .btnClose{display:none}header .btnNews{position:absolute;top:50%;right:40px;transform:translateY(-50%)}header .btnNews a{display:inline-block;width:40px;height:40px;background:#eee;border-radius:50%;color:#444;text-align:center;line-height:40px}header .btnNews i{font-size:24px}header .badge{position:absolute;display:inline-block;left:30px;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}header .badge-pill{border-radius:10rem}header .badge-danger{color:#fff;background-color:#dc3545}@media (max-width: 1279px){header{height:64px;padding:0 40px}header .logo{left:50%;transform:translate(-50%, -50%)}header .btnNav{display:block}header .btnNav .a{position:absolute;top:0;left:16px;width:64px;height:64px;color:#666;text-align:center;line-height:64px}header .btnNav i{font-size:28px}header nav{overflow:auto;visibility:hidden;position:fixed;z-index:1000;top:0;left:0;width:200px;height:100%;padding:72px 0;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.03);transform:translateX(-100%);transition:0.2s ease}header nav.on{visibility:visible;transform:translateX(0)}header nav ul{display:block}header nav li{margin:0}header nav a{padding:8px 24px;line-height:1.5}header nav .btnClose{display:block;position:absolute;top:0;left:8px;width:64px;height:64px;text-align:center;line-height:64px}header .user .btnClose i{font-size:28px}header .btnUser .a{display:block;position:absolute;top:50%;right:96px;width:40px;height:40px;border-radius:50%;background:#eee;color:#666;text-align:center;line-height:40px;transform:translateY(-50%)}header .btnUser{display:block}header .btnUser i{font-size:28px}header .user{overflow:auto;opacity:0;visibility:hidden;position:fixed;z-index:1000;top:-40px;left:0;width:100%;height:100%;padding:60px 40px;background:#fff;transform:none;transition:0.2s ease}header .user.on{opacity:1;visibility:visible;top:0}header .user .current{width:auto;text-align:left}header .user .id{text-align:left}header .user .menuGroup{position:static;padding:24px 0;transform:none}header .user .menuGroup .list{padding:16px 0 0;border-top:1px solid #ddd;box-shadow:none}header .user .menuGroup a{padding:8px 0;font-weight:700;line-height:1.5}header .user .menuGroup .btnMenu{display:none}header .user .menuGroup .list{display:block !important;position:static}header .user .btnClose{display:block;position:absolute;top:10px;right:40px;width:40px;height:40px;text-align:center;line-height:40px}header .user .btnClose i{font-size:28px}}@media (max-width: 767px){header{height:48px}header .btnNav .a{width:48px;height:48px;left:0;line-height:48px}header nav{padding:48px 0}header nav a{padding:8px 16px;font-size:14px}header nav .btnClose{left:0;width:48px;height:48px;line-height:48px}header .btnUser .a{right:48px;width:32px;height:32px;line-height:32px}header .btnUser i{font-size:18px}header .user{padding:60px 24px}header .user .current{font-size:12px}header .user .current .name{font-size:16px}header .user .id{font-size:12px}header .user .menuGroup{padding:16px 0}header .user .menuGroup a{padding:4px 0;font-size:16px}header .user .btnClose{top:0;right:16px;width:32px;height:48px;line-height:48px}header .btnNews{right:8px}header .btnNews a{width:32px;height:32px;line-height:32px}header .btnNews i{font-size:20px}header .badge{position:absolute;display:inline-block;left:24px;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}header .badge-pill{border-radius:10rem}}footer{background:#fff}footer .group{display:flex;justify-content:space-between}footer .copyright{font-family:'Roboto';font-size:13px;line-height:64px}footer .help a{color:#444;font-size:14px;font-weight:700;line-height:64px}footer .help i{color:#00b0ff;margin-right:8px}@media (max-width: 767px){footer{padding:32px 0}footer .group{display:block}footer .copyright{margin-bottom:24px;line-height:1.5}footer .help a{line-height:1.5}}.btnTop{opacity:0.2;position:fixed;z-index:100;bottom:80px;right:40px;width:40px;height:40px;border-radius:50%;background:#000;color:#fff;text-align:center;line-height:40px;cursor:pointer;transition:0.2s ease}.btnTop:hover{background:#00b0ff}@media (max-width: 767px){.btnTop{right:16px;bottom:16px;width:32px;height:32px;line-height:32px}.btnTop i{font-size:18px}}main{display:block;min-height:calc(100vh - 128px);padding:32px 0}.alert{position:relative;margin-bottom:32px;padding:16px 96px 16px 40px;border-radius:8px;background:#00b0ff;color:#fff;font-size:18px;font-weight:700;line-height:1.5}.alert .close{position:absolute;top:8px;right:32px;color:#fff;font-size:28px}.alert a{color:#fff;text-decoration:underline}@media (max-width: 767px){.alert{padding:16px 40px 16px 16px;font-size:14px}.alert .close{top:8px;right:8px;font-size:24px}}.alert-warning{border:1px solid transparent;color:#FC5253;background:#f8d7da;border-color:#f5c6cb}.alert-warning a{color:#FC5253}.paginate{margin-bottom:32px}.paginate ul{display:flex;justify-content:center;flex-wrap:wrap}.paginate li{width:32px;margin:0 4px 8px}.paginate li a,.paginate li span{display:block;border:1px solid #ddd;border-radius:4px;background:#fff;color:#444;font-family:'Roboto';font-size:18px;font-weight:700;text-align:center;line-height:30px}.paginate li a:hover{opacity:1;color:#00b0ff}.paginate li a.cr,.paginate li span.cr{border-color:transparent;background:#00b0ff;color:#fff !important}.paginate li i{color:#666;font-size:22px}.courseGroup{display:flex;flex-wrap:wrap}.courseGroup .item{position:relative;width:22.85%;margin:0 0 24px 2.85%;padding-bottom:48px;background:#fff;border-radius:6px;border:solid 2px #ffffff;box-shadow:0 4px 8px rgba(0,0,0,0.03)}.courseGroup .item:nth-child(4n+1){margin-left:0}.courseGroup .img{overflow:hidden;position:relative;padding-top:6px;background-color:#ffffff}.courseGroup .img .page{position:absolute;bottom:8px;right:8px;padding:0 16px;background:#444;border-radius:13px;color:#fff;font-family:'Roboto', sans-serif;font-weight:700;line-height:26px}.courseGroup .img .page.incomplete{background:#ff9100}.courseGroup .img .page.complete{background:#7dbc28}.courseGroup .approach>i{display:inline-block;position:absolute;top:8px;left:8px;width:32px;background:#ff5252;border-radius:4px;color:#fff;font-family:'Material Icons';font-size:24px;font-weight:400;line-height:32px;text-align:center;z-index:100}.courseGroup .body{padding:12px 16px 0;letter-spacing:0.02em}.courseGroup .body .update{color:#7dbc28;font-size:1.3rem;font-weight:700;line-height:1.5}.courseGroup .body .update::before{content:'update';display:inline-block;margin-right:4px;font-family:'Material Icons';font-size:1.8rem;font-weight:400;vertical-align:middle}.courseGroup .body .title{font-weight:700;line-height:1.5}.courseGroup .body .tag{display:flex;flex-wrap:wrap}.courseGroup .body .tag li{margin-right:4px;padding:0 4px;border:1px solid #ddd;border-radius:4px;color:#666;font-size:13px;line-height:20px}.courseGroup .body .tag li.red{border-color:#ff5252;color:#ff5252}.courseGroup .body .title a{color:#444}.courseGroup .body .time{font-size:1.4rem}.courseGroup .body .min{font-size:1.2rem}.courseGroup .body .num{font-family:'Roboto', sans-serif;font-size:1.8rem;font-weight:700}.courseGroup .body .deadline{position:absolute;bottom:8px;left:8px;width:calc(100% - 16px);padding:5px 8px 3px;background:#eee;border-radius:2px;color:#666;font-size:14px;text-align:center;line-height:1.3}.courseGroup .approach .body .deadline{background:#ff5252;color:#fff}.courseGroup .approach .body .deadline i{display:inline-block;position:relative;top:-1px;margin-right:4px;font-family:'Material Icons';font-size:20px;font-weight:400;line-height:1;vertical-align:middle}.courseGroup .menuGroup{position:absolute;top:48px;right:8px}.courseGroup .menuGroup .a{box-shadow:0 4px 8px rgba(0,0,0,0.03)}.courseGroup .menuGroup .a:hover{opacity:1}.courseGroup .btnFavorite{position:absolute;top:8px;right:8px}.courseGroup .btnFavorite .a{display:inline-block;position:relative;width:32px;height:32px;border-radius:50%;background:#fff;color:#666;text-align:center;line-height:32px;box-shadow:0 4px 8px rgba(0,0,0,0.03)}.courseGroup .btnFavorite .a:hover{opacity:1}.courseGroup .btnFavorite .a::before,.courseGroup .btnFavorite .a::after{content:'';position:absolute;bottom:8px;left:50%;width:14px;height:8px;border-radius:0 4px 4px 0;background:#ccc;transform:rotate(-45deg);transform-origin:left bottom;transition:0.4s ease}.courseGroup .btnFavorite .a::after{left:auto;right:50%;border-radius:4px 0 0 4px;transform:rotate(45deg);transform-origin:right bottom}.courseGroup .btnFavorite.on .a::before,.courseGroup .btnFavorite.on .a::after{background:#ff5252}@media (max-width: 1167px){.courseGroup .item{padding-bottom:0}.courseGroup .body{padding-bottom:16px}.courseGroup .body .deadline{position:static;width:100%;margin-top:8px}}@media (max-width: 1023px){.courseGroup .item{width:47.71%;margin:0 0 24px 4.57% !important;padding-bottom:0}.courseGroup .item:nth-child(2n+1){margin:0 0 24px 0 !important}.courseGroup .body{padding-bottom:16px}.courseGroup .body .deadline{position:static;width:100%;margin-top:8px}}@media (max-width: 767px){.courseGroup{display:block}.courseGroup .item{width:auto;margin:0 0 24px 0 !important}}.detailArea{border-radius:6px;border:solid 3px #ffffff;background:#fff;padding-top:7px;box-shadow:0 4px 8px rgba(0,0,0,0.03)}.detailArea .wrap{padding:40px;background:#fff;border-radius:0 0 3px 3px}.detailArea .head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.detailArea .head .img{position:relative;width:46.15%}.detailArea .head .page{position:absolute;bottom:16px;right:16px;padding:0 16px;background:#444;border-radius:16px;color:#fff;line-height:32px}.detailArea .head .page .num{font-family:'Roboto', sans-serif;font-size:2rem;font-weight:700}.detailArea .head .page.incomplete{background:#ff9100}.detailArea .head .page.complete{background:#7dbc28}.detailArea .head .txt{width:48.46%}.detailArea .head h1{margin-bottom:16px;padding-bottom:8px;border-bottom:3px solid #00b0ff;font-size:2.6rem;font-weight:700}.detailArea .head .time{font-weight:700}.detailArea .head .time .num{font-family:'Roboto', sans-serif;font-size:2rem}.detailArea .head .deadline.approach{color:#ff5252}.detailArea .head .btnAttend{padding-top:32px}.btnAttend.center{text-align:center}.btnAttend a{display:inline-block;width:100%;max-width:256px;background:#00b0ff;border-radius:4px;color:#fff;font-size:24px;font-weight:700;line-height:56px;text-align:center}.detailArea .body{max-width:928px;margin:0 auto}.detailArea .body section{margin-bottom:40px}.detailArea .body p{margin-bottom:32px}.detailArea .body ul{list-style:disc;margin-bottom:32px;padding-left:24px}.detailArea .body table{width:100%;border:1px solid #ddd}.detailArea .body table th{max-width:207px;padding:16px 24px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f7f7f7;font-weight:700;text-align:left;vertical-align:top}.detailArea .body table td{padding:16px 24px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:left;vertical-align:top}.detailArea .body h2{margin-bottom:24px;padding:0 0 8px 0;border-bottom:2px solid #ddd;font-size:2rem}.detailArea .body h2::before{top:100%;width:120px;height:2px}.detailArea .nav{margin-bottom:40px}.detailArea .nav ul{overflow:auto;display:flex}.detailArea .nav li{flex:1;width:100%;margin-right:1px}.detailArea .nav li:last-child{margin-right:none}.detailArea .nav .a{overflow:hidden;opacity:1 !important;display:block;padding:0 8px;background:#f7f7f7;color:#444;font-weight:700;text-align:center;line-height:48px;text-overflow:ellipsis;white-space:nowrap}.detailArea .nav .a:hover{background:#e1f5fe;color:#00b0ff}.detailArea .body table.ranking th{padding:8px 24px;vertical-align:middle}.detailArea .body table.ranking td{padding:8px 24px;vertical-align:middle}.detailArea .body table.ranking .ico{display:inline-block;width:24px;margin-right:4px;vertical-align:middle}.detailArea .body table.ranking .ico i{font-size:24px}.detailArea .body table.ranking .num{font-family:'Roboto';font-size:20px;font-weight:700;vertical-align:middle}.detailArea .body table.ranking td:last-child .num{font-size:18px}.detailArea .body table.ranking tbody tr td:nth-child(1){color:#ff9100}.detailArea .body table.ranking .myscore td{background:#e1f5fe}.detailArea .body .timeoutMessage{color:#ff5252;margin:10px;font-size:20px;font-weight:700;text-align:center}@media (max-width: 767px){.detailArea .wrap{padding:16px}.detailArea .head{display:block}.detailArea .head .img{width:auto;margin-bottom:32px}.detailArea .head .txt{width:auto}.detailArea .head .page{bottom:8px;right:8px;line-height:26px}.detailArea .head .page .num{font-size:1.6rem}.detailArea .head h1{font-size:1.6rem}.btnAttend a{font-size:1.6rem;line-height:48px}.detailArea .body h2{font-size:1.6rem}.detailArea .body table{border-bottom:none}.detailArea .body table tr{display:block;border-bottom:1px solid #ddd}.detailArea .body table th{display:block;max-width:none;padding:8px 16px;border:none}.detailArea .body table td{display:block;padding:8px 16px;border:none}.detailArea .nav.on{height:40px}.detailArea .nav.on ul{position:fixed;z-index:100;top:0;left:0;width:100%;padding:8px 32px;background:rgba(255,255,255,0.8)}.detailArea .nav .a{font-size:12px;line-height:40px}.detailArea .body table.ranking thead{display:none}.detailArea .body table.ranking tr{position:relative}.detailArea .body table.ranking td{padding:4px 16px}.detailArea .body table.ranking tbody td:nth-child(2){font-size:85%}.detailArea .body table.ranking .num{font-size:16px !important}.detailArea .body table.ranking .myscore{background:#e1f5fe}.detailArea .body .timeoutMessage{font-size:14px}}.sortArea{position:relative;margin-bottom:32px;padding-right:272px}.sortArea .selectGroup{display:flex;flex-wrap:wrap}.sortArea .selectGroup .select{width:256px;margin:0 16px 16px 0}.sortArea .checkGroup{display:flex;flex-wrap:wrap}.sortArea .checkGroup li{margin:0 32px 16px 0}.sortArea .keyword{position:absolute;top:0;right:0;width:256px}.sortArea .keyword input{width:100%;height:40px;padding:0 40px 0 16px;border-radius:20px;border:none;background:#eee;outline:none}.sortArea .keyword button{position:absolute;top:0;right:0;width:40px;background:none;font-size:22px;text-align:center;line-height:40px;outline:none}@media (max-width: 767px){.sortArea{padding:0}.sortArea .keyword{position:relative;top:0;left:0;width:auto;margin-bottom:16px}.sortArea .selectGroup .select{width:auto;margin:0 8px 8px 0}.sortArea .checkGroup li{margin:0 16px 8px 0}}.skillArea{margin-bottom:40px}.skillArea .nav{display:flex;flex-wrap:wrap;margin-bottom:8px}.skillArea .nav li{margin:0 8px 8px 0;padding:0 16px;border:1px solid #ddd;border-radius:4px;background:#fff;line-height:38px}.skillArea .nav li .a{color:#444;font-weight:700}.skillArea .nav li.cr{border-color:#00b0ff}.skillArea .nav li.cr .a{color:#00b0ff}.skillGroup{overflow:hidden;position:relative;transition:0.2s ease}.skillGroup .group{opacity:0;visibility:hidden;position:absolute;top:40px;left:0;width:100%;padding:0 24px 1px;border-radius:4px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.03);transition:0.4s ease}.skillGroup .group.active{opacity:1;visibility:visible;top:0}.skillGroup .group .head{margin-bottom:24px;padding:16px 0;border-bottom:1px solid #ddd;font-weight:700;text-align:center}.skillGroup .group .head a{color:#444}.skillGroup .group .head a::after{content:'keyboard_arrow_right';display:inline-block;margin-left:4px;color:#00b0ff;font-family:'Material Icons';font-size:24px;font-weight:400;line-height:1.1;vertical-align:middle}.skillGroup .itemGroup{display:flex;justify-content:center;flex-wrap:wrap}.skillGroup .item{width:214px;margin-bottom:24px;padding:0 12px;text-align:center}.skillGroup .item a{display:block;color:#444}.skillGroup .item .title{margin-bottom:16px;font-weight:700}.skillGroup .item .title::after{content:'keyboard_arrow_right';display:inline-block;color:#00b0ff;font-family:'Material Icons';font-size:24px;font-weight:400;line-height:1.1;vertical-align:middle}.skillGroup .item .score{max-width:120px;margin:0 auto}.skillGroup .item .score .inner{position:relative;width:100%;padding-top:100%}.skillGroup .item .score canvas{position:absolute;top:0;left:0;width:100%;height:100%}.skillGroup .item .score .lv{position:absolute;top:50%;left:50%;color:#666;font-family:'Roboto';font-weight:700;line-height:1.2;transform:translate(-50%, -50%)}.skillGroup .item.incomplete .score .lv{color:#ff9100}.skillGroup .item.complete .score .lv{color:#7dbc28}.skillGroup .item .score .lv .h{font-size:14px}.skillGroup .item .score .lv .num{font-size:32px}@media (max-width: 767px){.skillArea .nav{overflow:auto;flex-wrap:nowrap}.skillArea .nav li{white-space:nowrap;padding:0 8px}.skillGroup .group{padding:0 16px 1px}.skillGroup .group .head{margin-bottom:8px;padding:8px 0}.skillGroup .item{width:50%;margin-bottom:16px;padding:0 8px}.skillGroup .item .title{margin-bottom:0}}.newsArea{padding:40px 24px;background:#fff;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,0.03)}.newsArea .itemGroup{max-width:928px;margin:0 auto 40px}.newsArea .item{display:flex;width:100%;padding:20px 0;border-bottom:1px solid #ddd}.newsArea .item.border-bottom-none{border-bottom:none}.newsArea .item.border-bottom-none .h{margin-bottom:8px}.newsArea .item a{color:#444444}.newsArea .item .date{width:160px;font-size:14px}.newsArea .item .body{flex:1}.newsArea .item .h{font-size:18px;font-weight:700;line-height:1.5}.newsArea .item .badge{text-align:center;float:left;width:53px;height:20px;padding:0 5px;border-radius:10px;margin:3px 10px 3px 0;color:#fff;font-family:'Roboto', sans-serif;font-size:12px}.newsArea .item .badge.unread{background:#FC5253}.newsArea .item .badge.read{background:#20B0FF}.newsArea .item.new .h::after{content:'NEW';display:inline-block;margin-left:10px;color:#ff5252;font-size:16px;font-family:'Roboto';font-weight:700}.bottom-paginate{margin-top:20px;text-align:center}.bottom-paginate a{color:#444444}.bottom-paginate .previousNotice{display:inline-block;margin-right:20px;padding-right:20px;border-right:1px solid #444444}.bottom-paginate .nextNotice{display:inline-block;margin-left:20px;padding-left:20px;border-left:1px solid #444444}.bottom-paginate span{color:#cccccc}.Notice{display:flex;justify-content:space-between;margin-bottom:32px}.Notice h2{margin:0}.Notice .btnRead{display:inline-block;width:100%;max-width:150px;background-color:#00b0ff;border-radius:4px;color:#fff;margin-right:15px;padding:3px 10px;font-size:15px;font-weight:700;text-align:center;cursor:pointer}@media (max-width: 767px){.newsArea{padding:16px}.newsArea .item{display:block;padding:16px 0}.newsArea .item .date{width:auto;font-size:12px}.newsArea .item .h{font-size:14px}.newsArea .item.new .h::after{font-size:14px}.newsArea .item .badge{float:left;width:45px;padding:1px 5px;border-radius:10px;margin:3px 10px 3px 0;color:#fff;font-family:'Roboto', sans-serif;font-size:10px}.Notice .btnRead{display:inline-block;width:100%;max-width:150px;background-color:#00b0ff;border-radius:4px;color:#fff;margin-right:15px;padding:2px 2px;font-size:12px;font-weight:700;text-align:center}}.formArea{max-width:724px;margin:0 auto}.formArea .form-group{margin-bottom:32px}.formArea .col-form-label{display:inline-block;margin-bottom:8px;font-size:18px;font-weight:700}.formArea input[type="text"],.formArea input[type="email"],.formArea input[type="password"]{width:100%;height:48px;padding:0 16px;border:1px solid #ddd;border-radius:4px}.formArea input.short{width:45%}.formArea textarea{width:100%;padding:0 16px;border:1px solid #ddd;border-radius:4px}.formArea .radio-inline{display:inline-block;margin:0 24px 8px 0}.helpForm .formArea th{width:220px}.helpForm .formArea .required{color:#ff0000}.helpForm .formArea{max-width:none}.helpForm .formArea .radio-inline label{display:inline-block}.helpForm .formArea .radio-inline label:not(:last-child){margin-right:15px}.helpForm .formArea input.short:not(:first-child){margin-left:5px}.helpForm .formArea select{width:100%;border-radius:4px;height:40px;overflow:hidden;white-space:pre;text-overflow:ellipsis}.formArea .errorMsg{color:#ff0000;margin:5px 0px 0px 0px}.helpForm .formArea .field_with_errors{display:inline}@media (max-width: 767px){.formArea .col-form-label{font-size:14px}.formArea input[type="text"],.formArea input[type="email"],.formArea input[type="password"]{height:40px;font-size:16px}.formArea input.short{width:100%;margin-bottom:5px}.formArea textarea{font-size:16px}.helpForm .formArea th{width:auto}.helpForm .formArea td{width:100%}.helpForm .formArea input.short:not(:first-child){margin-left:0}}.loginArea{overflow:auto;position:fixed;top:50%;left:50%;width:100%;max-width:480px;max-height:100vh;transform:translate(-50%, -50%)}.loginArea .logo{width:200px;margin:0 auto 32px}.loginArea .box{padding:40px;border-radius:4px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.03)}.loginArea dl{margin-bottom:32px}.loginArea dt{margin-bottom:8px;font-weight:700}.loginArea dd{margin-bottom:16px}.loginArea dd input{width:100%;height:40px;padding:0 8px}form .btnGroup{display:flex;justify-content:center}form .btnGroup li{width:280px}form .btnGroup button{display:inline-block;width:100%;max-width:256px;height:56px;margin:0 12px 24px;border-radius:4px;background:#00b0ff;color:#fff;font-weight:700;text-align:center}@media (max-width: 767px){.loginArea .box{padding:24px 16px}.loginArea{padding:16px}form .btnGroup button{height:48px;margin:0 0 24px}}.privacymark{float:right}.formArea input[readonly="readonly"]{background-color:#f7f7f7}.pull-right{float:right}.remarks{font-size:1.4rem}