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

html, body { margin:0px; }

/*body { width:100%; height:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#ffffff; color:#000000; font-size:16px; font-family:'Lato', "微軟正黑體", "Microsoft JhengHei", sans-serif; }*/
body { width:100%; height:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#ffffff; color:#000000; font-size:16px; font-family:'Lato'; }
/*body { width:100%; height:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#ffffff; color:#000000; font-size:16px; font-family:'Myanmar Sangam MN','Lato', "微軟正黑體", "Microsoft JhengHei", sans-serif; }*/
a { outline:none; text-decoration:none; }

.menu_area ul { list-style:none; margin:0; padding:0; }
.index_news_list ul { list-style:none; margin:0; padding:0; }
.left_menu ul { list-style:none; margin:0; padding:0; }
.cell ul { list-style:none; margin:0; padding:0; }

.menu_area ol { list-style:none; margin:0; padding:0; }
.index_news_list ol { list-style:none; margin:0; padding:0; }
.left_menu ol { list-style:none; margin:0; padding:0; }
.cell 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; }

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

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

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

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

#wrap { width:100%; min-width:1024px; position:relative; z-index:1000; overflow:hidden; }
#wrap .container { width:100%; max-width:1024px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
#wrap .overlay { position:absolute; left:0; top:0; z-index:5000; width:0; height:0; background-color:rgba(0,0,0,0.3); opacity:0; }

#top { background:url(../img/top_bg.jpg) no-repeat #dd0332 center top; }
#top .logo { float:left; width:401px; padding:15px 0 12px 0; }
#top .logo img { width:100%; }

#top .top_menu { position:absolute; right:0; top:0; }
#top .top_menu ul { text-align:right; font-size:0; }
#top .top_menu ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:21px; padding:4px 8px 0 8px; border-left:1px solid #f2a2b3; box-sizing:border-box; font-size:15px; color:#ffffff; line-height:17px; }
#top .top_menu ul li:first-child { border-left:none; }
#top .top_menu ul li:last-child { padding-right:0; }
#top .top_menu ul li a { color:#ffffff; transition:all 0.3s ease; }
#top .top_menu ul li a:hover { }

#top .eclass_area { position:absolute; right:0; top:56px; display:block; }
#top .eclass_area .eclass_logo { float:left; width:60px; padding-top: 4px; }
#top .eclass_area .eclass_logo img { width:100%; }
#top .eclass_area .eclass_login { float:left; font-size:0; }
#top .eclass_area .eclass_login .row { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding-left:8px; }
#top .eclass_area .eclass_login .title { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:30px; height:30px; background:#a2a2a2; background:-moz-linear-gradient(-45deg,  #a2a2a2 0%, #dcdcdc 100%); background:-webkit-linear-gradient(-45deg,  #a2a2a2 0%,#dcdcdc 100%); background:linear-gradient(135deg,  #a2a2a2 0%,#dcdcdc 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#dcdcdc',GradientType=1 ); text-align:center; line-height:30px; font-size:18px; color:#333333; }
#top .eclass_area .eclass_login .field { display:inline-block; zoom:1; *display:inline; vertical-align:top; }
#top .eclass_area .eclass_login .field input[type=text],
#top .eclass_area .eclass_login .field input[type=password] { height:30px; background-color:#ffffff; padding:0 16px; border:none; border-radius:0; box-sizing:border-box; outline:none; }
#top .eclass_area .eclass_login .field input[type=text] { width:150px; }
#top .eclass_area .eclass_login .field input[type=password] { width:120px; }
#top .eclass_area .eclass_login .field button, 
#top .eclass_area .eclass_login .field input[type=submit],
#top .eclass_area .eclass_login .field input[type=button] { width:30px; height:30px; background-color:#224164; border:none; border-radius:0; outline:none; font-size:20px; color:#ffffff; transition:all 0.3s ease; cursor:pointer; }
#top .eclass_area .eclass_login .field button:hover, 
#top .eclass_area .eclass_login .field input[type=submit]:hover,
#top .eclass_area .eclass_login .field input[type=button]:hover { }

#top .mobile_btn { position:absolute; right:15px; top:50%; display:none; margin-top:-20px; }
#top .mobile_btn a { display:block; width:40px; height:40px; background-color:rgba(0,63,135,0.8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc003f87', endColorstr='#cc003f87'); box-sizing:border-box; text-align:center; text-transform:uppercase; font-weight:700; font-size:20px; color:#ffffff; line-height:40px; }
#top .mobile_btn a i { margin-right:6px; }
#top .mobile_btn a:hover { text-decoration:none; }

#menu { position:relative; }
#menu .menu_side { position:absolute; left:0; top:0; z-index:10; width:100%; background-color:rgba(0,63,135,0.8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc003f87', endColorstr='#cc003f87'); }
#menu .menu_area { width:100%; box-sizing:border-box; }
#menu .menu_area ul.menu_list { font-size:0; text-align:left; }
#menu .menu_area ul.menu_list > li { display:inline-block; zoom:1; *display:inline; vertical-align:top; position:relative; }
#menu .menu_area ul.menu_list > li.mobile_only { display:none; }
#menu .menu_area ul.menu_list > li > a.lv1 { display:block; height:38px; padding:0 22px; background-color:transparent; font-size:17px; color:#ffffff; font-weight:bold; line-height:38px; transition:all 0.3s ease; }
#menu .menu_area ul.menu_list > li > a.lv1 i { display:none; }
#menu .menu_area ul.menu_list > li:hover > a.lv1,
#menu .menu_area ul.menu_list > li > a.lv1:hover { color:#c90026; }

