@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media screen and (max-width: 1679px){
#top .logo { width:110px; height:74px; padding-right:16px; }
#top .name { width:382px; padding-top:20px; }

#top .menu_area { padding:64px 15px 0 40px; }
#top .menu_area ul.menu_list { margin:0 -16px; }
#top .menu_area ul.menu_list > li > a.lv1 { padding:6px 16px; }

#top .menu_area ul.dropdown_menu > li > a.lv2 { padding:5px 36px 5px 16px; }
}

@media screen and (max-width: 1459px){
#top .logo { width:90px; height:64px; padding-right:10px; }
#top .name { width:302px; padding-top:20px; }

#top .menu_area { padding:48px 15px 0 20px; }
#top .menu_area ul.menu_list { margin:0 -12px; }
#top .menu_area ul.menu_list > li > a.lv1 { padding:6px 12px; }

#top .menu_area ul.dropdown_menu > li > a.lv2 { padding:5px 32px 5px 12px; }

#useful .useful_links_list.owl-carousel .owl-prev { left:-62px; }
#useful .useful_links_list.owl-carousel .owl-next { right:-62px; }

#footer .school_photo { width:318px; }
#footer .school_photo img { height:calc(100% + 61px); }
#footer .footer_row { padding-left:318px; }
#footer .contact { -ms-flex:0 0 326px; flex:0 0 326px; max-width:326px; padding:0 16px; }
#footer .footer_side { padding-left:28px; }
}

@media screen and (max-width: 1219px){
#wrap .container { max-width:960px; overflow:visible; }

#top .container { max-width:960px; }
#top .logo_area { padding:16px 0 18px 0; }
#top .logo { width:80px; height:56px; padding-right:8px; }
#top .name { width:262px; padding-top:14px; }

#top .mobile_btn { display:block; }

#top .menu_area { position:fixed; left:-280px; top:0; z-index:5100; width:280px; padding:0; background-color:#9f75c3; overflow:hidden; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#top .menu_area:before { display:none; }
#top .menu_area ul.menu_list { width:100%; height:100%; padding:0; margin:0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
#top .menu_area ul.menu_list > li { display:block; border-bottom:1px solid #cccccc; box-sizing:border-box; }
#top .menu_area ul.menu_list > li.mobile_only { display:block; }
#top .menu_area ul.menu_list > li > a.lv1 { padding:15px 65px 15px 15px; background-color:#7a5aa5; box-sizing:border-box; text-align:left; font-size:18px; color:#ffffff; line-height:normal; }
#top .menu_area ul.menu_list > li > a.lv1 i { position:absolute; right:0; top:0; display:block; width:50px; height:50px; text-align:center; line-height:50px; font-size:20px; color:#ffffff; font-style:normal; transition:all 0.3s ease; }
#top .menu_area ul.menu_list > li > a.lv1 i:before { position:absolute; left:50%; top:50%; content:""; width:0; height:0; margin-left:-4px; margin-top:-6px; border-style:solid; border-width:6px 0 6px 8px; border-color:transparent transparent transparent #ffffff; }
#top .menu_area ul.menu_list > li.openDrop > a.lv1 i { transform:rotate(90deg); }

#top .menu_area ul.dropdown_menu { width:100%; position:static; background-color:#9f75c3; padding:6px 0; border-top:1px solid #cccccc; box-shadow:none; display:none; }
#top .menu_area ul.dropdown_menu > li { display:block; position:relative; border-bottom:1px solid #cccccc; }
#top .menu_area ul.dropdown_menu > li:last-child { border-bottom:none; }
#top .menu_area ul.dropdown_menu > li > a.lv2 { display:block; padding:10px 15px; color:#ffffff; }
#top .menu_area ul.dropdown_menu > li > a.lv2 i { position:absolute; right:0; top:0; display:block; width:50px; height:41px; text-align:center; line-height:41px; font-size:20px; color:#ffffff; font-style:normal; transition:all 0.3s ease; }
#top .menu_area ul.dropdown_menu > li > a.lv2 i:before { position:absolute; left:50%; top:50%; content:""; width:0; height:0; margin-left:-4px; margin-top:-6px; border-style:solid; border-width:6px 0 6px 8px; border-color:transparent transparent transparent #ffffff; }
#top .menu_area ul.dropdown_menu > li.openDrop > a.lv2 i { transform:rotate(90deg); }

#top .menu_area ul.sub_dropdown_menu { width:100%; position:static; background-color:#9f75c3; padding-top:4px; padding-bottom:14px; border-top:1px solid #cccccc; box-shadow:none; display:none; }
#top .menu_area ul.sub_dropdown_menu > li { display:block; position:relative; }
#top .menu_area ul.sub_dropdown_menu > li > a.lv3 { display:block; padding:8px 15px 8px 30px; margin:0; position:relative; box-sizing:border-box; font-size:15px; color:#ffffff; }
#top .menu_area ul.sub_dropdown_menu > li > a.lv3:before { position:absolute; left:15px; top:8px; content:">"; }

#banner .owl-prev, 
#banner .owl-next { top:-28px; width:36px; height:56px; }

#main .student_img .student_1 { left:-178px; width:175px; }
#main .student_img .student_2 { right:-197px; width:232px; }

#main .index_student_position .student_1 { left:-164px; top:-24px; }
#main .index_student_position .student_2 { right:-197px; top:228px; }

#main .left_side { width:187px; }

#main .left_side+.right_side { width:720px; }

#main .common_content { padding-left:0; }

#useful .useful_links_list.owl-carousel .owl-nav { margin-top:-18px; }
#useful .useful_links_list.owl-carousel .owl-nav i { font-size:20px; }
#useful .useful_links_list.owl-carousel .owl-prev, 
#useful .useful_links_list.owl-carousel .owl-next { width:36px; height:36px; padding-top:2px !important; }
#useful .useful_links_list.owl-carousel .owl-prev { left:-46px; }
#useful .useful_links_list.owl-carousel .owl-next { right:-46px; }

#footer .school_photo { width:50%; }
#footer .school_photo img { height:100%; }
#footer .footer_row { display:block; padding-top:23px; padding-bottom:23px; padding-left:50%; }
#footer .contact { max-width:none; padding:0; padding-bottom:10px; margin:0; }
#footer .contact p { padding:0 0 10px 0; font-size:20px; }
#footer .contact i { width:20px; padding-right:10px; font-size:24px; }
#footer .footer_side { max-width:none; padding:10px 0 0 0; border:0; border-top:1px solid #ffffff; }
#footer .copyright { font-size:12px; }

.openResponsive { height:100%; }
.openResponsive body { overflow:hidden; }
.openResponsive #wrap { left:280px; }
.openResponsive #wrap .overlay { width:100%; height:100%; opacity:1; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; transition-delay:0; }
.openResponsive #top .menu_area { left:0; }
}

