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

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

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

#top .logo { width:428px; }

#menu .menu_area ul.menu_list { margin:0 -11px; }
#menu .menu_area ul.menu_list > li > a.lv1 { padding:0 11px; font-size:18px; }

#main .right_side { width:705px; }

#quicklink ul { margin:-4px; }
#quicklink ul li { padding:4px; }

#footer .footer_contact { margin:0 -12px; }
#footer .footer_contact p { padding:2px 12px; }
}

@media screen and (max-width: 980px){
/* desktop to ipad */
#wrap .container { max-width:768px; }

.top_bar { display: block; }

#top { border-bottom:3px solid #148ad6; }
#top .logo { width:328px; padding:14px 0; }
#top .intranet_login { display:none; }
#top .mobile_btn { display:block; }

#menu { display:none; }

#mobile_menu { display:block; }

#main .left_side { width:100%; padding-bottom:0; }
#main .left_side .left_menu { display:none; }
#main .left_side .left_select { display:block; }

#main .right_side { width:100%; }
#main .sub_title { font-size:26px; }

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

#quicklink ul li { width:16.6666667%; }

#footer { padding:32px 0; }
#footer .footer_contact { margin:0 -13px; }
#footer .footer_contact p, 
#footer .footer_contact span { padding:2px 13px; }

.openResponsive, 
.openResponsive body { height:100%; overflow:hidden; }
.openResponsive #wrap { transform:translate3d(280px, 0, 0); -webkit-transform:translate3d(280px, 0, 0); -moz-transform:translate3d(280px, 0, 0); }
.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 #mobile_menu { visibility:visible; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
#wrap .container { max-width:none; }

#top .logo { width:278px; }

#title .title_area p { font-size:24px; font-weight:700; }





#quicklink ul li { width:20%; }

#footer .footer_contact { padding-bottom:20px; margin:0; border-bottom:1px solid #ffffff }
#footer .footer_contact p { display:block; padding:4px 22px; font-size:16px; }
#footer .copyright { padding-top:20px; }
#footer .copyright p { font-size:13px; }
}

