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

html, body { margin:0px; }

body { width:100%; font-size-adjust:100%; -webkit-text-size-adjust:100%; box-sizing:border-box; position:relative; color:#000000; font-size:16px; font-family:"微軟正黑體", "Microsoft JhengHei", sans-serif; overflow-x:hidden; overflow-y:auto; }

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, p { padding:0; margin:0; }

img { border:none; }

.object_fit_photo img { width:100%; height:100%; aspect-ratio: 16/5;}
.object_fit_photo.compat-object-fit { background-repeat:no-repeat; background-position:center center; background-size:cover; }

input, select, textarea { -webkit-appearance:none; appearance:none; font-family:Arial, Helvetica, sans-serif; }

select { display:inline-block; vertical-align:top; width:100%; height:40px; padding:0 10px; border:0; border-left:3px solid #9f75c3; background-color:#ffffff; border-radius:0; box-sizing:border-box; box-shadow:2px 2px 3px rgba(0,0,0,0.17); font-size:18px; color:#666666; }
select::-ms-expand { display:none; }
.select_area { display:inline-block; vertical-align:top; width:100%; background-color:#ffffff; border-radius:0; position:relative; cursor:pointer; }
.select_area:before { position:absolute; right:8px; top:50%; z-index:1; content:""; width:0; height:0; border-style:solid; border-width:6px 5px 0 5px; border-color:#9f75c3 transparent transparent transparent; transform:translateY(-50%); }
.select_area select { background-color:transparent; position:relative; z-index:2; padding:0 26px; margin:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }

input:focus, select:focus, textarea:focus { border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }

button, input[type=submit], input[type=reset], input[type=button] { -webkit-appearance:none; -moz-appearance:none; appearance:none; }

/* ---------------- clear fix ---------------- */

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; xline-height:0; height:0; font-size:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

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

#wrap { width:100%; background:url(../img/bg.jpg) no-repeat #f2f2f2 center top; box-sizing:border-box; position:relative; left:0; z-index:1000; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; xoverflow:hidden; }
#wrap .container { width:100%; max-width:1200px; padding-left:15px; padding-right:15px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
#wrap .overlay { position:fixed; left:0; top:0; z-index:2000; width:0; height:0; background-color:rgba(0,0,0,0.3); opacity:0; transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:moz-none; -ms-user-select:none; user-select:none; }

#wrap .back_to_top { position:fixed; right:25px; bottom:14px; display:none; z-index:999; }
#wrap .back_to_top.overFooterOnBottom { position:fixed !important; bottom:14px !important; }
#wrap .back_to_top a { display:block; width:43px; height:43px; background-color:#ffd41b; border-radius:100%; box-sizing:border-box; text-align:center; color:#ffffff; transition:all 0.2s ease; }
#wrap .back_to_top a:hover { background-color:#834db1; box-shadow:0 0 10px 2px #ffffff; }
#wrap .back_to_top a i { font-size:19px; line-height:43px; }

#top { width:100%; background-color:#7a5aa5; display:block; }
#top .container { max-width:1690px; }
#top .logo_area { width:100%; padding:11px 0 22px 0; font-size:0; }
#top .logo_area img { width:100%; position:relative; z-index:2; display:block; }
#top .logo { display:inline-block; vertical-align:top; width:130px; height:104px; padding-right:30px; }
#top .name { display:inline-block; vertical-align:top; width:472px; padding-top:33px; }

#top .mobile_btn { position:absolute; right:15px; top:50%; z-index:10; display:none; margin-top:-20px; }
#top .mobile_btn a { display:block; width:40px; height:40px; background-color:#9f75c3; border:1px solid #9f75c3; box-sizing:border-box; border-radius:6px; text-align:center; text-transform:uppercase; font-weight:700; font-size:0; color:#ffffff; line-height:40px; }
#top .mobile_btn a i { font-size:28px; line-height:inherit; }
#top .mobile_btn a:hover { text-decoration:none; }

#top .menu_area { position:absolute; right:0; top:0; height:100%; padding:84px 35px 0 60px; box-sizing:border-box; }
#top .menu_area:before { position:absolute; left:0; top:0; content:""; width:200%; height:100%; background-color:#9f75c3; transform:skew(-26deg); }
#top .menu_area ul.menu_list { margin:0 -18px; font-size:0; position:relative; }
#top .menu_area ul.menu_list > li { display:inline-block; vertical-align:top; box-sizing:border-box; position:relative; }
#top .menu_area ul.menu_list > li.mobile_only { display:none; }
#top .menu_area ul.menu_list > li > a.lv1 { display:block; padding:6px 18px; position:relative; text-align:center; font-size:19px; color:#ffffff; transition:all 0.3s ease; }
#top .menu_area ul.menu_list > li > a.lv1 i { display:none; }
#top .menu_area ul.menu_list > li:hover > a.lv1,
#top .menu_area ul.menu_list > li > a.lv1:hover { color:#fef000; }

#top .menu_area ul.dropdown_menu { position:absolute; left:0; top:100%; z-index:10; width:188px; padding:10px 0 6px 0; background-color:rgba(122,90,165,0.9); box-sizing:border-box; box-shadow:3px 3px 3px rgba(0,0,0,0.3); }
#top .menu_area ul.dropdown_menu > li { display:block; text-align:left; position:relative; }
#top .menu_area ul.dropdown_menu > li > a.lv2 { display:block; width:100%; padding:5px 38px 5px 18px; background-color:transparent; box-sizing:border-box; position:relative; font-size:16px; color:#ffffff; transition:all 0.3s ease; }
#top .menu_area ul.dropdown_menu > li > a.lv2 i { position:absolute; right:10px; top:5px; font-style:normal; }
#top .menu_area ul.dropdown_menu > li > a.lv2 i:before { content:">"; }
#top .menu_area ul.dropdown_menu > li > a.lv2:hover { color:#fef000; }

#top .menu_area ul.sub_dropdown_menu { position:absolute; left:100%; top:-10px; z-index:10; width:160px; padding:10px 0 6px 0; background-color:rgba(122,90,165,0.9); box-sizing:border-box; box-shadow:3px 3px 3px rgba(0,0,0,0.3); }
#top .menu_area ul.sub_dropdown_menu > li { display:block; }
#top .menu_area ul.sub_dropdown_menu > li > a.lv3 { display:block; width:100%; padding:5px 18px; background-color:transparent; box-sizing:border-box; position:relative; font-size:16px; color:#ffffff; transition:all 0.3s ease; }
#top .menu_area ul.sub_dropdown_menu > li > a.lv3:hover { color:#fef000; }

#top .menu_area ul.menu_list > li:last-child > ul.dropdown_menu { left:auto; right:0; }
#top .menu_area .fallback { display:none; }

#banner { position:relative; }
#banner .banner_show { width:100%; }
#banner .banner { width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; display:block; }
#banner .banner img { width:100%; display:block; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:moz-none; -ms-user-select:none; user-select:none; }

#banner .owl-nav { position:absolute; left:50%; top:50%; width:100%; max-width:1600px; transform:translateX(-50%); }
#banner .owl-prev, 
#banner .owl-next { position:absolute; top:-37px; width:48px; height:74px; background-image:url(../img/banner_arrow.png); background-repeat:no-repeat; background-size:auto 100%; outline:none; }
#banner .owl-prev { left:15px; background-position:left top; }
#banner .owl-next { right:15px; background-position:right top; }

#banner .inner_banner { }

#banner .information_banner { background-image:url(../img/inner_banner/information.jpg); }
#banner .learning_n_teaching_banner { background-image:url(../img/inner_banner/learning_n_teaching.jpg); }
#banner .life_banner { background-image:url(../img/inner_banner/life.jpg); }
#banner .library_banner { background-image:url(../img/inner_banner/library.jpg); }
#banner .guidance_group_banner { background-image:url(../img/inner_banner/guidance_group.jpg); }
#banner .alumni_banner { background-image:url(../img/inner_banner/alumni.jpg); }
#banner .pta_banner { background-image:url(../img/inner_banner/pta.jpg); }
#banner .news_banner { background-image:url(../img/inner_banner/news.jpg); }
#banner .achievement_banner { background-image:url(../img/inner_banner/achievement.jpg); }
#banner .gallery_banner { background-image:url(../img/inner_banner/gallery.jpg); }
#banner .calendar_banner { background-image:url(../img/inner_banner/calendar.jpg); }

#main { width:100%; position:relative; z-index:2; display:block; xoverflow:hidden; }
#main .student_img { position:absolute; left:0; top:0; z-index:1; width:100%; }
#main .student_img .student { position:absolute; }
#main .student_img .student img { width:100%; display:block; }
#main .student_img .student_1 { left:-228px; top:202px; width:225px; }
#main .student_img .student_2 { right:-247px; top:650px; width:282px; }

#main .index_student_position .student_1 { left:-214px; top: 0; xtop:-110px; }
#main .index_student_position .student_2 { right:-247px; top:338px; }

#main .title_area { margin-right:38px; position:relative; }
#main .title_area:before { position:absolute; right:-38px; top:0; content:""; width:200%; height:0;	border-color:#fe9b00 transparent transparent transparent; border-style:solid solid solid solid; border-width:70px 37px 0 0; }
#main .title_area h2 { padding:6px 0 5px 0; position:relative; font-size:48px; color:#ffffff; font-weight:700; }

#main .content_area { width:100%; padding-bottom:26px; }

#main .left_side { float:left; width:217px; box-sizing:border-box; margin-top:43px; }
#main .left_side .left_menu { width:100%; min-height:500px; background-color:#ffffff; border:1px solid #cccccc; box-sizing:border-box; box-shadow:5px 5px 5px rgba(0,0,0,0.35); }
#main .left_side .left_menu > ul { padding:4px 4px 24px 4px; border-top:7px solid #9f75c3; box-sizing:border-box; }
#main .left_side .left_menu > ul > li { padding:18px 7px 14px 28px; background:url(../img/left_menu_arrow.png) no-repeat 7px 24px; border-bottom:1px dotted #9f75c3; box-sizing:border-box; }
#main .left_side .left_menu > ul > li > a { font-size:18px; color:#333333; }
#main .left_side .left_menu > ul > li > a.active, 
#main .left_side .left_menu > ul > li > a:hover { color:#7a5aa5; }

#main .left_side .left_menu > ul ul { padding:8px 0 0 20px; list-style:disc; }
#main .left_side .left_menu > ul ul > li { padding:4px 0; box-sizing:border-box; }
#main .left_side .left_menu > ul ul > li > a { font-size:16px; color:#333333; }
#main .left_side .left_menu > ul ul > li > a.active, 
#main .left_side .left_menu > ul ul > li > a:hover { color:#7a5aa5; }

#main .left_side .left_select { width:100%; box-sizing:border-box; text-align:right; display:none; }
#main .left_side .left_select .select_area { max-width:220px; }

#main .right_side { float:right; width:100%; margin-top:43px; box-sizing:border-box; position:relative; }

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

#main .filter_area { position:absolute; right:55px; top:-98px; width:100%; max-width:500px; padding-bottom:20px; text-align:right; }
#main .filter_area .filter { display:inline-block; vertical-align:top; width:100%; max-width:179px; margin-left:10px; margin-bottom:10px; box-sizing:border-box; }
#main .filter_area .filter:first-child { margin-left:0; }

#main .common_content { min-height:480px; padding-left:20px; }

#main .multipage { padding-top:17px; margin:0 -7px; font-size:0; text-align:right; clear:both; }
#main .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:22px; height:22px; margin:0 2px; text-align:center; line-height:22px; font-size:14px; color:#000000; transition:all 0.2s ease; }
#main .multipage a.row,
#main .multipage a.back,
#main .multipage a.next { width:26px; margin:0 7px; background-color:#797979; color:#ffffff; }
#main .multipage a.onpage, 
#main .multipage a:hover { background-color:#9f75c3; color:#ffffff; }
#main .multipage .select_area { display:none; max-width:160px; }

/*#useful { width:100%; background-color:#dad1e6; padding-bottom:8px; overflow:hidden; }*/
/*2019 12 23  john edit */
#useful { width:100%;  padding-bottom:8px; overflow:hidden;z-index: 6;position: relative; }
#useful .useful_links_title { background-color:#9f75c3; margin-left:37px; position:relative; }
#useful .useful_links_title:after { position:absolute; left:0; top:0; content:""; width:200%; height:100%; background-color:#9f75c3; }
#useful .useful_links_title .title { display:inline-block; position:relative; z-index:1; padding:0 46px 0 24px; font-size:30px; color:#ffffff; font-weight:700; line-height:56px; }
#useful .useful_links_title .title:before { position:absolute; left:-37px; top:0; content:""; width:100%; height:0;	border-color:#834db1 transparent transparent transparent; border-style:solid solid solid solid; border-width:56px 37px 0 37px; }
#useful .useful_links_title .title span { position:relative; }
#useful .useful_links_title .title i { padding-left:10px; color:#5a357a; }
#useful .useful_links_content { padding:16px 32px; box-sizing:border-box; }
#useful .useful_links_list { display:block; margin:0 -7px; }
#useful .useful_links_item { float:left; width:25%; padding:0 7px; box-sizing:border-box; }
/*#useful .useful_links { width:100%; padding:5px 0; position:relative; z-index:1; overflow:hidden; display:block; }JOHN*/
#useful .useful_links { width:100%; padding:5px 0; position:relative; z-index:999; overflow:hidden; display:block; }
#useful .useful_links img { width:100%; display:block; border-radius:4px; }

#useful .useful_links_list.owl-carousel { width:100%; margin:0; }
#useful .useful_links_list.owl-carousel .owl-item .useful_links_item { width:100%; padding:0; }
#useful .useful_links_list.owl-carousel .owl-nav { position:absolute; left:0; top:50%; width:100%; margin-top:-23px; color:#dad1e6; font-weight:bold; line-height:1; }
#useful .useful_links_list.owl-carousel .owl-nav i { font-size:26px; line-height:inherit; }
#useful .useful_links_list.owl-carousel .owl-prev, 
#useful .useful_links_list.owl-carousel .owl-next { position:absolute; top:0; width:46px; height:46px; background-color:#7a5aa5; border-radius:100%; padding-top:2px !important; outline:none; cursor:pointer; }
#useful .useful_links_list.owl-carousel .owl-prev { left:-72px; padding-right:3px !important; }
#useful .useful_links_list.owl-carousel .owl-next { right:-72px; padding-left:3px !important; }

#footer { background-color:#7a5aa5; position:relative; z-index:5; }
#footer .school_photo { position:absolute; left:0; top:0; width:248px; height:100%; text-align:right; font-size:0; }
/*#footer .school_photo img { position:absolute; right:0; bottom:0; width:auto; height:calc(100% + 131px); display:block; }*/
#footer .school_photo img { position:absolute; right:0; bottom:0; width:auto; height:calc(100% + 131px); display:block;z-index: 2;}

#footer .footer_row { display:-ms-flexbox; display:flex; -ms-flex-wrap:no-wrap; flex-wrap:no-wrap; -ms-flex-align:stretch; align-items:stretch; width:100%; padding:46px 0 46px 248px; box-sizing:border-box; }
#footer .footer_row .section { display:-ms-flexbox; display:flex; width:100%; box-sizing:border-box; position:relative; }
#footer .contact { -ms-flex:0 0 380px; flex:0 0 450px; max-width:450px; -ms-flex-direction:column; flex-direction:column; padding:0 42px; margin:-8px 0; }
#footer .contact p { padding:8px 0; font-size:22px; color:#ffffff; font-weight:700; }
#footer .contact i { width:22px; padding-right:12px; text-align:center; font-size:26px; color:#fffd00; }
#footer .footer_side { -ms-flex:1 0 0%; flex:1 0 0%; -ms-flex-direction:column; flex-direction:column; padding-left:44px; border-left:1px solid #ffffff; }
#footer .sitemap { padding-bottom:12px; }
#footer .sitemap ul { font-size:0; text-align:left; }
#footer .sitemap ul li { display:inline-block; vertical-align:top; width:33.33334%; padding-bottom:10px; padding-right:10px; box-sizing:border-box; font-size:18px; }
#footer .sitemap ul li a { color:#ffffff; }
#footer .copyright { text-align:right; font-size:14px; color:#ffffff; }
#footer .copyright a { color:#ffffff; }
#footer .copyright a:hover { text-decoration:underline; }

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

.section_area { padding-bottom:29px; Xmargin-top:-76px; margin-left:-5px; margin-right:-5px; display:block; }
.section_area .section_item { float:left; padding:0 5px; box-sizing:border-box; }
.section_area .section { width:100%; padding:6px 0; position:relative; box-sizing:border-box; }
.section_area .section_title { width:100%; height:70px; padding-right:94px; background-color:rgba(0,0,0,0.5); box-sizing:border-box; font-size:0; overflow:hidden; }
.section_area .section_title h2 { display:inline-block; vertical-align:top; min-width:276px; max-width:100%; padding-left:26px; box-sizing:border-box; font-size:30px; color:#ffffff; font-weight:700; line-height:76px; letter-spacing:1px; }
.section_area .section_title img { padding-left:10px; vertical-align:sub; }
.section_area .section_content { width:100%; background-color:#ffffff; border:1px solid #cccccc; display:block; position:relative; box-sizing:border-box; box-shadow:3px 3px 5px rgba(0,0,0,0.1); }
.section_area .section_more { position:absolute; right:0; top:6px; width:114px; height:70px; padding:22px 15px 0 0; box-sizing:border-box; overflow:hidden; text-align:right; }
.section_area .section_more:before { position:absolute; right:-21px; top:0; content:""; width:100%; height:100%; box-shadow:inset 5px 5px 5px rgba(0,0,0,0.2); transform:skew(-32deg); }
.section_area .section_more a { display:inline-block; vertical-align:top; padding:6px 10px; border-radius:5px; position:relative; font-size:15px; color:#ffffff; text-align:center; }

#internet_section { width:290px; }
#internet_section .section_title { background-color:#4d5bb1 }
/*#internet_section .section_content { padding:24px 28px; height:86px; } john*/
#internet_section .section_content { padding:24px 28px; height:130px; }
#internet_section .section_more { width:114px; }
#internet_section .section_more:before { background-color:#4d5bb1 } /*button*/
#internet_section .section_more a { background-color:#656db8; }

.internet_login { width:100%; position:relative; }
.internet_login input[type=password] {margin-top:10px; width:100%; height:36px; padding:0 57px 0 10px; background-color:#ebebeb; border:0; box-sizing:border-box; font-size:16px; color:#000000; font-family:"微軟正黑體", "Microsoft JhengHei", sans-serif; outline:none; }
/*####################john########################################*/
.internet_login input[type=text] { width:100%; height:36px; padding:0 57px 0 10px; background-color:#ebebeb; border:0; box-sizing:border-box; font-size:16px; color:#000000; font-family:"微軟正黑體", "Microsoft JhengHei", sans-serif; outline:none; }
.internet_login input[type=button] { width:100%;height:50px;color:black; font-family:"微軟正黑體", "Microsoft JhengHei", sans-serif;  }
/*####################john########################################*/
.internet_login input[type=submit] { position:absolute; right:0; top:0; width:47px; height:100%; padding:0; background-color:#4d5bb1; border:0; margin:0; font-size:16px; color:#ffffff; font-family:"微軟正黑體", "Microsoft JhengHei", sans-serif; outline:none; cursor:pointer; }

#calendar_section { width:290px; }
#calendar_section .section_title { background-color:#4d57b1; }
#calendar_section .section_content { height:533px; padding:6px; }
/*#calendar_section .section_content { height:732px; padding:6px; }john*/
#calendar_section .section_more { width:114px; }
#calendar_section .section_more:before { background-color:#5156b0 }
#calendar_section .section_more a { background-color:#6571b8; }

.index_calendar_table { width:100%; /*height:242px; padding:12px 22px;*/ background-color:#ebebeb; box-sizing:border-box; }
.index_calendar_table .index_calendar_area { width:100%; box-sizing:border-box; position:relative; }
.index_calendar_table .calendar_mouth { padding:0 32px 4px 32px; box-sizing:border-box; font-size:19px; color:#4d57b1; font-weight:bold; text-align:center; }
.index_calendar_table .calendar_row { position:absolute; left:0; top:0; width:100%; }
.index_calendar_table .calendar_row .prev_mouth, 
.index_calendar_table .calendar_row .next_mouth { position:absolute; top:0; width:auto; height:auto; background-color:transparent; border:none; outline:none; cursor:pointer; font-size:19px; color:#4d57b1; font-weight:normal; }
.index_calendar_table .calendar_row .prev_mouth { left:10px; }
.index_calendar_table .calendar_row .next_mouth { right:10px; }

.index_calendar_table .calendar_table { width:100%; height:168px; display:table; table-layout:fixed; border-collapse:collapse; }
.index_calendar_table .calendar_table .table_tr { display:table-row; }
.index_calendar_table .calendar_table .table_td { display:table-cell; vertical-align:middle; background-color:#aeb3dd; position:relative; border:2px solid #e2e3e9; }
.index_calendar_table .calendar_table .table_td:before { content:""; display:block; padding-top:100%; }

.index_calendar_table .calendar_table .table_td .week { height:16px; line-height:16px; background-color:#5156b0; margin:0 -1px; text-align:center; font-size:10px; color:#ffffff; font-weight:bold; text-transform:uppercase; }
.index_calendar_table .calendar_table .table_td .day { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ffffff; box-sizing:border-box; font-size:13px; color:#000000; line-height:1; text-align:center; }
.index_calendar_table .calendar_table .table_td .day:after { display:inline-block; vertical-align:middle; content:""; height:100%; }
.index_calendar_table .calendar_table .table_td .day.today { background-color:#4d57b1; color:#ffffff; }

.index_calendar_table .calendar_table .table_tr:first-child .table_td { text-align:center; font-size:12px; color:#ffffff; }
.index_calendar_table .calendar_table .table_tr:first-child .table_td::before { display:none; }

.index_event_list { width:100%; overflow: auto; height: 207px; }
.index_event_list .index_event_item { width:100%; padding-bottom:5px; }
.index_event_list .index_event { width:100%; padding:10px 17px 10px 32px; background-color:#f4f4f4; box-sizing:border-box; }
.index_event_list .index_event_title { position:relative; font-size:16px; color:#333333; font-weight:700; }
.index_event_list .index_event_title:before { position:absolute; left:-15px; top:3px; content:""; width:4px; height:14px; background-color: var(--my-color-var); }
.index_event_list .index_event_title a { color:#333333; }
.index_event_list .index_event_date { padding-top:4px; font-size:14px; color:#999999; }

#admission_section { width:290px; }
#admission_section .section_title { background-color:#834db1; }
#admission_section .section_content { height:619px; padding:13px 11px; }
#admission_section .section_more { width:114px; }
#admission_section .section_more:before { background-color:#7851b0 }
#admission_section .section_more a { background-color:#8765b8; }

.index_admission_list { width:100%; overflow:hidden; }
.index_admission_list .index_admission_item { width:100%; padding:14px 13px 12px 17px; border-top:2px dashed #d9d9d9; box-sizing:border-box; }
.index_admission_list .index_admission_item:first-child { border-top:none; }
.index_admission_list .index_admission { width:100%; position:relative; display:-ms-flexbox; display:flex; -ms-flex-wrap:no-wrap; flex-wrap:no-wrap; -ms-flex-align:flex-start; align-items:flex-start; }
.index_admission_list .index_admission_date { display:-ms-flexbox; display:flex; -ms-flex:0 0 66px; flex:0 0 66px; width:100%; max-width:66px; -ms-flex-direction:column; flex-direction:column; padding:7px 10px; background-color:#3c0052; box-sizing:border-box; text-align:center; font-size:13px; color:#ffffff; }
.index_admission_list .index_admission_date p { padding-bottom:2px; }
.index_admission_list .index_admission_date b { font-size:32px; line-height:1; }
.index_admission_list .index_admission_info { display:-ms-flexbox; display:flex; -ms-flex:1 0 0%; flex:1 0 0%; -ms-flex-direction:column; flex-direction:column; padding-top:4px; padding-left:8px; box-sizing:border-box; }
.index_admission_list .index_admission_title { font-size:16px; color:#333333; }
.index_admission_list .index_admission_title a { color:#333333; }
.index_admission_list .index_admission_desc { padding-top:8px; font-size:14px; color:#7d7d7d; }

#news_section { width:430px; }
#news_section .section_title { background-color:#834db1; }
#news_section .section_content { height:390px; padding:13px 11px; }
#news_section .section_more { width:144px; }
#news_section .section_more:before { background-color:#7851b0 }
#news_section .section_more a { background-color:#8765b8; }

.index_news_list { width:100%; overflow:hidden; }
.index_news_list .index_news_item { width:100%; padding:14px 13px 12px 17px; border-top:2px dashed #d9d9d9; box-sizing:border-box; }
.index_news_list .index_news_item:first-child { border-top:none; }
.index_news_list .index_news { width:100%; position:relative; display:-ms-flexbox; display:flex; -ms-flex-wrap:no-wrap; flex-wrap:no-wrap; -ms-flex-align:flex-start; align-items:flex-start; }
.index_news_list .index_news_date { display:-ms-flexbox; display:flex; -ms-flex:0 0 66px; flex:0 0 66px; width:100%; max-width:66px; -ms-flex-direction:column; flex-direction:column; padding:7px 10px; background-color:#3c0052; box-sizing:border-box; text-align:center; font-size:13px; color:#ffffff; }
.index_news_list .index_news_date p { padding-bottom:2px; }
.index_news_list .index_news_date b { font-size:32px; line-height:1; }
.index_news_list .index_news_info { display:-ms-flexbox; display:flex; -ms-flex:1 0 0%; flex:1 0 0%; -ms-flex-direction:column; flex-direction:column; padding-top:4px; padding-left:8px; box-sizing:border-box; }
.index_news_list .index_news_title { font-size:16px; color:#333333; }
.index_news_list .index_news_title a { color:#333333; }
.index_news_list .index_news_desc { padding-top:8px; font-size:14px; color:#7d7d7d; }

.index_news_list .index_news_item:nth-child(2n) .index_news_date { background-color:#8f67c3; }

#achievement_section { width:430px; }
#achievement_section .section_title { background-color:#834db1; }
#achievement_section .section_content { height:440px; padding:4px 11px; }/* height 290px*/
#achievement_section .section_more { width:144px; }
#achievement_section .section_more:before { background-color:#7851b0 }
#achievement_section .section_more a { background-color:#8765b8; }

.index_achievement_list { width:100%; overflow:hidden; }
.index_achievement_list .index_achievement_item { width:100%; padding:19px 15px; border-top:2px dashed #d9d9d9; box-sizing:border-box; }
.index_achievement_list .index_achievement_item:first-child { border-top:none; }
.index_achievement_list .index_achievement { width:100%; position:relative; display:-ms-flexbox; display:flex; -ms-flex-wrap:no-wrap; flex-wrap:no-wrap; -ms-flex-align:flex-start; align-items:flex-start; }
.index_achievement_list .index_achievement_photo { -ms-flex:0 0 124px; flex:0 0 124px; width:100%; max-width:124px; box-sizing:border-box; text-align:center; }
.index_achievement_list .index_achievement_photo img { width:100%; display:block; }
.index_achievement_list .index_achievement_info { display:-ms-flexbox; display:flex; -ms-flex:1 0 0%; flex:1 0 0%; -ms-flex-direction:column; flex-direction:column; -ms-flex-item-align:center; align-self:center; padding-left:18px; box-sizing:border-box; }
.index_achievement_list .index_achievement_title { font-size:16px; color:#333333; }
.index_achievement_list .index_achievement_title a { color:#333333; }
.index_achievement_list .index_achievement_desc { padding-top:4px; font-size:14px; color:#7d7d7d; }
.index_achievement_list .index_achievement_date { padding-top:4px; font-size:14px; color:#7d7d7d; }

#media_section { width:430px; }
#media_section .section_title { background-color:#834db1; }
#media_section .section_content { height:453px; padding:13px 11px; }/*390px*/
#media_section .section_more { width:144px; }
#media_section .section_more:before { background-color:#7851b0 }
#media_section .section_more a { background-color:#8765b8; }

.index_media_list { width:100%; overflow:hidden; }
.index_media_list .index_media_item { width:100%; padding:14px 13px 12px 17px; border-top:2px dashed #d9d9d9; box-sizing:border-box; }
.index_media_list .index_media_item:first-child { border-top:none; }
.index_media_list .index_media { width:100%; position:relative; display:-ms-flexbox; display:flex; -ms-flex-wrap:no-wrap; flex-wrap:no-wrap; -ms-flex-align:flex-start; align-items:flex-start; }
.index_media_list .index_media_date { display:-ms-flexbox; display:flex; -ms-flex:0 0 66px; flex:0 0 66px; width:100%; max-width:66px; -ms-flex-direction:column; flex-direction:column; padding:7px 10px; background-color:#3c0052; box-sizing:border-box; text-align:center; font-size:13px; color:#ffffff; }
.index_media_list .index_media_date p { padding-bottom:2px; }
.index_media_list .index_media_date b { font-size:32px; line-height:1; }
.index_media_list .index_media_info { display:-ms-flexbox; display:flex; -ms-flex:1 0 0%; flex:1 0 0%; -ms-flex-direction:column; flex-direction:column; padding-top:4px; padding-left:8px; box-sizing:border-box; }
.index_media_list .index_media_title { font-size:16px; color:#333333; }
.index_media_list .index_media_title a { color:#333333; }
.index_media_list .index_media_desc { padding-top:8px; font-size:14px; color:#7d7d7d; }

#activities_section { width:427px; }
#activities_section .section_title { background-color:#b14da7; }
#activities_section .section_content { padding:51px 0; height:1447px; }
#activities_section .section_more { width:144px; }
#activities_section .section_more:before { background-color:#a451b0 }
#activities_section .section_more a { background-color:#b565b8; }

.index_gallery_area { width:100%; padding:0 20px 37px 20px; box-sizing:border-box; }
.index_gallery_area .index_gallery_photo { width:100%; height:255px; padding-bottom:3px; }
.index_gallery_area .index_gallery_photo img { width:100%; display:block; }
.index_gallery_area .index_gallery_list { width:100%; box-sizing:border-box; }
.index_gallery_area .index_gallery_item { width:100%; border-bottom:2px dashed #d9d9d9; box-sizing:border-box; }
.index_gallery_area .index_gallery { width:100%; padding:19px 7px; box-sizing:border-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:no-wrap; flex-wrap:no-wrap; -ms-flex-align:flex-start; align-items:flex-start; }
.index_gallery_area .index_gallery_icon { -ms-flex:0 0 44px; flex:0 0 44px; width:100%; max-width:44px; }
.index_gallery_area .index_gallery_icon img { width:100%; display:block; }
.index_gallery_area .index_gallery_info { display:-ms-flexbox; display:flex; -ms-flex:1 0 0%; flex:1 0 0%; -ms-flex-direction:column; flex-direction:column; -ms-flex-item-align:center; align-self:center; padding-left:13px; box-sizing:border-box; }
.index_gallery_area .index_gallery_title { font-size:16px; color:#333333; }
.index_gallery_area .index_gallery_title a { color:#333333; }
.index_gallery_area .index_gallery_date { padding-top:6px; font-size:14px; color:#999999; }

.index_video_list { width:100%; padding:0 15px; box-sizing:border-box; }
.index_video_list .index_video_item { width:100%; padding:16px 0px;}/* add new code -  padding:16px 0px;*/
.index_video_list .index_video_player { width:100%; height:243px; background-color:#000000; }
.index_video_list .index_video_player iframe { width:100%; height:100%; border:0; }
.index_video_list .index_video { width:100%; padding:22px 13px; box-sizing:border-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:no-wrap; flex-wrap:no-wrap; -ms-flex-align:flex-start; align-items:flex-start; }
.index_video_list .index_video_icon { -ms-flex:0 0 42px; flex:0 0 42px; width:100%; max-width:42px; }
.index_video_list .index_video_icon img { width:100%; display:block; }
.index_video_list .index_video_info { display:-ms-flexbox; display:flex; -ms-flex:1 0 0%; flex:1 0 0%; -ms-flex-direction:column; flex-direction:column; -ms-flex-item-align:center; align-self:center; padding-left:15px; box-sizing:border-box; }
.index_video_list .index_video_title { font-size:16px; color:#333333; }
.index_video_list .index_video_title a { color:#333333; }
.index_video_list .index_video_date { padding-top:6px; font-size:14px; color:#999999; }

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

.news_list { width:100%; }
.news_list .news_item { width:100%; padding-bottom:21px; }
.news_list .news { width:100%; padding:18px 33px 20px 22px; border-top:8px solid #d5c2e4; background-color:#ffffff; box-sizing:border-box; box-shadow:5px 5px 5px rgba(0,0,0,0.3); display:-ms-flexbox; display:flex; -ms-flex-wrap:no-wrap; flex-wrap:no-wrap; }
.news_list .news_photo { -ms-flex:0 0 254px; flex:0 0 254px; width:100%; max-width:254px; padding-right:37px; box-sizing:border-box; }
.news_list .news_photo img { width:100%; display:block; }
.news_list .news_info { display:-ms-flexbox; display:flex; -ms-flex:1 0 0%; flex:1 0 0%; -ms-flex-direction:column; flex-direction:column; -ms-flex-item-align:center; align-self:center; box-sizing:border-box; }
.news_list .news_title { padding-bottom:6px; font-size:25px; color:#2c1353; font-weight:700; }
.news_list .news_date { padding-bottom:14px; font-size:16px; color:#9f75c3; font-weight:700; font-style:italic; }
.news_list .news_desc { padding-top:14px; border-top:1px solid #ffc800; font-size:16px; color:#333333; }
.news_list .news_btn { display:-ms-flexbox; display:flex; -ms-flex:0 0 151px; flex:0 0 151px; width:100%; max-width:151px; -ms-flex-item-align:center; align-self:center; padding-left:40px; box-sizing:border-box; }
.news_list .news_btn a { display:inline-block; vertical-align:top; width:100%; height:39px; background-color:#868686; position:relative; z-index:1; font-size:18px; color:#ffffff; text-align:center; line-height:39px; transition:all 0.3s ease; }
.news_list .news_btn a:hover { background-color:#7a5aa5; }

.news_detail { width:100%; padding:40px 52px; background-color:rgba(255,255,255,0.7); border-top:8px solid #ddcfe8; box-shadow:5px 5px 5px rgba(0,0,0,0.3); box-sizing:border-box; }
.news_detail .news_detail_header { padding-bottom:22px; border-bottom:1px solid #ffc800; }
.news_detail .news_detail_title { padding-bottom:8px; font-size:32px; color:#2c1353; font-weight:700; line-height:1.1; }
.news_detail .news_detail_date { font-size:20px; color:#9f75c3; font-weight:700; font-style:italic; }
.news_detail .news_detail_info { padding:20px 0; box-sizing:border-box; }
.news_detail .news_detail_video { padding:20px 0; box-sizing:border-box; }
.news_detail .news_detail_video iframe { width:100%; height:56vh; border:none; }

.news_detail_back { padding-top:34px; text-align:right; }
.news_detail_back a { display:inline-block; vertical-align:top; padding:10px 15px; background-color:#868686; font-size:16px; color:#ffffff; transition:all 0.3s ease; }
.news_detail_back a:hover { background-color:#7a5aa5; }

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

.gallery_list { margin:-4px; display:block; }
.gallery_list .gallery_item { float:left; width:33.33334%; padding:4px; box-sizing:border-box; }
.gallery_list .gallery { width:100%; padding:20px 14px; background-color:#ffffff; border:1px solid #cccccc; box-sizing:border-box; position:relative; box-shadow:5px 5px 5px rgba(0,0,0,0.35); }
.gallery_list .gallery:before { position:absolute; left:0; top:0; content:""; width:100%; height:9px; background-color:#7a5aa5; }
.gallery_list .gallery_photo { width:100%; height:180px; margin-bottom:15px; overflow:hidden; }
.gallery_list .gallery_photo img { width:100%; display:block; transition:all 0.3s ease; }
.gallery_list .gallery_info { width:100%; height:78px; padding:15px 0 0 40px; border-top:2px solid #d9c8e7; box-sizing:border-box; position:relative; }
.gallery_list .gallery_icon { position:absolute; left:1px; top:19px; width:32px; }
.gallery_list .gallery_icon img { width:100%; display:block; }
.gallery_list .gallery_title { display:block; display:-webkit-box; max-height:38px; box-sizing:border-box; word-wrap:break-word; word-break:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size:15px; color:#333333; }
.gallery_list .gallery_title a { color:#333333; }
.gallery_list .gallery_date { padding-top:6px; font-size:11px; color:#999999; }
.gallery_list .gallery:hover .gallery_photo img { transform:scale(1.2); }

.gallery_detail { padding-bottom:30px; padding-left:30px; }
.gallery_detail .gallery_detail_header { width:100%; padding-bottom:18px; }
.gallery_detail .gallery_detail_title { padding-bottom:5px; font-size:24px; color:#2c1353; font-weight:700; }
.gallery_detail .gallery_detail_date { padding-bottom:8px; font-size:16px; color:#9f75c3; font-style:italic; }
.gallery_detail .gallery_detail_desc { font-size:16px; color:#333333; }
.gallery_detail .gallery_detail_photo { width:100%; padding:43px 83px; background-color:#dfdfdf; box-sizing:border-box; }
.gallery_detail .gallery_detail_photo .large_photo { width:100%; position:relative; background-color:#ffffff; box-sizing:border-box; }
.gallery_detail .gallery_detail_photo .large_photo > img { width:100%; display:block; }
.gallery_detail .gallery_detail_photo .large_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; text-align:center; overflow:hidden; }
.gallery_detail .gallery_detail_photo .large_photo .photo img { position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; display:block; transform:translate(-50%,-50%); }
.gallery_detail .gallery_detail_photo .large_photo .row { position:absolute; left:0; top:50%; width:100%; margin-top:-25px; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev, 
.gallery_detail .gallery_detail_photo .large_photo .row_next { position:absolute; top:0; width:49px; height:49px; background-color:#adadad; border-radius:100%; box-sizing:border-box; font-size:44px; color:#dfdfdf; font-weight:bold; line-height:49px; text-align:center; transition:all 0.3s ease; cursor:pointer; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev { left:-58px; padding-right:3px; }
.gallery_detail .gallery_detail_photo .large_photo .row_next { right:-58px; padding-left:3px; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev:hover, 
.gallery_detail .gallery_detail_photo .large_photo .row_next:hover { background-color:#7a5aa5; }

.gallery_detail .gallery_detail_photo .thumb_area { width:100%; padding-top:20px; box-sizing:border-box; }
.gallery_detail .gallery_detail_photo .thumb_list { margin:0 -4px; }
.gallery_detail .gallery_detail_photo .thumb_item { float:left; width:20%; padding:0 4px; box-sizing:border-box; }
.gallery_detail .gallery_detail_photo .thumb { width:100%; height:90px; position:relative; overflow:hidden; }
.gallery_detail .gallery_detail_photo .thumb:before { position:absolute; left:0; top:0; z-index:-1; content:""; width:100%; height:100%; border:3px solid #9f75c3; box-sizing:border-box; opacity:0; transition:all 0.2s ease; }
.gallery_detail .gallery_detail_photo .thumb img { width:100%; display:block; }
.gallery_detail .gallery_detail_photo .thumb.active:before { z-index:1; opacity:1; }

.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel { width:100%; margin:0; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-item .thumb_item { width:100%; padding:0; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-nav { position:absolute; left:0; top:50%; width:100%; margin-top:-13px; color:#adadad; font-weight:bold; line-height:1; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-nav i { font-size:26px; line-height:inherit; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-prev, 
.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-next { position:absolute; top:0; color:inherit; transition:all 0.3s ease; outline:none; cursor:pointer; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-prev { left:-40px; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-next { right:-40px; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-prev:hover, 
.gallery_detail .gallery_detail_photo .thumb_list.owl-carousel .owl-next:hover { color:#7a5aa5; }

.gallery_detail .gallery_detail_back { padding-top:48px; text-align:right; }
.gallery_detail .gallery_detail_back a { display:inline-block; vertical-align:top; padding:10px 15px; background-color:#868686; font-size:16px; color:#ffffff; transition:all 0.3s ease; }
.gallery_detail .gallery_detail_back a:hover { background-color:#7a5aa5; }

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

.calendar_area { width:100%; max-width:980px; box-sizing:border-box; margin:0 auto; }
.calendar_area .calendar_topic { height:46px; background-color:#9f75c3; border-radius:23px; position:relative; box-sizing:border-box; margin-bottom:29px; text-align:center; font-size:27px; color:#ffffff; font-weight:700; line-height:46px; text-align:center; }
.calendar_area .calendar_info { width:100%; padding-bottom:28px; }

.calendar_area .calendar_row { position:absolute; right:72px; top:50%; font-size:0; line-height:normal; text-align:right; transform:translateY(-50%); }
.calendar_area .calendar_row a { display:inline-block; vertical-align:top; width:35px; height:27px; background-color:#e9e9e9; border-left:2px solid #d9d9d9; text-align:center; line-height:25px; font-size:24px; color:#2a2e2e; font-weight:bold; transition:all 0.2s ease; cursor:pointer; }
.calendar_area .calendar_row a:first-child { border-left:0; }
.calendar_area .calendar_row a.prev_month { border-radius:4px 0 0 4px; }
.calendar_area .calendar_row a.next_month { border-radius:0 4px 4px 0; }
.calendar_area .calendar_row a:hover { background-color:#7a5aa5; color:#ffffff; }

.calendar_area .calendar_table { width:100%; padding:0 23px; margin:0 auto; box-sizing:border-box; }
.calendar_area .calendar_table .table { display:table; width:100%; background-color:#f8f7ed; border-collapse:collapse; font-size:16px; color:#000000; table-layout:fixed; }
.calendar_area .calendar_table .table .table_tr { display:table-row; }
.calendar_area .calendar_table .table .table_td { display:table-cell; vertical-align:top; height:93px; padding:4px; border:1px solid #dbf0f4; box-sizing:border-box; text-align:right; }
.calendar_area .calendar_table .table .table_td:before { }

.calendar_area .calendar_table .table .table_tr:first-child .table_td { height:22px; padding:0; text-align:center; font-weight:bold; line-height:22px; }
.calendar_area .calendar_table .table .table_td.today { background-color:#f1f1e3; }
.calendar_area .calendar_table .table .table_td.other_month { color:#999999; }

.calendar_area .calendar_table .calendar_event { display:block; padding:2px 3px; margin-top:3px; box-sizing:border-box; border-radius:2px; position:relative; z-index:10; font-size:13px; color:#ffffff; font-weight:normal; text-align:left; }
.calendar_area .calendar_table .calendar_event.type_1 { background-color:#7d08b6; }
.calendar_area .calendar_table .calendar_event.type_2 { background-color:#ff3300; }
.calendar_area .calendar_table .calendar_event.type_3 { background-color:#00b475; }
.calendar_area .calendar_table .calendar_event.type_4 { background-color:#cd56b1; }

.calendar_remark { width:100%; padding:32px 3px 0 3px; box-sizing:border-box; position:relative; text-align:right; font-size:0; }
.calendar_remark .remark_item { display:inline-block; vertical-align:top; padding:0 20px 14px 20px; }
.calendar_remark .remark { padding-left:29px; position:relative; line-height:22px; font-size:20px; color:#333333; font-weight:700; }
.calendar_remark .remark:before { position:absolute; left:0; top:0; content:""; width:22px; height:22px; }
.calendar_remark .remark_1:before { background-color:#7d08b6; }
.calendar_remark .remark_2:before { background-color:#ff3300; }
.calendar_remark .remark_3:before { background-color:#00b475; }
.calendar_remark .remark_4:before { background-color:#cd56b1; }

.calendar_download { width:100%; position:relative; }
.calendar_download a { position:absolute; left:23px; bottom:100%; padding:9px 50px; background-color:#fef000; border-radius:23px; box-shadow:5px 5px 5px rgba(0,0,0,0.3); font-size:23px; color:#7d08b6; font-weight:700; transition:all 0.2s ease; }
.calendar_download a:hover { background-color:#7a5aa5; color:#ffffff; }

.event_area { width:100%; padding:22px 0; box-sizing:border-box; margin:0 auto; }
.event_area .event_list { width:100%; }
.event_area .event { width:100%; padding:24px 0 26px 0; border-bottom:2px dashed #c0b1d5; box-sizing:border-box; position:relative; display:table; font-size:15px; color:#000000; }
.event_area .event_date { display:table-cell; vertical-align:top; width:184px; padding:0 26px 0 63px; box-sizing:border-box; text-align:center; }
.event_area .event_info { display:table-cell; vertical-align:top; width:auto; padding:0 24px; box-sizing:border-box; }
.event_area .event_title { color:#7a5aa5; font-weight:700; }
.event_area .event_desc { padding-top:4px; }
.event_area .event_photo { padding-top:18px; }
.event_area .event_photo img { width:100%; display:block; }
 
.event_area .event_header { margin-bottom:8px; }
.event_area .event_header .event { height:46px; padding-top:0; padding-bottom:0; background-color:#7a5aa5; border-bottom:0; border-radius:23px; position:relative; text-align:center; font-size:21px; color:#ffffff; font-weight:700; }
.event_area .event_header .event_date { vertical-align:middle; }
.event_area .event_header .event_date,
.event_area .event_header .event_info { vertical-align:middle; }

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

.editor_content { display:block; color:#000000; font-size:16px; }
.editor_content:after { content:""; display:block; width:100%; clear:both; }
.editor_content .table_area { width:100%; overflow-x:auto; }
.editor_content iframe { max-width:100%; box-sizing:border-box; }
.editor_content img { max-width:100%; height: auto !important; box-sizing:border-box; }
.editor_content table { max-width:100%; box-sizing:border-box; border-collapse:collapse; border-style:solid; }

/* Tag default values */
.editor_content ul, 
.editor_content ol { display:block; xmargin:1em 0; xpadding-left:40px; padding-left:20px; }
.editor_content ul { list-style-type:disc; }
.editor_content ol { list-style-type:decimal; }
/*
.editor_content h1 { margin:0.67em 0; }
.editor_content h2 { margin:0.83em 0; }
.editor_content h3 { margin:1em 0; }
.editor_content h4 { margin:1.33em 0; }
.editor_content h5 { margin:1.67em 0; }
.editor_content h6 { margin:2.33em 0; }
.editor_content p { margin:1em 0; }
*/


/*-------------------------------------------------------------------------------------*/
/* SORTABLE CONTENT */
.content_detail .content_item { margin-bottom:42px; }
.content_detail .content_subtitle { font-size:23px; color:#048ed6; font-weight:700; margin-bottom:16px; }

.content_detail .content_img { font-size:0; margin:0 -8px; display:block; }
.content_detail .content_img .col_1,
.content_detail .content_img .col_2,
.content_detail .content_img .col_4 { display:inline-block; vertical-align:top; padding:0 8px 10px 8px; box-sizing:border-box; text-align: center; }
.content_detail .content_img .col_1 img,
.content_detail .content_img .col_2 img,
.content_detail .content_img .col_4 img { max-width:100%; height:auto; box-shadow:2px 2px 5px rgba(0,0,0,0.3); }
.content_detail .content_img .col_1 { width:100%; }
.content_detail .content_img .col_2 { width:50%; }
.content_detail .content_img .col_4 { width:25%; }

.content_detail .content_desc { line-height: 1.5em; }
.content_detail .content_item .content_youtube iframe,
.content_detail .content_desc iframe { max-width:100%; box-sizing:border-box; }
.content_detail .content_desc img { max-width:100%; height: auto !important; box-sizing:border-box; }
.content_detail .content_desc ul,
.content_detail .content_desc ol { display:block; xmargin:1em 0; xpadding-left:40px; padding-left:20px; margin: 0; }
.content_detail .content_desc ul { list-style-type:disc; }
.content_detail .content_desc ul ul { list-style-type:circle; margin-top: 10px; }
.content_detail .content_desc ol { list-style-type:decimal; }
.content_detail .content_desc li { padding-bottom: 6px; }
.content_detail .content_download_file_list { display: table; }
.content_detail .content_download_file_list .content_download_file_icon { display: table-cell; vertical-align: middle; }
.content_detail .content_download_file_list .content_download_file { display: table-cell; vertical-align: middle; padding-left: 10px; }
.content_detail .content_download_file_list .content_download_file a { color:#048ed6;  }
.content_detail .content_download_file_list .content_download_file a:hover { color:#3256a0; }

#top .menu_area:before{
    background-color:#c292de;
}
#top{
    background-color:#ad77d1;
}
#main .index_student_position .student_3{

left:-269px;
top:338px;
}
.content_detail .content_desc{
    /* min-height: 600px; */
}

@media only screen and (max-width: 767px) {
    #admission_section{
        width:100%;
    }
    #media_section{
        width: 100%;
    }
}