@media screen and (max-width: 980px){
/* desktop to ipad */
select { height:35px; font-size:16px; }

#wrap .container { max-width:768px; }

#top .logo { width:80px; height:45px; }
#top .name { width:262px; padding-top:14px; }

#title .title_area h2 { min-width:226px; height:42px; padding:0 15px; font-size:26px; line-height:42px; }
#title .title_area h2:after { border-width:42px 16px 0 0; }

#main .student_img { display:none; }

#main .left_side { width:100%; margin-top:0; }
#main .left_side .left_menu { display:none; }
#main .left_side .left_select { display:block; position:absolute; right:80px; top:19px; }

#main .left_side+.right_side { width:100%; }

#main .filter_area { position:static; max-width:none; padding-bottom:10px; }

#main .multipage { margin:0; text-align:center; }
#main .multipage a { display:none; }
#main .multipage .select_area { display:inline-block; }

#useful .useful_links_content { padding:16px 52px; }
#useful .useful_links_list.owl-carousel .owl-prev { left:-50px; }
#useful .useful_links_list.owl-carousel .owl-next { right:-50px; }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
body { font-size:14px; }

select { height:32px; font-size:16px; }
.select_area select { padding-left:10px; }

#wrap .container { max-width:none; }
#wrap .back_to_top { right:15px; }

#top .logo_area { padding:10px 0 16px 0; }
#top .logo { width:70px; height:10px; padding-right:6px; }
#top .name { width:242px; padding-top:12px; }

#banner .owl-prev, 
#banner .owl-next { top:-24px; width:31px; height:48px; }

#main .title_area { margin:0 -15px; background-color:#fe9b00; }
#main .title_area:before { display:none; }
#main .title_area h2 { padding:6px 15px; font-size:32px; }

#main .left_side { margin-top:43px; }
#main .left_side .left_select { position:static; }
#main .left_side .left_select .select_area { max-width:none; }

#useful .useful_links_title .title { padding:0 16px; font-size:26px; line-height:46px; }
#useful .useful_links_title .title:before { border-width:46px 37px 0 37px; }

#footer .school_photo { display:none; }
#footer .footer_row { padding:0; }
#footer .footer_row .section { width:calc(100% + 30px); margin:0 -15px; }
#footer .contact { padding:22px 15px; }
#footer .contact p { padding:6px 0; font-size:18px; }
#footer .contact i { font-size:22px; }
#footer .footer_side { padding:0; border-top:1px solid #ffffff; }
#footer .sitemap { padding:30px 15px; }
#footer .sitemap ul li { display:block; width:100%; padding:6px 0; }
#footer .copyright { padding:30px 15px; border-top:1px solid #ffffff; text-align:center; font-size:10px; }
}