@media screen and (max-width: 620px){
#top { width:100%; background:url(../img/top_bg_mobile.jpg) no-repeat center top; background-size:auto 100%; }
#top .mobile_btn { margin-top:-17px; }
#top .mobile_btn a { width:34px; height:34px; line-height:34px; }
#top .mobile_btn a i { font-size:22px; }

#mobile_menu { width:250px; transform:translate3d(-250px, 0, 0); -webkit-transform:translate3d(-250px, 0, 0); -moz-transform:translate3d(-250px, 0, 0); }

.openResponsive #wrap { transform:translate3d(250px, 0, 0); -webkit-transform:translate3d(250px, 0, 0); -moz-transform:translate3d(250px, 0, 0); }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#top .logo { width:228px; padding:10px 0; }


#quicklink ul li { width:25%; }

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

@media screen and (max-width: 413px){
#top .logo { width:208px; }

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

@media screen and (max-width: 374px){
#quicklink ul li { width:33.3333334%; }
}

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

@media screen and (max-width: 1219px){
.index_box_area .index_box_item.left_box { width:770px; }
.index_box_area .index_box_item.right_box { width:50%; }
.index_box_area .index_box_item:first-child { width:100%; }
.index_box_area .index_box_item:last-child { width:180px; }

.index_banner_box .banner_show .banner { height:auto; }

.index_sub_bnr_box .index_sub_bnr_item { width:100%; }

.index_honor_box .index_box_content,
.index_news_box .index_box_content { height:290px; }
.index_sub_bnr_list_3 { display: none; }
.index_sub_bnr_list_2 { display: block; }
}

@media screen and (max-width: 1023px){
}

@media screen and (max-width: 980px){
.index_box_area { margin:-10px; }
.index_box_area .index_box_item { padding:10px; }
.index_box_area .index_box_item.left_box { width:100%; }
.index_box_area .index_box_item:last-child { width:100%; }

.index_verse_box { margin-bottom:16px; }

.index_sub_bnr_box .index_sub_bnr_list { margin:-6px; text-align:center; }
.index_sub_bnr_box .index_sub_bnr_item { width:33.3333334%; max-width:149px; padding:6px; }

.index_box_area .index_box_item.right_box.index_sub_bnr_list_1 { width: 100%; }
.index_sub_bnr_list_1 { display: block; }
.index_sub_bnr_list_2 { display: none; }
.index_sub_bnr_list_3 { display: none; }
}

@media screen and (max-width: 767px){
.index_box_area .index_box_item { width:100% !important; }
.index_box_area .index_box_more { font-size:12px; }

.index_verse_box { padding-left:175px; font-size:14px; }
.index_verse_box .index_box_title { width:138px; padding-left:14px; font-size:18px; }

.index_banner_box { padding:5px; }
.index_banner_box .banner_text { padding:8px 12px; font-size:16px; }

.index_news_box .index_box_title .title { padding-left:12px; font-size:20px; }
.index_news_box .index_box_content { height: initial; }

.index_honor_box .index_box_title .title { padding-left:12px; font-size:20px; }
.index_honor_box .index_box_content { height: initial; }

.index_gallery_box .index_box_title { font-size:20px; }
.index_gallery_box .index_box_content { margin:0 -7px; }

.index_gallery_box .gallery_list { width:100%; max-width:468px; margin:-7px auto; }
.index_gallery_box .gallery_list .gallery_item { width:50%; padding:7px; }
.index_gallery_box .gallery_list .gallery_photo { height:166px; }
.index_gallery_box .gallery_list .gallery_title { height:36px; overflow:hidden; -webkit-line-clamp:2; }
}

@media screen and (max-width: 479px){
.index_gallery_box .index_box_title { max-width:200px; }

.index_gallery_box .gallery_list { max-width:372px; }
.index_gallery_box .gallery_list .gallery_photo { height:130px; }

.index_sub_bnr_box .index_sub_bnr_list { margin:-4px; }
.index_sub_bnr_box .index_sub_bnr_item { padding:4px; }
}

@media screen and (max-width: 374px){
.index_gallery_box .index_box_title { max-width:160px; }
}

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

@media screen and (max-width: 767px){
.news_list .news_info { font-size:14px; }
.news_list .news_photo { width:87px; height:57px; }

.news_detail .news_detail_header { font-size:18px; }
.news_detail .news_detail_info { font-size:16px; }
}

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

@media screen and (max-width: 319px){
.news_list .news { padding-right:15px; }
.news_list .news_btn { position:static; padding-top:12px; transform:translateY(0); }
}

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

@media screen and (max-width: 1219px){
.gallery_filter { right:320px; }

.gallery_list .gallery_item { width:33.3333334%; }
}

@media screen and (max-width: 980px){
.gallery_filter { right:416px; top:-44px; }

.gallery_list { margin:-5px; }
.gallery_list .gallery_item { padding:5px; }
}

@media screen and (max-width: 767px){
.gallery_filter { position:static; width:100%; padding-bottom:30px; text-align:right; }

.gallery_list .gallery_info { height:64px; padding:12px 10px 10px 10px; }

.gallery_detail .gallery_detail_title { font-size:26px; }
.gallery_detail .gallery_detail_date { font-size:16px; }
}

@media screen and (max-width: 619px){
.gallery_list .gallery_item { width:50%; }
.gallery_list .gallery_photo { height:162px; }
}

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

.gallery_detail .gallery_detail_header { padding-left:0; padding-right:0; }
.gallery_detail .gallery_detail_photo { padding-left:0; padding-right:0; }
.gallery_detail .gallery_detail_photo .large_photo .row { display:none; }
.gallery_detail .gallery_detail_photo .sub_photo_area { padding-left:30px; padding-right:30px; }
}

@media screen and (max-width: 413px){
.gallery_list .gallery_info { height:84px; }
.gallery_list .gallery_title { height:auto; max-height:40px; -webkit-line-clamp:2; }
}

@media screen and (max-width: 319px){
.gallery_list .gallery_item { width:100%; }
.gallery_list .gallery_photo { height:auto; }
.gallery_list .gallery_info { height:auto; }
.gallery_list .gallery_title { max-height:none; -webkit-line-clamp:none; overflow:visible; }
}

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

@media screen and (max-width: 1219px){
.event_detail { padding-left:30px; padding-right:30px; }
}

@media screen and (max-width: 980px){
.event_detail { padding-left:10px; padding-right:10px; }
}

@media screen and (max-width: 767px){
.calendar_area .calendar_topic { padding:0 20px; text-align:left; font-size:18px; }

.calendar_area .calendar_row { right:20px; }

.calendar_area .calendar_table { padding:0 20px; }

.calendar_remark { padding-left:20px; padding-right:20px; }

.event_area { padding-left:20px; padding-right:20px; }

.event_detail .event_detail_title { font-size:22px; }
.event_detail .event_detail_desc { font-size:14px; line-height:1.5; }
}

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

.calendar_remark { padding-left:10px; padding-right:10px; }
.calendar_remark .remark_item { display:block; padding:0; padding-bottom:10px; }
.calendar_remark .remark { display:inline-block; vertical-align:top; }

.event_area { padding-left:10px; padding-right:10px; }
.event_area .event_list { border-top:2px solid #484a9e; }
.event_area .event_header { display:none; }
.event_area .event { display:block; }
.event_area .event_date, 
.event_area .event_info, 
.event_area .event_btn { 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_btn { padding-top:14px; padding-bottom:8px; }
.event_area .event_date:before, 
.event_area .event_info:before, 
.event_area .event_btn:before { position:absolute; left:0; top:0; content:attr(data-title); width:60px; height:100%; background-color:#484a9e; padding-top:8px; color:#ffffff; text-align:center; }

.event_detail .event_detail_photo { padding:15px 0; }
.event_detail .event_detail_photo .large_photo .row { display:none; }
.event_detail .event_detail_photo .sub_photo_area { padding-left:30px; padding-right:30px; }
}

@media screen and (max-width: 413px){

}

@media screen and (max-width: 319px){
.event_area .event_date, 
.event_area .event_info, 
.event_area .event_btn { padding-left:10px; }
.event_area .event_date:before, 
.event_area .event_info:before { position:static; width:100%; padding:6px 10px; box-sizing:border-box; display:block; margin-bottom:4px; }
.event_area .event_btn:before { display:none; }
}

/*-------------------------------------------------------------------------------------*/
/* HOMEWORK */

@media screen and (max-width: 980px){
.homework_content { padding:36px 0 12px 0; }

.homework_list { margin:-5px; }
.homework_list .homework_item { width:25%; padding:5px; }
.homework_list .homework_info { padding:7px 10px; }
}

@media screen and (max-width: 767px){
.homework_list .homework_item { width:33.3333334%; }
}

@media screen and (max-width: 579px){
.homework_list .homework_item { width:50%; }
}

@media screen and (max-width: 413px){
.homework_list .homework_photo { max-width:108px; height:144px; }
}

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

@media screen and (max-width: 1219px){
.editor_content { }
.editor_content img { width:auto !important; height:auto !important; }
.editor_content table { xwidth:auto !important; max-width:100%; }
.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 .content_img .col_4 { width: 49%; display: inline-block; margin-right: 1%; }
}
@media screen and (max-width: 579px){
.editor_content .content_img .col_4 { width: 100%; display: inline-block; }
.editor_content .content_img .col_2 { width: 100%; display: inline-block; }
.editor_content .content_img .col_1 { width: 100%; display: inline-block; }
}