@charset "UTF-8";.class-page .registerBtn{width:100%;border:1px solid #93302c;display:inline-block;text-align:center;font-size:16px;cursor:pointer;padding:8px 0;-moz-transition:.3s ease all;-o-transition:.3s ease all;-webkit-transition:.3s ease all;transition:.3s ease all;position:relative;color:#93302c;z-index:1;}.class-page .registerBtn:before{-moz-transition:.5s all ease;-o-transition:.5s all ease;-webkit-transition:.5s all ease;transition:.5s all ease;position:absolute;top:0;left:50%;right:50%;bottom:0;opacity:0;content:'';background-color:#93302c;z-index:-2;}.class-page .registerBtn:hover,.class-page .registerBtn:focus{color:#fff;}.class-page .registerBtn:hover:before,.class-page .registerBtn:focus:before{-webkit-transition:.5s all ease;transition:.5s all ease;left:0;right:0;opacity:1;}.class-page .class-page-top{background:#f4f4f4;margin-bottom:40px;}.class-page .class-page-top .class-img-slider{margin-bottom:45px;}.class-page .class-page-top .class-img-slider .slick-dots{bottom:-37px;}.class-page .class-page-top .class-img-slider .slick-dots li button{width:10px;height:10px;background:#000;border-radius:50%;border:1px solid #000;}.class-page .class-page-top .class-img-slider .slick-dots li button:before{content:'';}.class-page .class-page-top .class-img-slider .slick-dots li.slick-active button{background:transparent;}.class-page .class-page-top p{margin:0 0 5px 0;}.class-page .class-page-top p.class-desc{text-align:justify;line-height:30px;}.class-page .class-page-top .page-top{display:flex;padding:20px 0;}.class-page .class-page-top .page-top .class-category{height:20px;}.class-page .class-page-top .page-top .left{flex:none;width:68.37%;}.class-page .class-page-top .page-top .left .class-img{position:relative;}.class-page .class-page-top .page-top .left img{width:100%;}.class-page .class-page-top .page-top .right{flex:1;margin-left:15px;margin-top:25px;}.class-page .class-page-top .page-top .right .right-top{flex:1;display:flex;flex-direction:column;height:100%;position:relative;}.class-page .class-page-top .page-top .right .class-title{margin-top:0;font-size:24px;font-family:'DIN W01 Regular','Lato','Noto Sans TC','PingFangSC-Light','微軟正黑體','Microsoft JhengHei','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','LiHei Pro','儷黑 Pro','Meiryo','メイリオ','微軟雅黑體','Microsoft YaHei',sans-serif;font-weight:400;}.class-page .class-page-top .page-top .right .btnBlock{margin-top:auto;margin-bottom:45px;}.class-page .class-page-top .page-top .right .xx-grayBtn{width:100%;}.class-page .class-page-top .page-top .left-days{position:absolute;bottom:9px;width:100%;text-align:center;}.class-page .class-page-top .page-top .progress-percentage{display:flex;margin-top:10px;margin-bottom:10px;}.class-page .class-page-top .page-top .progress-percentage .percentage{flex:1;}.class-page .class-page-top .page-top .progress-percentage .day{flex:1;text-align:right;}.class-page .class-page-top .page-top .media-icon{display:flex;margin-bottom:20px;}.class-page .class-page-top .page-top .media-icon>div{flex:none;width:auto;margin-right:15px;cursor:pointer;}.class-page .class-page-top #customVideo{width:100%;}.class-page .class-page-top video::-internal-media-controls-download-button{display:none;}.class-page .class-page-top video::-webkit-media-controls-enclosure{overflow:hidden;}.class-page .class-page-top video::-webkit-media-controls-panel{width:calc(100% + 30px);}.class-page .class-page-top .video-top .right{background:#fff;}.class-page .class-page-top .play-list{flex:1;max-height:450px;background:#fff;overflow:auto;font-family:'DIN W01 Regular','Lato','Noto Sans TC','PingFangSC-Light','微軟正黑體','Microsoft JhengHei','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','LiHei Pro','儷黑 Pro','Meiryo','メイリオ','微軟雅黑體','Microsoft YaHei',sans-serif;font-weight:400;}.class-page .class-page-top .play-list a:active,.class-page .class-page-top .play-list a:focus{text-decoration:none;}.class-page .class-page-top .play-list a span.course-name{color:#747474;}.class-page .class-page-top .play-list a span{color:#c0c0c0;}.class-page .class-page-top .play-list ol{padding:0;margin:0;}.class-page .class-page-top .play-list ol li{display:flex;list-style:none;color:#c0c0c0;padding:10px 5px 10px 0;margin-bottom:10px;align-items:center;width:100%;}.class-page .class-page-top .play-list ol li a{color:#747474;flex:1;}.class-page .class-page-top .play-list ol li .num{flex:none;width:40px;text-align:center;padding:0 10px;}.class-page .class-page-top .play-list ol li .time{flex:none;width:80px;text-align:right;}.class-page .class-page-top .play-list ol .active{background:#9b9b9b;color:#fff;}.class-page .class-page-top .play-list ol .active a{color:#fff;}.class-page .class-page-top .play-list ol .active a span{color:#fff;}.class-page .class-page-bottom h2{font-size:20px;margin:0;font-family:'DIN W01 Regular','Lato','Noto Sans TC','PingFangSC-Light','微軟正黑體','Microsoft JhengHei','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','LiHei Pro','儷黑 Pro','Meiryo','メイリオ','微軟雅黑體','Microsoft YaHei',sans-serif;font-weight:400;}.class-page .class-page-bottom .collapse-title{display:flex;align-items:center;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:15px;cursor:pointer;}.class-page .class-page-bottom .collapse-title h2{flex:1;}.class-page .class-page-bottom .collapse-title span{flex:none;width:30px;text-align:right;font-size:20px;}.class-page .class-page-bottom .menu-container{margin:40px 0;}.class-page .class-page-bottom .menu-container .container-pane{margin-bottom:40px;display:none;}.class-page .class-page-bottom .schedule{margin:40px 0;}.class-page .class-page-bottom .schedule .m-title-row{display:none;padding:10px 20px;margin-bottom:0;}.class-page .class-page-bottom .schedule .table-row{padding:10px 40px;display:flex;align-items:center;}.class-page .class-page-bottom .schedule .table-row .title{flex:none;}.class-page .class-page-bottom .schedule .table-row .title span.m-hideTitle{display:none;}.class-page .class-page-bottom .schedule .table-row .title-1,.class-page .class-page-bottom .schedule .table-row .title-2,.class-page .class-page-bottom .schedule .table-row .title-3{width:150px;}.class-page .class-page-bottom .schedule .table-row .title-4{flex:1;margin-right:20px;word-break:break-all;}.class-page .class-page-bottom .schedule .table-row .title-5{width:auto;flex:.5;}.class-page .class-page-bottom .schedule .table-row .title-6{width:70px;}.class-page .class-page-bottom .schedule .table-row .class-name{margin-right:3px;}.class-page .class-page-bottom .schedule .table-th{background:#d1d1d1;}.class-page .class-page-bottom .schedule .schedule-content .table-row{background:#fff;}.class-page .class-page-bottom .schedule .schedule-content .course-row:nth-of-type(2n) .table-row{background:#f0f0f0;}.class-page .class-page-bottom .instructors{display:flex;}.class-page .class-page-bottom .instructors p{margin:0 0 3px;}.class-page .class-page-bottom .instructors .left-img{flex:none;width:165px;}.class-page .class-page-bottom .instructors .right-text{flex:1;}.class-page .class-page-bottom .instructors .instructor-img{width:145px;}.class-page .class-page-bottom .instructors .instructor-img img{width:100%;}.class-page .class-page-bottom .instructors .name{font-family:'DIN W01 Regular','Lato','Noto Sans TC','PingFangSC-Light','微軟正黑體','Microsoft JhengHei','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','LiHei Pro','儷黑 Pro','Meiryo','メイリオ','微軟雅黑體','Microsoft YaHei',sans-serif;font-weight:400;font-size:20px;}.class-page .class-page-bottom .instructors .desc{line-height:30px;text-align:justify;}.class-page .class-page-bottom .faq ul{padding:0;margin:20px 0;font-size:16px;}.class-page .class-page-bottom .faq ul li{list-style:none;margin-bottom:20px;}.class-page .class-page-bottom .faq .answer{margin:10px 0;font-size:14px;}.class-page .class-page-bottom .block-container{margin-bottom:20px;}.class-page .class-page-bottom .block-container h3.title{margin:0 0 20px;padding-bottom:5px;border-bottom:1px solid #ccc;}.class-page .class-page-bottom .block-container .block-row{display:inline-flex;margin-bottom:15px;margin-right:20px;font-family:'DIN W01 Regular','Lato','Noto Sans TC','PingFangSC-Light','微軟正黑體','Microsoft JhengHei','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','LiHei Pro','儷黑 Pro','Meiryo','メイリオ','微軟雅黑體','Microsoft YaHei',sans-serif;font-weight:400;}.class-page .class-page-bottom .block-container .block-row-2 .left{width:130px;}.class-page .class-page-bottom .block-container .block-row-2 .left img{width:100%;}.class-page .class-page-bottom .block-container .block-row-2 .right{flex:1;margin-left:15px;}.class-page .class-page-bottom .block-container .block-row-2 .right p{margin:0;}.class-page .class-page-bottom .block-container .block-row-2 .right .date{margin-top:5px;}.class-page .class-page-bottom .block-container2{margin-top:20px;}.class-page .class-page-bottom .class-recommend{display:flex;flex-wrap:wrap;justify-content:space-between;}.class-page .class-page-bottom .class-recommend .block-row-2{flex:none;width:30%;margin-right:5%;}.class-page .class-page-bottom .class-recommend .block-row-2:nth-child(3n){margin-right:0;}.class-page .class-page-bottom .class-recommend:after{content:"";flex:auto;}.class-page .class-page-bottom .m-buyNowBtn{display:block;margin:20px 0;}.class-page .class-page-bottom .m-buyNowBtn .xx-grayBtn{width:100%;}.class-page .class-page-bottom .online-page{display:flex;}.class-page .class-page-bottom .online-page .online-page-left{flex:none;width:68.37%;}.class-page .class-page-bottom .online-page .online-page-right{flex:1;padding-left:15px;}.class-page .class-page-bottom .online-page .online-block{margin-bottom:40px;}.class-page .class-page-bottom .online-page .online-block h2{font-size:24px;}.class-page .class-page-bottom .online-page .online-block h3{font-size:16px;}.class-page .class-page-bottom .online-page .online-block .title{margin:15px 0;}.class-page .class-page-bottom .online-page .online-block .reserved{margin-top:15px;}.class-page .class-page-bottom .online-page .xx-grayBtn{width:100%;margin:20px 0;}.class-page .class-page-bottom .video-testBtn{display:inline-block;cursor:pointer;}.class-page .class-page-bottom .popup-video{display:none;}.class-page .class-page-bottom .popup-video .popup-container{width:100vw;background:rgba(0,0,0,.5);height:100vh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;}.class-page .class-page-bottom .popup-video .popup-outlay{width:45%;padding:5px;background:rgba(255,255,255,.8);border-radius:5px;position:relative;font-size:0;}.class-page .class-page-bottom .popup-video .close-popup{position:absolute;right:-10px;top:-10px;cursor:pointer;}.class-page .class-page-bottom .popup-video .close-popup img{width:30px;}.class-page .class-page-bottom .popup-video video{width:100%;}.class-layout .layout-bottom{display:flex;flex-direction:column;}.class-layout .layout-bottom .class-nav{flex:none;width:100%;margin-bottom:55px;}.class-layout .layout-bottom nav{margin-bottom:20px;margin-top:20px;color:#656565;font-size:16px;display:flex;}.class-layout .layout-bottom nav a{color:#656565;}.class-layout .layout-bottom nav .category-title{flex:none;width:auto;margin-right:20px;}.class-layout .layout-bottom nav h3{margin:0;color:#000;font-size:16px;padding-top:2px;}.class-layout .layout-bottom nav .category-classify{flex:1;}.class-layout .layout-bottom nav ul{padding:0;display:flex;flex-wrap:wrap;justify-content:flex-start;}.class-layout .layout-bottom nav ul li{flex:none;width:auto;margin-right:25px;margin-bottom:10px;list-style:none;display:inline-block;}.class-layout .layout-bottom nav ul li:nth-last-child(1){margin-right:0;}.class-layout .layout-bottom .class-container{flex:none;width:100%;}.class-layout .layout-bottom .class-container .top{display:flex;}.class-layout .layout-bottom .class-container .top .layout-model{flex:none;width:auto;text-align:left;}.class-layout .layout-bottom .class-container .top .layout-model>div{display:inline-block;padding:5px;border:1px solid #999;line-height:12px;}.class-layout .layout-bottom .class-container .top .layout-model>div.active{background:#999;}.class-layout .layout-bottom .class-container .top .layout-model>div.active i{color:#fff;}.class-layout .layout-bottom .class-container .top .layout-model>div:nth-child(2){margin-left:-4px;}.class-layout .layout-bottom .class-container .top .layout-model i{color:#999;font-size:16px;}.class-layout .layout-bottom .class-container .top .sort{flex:1;text-align:right;position:relative;align-self:center;}.class-layout .layout-bottom .class-container .top .sort span{margin-left:10px;cursor:pointer;padding-bottom:20px;}.class-layout .layout-bottom .class-container .top .sort span i{margin-left:5px;}.class-layout .layout-bottom .class-container .top .sort-content{padding:10px 15px;border:1px solid #999;width:300px;text-align:left;position:absolute;right:0;top:32px;background:#fff;z-index:2;display:none;}.class-layout .layout-bottom .class-container .top .sort-content ul{padding:0;margin-bottom:0;}.class-layout .layout-bottom .class-container .top .sort-content ul li{list-style:none;margin-bottom:10px;cursor:pointer;}.class-layout .layout-bottom .class-container .top .sort-content ul li:nth-last-child(1){margin-bottom:0;}.class-layout .layout-bottom .class-container h2{font-size:16px;line-height:24px;margin-top:14px;}.class-layout .layout-bottom .class-container p{margin:0 0 8px;}.class-layout .layout-bottom .class-container .class-grid{display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px 0;}.class-layout .layout-bottom .class-container .class-grid .grid-block{flex:none;width:30%;margin-bottom:61px;margin-right:5%;}.class-layout .layout-bottom .class-container .class-grid .grid-block .top-img{margin-bottom:5px;}.class-layout .layout-bottom .class-container .class-grid .grid-block img{width:100%;}.class-layout .layout-bottom .class-container .class-grid .grid-block:nth-child(3n){margin-right:0;}.class-layout .layout-bottom .class-container .with-bar .price{margin:5px 0;}.class-layout .layout-bottom .class-container .with-bar .progress-percentage{display:flex;justify-content:space-between;font-size:13px;margin-top:10px;}.class-layout .layout-bottom .class-container .with-bar .progress-percentage .percentage,.class-layout .layout-bottom .class-container .with-bar .progress-percentage .day{flex:none;width:auto;}.class-layout .layout-bottom .class-container .class-grid:after{content:"";flex:auto;}.class-layout .layout-bottom .class-container .class-list{padding:30px 0;}.class-layout .layout-bottom .class-container .class-list .list-row{display:flex;margin-bottom:40px;}.class-layout .layout-bottom .class-container .class-list .list-row .list-img{flex:none;width:200px;}.class-layout .layout-bottom .class-container .class-list .list-row .list-img img{width:100%;}.class-layout .layout-bottom .class-container .class-list .list-row .list-text{flex:1;margin-left:10px;display:flex;flex-direction:column;}.class-layout .layout-bottom .class-container .class-list .list-row h2{margin-bottom:10px;margin-top:0;}.class-layout .layout-bottom .class-container .class-list .list-row .date{margin-top:auto;margin-bottom:0;}.class-layout .layout-bottom .class-container .class-list .list-row .date+p{margin-bottom:0;}.class-layout .layout-bottom .class-container .class-list .list-row .price{font-size:16px;}.class-layout .layout-bottom .class-container .class-list .list-row .progress{width:200px;}.class-layout .layout-bottom .class-container .class-list .list-row .progress-percentage{margin-top:10px;width:200px;}.class-layout .layout-bottom .class-container .class-list .list-row .progress-percentage .percentage{flex:none;width:auto;}.class-layout .layout-bottom .class-container .class-list .list-row .progress-percentage .day{text-align:left;}.calendar h1{margin:20px 0 30px;}.calendar h2{font-size:24px;margin:20px 0 30px;}.calendar .calendar-table{width:70%;font-size:18px;margin:0 auto;}.calendar .calendar-table th,.calendar .calendar-table td{text-align:center;height:50px;vertical-align:middle;width:14.28%;}.calendar .calendar-table th{color:#ac0000;}.calendar .calendar-table td{cursor:pointer;}.calendar .calendar-table td span.event-day{border-bottom:2px solid #93302c;}.calendar .calendar-table td.non-activeMonth{color:#999;}.calendar .calendar-table td.active span{display:inline-block;width:35px;height:35px;line-height:35px;background:#3f3f3f;border-radius:50%;color:#fff;}.calendar .calendar-table td.active span.event-day{border-bottom:0;}.calendar .calendar-table td.today span{display:inline-block;width:35px;height:35px;line-height:35px;border:1px solid #93302c;background:#fff;color:#333;border-radius:50%;}.calendar .calendar-table td.today span.event-day{border-bottom:1px solid #93302c;}.calendar .event{width:70%;font-size:18px;margin:40px auto;}.calendar .event .event-row{margin-bottom:20px;}.calendar .event .event-time{font-family:'DIN W01 Regular','Lato','Noto Sans TC','PingFangSC-Light','微軟正黑體','Microsoft JhengHei','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','LiHei Pro','儷黑 Pro','Meiryo','メイリオ','微軟雅黑體','Microsoft YaHei',sans-serif;font-weight:400;margin-bottom:5px;}.exhibit-container h1.exhibit-title{border-bottom:1px solid #ccc;text-align:center;padding-bottom:20px;margin-bottom:30px;}.exhibit-container img{width:100%;}.exhibit-container p{margin:0 0 3px;}.exhibit-container .page-tab{text-align:right;}.past-exhibit .pastExhibit-year{margin:0 0 20px;}.past-exhibit .pastExhibit-year ul{text-align:center;width:540px;margin:0 auto 20px;padding:0;}.past-exhibit .pastExhibit-year li{display:inline-block;list-style:none;margin-right:20px;margin-bottom:20px;}.past-exhibit .pastExhibit-year li:nth-child(10n),.past-exhibit .pastExhibit-year li:nth-last-child(1){margin-right:0;}.past-exhibit .pastExhibit-year li.active{font-family:'DIN W01 Regular','Lato','Noto Sans TC','PingFangSC-Light','微軟正黑體','Microsoft JhengHei','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','LiHei Pro','儷黑 Pro','Meiryo','メイリオ','微軟雅黑體','Microsoft YaHei',sans-serif;font-weight:700;}.past-exhibit .exhibit-display{margin:0 0 40px;}.exhibit-artist .artist-container{display:flex;flex-wrap:wrap;justify-content:space-between;}.exhibit-artist .artist-container .artist-display{flex:none;width:30%;margin-bottom:20px;margin-right:5%;}.exhibit-artist .artist-container .artist-display .artist-img{margin-bottom:5px;}.exhibit-artist .artist-container .artist-display .artist-name{font-size:24px;}.exhibit-artist .artist-container .artist-display .artist-title{font-family:'DIN W01 Regular','Lato','Noto Sans TC','PingFangSC-Light','微軟正黑體','Microsoft JhengHei','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','LiHei Pro','儷黑 Pro','Meiryo','メイリオ','微軟雅黑體','Microsoft YaHei',sans-serif;font-weight:400;font-size:16px;}.exhibit-artist .artist-container .artist-display:nth-child(3n){margin-right:0;}.exhibit-artist .artist-container:after{content:"";flex:auto;}.exhibit-artist-bio .bio-container h2{font-size:24px;margin:20px 0;}.exhibit-artist-bio .bio-container .text{margin-bottom:20px;line-height:24px;font-family:'DIN W01 Regular','Lato','Noto Sans TC','PingFangSC-Light','微軟正黑體','Microsoft JhengHei','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','LiHei Pro','儷黑 Pro','Meiryo','メイリオ','微軟雅黑體','Microsoft YaHei',sans-serif;font-weight:400;line-height:30px;}.exhibit-artist-bio .bio-container .artist-img{margin:10px 0;}.exhibit-artist-bio .bio-container .multiple-img{display:flex;margin:10px 0;}.exhibit-artist-bio .bio-container .multiple-img div{flex:1;padding:0 .3em;}.exhibit-artist-bio .bio-container .multiple-img div:nth-child(1){padding-left:0;}.exhibit-artist-bio .bio-container .multiple-img div:nth-last-child(1){padding-right:0;}.searchResult-container h1{font-family:'DIN W01 Regular','Lato','Noto Sans TC','PingFangSC-Light','微軟正黑體','Microsoft JhengHei','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','LiHei Pro','儷黑 Pro','Meiryo','メイリオ','微軟雅黑體','Microsoft YaHei',sans-serif;font-weight:400;text-align:center;margin:40px 0;}.searchResult-container h3{font-size:16px;font-family:'DIN W01 Regular','Lato','Noto Sans TC','PingFangSC-Light','微軟正黑體','Microsoft JhengHei','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','LiHei Pro','儷黑 Pro','Meiryo','メイリオ','微軟雅黑體','Microsoft YaHei',sans-serif;font-weight:400;margin:0 0 20px;}.searchResult-container h2{font-size:16px;}.searchResult-container .search-result{display:flex;}.searchResult-container .search-result .result-left{flex:none;width:220px;padding-right:20px;font-size:16px;}.searchResult-container .search-result .result-right{flex:1;}.searchResult-container ul{padding:0;}.searchResult-container ul a{color:#656565;}.searchResult-container ul li{list-style:none;margin-bottom:10px;cursor:pointer;color:#656565;}.searchResult-container ul li.active{font-family:'DIN W01 Regular','Lato','Noto Sans TC','PingFangSC-Light','微軟正黑體','Microsoft JhengHei','Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','LiHei Pro','儷黑 Pro','Meiryo','メイリオ','微軟雅黑體','Microsoft YaHei',sans-serif;font-weight:400;color:#000;}.searchResult-container ul li.active a{color:#000;}.searchResult-container .layout-model{padding-bottom:10px;border-bottom:1px solid #ccc;}.searchResult-container .layout-model>div{display:inline-block;padding:5px;border:1px solid #999;line-height:12px;}.searchResult-container .layout-model>div:nth-child(2){margin-left:-4px;}.searchResult-container .layout-model>div.active{background:#999;}.searchResult-container .layout-model>div.active i{color:#fff;}.searchResult-container .layout-model i{color:#999;font-size:16px;}.searchResult-container img{width:100%;}.searchResult-container .result{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:20px;}.searchResult-container .result .grid-block{flex:none;width:31%;margin-bottom:20px;margin-right:3.5%;}.searchResult-container .result .grid-block:nth-child(3n){margin-right:0;}.searchResult-container .result:after{content:"";flex:auto;}.searchResult-container .result-list{padding:20px 0;}.searchResult-container .result-list h2{margin:0 0 10px;}.searchResult-container .result-list .list-row{display:flex;margin-bottom:40px;}.searchResult-container .result-list .list-row .list-img{flex:none;width:200px;}.searchResult-container .result-list .list-row .list-text{flex:1;margin-left:10px;display:flex;flex-direction:column;}.searchResult-container .result-list .list-row .list-text p:nth-last-of-type(1){margin-bottom:0;}.searchResult-container .result-list .list-row .price{font-size:16px;}.searchResult-container .result-list .list-row .date{margin-top:auto;}.searchResult-container .result-list .with-bar .price{margin:5px 0;}.searchResult-container .result-list .with-bar .progress{width:200px;margin-top:auto;}.searchResult-container .result-list .with-bar .progress-percentage{display:flex;justify-content:space-between;font-size:13px;margin-top:10px;width:200px;}.searchResult-container .result-list .with-bar .progress-percentage .percentage,.searchResult-container .result-list .with-bar .progress-percentage .day{flex:none;width:auto;}.indexContainer img{width:100%;}.indexContainer .index-slider{margin-bottom:105px;}.indexContainer .index-imgGallery{display:flex;flex-direction:column;margin:40px 0;}.indexContainer .index-imgGallery .gallery-row{flex:none;width:100%;display:flex;justify-content:space-between;}.indexContainer .index-imgGallery .gallery-row .col{position:relative;}.indexContainer .index-imgGallery .gallery-row .piece-container{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:#d7d7d7;padding:20px;display:flex;align-items:flex-end;transition:1s all ease;}.indexContainer .index-imgGallery .gallery-row .piece-container p:nth-last-child(1){margin-bottom:0;}.indexContainer .index-imgGallery .gallery-row .piece-container-show{opacity:1;}.indexContainer .index-imgGallery .col-1{flex:none;width:46.07%;}.indexContainer .index-imgGallery .col-2{flex:none;width:46.07%;display:flex;flex-direction:column;justify-content:space-between;}.indexContainer .index-imgGallery .col-2>div{flex:none;width:auto;}.indexContainer .index-imgGallery .col-3{flex:none;width:23.21%;}.indexContainer .index-imgGallery .col-4{flex:none;width:45.71%;}.indexContainer .index-imgGallery .col-5{flex:none;width:15.35%;display:flex;flex-direction:column;justify-content:space-between;}.indexContainer .index-imgGallery .col-5>div{flex:none;width:auto;}.indexContainer .index-imgGallery .col-6{flex:none;width:42.14%;display:flex;flex-direction:column;justify-content:space-between;}.indexContainer .index-imgGallery .col-6>div{flex:none;width:auto;}.indexContainer .index-imgGallery .col-7{flex:none;width:26.79%;}.indexContainer .index-imgGallery .col-8{flex:none;width:15.35%;display:flex;flex-direction:column;justify-content:space-between;}.indexContainer .index-imgGallery .col-8>div{flex:none;width:auto;}.indexContainer .index-popupVideo{display:none;}.indexContainer .index-popupVideo .popup-container{width:100vw;background:rgba(0,0,0,.5);height:100vh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;}.indexContainer .index-popupVideo .popup-outlay{width:45%;padding:5px;background:rgba(255,255,255,.8);border-radius:5px;position:relative;font-size:0;}.indexContainer .index-popupVideo .close-popup{position:absolute;right:-10px;top:-10px;cursor:pointer;z-index:1;}.indexContainer .index-popupVideo .close-popup img{width:30px;}.indexContainer .index-popupVideo video{width:100%;}@media screen and (max-width:1700px){.class-page .class-page-top .video-top .play-list{max-height:385px;}.class-page .class-page-top .page-top .media-icon .favorites img,.class-page .class-page-top .page-top .media-icon .question img{width:30px;}.class-page .class-page-top .page-top .media-icon .fb-share img{width:90px;}.class-layout .layout-bottom nav{font-size:14px;}.class-layout .layout-bottom nav h3{font-size:14px;}}@media screen and (max-width:1200px){.class-page .class-page-top .page-top .right-top .class-title{font-size:18px;}.class-page .class-page-top .page-top .right-bottom .xx-grayBtn{margin-bottom:10px;}.class-page .class-page-top .video-top{flex-direction:column;}.class-page .class-page-top .video-top .left{width:100%;padding:0;}.class-page .class-page-top .video-top .right{flex:none;width:100%;margin-left:0;overflow:auto;padding:0;}.class-page .class-page-top .video-top .play-list{max-height:300px;}.class-page .class-page-bottom .schedule .table-row{padding:10px 20px;}.class-page .class-page-bottom .schedule .table-row .title-1,.class-page .class-page-bottom .schedule .table-row .title-3{width:125px;}.class-page .class-page-bottom .schedule .table-row .title-2{width:100px;}.class-page .class-page-bottom .block-container .block-row{display:flex;}.class-page .class-page-bottom .block-container .block-row .left{flex:none;width:auto;}.class-page .class-page-bottom .block-container .block-row .right{flex:1;}.class-page .class-page-bottom .block-container .block-row-2 .left{width:115px;}.class-page .class-page-bottom .class-recommend .block-row-2{width:45%;margin-right:10%;}.class-page .class-page-bottom .class-recommend .block-row-2:nth-child(3n){margin-right:5%;}.class-page .class-page-bottom .class-recommend .block-row-2:nth-child(2n){margin-right:0;}.class-page .class-page-bottom .online-page{flex-direction:column;}.class-page .class-page-bottom .online-page .online-page-left{width:100%;}.class-page .class-page-bottom .online-page .online-page-right{flex:none;width:100%;padding-left:0;margin-top:40px;}.class-page .class-page-bottom .online-page .online-block{margin-bottom:40px;}.class-page .class-page-bottom .online-page .online-block h2{font-size:24px;}.class-page .class-page-bottom .online-page .online-block h3{font-size:16px;}.class-page .class-page-bottom .online-page .online-block .title{margin:15px 0;}.class-page .class-page-bottom .online-page .online-block .reserved{margin-top:15px;}.class-page .class-page-bottom .online-page .xx-grayBtn{width:100%;margin:20px 0;}.exhibit-container h1.exhibit-title{font-size:34px;}.exhibit-artist .artist-container .artist-display .artist-name{font-size:22px;}.exhibit-artist .artist-container .artist-display .artist-title{font-size:14px;}.class-layout .layout-bottom .class-container .class-grid .grid-block{width:47%;margin-right:6%;}.class-layout .layout-bottom .class-container .class-grid .grid-block:nth-child(3n){margin-right:5%;}.class-layout .layout-bottom .class-container .class-grid .grid-block:nth-child(2n){margin-right:0;}.class-layout .layout-bottom .class-container .with-bar .price{margin:5px 0;}.class-layout .layout-bottom .class-container .with-bar .progress-percentage{display:flex;font-size:13px;margin-top:10px;}.class-layout .layout-bottom .class-container .with-bar .progress-percentage .percentage{flex:1;}.class-layout .layout-bottom .class-container .with-bar .progress-percentage .day{flex:1;text-align:right;}.class-layout .layout-bottom .page-tab{text-align:right;}.searchResult-container .result .grid-block{width:47%;}.searchResult-container .result .grid-block:nth-child(3n){margin-right:5%;}.searchResult-container .result .grid-block:nth-child(2n){margin-right:0;}.indexContainer .index-slider{margin-bottom:85px;}.indexContainer .index-imgGallery .gallery-row{margin-bottom:4.1%;}.indexContainer .index-imgGallery .col-3{width:24.94%;}.indexContainer .index-imgGallery .col-4{width:49.3%;}.indexContainer .index-imgGallery .col-5{width:16.49%;}.indexContainer .index-imgGallery .col-6{width:45.36%;}.indexContainer .index-imgGallery .col-7{width:28.9%;}.indexContainer .index-imgGallery .col-8{width:16.49%;}}@media screen and (max-width:993px){.class-page .class-page-top .page-top{flex-direction:column;}.class-page .class-page-top .page-top .left{width:100%;padding:0;}.class-page .class-page-top .page-top .right{padding:0;flex:none;width:100%;margin-left:0;}.class-page .class-page-top .page-top .right .btnBlock{margin-top:45px;}.class-page .class-page-top .page-top .right-top .class-title{font-size:20px;}.class-page .class-page-top .page-top .right-bottom{margin-top:20px;}.class-page .class-page-top .page-top .right-bottom .xx-grayBtn{margin-bottom:10px;}.class-page .class-page-bottom .block,.class-page .class-page-bottom .online-page{margin-top:60px;}.class-page .class-page-bottom .schedule .table-th{display:none;}.class-page .class-page-bottom .schedule .m-title-row{display:block;background:#f0f0f0;}.class-page .class-page-bottom .schedule .m-title-row>div{margin-right:5px;word-break:break-all;}.class-page .class-page-bottom .schedule .table-row{flex-direction:column;}.class-page .class-page-bottom .schedule .table-row .title{flex:none;margin-bottom:10px;}.class-page .class-page-bottom .schedule .table-row .title span.m-hideTitle{display:inline-block;}.class-page .class-page-bottom .schedule .table-row .title-4{display:none;}.class-page .class-page-bottom .schedule .table-row .online .title-4{display:block;}.class-page .class-page-bottom .schedule .table-row .title-1,.class-page .class-page-bottom .schedule .table-row .title-2,.class-page .class-page-bottom .schedule .table-row .title-3,.class-page .class-page-bottom .schedule .table-row .title-5,.class-page .class-page-bottom .schedule .table-row .title-6{width:100%;margin-right:0;}.class-page .class-page-bottom .schedule .schedule-content .course-row:nth-of-type(2n) .table-row{background:#fff;}.class-page .class-page-bottom .instructors{flex-direction:column;}.class-page .class-page-bottom .instructors .left-img{width:100%;}.class-page .class-page-bottom .instructors .right-text{flex:none;width:100%;}.class-page .class-page-bottom .instructors .instructor-img{margin:20px auto;}.class-page .class-page-bottom .popup-video .popup-outlay{width:80%;}.class-page .class-page-bottom .popup-video .close-popup img{width:25px;}.class-layout .layout-bottom .class-nav{display:none;}.class-layout .layout-bottom .class-container{width:100%;}.class-layout .layout-bottom .class-container .top .layout-model i{font-size:13px;}.class-layout .layout-bottom .class-container .top .sort span{margin-left:15px;font-size:12px;}.class-layout .layout-bottom .class-container .top .sort-content{font-size:12px;width:200px;}.class-layout .layout-bottom .class-container h2{font-size:13px;}.class-layout .layout-bottom .class-container p{font-size:12px;}.class-layout .layout-bottom .class-container .class-list .list-row .list-img{width:150px;}.class-layout .layout-bottom .class-container .class-list .list-row .progress-percentage{margin-top:10px;}.class-layout .layout-bottom .class-container .class-list .list-row .progress-percentage .percentage{width:100px;}.class-layout .layout-bottom .class-container .class-list .with-bar .progress-percentage{font-size:12px;}.class-layout .layout-bottom .class-container .class-list .with-bar .progress-percentage .percentage{flex:none;}.class-layout .layout-bottom .class-container .class-list .with-bar .progress-percentage .day{flex:1;text-align:right;}.calendar .calendar-table{width:100%;}.calendar .event{width:100%;}.exhibit-container h1.exhibit-title{font-size:30px;}.exhibit-artist-bio .bio-container h2{font-size:20px;}.exhibit-artist .artist-container .artist-display{width:47%;margin-right:6%;}.exhibit-artist .artist-container .artist-display .artist-name{font-size:20px;}.exhibit-artist .artist-container .artist-display .artist-title{font-size:13px;}.exhibit-artist .artist-container .artist-display:nth-child(3n){margin-right:6%;}.exhibit-artist .artist-container .artist-display:nth-child(2n){margin-right:0;}.indexContainer .index-popupVideo .popup-outlay{width:80%;}.indexContainer .index-popupVideo .close-popup img{width:25px;}}@media screen and (max-width:769px){.class-layout .layout-bottom{flex-direction:column;}.class-layout .layout-bottom .class-container{width:100%;}.class-layout .layout-bottom .class-container .top{flex-wrap:wrap;}.class-layout .layout-bottom .class-container .top .layout-model i{font-size:14px;}.class-layout .layout-bottom .class-container .top .sort span{margin-left:20px;font-size:13px;}.class-layout .layout-bottom .class-container .top .sort-content{font-size:13px;width:250px;}.class-layout .layout-bottom .class-container h2{font-size:14px;}.class-layout .layout-bottom .class-container p{font-size:13px;}.class-layout .layout-bottom .class-container .with-bar .progress-percentage{font-size:13px;}.class-page .class-page-bottom .class-recommend .block-row-2{width:100%;margin-right:0;}.class-page .class-page-bottom .class-recommend .block-row-2:nth-child(3n){margin-right:0;}.searchResult-container h1{font-size:26px;}.searchResult-container h3{margin-bottom:10px;}.searchResult-container .search-result{flex-direction:column;}.searchResult-container .search-result .result-left{width:100%;padding-right:0;}.searchResult-container .search-result .result-right{flex:1;}.searchResult-container ul{margin-bottom:10px;border-bottom:1px solid #ccc;}.searchResult-container ul li{display:inline-block;margin-right:10px;}.searchResult-container ul li:nth-last-child(1){margin-right:0;}.searchResult-container .layout-model{display:none;}.searchResult-container .result .grid-block{width:100%;margin-right:0;}.searchResult-container .result .grid-block:nth-child(3n){margin-right:0%;}.searchResult-container .result-list .list-row{flex-direction:column;}.searchResult-container .result-list .list-row .list-img{width:100%;margin-bottom:10px;}.searchResult-container .result-list .list-row .list-text{margin-left:0;}.searchResult-container .result-list .with-bar .progress{width:100%;}.searchResult-container .result-list .with-bar .progress-percentage{font-size:14px;width:100%;}.past-exhibit .pastExhibit-year ul{width:80%;}.past-exhibit .pastExhibit-year li:nth-child(10){margin-right:20px;}.indexContainer .index-slider{margin-bottom:60px;}.indexContainer .index-imgGallery{margin:40px 0;}.indexContainer .index-imgGallery .gallery-row{margin-bottom:0;flex-wrap:wrap;flex-direction:column;}.indexContainer .index-imgGallery .gallery-row .col{margin-bottom:20px;}.indexContainer .index-imgGallery .col-1{width:100%;}.indexContainer .index-imgGallery .col-2{width:100%;}.indexContainer .index-imgGallery .col-2>div{width:100%;}.indexContainer .index-imgGallery .col-3{width:100%;}.indexContainer .index-imgGallery .col-4{width:100%;}.indexContainer .index-imgGallery .col-5{width:100%;flex-direction:row;}.indexContainer .index-imgGallery .col-5>div{width:48.5%;}.indexContainer .index-imgGallery .col-6{width:100%;}.indexContainer .index-imgGallery .col-6>div{width:100%;}.indexContainer .index-imgGallery .col-7{width:100%;}.indexContainer .index-imgGallery .col-8{width:100%;flex-direction:row;}.indexContainer .index-imgGallery .col-8>div{width:48.5%;}}@media screen and (max-width:415px){.class-page .class-page-bottom .block-container .block-row-2 .left{width:115px;}.class-layout .layout-bottom .class-container .top .layout-model{display:none;}.class-layout .layout-bottom .class-container p.price{font-size:16px;}.class-layout .layout-bottom .class-container .class-grid{padding:10px 0;}.class-layout .layout-bottom .class-container .class-grid .grid-block{padding:0;width:100%;margin-right:0;}.class-layout .layout-bottom .class-container .class-grid .grid-block:nth-child(3n){margin-right:0;}.class-layout .layout-bottom .class-container .with-bar .progress-percentage{font-size:13px;}.class-layout .layout-bottom .class-container .class-list{padding:20px 0;}.class-layout .layout-bottom .class-container .class-list .list-row{margin-bottom:30px;flex-direction:column;}.class-layout .layout-bottom .class-container .class-list .list-row .list-img{width:100%;margin-bottom:15px;}.class-layout .layout-bottom .class-container .class-list .list-row .list-text{margin-left:0;flex:none;width:100%;}.class-layout .layout-bottom .class-container .class-list .list-row h2{margin-bottom:5px;}.class-layout .layout-bottom .class-container .class-list .list-row .progress,.class-layout .layout-bottom .class-container .class-list .list-row .progress-percentage{width:100%;}.class-layout .layout-bottom .class-container .class-list .list-row .progress-percentage{justify-content:space-between;}.class-layout .layout-bottom .class-container .class-list .list-row .progress-percentage .day{text-align:right;}.calendar h1{font-size:26px;}.calendar h2{font-size:20px;}.calendar .calendar-table{font-size:16px;}.calendar .event{font-size:16px;}.exhibit-container h1.exhibit-title{font-size:24px;}.exhibit-artist-bio .bio-container h2{font-size:16px;}.exhibit-artist .artist-container .artist-display{width:100%;margin-right:0;}.exhibit-artist .artist-container .artist-display:nth-child(3n){margin-right:0;}.past-exhibit .pastExhibit-year ul{width:100%;}.past-exhibit .pastExhibit-year li{margin-right:15px;}.past-exhibit .pastExhibit-year li:nth-child(10n){margin-right:20px;}.past-exhibit .pastExhibit-year li:nth-child(7n){margin-right:0;}.indexContainer img{width:100%;}.indexContainer .index-slider{margin-bottom:105px;}.indexContainer .index-imgGallery .gallery-row .piece-container{padding:5px;}.indexContainer .index-imgGallery .gallery-row .piece-container p{margin-bottom:0;}.indexContainer .index-imgGallery .col-5>div,.indexContainer .index-imgGallery .col-8>div{width:47.5%;}}@media screen and (max-width:376px){.exhibit-artist .artist-container .artist-display .artist-name{font-size:18px;}.exhibit-artist .artist-container .artist-display .artist-title{font-size:13px;}}@media screen and (max-width:321px){.class-page .class-page-bottom .block-container .block-row-2 .left{width:90px;}.class-layout .layout-bottom nav{font-size:13px;}.class-layout .layout-bottom nav h3{font-size:15px;}.class-layout .layout-bottom .class-container .top .sort span{margin-left:15px;font-size:12px;}.class-layout .layout-bottom .class-container .top .sort-content{font-size:12px;width:230px;}.class-layout .layout-bottom .class-container h2{font-size:13px;}.class-layout .layout-bottom .class-container p{font-size:12px;}.class-layout .layout-bottom .class-container p.price{font-size:14px;}.class-layout .layout-bottom .class-container .with-bar .progress-percentage{font-size:12px;}.class-layout .layout-bottom .class-container .class-list .list-row{font-size:12px;}.class-layout .layout-bottom .class-container .class-list .list-row .price{font-size:14px;}.class-layout .layout-bottom .class-container .class-list .list-row .progress-percentage .percentage{width:60px;}.calendar .fc-toolbar h2{font-size:20px;}.calendar .fc-center button{top:-2px;}.calendar .fc-view-container{font-size:10px;}.calendar .m-calendar-display{margin:20px 0;}.exhibit-artist .artist-container .artist-display .artist-name{font-size:16px;}.exhibit-artist .artist-container .artist-display .artist-title{font-size:12px;}.past-exhibit .pastExhibit-year li:nth-child(7n){margin-right:20px;}.past-exhibit .pastExhibit-year li:nth-child(6n){margin-right:0;}.indexContainer .index-imgGallery .col-5>div,.indexContainer .index-imgGallery .col-8>div{width:47%;}}