@media screen and (max-width: 620px){
#top .mobile_btn { margin-top:-17px; }
#top .mobile_btn a { width:34px; height:34px; line-height:34px; }
#top .mobile_btn a i { font-size:20px; }

#top .menu_area { left:-250px; width:250px; }

.openResponsive #wrap { left:250px; }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#wrap .back_to_top { position:fixed !important; bottom:14px !important; }

#top .logo { width:60px; }
#top .name { width:202px; padding-top:6px; }

#main .left_side, 
#main .right_side { margin-top:20px; }

#main .filter_area .filter { max-width:129px; }
}

@media screen and (max-width: 413px){
#top .logo_area { padding:10px 0 12px 0; }
#top .logo { width:46px; }
#top .name { width:182px; }

#useful .useful_links_title { margin:0 -15px; }
#useful .useful_links_title:after { display:none; }
#useful .useful_links_title .title { display:block; padding:8px 15px 6px 15px; background-color:#834db1; text-align:center; line-height:normal; }
#useful .useful_links_title .title:before { display:none; }

#footer .copyright { font-size:9px; }
}

@media screen and (max-width: 374px){
#footer .useful_links_area .useful_links_item { width:100%; }
#footer .useful_links_area .useful_links { height:auto; }
#footer .useful_links_area .useful_links:before { left:-19px; top:-70px; width:156px; height:150px; }
}

@media screen and (max-width: 319px){
#top { padding:16px 0; }
#top .logo_area { padding-top:0; padding-bottom:10px; text-align:center; }
#top .logo { width:22%; height:auto; box-sizing:border-box; }
#top .name { width:70%; box-sizing:border-box; }

#top .mobile_btn { position:static; margin-top:0; padding-top:6pxpx; text-align:center; }
#top .mobile_btn a { display:inline-block; vertical-align:top; width:auto; height:auto; padding:8px 15px; font-size:12px; line-height:normal; }
#top .mobile_btn a i { vertical-align:sub; padding-right:8px; font-size:20px; line-height:1; }

#top .menu_area { left:-100%; width:100%; }

#useful .useful_links_title .title i { display:none; }

.openResponsive #wrap { left:100%; }
}

/*-------------------------------------------------------------------------------------*/
/* INDEX */

@media screen and (max-width: 1219px){
.section_area .section_item:last-child { width:100%; }

#internet_section { width:340px; }

#calendar_section { width:340px; }
#calendar_section .section_content { height:672px; padding:6px 15px; }

.index_event_list .index_event_item:nth-child(7) { display:none; }

#news_section { width:580px; }
#news_section .section_content { height:453px; }/*390px*/

.index_news_list .index_news_item { padding:12px 10px; }

#achievement_section { width:580px; }
#achievement_section .section_content { height:440px; }/*450*/

.index_achievement_list .index_achievement_item { padding:12px 10px; }

#activities_section { width:100%; }
#activities_section .section_content { padding:14px 10px; height:auto; font-size:0; }

.index_gallery_area { display:inline-block; vertical-align:top; width:320px; padding:0 10px; }
.index_gallery_area .index_gallery_photo { height:196px; }

.index_video_list { display:inline-block; vertical-align:top; width:588px; padding:0 10px; }
.index_video_list .index_video_player { height:347px; }
}

@media screen and (max-width: 980px){
.section_area .section_item { width:calc(100% - 300px); }
.section_area .section_item:first-child { width:300px; }
.section_area .section_title h2 { padding-left:20px; }

#internet_section { width:100%; }

#calendar_section { width:100%; }
#calendar_section .section_content { padding:6px; }

#news_section { width:100%; }

#achievement_section { width:100%; }

#activities_section .section_content { padding:14px 6px; }

.index_gallery_area { width:40%; padding:0 6px; }
.index_gallery_area .index_gallery_photo { height:182px; }
.index_gallery_area .index_gallery { padding:12px 7px; }
.index_gallery_area .index_gallery_icon { -ms-flex:0 0 38px; flex:0 0 38px; max-width:38px; }

.index_video_list { width:60%; padding:0 6px; }
.index_video_list .index_video { padding:16px 10px; }
.index_video_list .index_video_icon { -ms-flex:0 0 38px; flex:0 0 38px; max-width:38px; }
}