#menu .menu_area ul.dropdown_menu { position:absolute; left:0; top:38px; width:200px; padding-top:4px; background-color:#ffffff; box-sizing:border-box; text-align:left; }
#menu .menu_area ul.dropdown_menu > li { display:block; }
#menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; width:100%; padding:6px 10px; background-color:transparent; box-sizing:border-box; position:relative; font-size:16px; color:#021279; font-weight:bold; transition:all 0.3s ease; }
#menu .menu_area ul.dropdown_menu > li > a.lv2 i { position:absolute; right:16px; top:11px; }
#menu .menu_area ul.dropdown_menu > li > a.lv2:hover { color:#c90026; }

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

#mobile_menu { position:fixed; top:0; left:0; z-index:1; width:280px; height:100%; background-color:#00609c; transition:transform 0.5s ease; overflow:hidden; box-sizing:border-box; display:none; transform:translate3d(-280px, 0, 0); -webkit-transform:translate3d(-280px, 0, 0); -moz-transform:translate3d(-280px, 0, 0); }
#mobile_menu .menu_area { width:100%; height:100%; overflow-y:auto; box-sizing:border-box; background:none; -webkit-overflow-scrolling:touch; }
#mobile_menu .menu_area ul.menu_list { }
#mobile_menu .menu_area ul.menu_list > li { display:block; border-bottom:1px solid #ffffff;  position:relative; box-sizing:border-box; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 { display:block; padding:15px 65px 15px 15px; margin:0; background-color:#003f87; box-sizing:border-box; position:relative; font-size:16px; text-transform:uppercase; letter-spacing:0.5px; color:#ffffff; line-height:20px; font-weight:bold; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i { position:absolute; right:0; top:0; width:50px; height:50px; text-align:center; line-height:50px; font-size:20px; color:#ffffff; font-style:normal; transition:all 0.3s ease; }
#mobile_menu .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; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i.openDrop { transform:rotate(90deg); }

#mobile_menu .menu_area ul.dropdown_menu { padding-top:6px; padding-bottom:12px; background-color:#003f87; border-top:1px solid #ffffff; display:none; }
#mobile_menu .menu_area ul.dropdown_menu > li { display:block; position:relative; }
#mobile_menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; padding:8px 15px; margin:0; box-sizing:border-box; font-size:16px; color:#ffffff; }

#mobile_menu .mobile_eclass { width:100%; padding:15px; background-color:#003f87; box-sizing:border-box; }
#mobile_menu .mobile_eclass .eclass_logo { width:100%; }
#mobile_menu .mobile_eclass .eclass_logo img { max-width:100%; }
#mobile_menu .mobile_eclass .eclass_login { width:100%; padding-top:8px; }
#mobile_menu .mobile_eclass .eclass_login .row { width:100%; padding:8px 0 0 30px; position:relative; box-sizing:border-box; }
#mobile_menu .mobile_eclass .eclass_login .title { position:absolute; left:0; top:8px; width:30px; height:30px; background:#a2a2a2; background:-moz-linear-gradient(-45deg,  #a2a2a2 0%, #dcdcdc 100%); background:-webkit-linear-gradient(-45deg,  #a2a2a2 0%,#dcdcdc 100%); background:linear-gradient(135deg,  #a2a2a2 0%,#dcdcdc 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#dcdcdc',GradientType=1 ); text-align:center; line-height:30px; font-size:18px; color:#333333; }
#mobile_menu .mobile_eclass .eclass_login .field { display:block; }
#mobile_menu .mobile_eclass .eclass_login .field input[type=text],
#mobile_menu .mobile_eclass .eclass_login .field input[type=password] { height:30px; background-color:#ffffff; padding:0 16px; border:none; border-radius:0; box-sizing:border-box; outline:none; }
#mobile_menu .mobile_eclass .eclass_login .field input[type=text] { width:100%; }
#mobile_menu .mobile_eclass .eclass_login .field input[type=password] { width:calc(100% - 30px); }
#mobile_menu .mobile_eclass .eclass_login .field button, 
#mobile_menu .mobile_eclass .eclass_login .field input[type=submit],
#mobile_menu .mobile_eclass .eclass_login .field input[type=button] { position:absolute; right:0; top:8px; width:30px; height:30px; padding:0; margin:0; background-color:#00609c; border:none; border-radius:0; outline:none; font-size:20px; color:#ffffff; transition:all 0.3s ease; cursor:pointer; }

#banner { position:relative; border-bottom:7px solid #ffffff; }
#banner .home_banner { width:100%; }
#banner .banner_alpha { padding:0 !important; }
#banner .banner_alpha > img { display:block; width:100%; }
#banner .banner_show { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
#banner .banner_show .banner { width:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; text-align:center; }
#banner .banner_show .banner img { width:100%; max-width:1024px; }
#banner .banner_show .owl-controls { position:absolute; left:0; top:50%; width:100%; }
#banner .banner_show .owl-nav { width:100%; max-width:1024px; margin:-21px auto 0 auto; position:relative; font-size:42px; color:#ffffff; text-shadow:2px 2px rgba(0,0,0,0.4); }
#banner .banner_show .owl-prev, 
#banner .banner_show .owl-next { position:absolute; top:0; }
#banner .banner_show .owl-prev { left:-60px; }
#banner .banner_show .owl-next { right:-60px; }

