body[page=lectureInfo] .type_wrap{text-align:center;padding-top:18px;background-color:#cba453;padding-bottom:15px}body[page=lectureInfo] .type_wrap li{list-style:none;display:inline-block;font-weight:700;font-size:16px;margin-left:10px;margin-right:10px;padding-bottom:5px;cursor:pointer;color:#ffefc1}body[page=lectureInfo] .type_wrap li.selected{border-bottom:2px solid #FFF}body[page=lectureInfo] .type_wrap li:hover{color:#FFF}body[page=lectureInfo] .category_wrap{text-align:center;padding-top:18px;padding-bottom:15px}body[page=lectureInfo] .category_wrap li{list-style:none;display:inline-block;font-weight:700;font-size:16px;margin-left:10px;margin-right:10px;padding-bottom:5px;cursor:pointer;color:#cba453}body[page=lectureInfo] .category_wrap li.selected{border-bottom:2px solid #a98437}body[page=lectureInfo] .category_wrap li:hover{color:#a98437}body[page=lectureInfo] #info_information a{color:#cba453;text-decoration:underline;word-break:break-all}body[page=lectureInfo] #info_information a:hover{color:#a57f31}body[page=lectureInfo] .tag{list-style:none;background-color:#FFF;color:#aaa;padding:6px;padding-left:10px;padding-right:10px;display:inline-block;border-radius:20px;font-size:14px;margin-right:2.5px;margin-left:2.5px;margin-bottom:5px;cursor:pointer;border:1px solid #d9d9d9}body[page=lectureInfo] .tag:hover{border:1px solid #bca456;color:#bca456}body[page=lectureInfo] .banner{background-size:cover;background-position:center;height:25vw;width:100%;top:0;text-align:center;justify-content:center;align-items:center;display:flex;flex-direction:column;position:relative;background-color:#e9e9e9}body[page=lectureInfo] .bottom{display:flex;padding:35px}body[page=lectureInfo] .bottom .left{flex:9;padding:35px;border:1px solid #f1f1f1}body[page=lectureInfo] .bottom .left .windows{position:relative;height:350px;margin-bottom:30px}body[page=lectureInfo] .bottom .left .windows .photo{background-color:#e9e9e9;height:100%;width:500px;top:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;-webkit-transition:all .3s}body[page=lectureInfo] .bottom .left .windows .wrap{margin-left:500px;height:100%;padding-left:30px;text-align:justify;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}body[page=lectureInfo] .bottom .left .windows .wrap .name{font-size:24px;border-bottom:1px solid #e9e9e9;padding-bottom:10px;margin-bottom:10px;color:#333;font-weight:700}body[page=lectureInfo] .bottom .left .windows .wrap .intro{margin-bottom:10px;font-size:18px;line-height:2;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}body[page=lectureInfo] .bottom .left .windows .wrap label{display:inline-block;color:#bca456;width:60px}body[page=lectureInfo] .bottom .left .windows .wrap .each{line-height:30px;font-size:18px}body[page=lectureInfo] .bottom .left .windows .wrap #info_date{font-family:Lusitana,serif}body[page=lectureInfo] .bottom .left .buttonwrap{margin-left:530px}body[page=lectureInfo] .bottom .left .buttonwrap .applybutton{padding:10px;text-align:center;margin-top:15px;font-size:18px;cursor:pointer;border-radius:4px;border-bottom:3px solid #a07926;background-color:#cba453;color:#FFF;font-weight:700;letter-spacing:4px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}body[page=lectureInfo] .bottom .left .buttonwrap .applybutton:hover{background-color:#e0c97b}body[page=lectureInfo] .bottom .left .buttonwrap .applybutton:active{border-bottom-color:#e0c97b}body[page=lectureInfo] .bottom .left .buttonwrap .outbutton{padding:10px;text-align:center;margin-top:15px;font-size:18px;border-radius:4px;border-bottom:3px solid #bdbdbd;background-color:#ae3f1b;color:#FFF;font-weight:700;letter-spacing:4px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body[page=lectureInfo] .bottom .left .buttonwrap .endbutton{padding:10px;text-align:center;margin-top:15px;font-size:18px;border-radius:4px;border-bottom:3px solid #bdbdbd;background-color:#e6e6e6;color:#FFF;font-weight:700;letter-spacing:4px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body[page=lectureInfo] .bottom .left .buttonwrap .comingbutton{padding:10px;text-align:center;margin-top:15px;font-size:18px;border-radius:4px;border-bottom:3px solid #e6d5ad;background-color:#fbf1d8;color:#d2bd8c;font-weight:700;letter-spacing:4px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body[page=lectureInfo] .bottom .left .maintitle{text-align:justify;border-bottom:1px solid #c9c9c9;padding-bottom:20px;font-weight:600;font-size:32px;color:#000}body[page=lectureInfo] .bottom .left .maintitle h1{margin:0;display:inline-block;vertical-align:middle}body[page=lectureInfo] .bottom .left .maintitle .category{color:#FFF;display:inline-block;top:10px;left:10px;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;margin-right:10px;background-color:#C6934A;font-size:20px;text-align:center;vertical-align:middle}body[page=lectureInfo] .bottom .left .maintitle .category.new{background-color:#C6934A}body[page=lectureInfo] .bottom .left .maintitle .category.review{background-color:#c9c9c9}body[page=lectureInfo] .bottom .left .tags{margin-left:0;margin-top:20px;flex-flow:row wrap;text-align:center;position:absolute;margin-top:-45px;width:500px;text-align:justify}body[page=lectureInfo] .bottom .left .lecturer_name{font-size:22px;color:#9e8231}body[page=lectureInfo] .bottom .left .info a{word-break:break-all}body[page=lectureInfo] .bottom .left .info a:hover{opacity:.8}body[page=lectureInfo] .bottom .left .info .title{border-bottom:none;margin-top:15px;font-size:28px}body[page=lectureInfo] .bottom .left .info .title .wrap{border-top:1px dashed #d9d9d9;padding-top:20px;margin-top:15px;line-height:2}body[page=lectureInfo] .bottom .left .info .title .wrap .photo{width:25%;padding-bottom:25%;background-size:cover;background-position:center;margin-top:25px;margin-right:20px;display:inline-block;border-radius:100%}body[page=lectureInfo] .bottom .left .info .title .wrap .text{border:none;display:inline-block;width:calc(75% - 30px);vertical-align:top;margin-top:0;font-size:18px}body[page=lectureInfo] .bottom .left .info .title .text{border-top:1px dashed #d9d9d9;padding-top:20px;margin-top:15px;line-height:2;font-size:18px}body[page=lectureInfo] .bottom .left .info .title .text img{max-width:100%!important;height:auto!important}body[page=lectureInfo] .bottom .right{flex:3;padding-left:35px}body[page=lectureInfo] .bottom .right .text{text-align:center;font-size:20px;font-weight:600}body[page=lectureInfo] .bottom .right .lecture{-webkit-transition:all .1s;-moz-transition:all .1s;-ms-transition:all .1s;-o-transition:all .1s;margin-top:15px;margin-bottom:20px;border:1px solid #f1f1f1}body[page=lectureInfo] .bottom .right .lecture:hover{border:1px solid #e1e1e1}body[page=lectureInfo] .bottom .right .lecture:hover .title{color:#bca456}body[page=lectureInfo] .bottom .right .lecture .photo{background-repeat:no-repeat;background-size:cover;height:180px}body[page=lectureInfo] .bottom .right .lecture .cardbottom{padding:20px;background-color:#f5f5f5}body[page=lectureInfo] .bottom .right .lecture .cardbottom .title{font-size:19px;letter-spacing:2.88px;line-height:28px;margin-bottom:10px;-webkit-transition:all .1s;-moz-transition:all .1s;-ms-transition:all .1s;-o-transition:all .1s}body[page=lectureInfo] .bottom .right .lecture .cardbottom .tags{margin-top:20px;margin-left:-10px;display:flex;flex-flow:row wrap}body[page=lectureInfo] .bottom .right .lecture .cardbottom .box{display:flex;align-items:center}body[page=lectureInfo] .bottom .right .lecture .cardbottom .box .name{width:50%;font-size:12px;letter-spacing:1.05px;line-height:15px;border-right:1px solid #000}body[page=lectureInfo] .bottom .right .lecture .cardbottom .box .date{width:50%;font-size:12px;letter-spacing:1.72px;line-height:15px;font-family:Lusitana,serif}body[page=lectureInfo] .bottom .right .lecture .cardbottom .link{font-size:15px;letter-spacing:3px;padding-top:5px;padding-bottom:5px;text-align:center;position:relative;margin-top:30px;margin-bottom:30px;background-color:#868686;color:#fff;border-radius:20px}body[page=lectureInfo] .bottom .right .lecture .cardbottom .link:hover{background-color:#594f4f}body[page=lectureInfo] .bottom .right .ad_img{max-width:100%}@media screen and (max-width:1080px){body[page=lectureInfo] .bottom{display:block;padding:20px}body[page=lectureInfo] .bottom .left{padding:20px}body[page=lectureInfo] .bottom .left .maintitle{font-size:32px;padding-bottom:10px}body[page=lectureInfo] .bottom .left .maintitle .category.new{display:inline;font-size:16px;margin-right:0}body[page=lectureInfo] .bottom .left .info .title{margin-top:15px;font-size:20px}body[page=lectureInfo] .bottom .left .maintitle h1{font-size:20px;letter-spacing:1px;display:inline}body[page=lectureInfo] .bottom .right{flex:1;padding-left:0;padding-top:20px}body[page=lectureInfo] .bottom .left .info .title .text{font-size:16px}body[page=lectureInfo] .bottom .left .info .title .wrap .text{border:none;display:inline-block;width:auto;vertical-align:top;margin-top:0}body[page=lectureInfo] .bottom .left .info .title .wrap .photo{width:60%;padding-bottom:60%;background-size:cover;background-position:center;margin-top:25px;margin-right:20px;display:block;border-radius:100%;margin:auto;margin-top:20px}body[page=lectureInfo] .bottom .left .buttonwrap .applybutton{width:auto}body[page=lectureInfo] .bottom .left .buttonwrap .outbutton{width:auto}body[page=lectureInfo] .bottom .left .buttonwrap .endbutton{width:auto}body[page=lectureInfo] .bottom .left .buttonwrap{margin-left:0}body[page=lectureInfo] .bottom .left .tags{margin-left:0;position:relative;margin-top:20px;width:auto;text-align:justify}body[page=lectureInfo] .bottom .left .windows{height:auto}body[page=lectureInfo] .bottom .left .windows .photo{height:200px;width:100%;position:relative}body[page=lectureInfo] .bottom .left .windows .wrap{margin-left:0;height:auto;padding-left:0}body[page=lectureInfo] .bottom .left .windows .wrap .name{margin-top:10px;line-height:2}}