@media screen and (max-width: 767px){
.section_area { padding:24px 0; margin-top:0; }
.section_area .section_item { width:100% !important; }
.section_area .section { padding:12px 0; }
.section_area .section_title { height:60px; }
.section_area .section_title h2 { padding-left:15px; font-size:26px; line-height:63px; letter-spacing:0; }
.section_area .section_content { height:auto !important; }
.section_area .section_more { top:12px; width:114px !important; height:60px; padding-top:17px; }
.section_area .section_more a { font-size:13px; }

.internet_login input[type=password] { font-size:14px; }
.internet_login input[type=submit] { font-size:14px; }

#calendar_section .section_content { padding:10px; }

.index_calendar_table { height:auto; }

/*.index_event_list .index_event_item { display:block !important; padding-bottom:10px; } john*/
.index_event_list .index_event_item {padding-bottom:10px; }
.index_event_list .index_event { padding:10px 15px 10px 27px; }
.index_event_list .index_event_title { font-size:14px; }
.index_event_list .index_event_title:before { left:-12px; width:3px; }
.index_event_list .index_event_date { padding-top:4px; font-size:12px; }

.index_news_list .index_news_date { -ms-flex:0 0 56px; flex:0 0 56px; max-width:56px; padding:6px; font-size:11px; }
.index_news_list .index_news_date b { font-size:26px; }
.index_news_list .index_news_info { padding-left:12px; }
.index_news_list .index_news_title { font-size:11px; }
.index_news_list .index_news_desc { font-size:10px; }

.index_achievement_list .index_achievement_photo { -ms-flex:0 0 104px; flex:0 0 104px; max-width:104px; }
.index_achievement_list .index_achievement_info { padding-left:12px; }
.index_achievement_list .index_achievement_title { font-size:11px; }
.index_achievement_list .index_achievement_desc, 
.index_achievement_list .index_achievement_date { font-size:10px; }

.index_gallery_area { width:100%; padding-bottom:30px; }
.index_gallery_area .index_gallery_photo { height:auto; }
.index_gallery_area .index_gallery_icon { -ms-flex:0 0 32px; flex:0 0 32px; max-width:32px; }
.index_gallery_area .index_gallery_title { font-size:14px; }
.index_gallery_area .index_gallery_date { font-size:12px; }

.index_video_list { width:100%; }
.index_video_list .index_video_icon { -ms-flex:0 0 32px; flex:0 0 32px; max-width:32px; }
.index_video_list .index_video_title { font-size:14px; }
.index_video_list .index_video_date { font-size:12px; }
}

@media screen and (max-width: 479px){
.index_video_list .index_video_player { height:183px; }
}

@media screen and (max-width: 319px){
.section_area .section_title { height:auto; }
.section_area .section_title h2 { padding:8px 15px 6px 15px; font-size:24px; line-height:normal; }
.section_area .section_title img { display:none; }
.section_area .section_more { position:static; width:100% !important; height:auto; padding:10px 0 0 0; text-align:center; }
.section_area .section_more:before { display:none; }

#internet_section .section_content { padding:20px 12px; }

.internet_login { text-align:center; }
.internet_login input[type=password] { padding:0 10px; }
.internet_login input[type=submit] { position:static; width:100%; max-width:77px; height:36px; margin-top:10px; }

.index_news_list .index_news_item { padding:10px 6px; }
.index_news_list .index_news_date { -ms-flex:0 0 42px; flex:0 0 42px; max-width:42px; padding:5px; }
.index_news_list .index_news_date b { font-size:20px; }
.index_news_list .index_news_info { padding-left:10px; padding-top:0; }
.index_news_list .index_news_title { font-size:11px; }
.index_news_list .index_news_desc { font-size:10px; }

.index_achievement_list .index_achievement { display:block; }
.index_achievement_list .index_achievement_photo { max-width:none; padding-bottom:10px; }
.index_achievement_list .index_achievement_info { padding-left:0; }

.index_gallery_area .index_gallery_icon { -ms-flex:0 0 26px; flex:0 0 26px; max-width:26px; }
.index_gallery_area .index_gallery_info { padding-left:10px; }

.index_video_list .index_video_icon { -ms-flex:0 0 26px; flex:0 0 26px; max-width:26px; }
.index_video_list .index_video_info { padding-left:10px; }
}

