@charset "utf-8";

/** Common **/
/*
.breadcrumb {text-align: right;padding: 20px 0}
.breadcrumb > li {display: inline-block;margin-right: 3px;color: #555;font-size: 14px}
.breadcrumb > li:last-of-type {margin-right: 0}
.breadcrumb > li:last-of-type:after {display: none}
.breadcrumb > li:after {content: '';display: inline-block;margin-left: 7px;vertical-align: 3px;width: 13px;height: 7px;background: url(/images/common/ico_sel_arr02.png) no-repeat center;transform: rotate(-90deg)}
.breadcrumb > li .home {display: inline-block;overflow: hidden;text-indent: 9999px;width: 16px;height: 16px;background: url(/images/common/ico_home.png) no-repeat center}
*/

/*** Sub ***/

/* 210530 */
.con_carousel_li > li {position: relative;margin-top: 60px;}

.con_carousel_li > li.ebook_li {margin-top: 110px}
.con_carousel_li > li:after {content: '';display: block;clear: both}
.con_carousel_li > li > * {float: left}
.con_carousel_li > li > .box_title {width: 180px; margin: 0 35px 0 0}
.con_carousel_li > li > .theme_list, .con_carousel_li > li > .book_list {width: calc(100% - 215px)}
.con_carousel_li > li > .box_title .box_tit {font-size: 30px;line-height: 35px;font-weight: 500}
.con_carousel_li > li > .box_title .box_tit:before {content: '';display: block;width: 23px;height: 1px;background: #bababa;margin-bottom: 15px}
.con_carousel_li > li > .box_title .box_sub_tit {font-size: 14px;color: #999;margin-top: 15px;line-height: 20px;word-break: keep-all}

.theme_list {margin: 0 !important;position: static !important}
.theme_list .slick-list {margin: 0 -10px}
.theme_list .slick-slide {margin: 0 10px}
.theme_list .item > a {display: block}
.theme_list .thumb {overflow: hidden;position: relative}
.theme_list .thumb > img {width: 100%;transition: all 0.4s}
.theme_list .thumb span {display: inline-block;font-size: 13px;color: #fff;padding: 8px 12px;position: absolute;left: 0;top: 0;z-index: 1}
.theme_list .thumb span.video {background: #3cb878}
.theme_list .thumb span.ucc {background: #09a3bb}
.theme_list .thumb span.ppt {background: #e37c03}
.theme_list .item > a:hover img, .theme_list .item > a:focus img {transform: scale(1.1)}
.theme_list .info > p {word-break: keep-all}
.theme_list .info > .nav {font-size: 14px;font-weight: 400;color: #999;padding: 15px 0 10px}
.theme_list .info > .info_tit {font-size: 18px;font-weight: 500;margin: 0 0 15px;line-height: 25px;display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height: 50px}
.theme_list .slick-dots {left:0;bottom:65px;line-height:0;z-index:11;width: auto}
.theme_list .slick-dots li {vertical-align:middle;width:auto;height:auto;margin:0;border-radius: 50%}
.theme_list .slick-dots li + li {margin-left: 10px}
.theme_list .slick-dots li button {width:10px;height:10px;padding: 0;background:#fff;transition:all 0.4s;border-radius: 50%;border: 2px solid #c8c8c8}
.theme_list .slick-dots li button:before {display: none}
.theme_list .slick-dots li button:focus {outline: auto;outline-color: #111}
.theme_list .slick-dots li.slick-active button {background:#4f626e;border: 2px solid #4f626e}

.book_list {margin: 0 !important;position: static !important}
.book_list .slick-list {margin: 0 -15px}
.book_list .slick-slide {margin: 0 15px}
.book_list .book_item {float: left;width: calc(50% - 15px)}
.book_list .book_item:after {content: '';display: block;clear: both}
.book_list .book_item + .book_item {margin-left: 30px}
.book_item > * {float: left}
.book_item a:hover {text-decoration: underline}
.book_item .thumb {width: 140px}
.book_item .thumb > img {width: 100%}
.book_item .info {width: calc(100% - 140px);padding: 10px 0 0 25px}
.book_item .book_tit {font-size: 17px;font-weight: 500;margin-bottom: 10px}
.book_item .book_info > span {display: inline-block;vertical-align: middle}
.book_item .book_info .author {font-size: 15px;margin-right: 8px;padding-right: 12px;position: relative}
.book_item .book_info .author:after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 12px;background: #7d7d7d}
.book_item .book_grade {width: 77px;height: 12px;overflow: hidden;text-indent: -9999px}
.book_item .book_grade.zero {background: url(/images/main/0star.png) no-repeat center}
.book_item .book_grade.one {background: url(/images/main/1star.png) no-repeat center}
.book_item .book_grade.two {background: url(/images/main/2star.png) no-repeat center}
.book_item .book_grade.three {background: url(/images/main/3star.png) no-repeat center}
.book_item .book_grade.four {background: url(/images/main/4star.png) no-repeat center}
.book_item .book_grade.five {background: url(/images/main/5star.png) no-repeat center}
.book_item .book_txt {font-size: 14px;color: #777;margin: 15px 0 0;display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height: 60px;opacity: 0.8}
.book_list .slick-dots {left:0;bottom:auto;line-height:0;z-index:11;width: auto}
.book_list .slick-dots li {vertical-align:middle;width:auto;height:auto;margin:0;border-radius: 50%}
.book_list .slick-dots li + li {margin-left: 10px}
.book_list .slick-dots li button {width:10px;height:10px;padding: 0;background:#fff;transition:all 0.4s;border-radius: 50%;border: 2px solid #c8c8c8}
.book_list .slick-dots li button:before {display: none}
.book_list .slick-dots li button:focus {outline: auto;outline-color: #111}
.book_list .slick-dots li.slick-active button {background:#4f626e;border: 2px solid #4f626e}

/*** Search ***/
.srch-txt {position: relative}
.btn-srch-dt {position: absolute;top: 1px;right: 0;font-size: 14px;font-weight: 200;color: #5c5c5c;padding-right: 20px;display: inline-block}
.btn-srch-dt:after {content: '';position: absolute;width: 11px;height: 6px;right: 0;top: 50%;margin-top: -3px;transition: all 0.3s;background: url(../../images/sub/arr_bottom_green.png) no-repeat center}
.box-schDt {display: none;background: #f4f6f8;border: 1px solid #ccc;padding: 30px 35px;width: 724px;margin: 55px auto 0}

.box-schDt-wrap {display: table;table-layout: fixed;width: 100%}
.box-schDt-wrap > * {display: table-cell;vertical-align: top}
.box-schTy {width: 78%}

.li-schTy > li {display: none}
.box-schTy input {font-size: 15px;box-sizing: border-box;height: 40px;line-height: 38px;border: 1px solid #e1e1e1;padding: 0 20px;color: #333;width: 100%;text-align: center}
.box-schTy select {font-size: 15px;box-sizing: border-box;height: 40px;line-height: 38px;border: 1px solid #e1e1e1;padding: 0 40px 0 20px;color: #333;width: 100%;background: url(../../images/sub/arr_bottom_green.png) no-repeat right 15px top 50%, #fff;appearance: none}
.box-schTy .sch-label {font-size: 16px;font-weight: 400}
.box-schTy li {text-align: left}
.box-schTy li.lay-ty + li.lay-ty {margin-top: 10px}
.box-schBtn {padding-left: 15px}
.box-schBtn a {display: block;height: 100%;font-size: 15px;color: #fefefe;background: #777;text-align: center}
.box-date {position: relative}
.box-date img {position: absolute;right: 10px;top: 50%;transform: translateY(-50%)}
.box-date input {padding-right: 40px}

.lay-ty > * {display: inline-block;vertical-align: middle}
.lay-ty.ty01 > *:first-of-type {width: 130px}
.lay-ty.ty01 > *:last-of-type {width: calc(100% - 145px)}
.lay-ty.ty01 > * + * {margin-left: 10px}
.lay-ty.ty02 > *:first-of-type, .lay-ty.ty02 > *:last-of-type {width: calc(50% - 15px)}
.lay-ty.ty02 > *:nth-of-type(2) {}
.lay-ty.ty02 > * + * {margin-left: 6px}

/* 210530 */
@media (max-width: 900px) {
    .con_carousel_li > li > *{float: none;width: 100% !important;margin-left: 20px;}
    .con_carousel_li > li > .box_title{margin: 0 0 15px 0;}
    .con_carousel_li > li > .box_title .box_sub_tit{display: none;}
    .theme_list .slick-list{padding: 0 25px 0 0; margin: 0 20px 0 0;}
    .theme_list .slick-slide{margin: 0 10px 0 0;}
    .theme_list .slick-dots{left: auto;bottom: auto;right: 20px;top: 15px}
}