#banner .inner_banner { background-color:transparent; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; position:relative; }
#banner .inner_banner .container:before { position:absolute; right:-218px; top:5px; content:""; width:228px; height:267px; background:url(../img/banner_bg_img.png) no-repeat center top; }

#banner .about_us_banner { background-image:url(../img/inner_banner/about_us.jpg); }
#banner .news_n_information_banner { background-image:url(../img/inner_banner/news_n_information.jpg); }
#banner .admissions_banner { background-image:url(../img/inner_banner/news_n_information.jpg); }
#banner .academic_banner { background-image:url(../img/defaultAd.jpg); }
#banner .achievements_banner { background-image:url(../img/defaultAc.jpg); }
#banner .school_life_banner { background-image:url(../img/defaultSc.jpg); }

#main { background:url(../img/main_shadow.png) repeat-x #fafafa center top; position:relative; }
#main .title_area { min-height:62px; padding:18px 16px 14px 0; position:relative; box-sizing:border-box; font-size:25px; color:#00609c; font-weight:bold; }
#main .title_area:before { position:absolute; left:0; bottom:0; content:""; width:300%; height:1px; margin:0 -100%; background-color:#a8c8dd; }
#main .content_area { width:100%; padding-top:24px;  }
#main .left_side { float:left; width:238px; }
#main .left_menu { width:100%; padding-bottom:26px; }
#main .left_menu ul { }
#main .left_menu ul li { padding-bottom:6px; }
#main .left_menu ul li a { display:block; width:100%; min-height:33px; padding:7px 10px 4px 10px; background:#6e8d9e; background:-moz-linear-gradient(left,  #6e8d9e 0%, #799daa 100%); background:-webkit-linear-gradient(left,  #6e8d9e 0%,#799daa 100%); background:linear-gradient(to right,  #6e8d9e 0%,#799daa 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e8d9e', endColorstr='#799daa',GradientType=1 ); position:relative; border-left:5px solid #dd0332; box-sizing:border-box; font-size:17px; color:#ffffff; font-weight:bold; }
#main .left_menu ul li a.active,
#main .left_menu ul li a:hover { background:#de0433 !important; border-color:#00609c; }
#main .left_select { display:none; margin:0 -6px; text-align:right; font-size:0; }
#main .left_select select { display:inline-block; vertical-align:top; width:100%; max-width:180px; height:32px; padding:0 10px; background-color:#efefef; border:1px solid #cccccc; box-sizing:border-box; margin:0 6px; outline:none; font-size:16px; color:#333333; }


#main .right_side { float:right; width:760px; min-height: 380px; }

#main .sub_title { width:100%; height:33px; padding:0 10px; background:#00609c; background:-moz-linear-gradient(left,  #00609c 0%, #0089ba 100%); background:-webkit-linear-gradient(left,  #00609c 0%,#0089ba 100%); background:linear-gradient(to right,  #00609c 0%,#0089ba 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00609c', endColorstr='#0089ba',GradientType=1 ); border-left:5px solid #dd0332; position:relative; box-sizing:border-box; line-height:33px; font-size:20px; color:#ffffff; font-weight:bold; text-align:left; }
#main .content { width:100%; min-height:980px; position:relative; box-sizing:border-box; }

#main .sub_calendar_box { float:left; width:238px; padding-bottom:30px; position:relative; }
#main .sub_calendar_title { width:100%; height:33px; padding:0 16px; background:#00609c; background:-moz-linear-gradient(left,  #00609c 0%, #0089ba 100%); background:-webkit-linear-gradient(left,  #00609c 0%,#0089ba 100%); background:linear-gradient(to right,  #00609c 0%,#0089ba 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00609c', endColorstr='#0089ba',GradientType=1 ); position:relative; box-sizing:border-box; line-height:33px; font-size:20px; color:#ffffff; font-weight:bold; text-align:left; }
#main .sub_calendar_title:before { position:absolute; left:0; top:0; content:""; width:5px; height:100%; background-color:#dd0332; }
#main .sub_calendar_content { width:100%; height:385px; padding:9px 0px 30px 0px; background-color:#ededed; position:relative; box-sizing:border-box; }
#main .sub_calendar_table_area { width:100%; max-width:212px; margin:0 auto; border:1px solid #ffffff; }
#main .sub_calendar_table_area .sub_calendar_mouth { height:26px; background-color:#f0132a; border:1px solid #ffffff; position:relative; font-size:16px; color:#ffffff; font-weight:bold; text-align:center; line-height:26px; }
#main .sub_calendar_table_area .sub_calendar_mouth .prev_mouth, 
#main .sub_calendar_table_area .sub_calendar_mouth .next_mouth { position:absolute; top:0; display:block; width:32px; height:26px; text-align:center; line-height:26px; font-size:12px; color:#ffffff; font-weight:normal; }
#main .sub_calendar_table_area .sub_calendar_mouth .prev_mouth { left:0; }
#main .sub_calendar_table_area .sub_calendar_mouth .next_mouth { right:0; }
#main .sub_calendar_table_area .sub_calendar_table { width:100%; display:table; border:1px solid #ffffff; }
#main .sub_calendar_table_area .sub_calendar_table .table_tr { display:table-row; }
#main .sub_calendar_table_area .sub_calendar_table .table_td { display:table-cell; vertical-align:middle; border:1px solid #ffffff; background-color:#fdfdfd; font-size:14px; }
#main .sub_calendar_table_area .sub_calendar_table .table_td .week { height:19px; line-height:19px; background-color:#ededed; border:1px solid #ededed; text-align:center; font-size:12px; color:#7d7d7d; font-weight:bold; }
#main .sub_calendar_table_area .sub_calendar_table .table_td .day { display:block; width:28px; height:28px; background-color:#ededed; border:1px solid #ededed; box-sizing:border-box; font-size:10px; color:#666666; }
#main .sub_calendar_table_area .sub_calendar_table .table_td .day.holiday { background-color:#fcd7d9; border-color:#fcd7d9; color:#db0a13; }
#main .sub_calendar_table_area .sub_calendar_table .table_td .day.today { border-color:#f5707c; }