/*-------------------------------------------------------------------------------------*/
/* NEWS */

@media screen and (max-width: 1219px){
.news_list .news { padding:18px 20px; }
.news_list .news_photo { -ms-flex:0 0 220px; flex:0 0 220px; max-width:220px; padding-right:20px; }
.news_list .news_btn { -ms-flex:0 0 131px; flex:0 0 131px; max-width:131px; padding-left:20px; }

.news_detail { padding:30px 42px; }
}

@media screen and (max-width: 980px){
.news_list .news_photo { -ms-flex:0 0 180px; flex:0 0 180px; max-width:180px; }
.news_list .news_title { line-height:1.1; }
.news_list .news_btn { -ms-flex:0 0 131px; flex:0 0 131px; max-width:131px; }

.news_detail { padding:20px; }
.news_detail .news_detail_info { padding-bottom:0; }
.news_detail .news_detail_video { padding-bottom:0; }
}

@media screen and (max-width: 767px){
.news_list .news { -ms-flex-wrap:wrap; flex-wrap:wrap; }
.news_list .news_photo { -ms-flex:0 0 140px; flex:0 0 140px; max-width:140px; }
.news_list .news_info { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.news_list .news_title { padding-bottom:4px; font-size:20px; }
.news_list .news_date { padding-bottom:10px; font-size:14px; }
.news_list .news_desc { padding-top:10px; font-size:14px; }
.news_list .news_btn { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding-top:20px; padding-left:0; }
.news_list .news_btn a { width:111px; height:32px; line-height:32px; font-size:16px; }

.news_list .news_photo+.news_info { -ms-flex:0 0 calc(100% - 140px); flex:0 0 calc(100% - 140px); max-width:calc(100% - 140px); }
.news_list .news_photo+.news_info+.news_btn { padding-left:140px; }

.news_detail .news_detail_title { font-size:26px; }
.news_detail .news_detail_date { font-size:18px; }

.news_detail_back a { font-size:14px; }
}

@media screen and (max-width: 479px){
.news_list .news { display:block; padding:15px; }
.news_list .news_photo { max-width:100%; padding-right:0; padding-bottom:15px; }
.news_list .news_info { max-width:100%; }
.news_list .news_btn { padding-top:15px; }

.news_list .news_photo+.news_info { max-width:100%; }
.news_list .news_photo+.news_info+.news_btn { padding-left:0; }

.news_detail { padding:15px; }
.news_detail .news_detail_info { padding-top:15px; }
.news_detail .news_detail_video { padding-top:15px; }
}

/*-------------------------------------------------------------------------------------*/
/* GALLERY */

@media screen and (max-width: 1219px){
.gallery_list .gallery_photo { height:134px; }

.gallery_detail { padding-left:0; }
.gallery_detail .gallery_detail_photo { padding:28px 63px; }
.gallery_detail .gallery_detail_photo .large_photo .row { margin-top:-20px; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev, 
.gallery_detail .gallery_detail_photo .large_photo .row_next { width:40px; height:40px; font-size:34px; line-height:40px; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev { left:-50px; }
.gallery_detail .gallery_detail_photo .large_photo .row_next { right:-50px; }
}

@media screen and (max-width: 980px){
.gallery_detail { padding-top:20px; }
}

@media screen and (max-width: 767px){
.gallery_list .gallery_item { width:50%; }
.gallery_list .gallery_info { width:100%; height:74px; padding-left:30px; }
.gallery_list .gallery_icon { width:22px; }
.gallery_list .gallery_title { max-height:34px; -webkit-line-clamp:2; font-size:13px; }
.gallery_list .gallery_date { font-size:10px; }

.gallery_detail .gallery_detail_title { font-size:20px; }
.gallery_detail .gallery_detail_date { font-size:14px; }
.gallery_detail .gallery_detail_desc { font-size:14px; }

.gallery_detail .gallery_detail_photo { padding:20px; }
.gallery_detail .gallery_detail_photo .large_photo .row { display:none; }
.gallery_detail .gallery_detail_photo .thumb_area { padding-left:16px; padding-right:16px; }
.gallery_detail .gallery_detail_photo .thumb { height:68px; }

.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-nav { margin-top:-11px; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-nav i { font-size:22px; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-prev { left:-26px; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-next { right:-26px; }

.gallery_detail .gallery_detail_back a { font-size:14px; }
}

@media screen and (max-width: 479px){
.gallery_list .gallery { padding:20px 10px 10px 10px; }
.gallery_list .gallery_photo { height:106px; margin-bottom:10px; }
.gallery_list .gallery_info { height:91px; }
.gallery_list .gallery_title { max-height:51px; -webkit-line-clamp:3; }
}

@media screen and (max-width: 374px){
.gallery_list .gallery_item { width:100%; }
.gallery_list .gallery_photo { height:auto; }
.gallery_list .gallery_info { height:auto; min-height:35px; padding-top:10px; padding-left:36px; }
.gallery_list .gallery_icon { top:14px; width:28px; }
.gallery_list .gallery_title { max-height:none; -webkit-line-clamp:99; }
}

@media screen and (max-width: 319px){
.gallery_detail .gallery_detail_photo { padding:15px; }
.gallery_detail .gallery_detail_photo .thumb_area { padding-left:20px; padding-right:20px; }
.gallery_detail .gallery_detail_photo .thumb { height:58px; }
}

/*-------------------------------------------------------------------------------------*/
/* CALENDAR */

@media screen and (max-width: 1219px){
.calendar_remark { padding-right:13px; }
.calendar_remark .remark_item { padding:0 10px 14px 10px; }
.calendar_remark .remark { padding-left:23px; line-height:17px; font-size:15px; }
.calendar_remark .remark:before { width:17px; height:17px; }
}

@media screen and (max-width: 980px){
.calendar_download a { left:23px; padding:8px 30px; border-radius:23px; font-size:23px; }

.event_area .event_date { width:164px; padding-left:43px; }
}

@media screen and (max-width: 767px){
.calendar_area .calendar_topic { height:36px; padding:0 15px; border-radius:18px; text-align:left; font-size:18px; line-height:36px; }
.calendar_area .calendar_row { right:20px; }

.calendar_area .calendar_table { padding:0 15px; }
.calendar_area .calendar_table .table { font-size:14px; }
.calendar_area .calendar_table .calendar_event { font-size:11px; }

.calendar_remark { padding-left:15px; padding-right:15px; }
.calendar_remark .remark_item { width:25%; padding-left:0; box-sizing:border-box; }
.calendar_remark .remark { width:70px; font-size:13px; text-align:left; }

.calendar_download { padding:10px 15px; box-sizing:border-box; text-align:right; }
.calendar_download a { position:static; display:inline-block; vertical-align:top; font-size:17px; }

.event_area .event { padding:18px 0; font-size:13px; }
.event_area .event_date { width:120px; padding:0 8px; }
.event_area .event_info { padding:0 18px; }

.event_area .event_header .event { height:30px; border-radius:15px; font-size:16px; }
}

@media screen and (max-width: 479px){
.calendar_area .calendar_table { padding:0; }

.calendar_remark { padding-left:0; padding-right:0; }
.calendar_remark .remark_item { width:50%; padding-left:0; box-sizing:border-box; }

.calendar_download { padding:10px 0; text-align:center; }

.event_area { padding-left:0; padding-right:0; }
.event_area .event_list { border-top:2px solid #c0b1d5; }
.event_area .event_header { display:none; }
.event_area .event { display:block; }
.event_area .event_date, 
.event_area .event_info { display:block; width:100%; position:relative; padding-left:70px; padding-right:10px; text-align:left; }
.event_area .event_date { padding-top:8px; }
.event_area .event_info { padding-top:8px; }
.event_area .event_date:before, 
.event_area .event_info:before{ position:absolute; left:0; top:0; content:attr(data-title); width:60px; height:100%; background-color:#7a5aa5; padding-top:8px; color:#ffffff; text-align:center; }
}

@media screen and (max-width: 319px){
.calendar_remark .remark_item { display:block; width:auto; padding:0; padding-bottom:10px; }
.calendar_remark .remark { display:inline-block; vertical-align:top; }
}

/*-------------------------------------------------------------------------------------*/
/* EDITOR CONTENT */

@media screen and (max-width: 980px){
.editor_content { }
.editor_content img { width:auto !important; height:auto !important; }
.editor_content table { xwidth:auto !important; max-width:100%; }
.editor_content iframe { max-height:calc(30vh) }
.editor_content a[href^="http:"],
.editor_content a[href^="https:"],
.editor_content a[href^="mailto:"] { word-break:break-all; }
}

@media screen and (max-width: 767px){
.editor_content { font-size:14px; }
}