#main .sub_calendar_table_area .sub_calendar_table .table_tr:first-child .table_td { height:19px; line-height:19px; text-align:center; font-size:14px; color:#333333; font-weight:bold; }

#main .sub_calendar_table_area .sub_calendar_table .table_td:first-child div { background-color:#fcd7d9; border-color:#fcd7d9; color:#db0a13; }

#main .sub_calendar_event_area { width:100%; }
#main .sub_calendar_event_area .event_list { display:block; width:100%; padding:8px 3px 0 6px; box-sizing:border-box; }
#main .sub_calendar_event_area .event_item { width:100%; padding:4px 0; }
#main .sub_calendar_event_area .event { height:30px; padding-left:12px; box-sizing:border-box; position:relative; overflow:hidden; }
#main .sub_calendar_event_area .event:before { position:absolute; left:0; top:7px; content:""; width:0; height:0; border-style:solid; border-width:3.5px 0 3.5px 5px; border-color:transparent transparent transparent #0059a6; }
#main .sub_calendar_event_area .event p { width:100%; font-size:14px; color:#000000; line-height:15px; }
#main .sub_calendar_event_area .event a { color:#000000; transition:all 0.3s ease; }
#main .sub_calendar_event_area .event a:hover { }

#main .sub_calendar_more { position:absolute; right:14px; bottom:10px; }
#main .sub_calendar_more a { font-size:14px; color:#003f87; font-weight:bold; transition:all 0.3s ease; }
#main .sub_calendar_more a:hover { }

#main .multipage { padding-top:26px; margin:0 -7px; font-size:0; text-align:right; }
#main .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:20px; height:20px; margin:0 3px; text-align:center; line-height:20px; font-size:13px; color:#000000; font-family:'Lato'; transition:all 0.2s ease; }
#main .multipage a.row,
#main .multipage a.back,
#main .multipage a.next { width:24px; margin:0 7px; background-color:#797979; color:#ffffff; }
#main .multipage a.onpage, 
#main .multipage a:hover { background-color:#dd0333; color:#ffffff; }
#main .multipage select { width:120px; height:32px; background-color:#efefef; border:1px solid #cccccc; box-sizing:border-box; display:none; }

#sitemap { padding:25px 0 50px 0; background:url(../img/sitemap_shadow.png) repeat-x #003f87 center top; }
#sitemap .sitemap_table { display:table; xtable-layout:fixed; }
#sitemap .sitemap_table .row { display:table-row; }
#sitemap .sitemap_table .cell { display:table-cell; min-width:152px; padding:0 16px; box-sizing:border-box; }
#sitemap .sitemap_table .cell p { padding-bottom:16px; font-size:15px; color:#ffffff; font-weight:bold; }
#sitemap .sitemap_table .cell ul { }
#sitemap .sitemap_table .cell ul li { padding-bottom:10px; font-size:13px; color:#ffffff; }
#sitemap .sitemap_table .cell a { color:#ffffff; }
#sitemap .sitemap_table .cell a:hover { text-decoration:underline; }

#footer { padding:10px 0 12px 0; background-color:#002a5b; position:relative; }
#footer .copyright { width:100%; padding:0 16px; box-sizing:border-box; }
#footer .copyright p { float:right; box-sizing:border-box; text-align:right; font-size:12px; color:#ffffff; font-weight:bold; }
#footer .copyright p:first-child { float:left; text-align:left; }
#footer .copyright a { color:#ffffff; }
#footer .copyright a:hover { text-decoration:underline; }

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

.index_box_area { padding-top:17px; padding-bottom:27px; padding-left:260px; margin:0 -11px; position:relative; display:block; }
.index_box_area .index_box_item { float:left; padding:6px 11px; }
.index_box_area .index_box { width:100%; position:relative; }
.index_box_area .index_box_title { width:100%; height:33px; padding:0 10px; background:#00609c; background:-moz-linear-gradient(left,  #00609c 0%, #0089ba 100%); background:-webkit-linear-gradient(left,  #00609c 0%,#0089ba 100%); background:linear-gradient(to right,  #00609c 0%,#0089ba 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00609c', endColorstr='#0089ba',GradientType=1 ); border-left:5px solid #dd0332; position:relative; box-sizing:border-box; margin-bottom:10px; line-height:33px; font-size:20px; color:#ffffff; font-weight:bold; text-align:left; }
.index_box_area .index_box_title a{ color:#ffffff;}
.index_box_area .index_box_content { width:100%; position:relative; box-sizing:border-box; }
.index_box_area .index_box_more { position:absolute; right:14px; bottom:30px; }
.index_box_area .index_box_more a { font-size:14px; color:#003f87; font-weight:bold; transition:all 0.3s ease; }
.index_box_area .index_box_more a:hover { }

.index_news_box { position:absolute; left:0; top:17px; width:238px; }
.index_news_box .index_box_content { height:304px; padding:10px 7px 31px 7px; background-color:#ffffff; }
.index_news_box .index_news_list { width:100%; height:100%; overflow:hidden; }
.index_news_box .index_news_list ul { }
.index_news_box .index_news_list ul li { padding:7px 0; border-bottom:1px dotted #cccccc; }
.index_news_box .index_news { width:100%; padding-left:58px; position:relative; box-sizing:border-box; }
.index_news_box .index_news_icon { position:absolute; left:0; top:0; width:54px; height:51px; text-align:center; font-size:0; }
.index_news_box .index_news_icon:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.index_news_box .index_news_icon img { max-width:90%; max-height:90%; vertical-align:middle; }
.index_news_box .index_news_info { height:51px; padding:6px 0 6px 12px; border-left:1px solid #cccccc; box-sizing:border-box; overflow:hidden; font-size:0; color:#333333; line-height:19px; }
.index_news_box .index_news_info:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:38px; }
.index_news_box .index_news_info p { display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:100%; font-size:14px; }
.index_news_box .index_news_info a { color:#333333; }
.index_news_box .index_news_info a:hover { }

.index_events_box { width:568px; }
.index_events_box .index_events_list { margin:-6px; }
.index_events_box .index_events_item { float:left; width:289px; padding:6px; box-sizing:border-box; }
.index_events_box .index_events { width:100%; padding-bottom:39px; background-color:#ededed; position:relative; }
.index_events_box .index_events_photo { width:100%; position:relative; }
.index_events_box .index_events_photo > img { width:100%; }
.index_events_box .index_events_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; text-align: center; }
.index_events_box .index_events_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.index_events_box .index_events_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.index_events_box .index_events_info { width:100%; height:130px; padding:16px 15px 0 15px; box-sizing:border-box; position:relative; overflow:hidden; }
.index_events_box .index_events_title { padding-bottom:4px; font-size:17px; color:#003f87; font-weight:bold; }
.index_events_box .index_events_desc { font-size:14px; color:#333333; line-height:21px; text-align:justify; }
.index_events_box .index_events_more { position:absolute; right:15px; bottom:12px; }
.index_events_box .index_events_more a { font-size:14px; color:#003f87; font-weight:bold; transition:all 0.3s ease; }
.index_events_box .index_events_more a:hover { }

.index_link_box { width:172px; }
.index_link_box .index_link_list { width:100%; }
.index_link_box .index_link_item { display:block; width:100%; padding-bottom:5px; }
.index_link_box .index_link { width:100%; }
.index_link_box .index_link img { width:100%; }

.index_calendar_area { position:absolute; left:0; bottom:3px; }

.index_ueseful_link_area { padding:22px 0; }
.index_ueseful_link_area .index_ueseful_link_title { padding-bottom:10px; font-size:23px; color:#003f87; font-weight:bold; text-align:center; }
.index_ueseful_link_area .index_ueseful_link_content { width:100%; position:relative; }
.index_ueseful_link_area .index_ueseful_link_list { display:block; margin:0 -6px; }
.index_ueseful_link_area .index_ueseful_link_item { float:left; width:207px; padding:6px; box-sizing:border-box; }
.index_ueseful_link_area .index_ueseful_link { width:100%; }
.index_ueseful_link_area .index_ueseful_link img { width:100%; }

.index_ueseful_link_area .index_ueseful_link_list.owl-carousel { width:100%; margin:0; }
.index_ueseful_link_area .index_ueseful_link_list.owl-carousel .owl-item .index_ueseful_link_item { width:100%; padding:0; }
.index_ueseful_link_area .index_ueseful_link_list .owl-controls { position:absolute; left:0; top:50%; width:100%; }
.index_ueseful_link_area .index_ueseful_link_list .owl-nav { position:absolute; left:0; top:-11px; width:100%; font-size:22px; color:#999999; }
.index_ueseful_link_area .index_ueseful_link_list .owl-prev, 
.index_ueseful_link_area .index_ueseful_link_list .owl-next { position:absolute; top:0; }
.index_ueseful_link_area .index_ueseful_link_list .owl-prev { left:-38px; }
.index_ueseful_link_area .index_ueseful_link_list .owl-next { right:-38px; }

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

.calendar_content { min-height:600px; padding:36px 0 40px 0; }
.calendar_content iframe { width:100%; max-width:800px; height:600px; border:1px solid #777777; box-sizing:border-box; }

.calendar_table_area { width:100%; font-size:0; text-align:center; }
.calendar_table_area .calendar_table_box { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding:26px; background-color:#e3e3e3; margin:0 10px; }
.calendar_table_area #calendar.calendar_table_box { font-size: 16px; width: 50%;}
.calendar_table_area .calendar_table_month { width:100%; height:38px; background-color:#f01329; position:relative; font-size:18px; color:#ffffff; font-weight:bold; line-height:38px; }
.calendar_table_area .calendar_table_month .prev_mouth { position:absolute; left:34px; top:0; font-size:20px; color:#ffffff; font-weight:normal; }
.calendar_table_area .calendar_table_month .next_mouth { position:absolute; right:34px; top:0; font-size:20px; color:#ffffff; font-weight:normal; }
.calendar_table_area .calendar_table { display:table; padding-top:1px; }

.calendar_table_area .calendar_table .table_tr { display:table-row; }
.calendar_table_area .calendar_table .table_td { display:table-cell; vertical-align:middle; background-color:#c4c4c4; font-size:12px; color:#000000; border:1px solid #ffffff; }
.calendar_table_area .calendar_table .table_td .week { height:32px; line-height:33px; background-color:#eeeeee; font-weight:bold; }
.calendar_table_area .calendar_table .table_td .day { display:block; width:51px; height:48px; padding:6px; background-color:#eeeeee; box-sizing:border-box; text-align:left; }

.calendar_table_area .calendar_table .table_td:first-child .day, 
.calendar_table_area .calendar_table .table_td:first-child .week, 
.calendar_table_area .calendar_table .table_td .day.holiday { background-color:#ffc7c7; color:#8c0000; }
.calendar_table_area .calendar_table .table_td .day.activity { background-color:#cdffcd; color:#006400; }
.calendar_table_area .calendar_table .table_td .day.exam { background-color:#ffffbf; color:#464600; }

.calendar_table_area .calendar_remark_list { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:-5px 10px; }
.calendar_table_area .calendar_remark_list .remark_item { display:block; padding:5px 0; }
.calendar_table_area .calendar_remark_list .remark { width:152px; height:38px; text-align:center; font-size:14px; color:#000000; font-weight:bold; line-height:38px; }
.calendar_table_area .calendar_remark_list .remark.holiday { background-color:#ffc7c7; }
.calendar_table_area .calendar_remark_list .remark.activity { background-color:#cdffcd; }
.calendar_table_area .calendar_remark_list .remark.exam { background-color:#ffffbf; }

.calendar_event_list { width:100%; padding-top:28px; }
.calendar_event_list .event_item { width:100%; padding:17px 0 14px 0; border-bottom:1px solid #008fbd; }
.calendar_event_list .event { padding-left:16px; padding-right:122px; box-sizing:border-box; position:relative; }
.calendar_event_list .event:before { position:absolute; left:2px; top:7px; content:""; width:0; height:0; border-style:solid; border-width:3.5px 0 3.5px 5px; border-color:transparent transparent transparent #003f87; }
.calendar_event_list .event_info { width:100%; }
.calendar_event_list .event_title { font-size:17px; color:#003f87; font-weight:bold; }
.calendar_event_list .event_desc { font-size:14px; color:#333333; line-height:21px; }
.calendar_event_list .event_date { padding-top:4px; font-size:14px; color:#0090bd; font-style:italic; font-weight:bold; }
.calendar_event_list .event_btn { position:absolute; right:22px; top:25px; }
.calendar_event_list .event_btn a { display:block; width:77px; height:24px; background-color:#00609c; font-size:14px; color:#ffffff; font-weight:bold; text-align:center; line-height:24px; transition:all 0.3s ease; }

.calendar_event_detail { padding-top:28px; }
.calendar_event_detail .event_detail_header { padding:0 22px 12px 33px; border-bottom:1px solid #98d7fe; position:relative; }
.calendar_event_detail .event_detail_header:before { position:absolute; left:15px; top:10px; content:""; width:0; height:0; border-style:solid; border-width:3.5px 0 3.5px 6px; border-color:transparent transparent transparent #fade11; }
.calendar_event_detail .event_detail_title { padding-bottom:6px; font-size:18px; color:#333333; font-weight:bold; }
.calendar_event_detail .event_detail_date { font-size:14px; color:#1653a6; font-weight:bold; }
.calendar_event_detail .event_detail_info { padding:4px 22px 10px 33px; }

.calendar_event_detail .event_detail_desc { padding:10px 0; font-size:18px; color:#333333; }
.calendar_event_detail .event_detail_photo { padding:10px 0; }
.calendar_event_detail .event_detail_photo img { max-width:100%; }

/*-------------------------------------------------------------------------------------*/
/* PUBLICATIONS */

.publication_content { padding:11px 0 44px 0; }
.publication_content .publication_list { width:100%; }
.publication_content .publication_item { float:left; width:25%; padding:11px 8px; box-sizing:border-box; }
.publication_content .publication { width:100%; }
.publication_content .publication_photo { width:100%; position:relative; margin-bottom:15px; text-align:center; font-size:0; }
.publication_content .publication_photo > img { width:100%; }
.publication_content .publication_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; }
.publication_content .publication_photo .photo img { max-width:100%; max-height:100%; border:2px solid #cccccc; box-sizing:border-box; }
.publication_content .publication_info { height:30px; padding-top:8px; border-top:1px solid #003f87; box-sizing:border-box; text-align:center; }
.publication_content .publication_title { font-size:14px; color:#0090bd; font-weight:bold; }
.publication_content .publication_btn { padding-top:4px; text-align:center; }
.publication_content .publication_btn a { font-size:14px; color:#000000; }
.publication_content .publication_btn a img { padding-right:4px; vertical-align:middle; }
.publication_content .publication_btn a:hover { }

.publication_bg { background:url(../img/publicationBG.jpg) repeat; }

.publication_detail { padding-top:38px; padding-bottom:49px; box-sizing:border-box; }
.publication_detail .publication_detail_name { padding:0 10px 26px 10px; font-size:27px; color:#333333; font-weight:bold; }
.publication_detail .publication_detail_book { width:100%; padding:0 50px; box-sizing:border-box; position:relative; }
.publication_detail .publication_detail_book .flipbook_box { width:100%; position:relative; }
.publication_detail .publication_detail_book .flipbook_box > img { width:100%; }
.publication_detail .publication_detail_book .flipbook_area { position:absolute; left:0; top:0; width:100%; height:100%; }
.publication_detail .publication_detail_book .flipbook { width:100%; height:100%; }
.publication_detail .publication_detail_book .flipbook .page { width:50%; height:100%; background-color:white; background-repeat:no-repeat; background-size:100% 100%;  -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2); -moz-box-shadow:0 0 20px rgba(0,0,0,0.2); -ms-box-shadow:0 0 20px rgba(0,0,0,0.2); -o-box-shadow:0 0 20px rgba(0,0,0,0.2); box-shadow:0 0 20px rgba(0,0,0,0.2); }
.publication_detail .publication_detail_book .flipbook .shadow { -webkit-transition:-webkit-box-shadow 0.5s; -moz-transition:-moz-box-shadow 0.5s; -o-transition:-webkit-box-shadow 0.5s; -ms-transition:-ms-box-shadow 0.5s; -webkit-box-shadow:0 0 20px #ccc; -moz-box-shadow:0 0 20px #ccc; -o-box-shadow:0 0 20px #ccc; -ms-box-shadow:0 0 20px #ccc; box-shadow:0 0 20px #ccc; }

.publication_detail .publication_detail_book .flipbook_control { position:absolute; left:0; top:50%; width:100%; }
.publication_detail .publication_detail_book .flipbook_control .flip_row { position:absolute; top:-20px; width:40px; height:40px; border-radius:100%; background-color:#959595; box-sizing:border-box; display:block; text-align:center; font-size:0; color:#faefd2; font-weight:bold; line-height:38px; cursor:pointer; }
.publication_detail .publication_detail_book .flipbook_control .flip_row i { font-size:40px; }
.publication_detail .publication_detail_book .flipbook_control .next_page { right:0; padding-left:3px; }
.publication_detail .publication_detail_book .flipbook_control .prev_page { left:0; padding-right:3px; }

.publication_detail .publication_detail_pdf { padding-top:35px; text-align:center; }
.publication_detail .publication_detail_pdf a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:240px; height:42px; background-color:#f11419; text-align:center; line-height:42px; font-size:21px; color:#ffffff; font-weight:bold; transition:all 0.3s ease; }
.publication_detail .publication_detail_pdf a:hover { }

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

.news_content { padding-bottom:24px; }

.news_list { width:100%; }
.news_list .news_item { padding:14px 0; border-bottom:1px dotted #008fbd; }
.news_list .news { width:100%; padding:0 124px 0 14px; box-sizing:border-box; position:relative; }
.news_list .news_title { width:100%; padding-bottom:4px; position:relative; box-sizing:border-box; }
.news_list .news_title img { float:left; padding-right:6px; }
.news_list .news_title p { padding-top:4px; font-size:17px; color:#003f87; font-weight:bold; }
.news_list .news_info { font-size:14px; color:#333333; line-height:21px; }
.news_list .news_date { padding-top:4px; font-size:14px; color:#0090bd; font-style:italic; font-weight:bold; }
.news_list .news_btn { position:absolute; top:40px; right:23px; }
.news_list .news_btn a { display:block; width:77px; height:24px; background-color:#00609c; font-size:14px; color:#ffffff; font-weight:bold; text-align:center; line-height:24px; transition:all 0.3s ease; }

.news_detail { padding-top:15px; }
.news_detail .news_detail_header { padding:0 12px 10px 12px; border-bottom:1px dotted #008fbd; }
.news_detail .news_detail_title { width:100%; }
.news_detail .news_detail_title img { float:left; padding-right:6px; }
.news_detail .news_detail_title p { padding-top:4px; font-size:17px; color:#003f87; font-weight:bold; }
.news_detail .news_detail_info { padding:10px 12px; }
.news_detail .news_detail_date { padding-bottom:4px; font-size:14px; color:#0090bd; font-weight:bold; font-style:italic; }
.news_detail .news_detail_desc { font-size:14px; color:#333333; line-height:21px; }
.news_detail .news_detail_photo { width:100%; padding-top:26px; text-align:center; }
.news_detail .news_detail_photo img { max-width:100%; }
.news_detail .news_detail_back { padding-top:42px; text-align:right; }
.news_detail .news_detail_back a { font-size:17px; color:#003f87; font-weight:bold; transition:all 0.3s ease; }

/*-------------------------------------------------------------------------------------*/
/* EVENTS */

.events_content { padding-bottom:20px; }

.events_list { padding:24px 10px; margin:0 -5px; }
.events_list .events_item { float:left; width:250px; padding:5px 5px; box-sizing:border-box; }
.events_list .events { width:100%; background-color:#ededed; }
.events_list .events_photo { width:100%; position:relative; font-size:0; text-align:center; }
.events_list .events_photo > img { width:100%; }
.events_list .events_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; }
.events_list .events_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.events_list .events_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.events_list .events_info { width:100%; padding:10px 12px 36px 12px; position:relative; box-sizing:border-box; }
.events_list .events_title { height:42px; padding-bottom:4px; box-sizing:border-box; font-size:15px; color:#003f87; font-weight:bold; overflow:hidden; }
.events_list .events_desc { height:54px; overflow:hidden; font-size:12px; color:#333333; line-height:18px; text-align:justify; }
.events_list .events_more { position:absolute; right:12px; bottom:10px; }
.events_list .events_more a { font-size:12px; color:#003f87; font-weight:bold; transition:all 0.3s ease; }

.events_detail { width:100%; min-height:400px; padding-top:18px; }
.events_detail .events_detail_title { padding:0 8px 6px 14px; border-bottom:1px dotted #008fbd; position:relative; font-size:17px; color:#003f87; font-weight:bold; }
.events_detail .events_detail_info { padding:12px 8px 30px 14px; }
.events_detail .events_detail_date { padding-bottom:4px; font-size:14px; color:#0090bd; font-weight:bold; font-style:italic; }
.events_detail .events_detail_desc { font-size:14px; color:#333333; line-height:21px; }

.events_detail .events_detail_photo { width:100%; padding:0 52px; box-sizing:border-box; position:relative; margin-top:18px; }
.events_detail .events_detail_photo .large_photo { width:100%; position:relative; }
.events_detail .events_detail_photo .large_photo > img { width:100%; display:block; }
.events_detail .events_detail_photo .large_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; font-size:0; text-align: center;}
.events_detail .events_detail_photo .large_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.events_detail .events_detail_photo .large_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.events_detail .events_detail_photo .large_photo .row { position:absolute; left:0; top:50%; width:100%; }
.events_detail .events_detail_photo .large_photo .row_prev, 
.events_detail .events_detail_photo .large_photo .row_next { position:absolute; top:-17px; font-size:40px; color:#c1c1c1; display:block; cursor:pointer; transition:all 0.2s ease; }
.events_detail .events_detail_photo .large_photo .row_prev { left:-46px; }
.events_detail .events_detail_photo .large_photo .row_next { right:-46px; }
.events_detail .events_detail_photo .large_photo .row_prev:hover, 
.events_detail .events_detail_photo .large_photo .row_next:hover { color:#1653a6; }

.events_detail .events_detail_photo .sub_photo_area { width:100%; padding-top:19px; }
.events_detail .events_detail_photo .sub_photo_list { width:100%; }
.events_detail .events_detail_photo .sub_photo { float:left; width:109px; margin-right:4px; position:relative; font-size:0; }
.events_detail .events_detail_photo .sub_photo > img { width:100%; display:block; }
.events_detail .events_detail_photo .sub_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; display:block; box-sizing:border-box; text-align:center; }
.events_detail .events_detail_photo .sub_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.events_detail .events_detail_photo .sub_photo .photo img { display:inline-block !important; width:auto !important; max-width:100%; max-height:100%; vertical-align:middle; }
.events_detail .events_detail_photo .sub_photo .photo:hover:before, 
.events_detail .events_detail_photo .sub_photo.active .photo:before { opacity:1; }
.events_detail .events_detail_photo .owl-item .sub_photo { width:100%; margin-right:0; }
.events_detail .events_detail_photo .owl-nav { position:absolute; left:0; top:50%; width:100%; }
.events_detail .events_detail_photo .owl-nav .owl-prev, 
.events_detail .events_detail_photo .owl-nav .owl-next { position:absolute; top:-24px; box-sizing:border-box; font-size:48px; color:#00609c; cursor:pointer; transition:all 0.2s ease; }
.events_detail .events_detail_photo .owl-nav .owl-prev { left:-32px; }
.events_detail .events_detail_photo .owl-nav .owl-next { right:-32px; }
.events_detail .events_detail_photo .owl-nav .owl-prev:hover, 
.events_detail .events_detail_photo .owl-nav .owl-next:hover { color:#1653a6; }

.events_detail .events_detail_back { padding-top:30px; text-align:right; }
.events_detail .events_detail_back a { font-size:17px; color:#003f87; font-weight:bold; transition:all 0.3s ease; }
.events_detail .events_detail_back a:hover { }

.guidanceIntro {padding:10px;}

.bubble {
    max-width:  197px !important;
}

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

.editor_content { padding:24px 5px 44px 5px; box-sizing:border-box; display:block; }
.editor_content img { max-width:100%; }
.editor_content table { max-width:100%; }
.editor_content iframe { max-width:100%; }