@charset "utf-8";
/* CSS Document */
html,body {
    padding: 0px; margin: 0px; min-height:100%; font-size:19px; color: #333; line-height:32px;		 
	font-family:'Source Sans Pro', "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
}
button  {    
	font-family:'Source Sans Pro', "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
}
.clear{clear:both}
.contextual-links-region{ position: static}
a:link, .container a:visited {text-decoration: none;}
 
table{border-collapse: inherit; line-height:28px; }
table ul, table ol{ margin:0; }
img {border:0;}
div, ul li{ margin:0px auto; padding:0px;}
.cb:before, .cb:after {	content: ''; display: table; visibility: hidden;}
.cb:after {	clear: both;}
.cb {*zoom: 1;}

.wrap{ width:100%; min-height:100%; overflow: hidden; }
.screen{ min-width:680px; max-width:1580px; position:relative; padding:0px 10px;}
.container{ height: auto; min-height:500px; margin:0 ; }
.container a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;}
.container a, .container  {color: #333; text-decoration: none;}
.container a:hover {color: #ff5d8b;  }

h1,h2,h3,h4,h5,h6{ margin:0 0 15px 0; padding:0;}

h1{ font-size:38px; line-height:42px; color:#ed1b23}
h2{ font-size:34px; line-height:38px; color:#333; }
h3{ font-size:32px; line-height:36px; color:#333; }
h4{ font-size:28px; line-height:36px;  color: #e72435; }
h5{ font-size: 24px; line-height:28px; color: #e72435; }
h6{ font-size:21px; line-height:23px; color:#333; }

p{ margin:0px; padding:0px}

/* theme */
#bg_blue{ background:url(../images/web/bg.jpg) no-repeat center top #f3e9d9;}

#bg_blue_b{ background:url(../images/web/bg_blue.jpg) no-repeat center top #438ac4;}
#bg_blue_b .inner_content{ border-top:2px solid #2ea5e0; }
#bg_blue_b h1{ color:#0a8ccc }
#bg_blue_b h2{ border-bottom:1px solid #0a8ccc }

#bg_green{ background:url(../images/web/bg_green.jpg) no-repeat center top #3c933b;}
#bg_green .inner_content{ border-top:2px solid #7eb70d; }
#bg_green h1{ color:#7eb70d }
#bg_green h2{ border-bottom:1px solid #7eb70d }
#bg_green .header{ background:url(../images/web/bg_top_green.png) no-repeat top center; }
#bg_green .arrowlistmenu .title { background: url(../images/icon/bg_category.png) #7eb70d; }
#bg_green .arrowlistmenu{ background:#fff;}
#bg_green .arrowlistmenu a{ color:#7eb70d}
#bg_green .arrowlistmenu a.current,#bg_green .arrowlistmenu a:hover { background:#7eb70d; color:#fff;}
#bg_green .arrowlistmenu .expandable_main a.current, #bg_green .arrowlistmenu .expandable_main a:hover{ background:none; color:#7eb70d}

#FullPage .inner_content{ width:100%; padding:20px 0}
#FullPage .arrowlistmenu{ display:none }

#ad_float_ad {display: none; position: absolute;	z-index:4001; }
#ad_float_ad .ad_close_ad {
	display: block; background:url(../images/icon/btn_close.png) no-repeat; height:30px; width:30px; background-size:30px 30px;
	cursor: pointer; position:absolute; right:-5px; top:-10px;
	-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;
}
#ad_float_ad .ad_close_ad:hover {  transform: rotate(90deg);}

.special_news{ padding:0px; width:960px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.title_special{ background:#fff; padding:1px 5px; color:#ea1e22; border-bottom:1px solid #ea1e22;}
/*.special_news .content{ background:#fff; padding:2px 5px; color:#333; font-size:13px;}
.special_news .content img{ max-width:100%;}*/
.highlight{ color:#F03}


/* Header */
.header{  height: auto; z-index:999; position: fixed; width:100%;width: 100%;
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(20, 20, 20) 100%);height: 130px;}
.header .logo{ float:left; margin:10px 0 10px 0; }
.header .logo .logo_img { background: url(../images/web/logo.png) no-repeat; width: 310px;height: 89px;}
.header .logo .logo_img img{ float:left;max-width: 100%;}
.header .logo .logo_txt{ float:left;}

.header .info_top{ float:left; }
.header .info_top ul{ list-style:none; margin:0; }
.header .info_top ul li { float: left; font-size:15px; padding:2px 0px 2px 30px;}
.header .address {background:url(../images/web/icon_map.png) no-repeat ; background-size:28px 30px;}
.header .tel {background:url(../images/web/icon_tel.png) no-repeat; background-size:28px 30px; clear:both}
.header .fax {background:url(../images/web/icon_fax.png) no-repeat; background-size:28px 30px; margin-left:25px;}
.header .email {background:url(../images/web/icon_mail.png) no-repeat; background-size:28px 30px;clear:both}
.header span{ color:#0070c9;}

.header .icon_top { float: right;width: 11%;margin: 0 ;  display: block;}
.header .links_top {  width: 100%;
  height: 69px;
  position: relative;
  background: none;
  overflow: hidden;
  cursor: pointer;
  float:left;}
.header .icon_top ul{list-style:none;margin:0;padding: 3px 0px; display: block;
}
.header .icon_top ul li {float: left; font-size:15px; margin:28px 0 0 0; padding:0px; width:33%;}
.header .icon_top ul li+li {  color:#ff9625;float: left;font-size: 15px;margin: 28px 0 0 0;padding: 0px;width: 33%;}
.header .icon_top ul li+li+li { margin:28px 0 0 0}
.eclass{ display: none}
.header .icon_top ul li a {color:#333;background: url(../images/web/icon_home.png) no-repeat center left ;background-position: 0 60% ; padding:25px 10px 15px 35px; display:block; background-size: 68%; max-width:100%}
.header .icon_top ul li+li a {background:url(../images/web/icon_eclass..png) no-repeat center left;background-position: 0px 54%; background-size: 68%;padding:25px 10px 15px 35px;}
.header .icon_top ul li+li+li a { background:url(../images/web/icon_calendar.png) no-repeat center left; background-size: 68%;padding:25px 10px 15px 35px;background-position: 0 54%; }
.header .icon_top ul li a:hover { color:#d42034;}


.header sticky .header{ background: none;}




.btn-upload {
  margin-left: 87px;
}

/* upload */

.btn-upload:after {box-sizing: border-box;display: block;content: "";width: 40px;height: 40px; border: 2px solid #383838;
 border-radius: 0px;position: absolute; bottom: 0; display:none;display:none}


.btn-upload span:after,
.btn-upload span:before {content: ""; width: 2px; height: 17.5px; background: #383838; position: absolute; top: 0; left: 0; transform-origin: 0 0;transform: rotate(-45deg); display:none;}
.btn-upload span:before { transform-origin: 2px 0px; transform: rotate(45deg);}


#btn-eclass span {display: block; width: 2px; height: 38px;  position: absolute; left: 33%; transform: translateY(60px); transition: 0.4s; top:0; color:#333}
#btn-eclass:hover span {transform: translateY(2px);}


#btn-home span {display: block; width: 2px; height: 38px;  position: absolute; left: 0%; transform: translateY(60px); transition: 0.4s; top:0; color:#333}
#btn-home:hover span {transform: translateY(2px);}


#btn-calendar span {display: block; width: 2px; height: 38px;  position: absolute; left: 60%; transform: translateY(60px); transition: 0.4s; top:0; color:#333}
#btn-calendar:hover span {transform: translateY(2px);}






.btn_school_intro{ float:right; position:relative; margin:0 0 0 20px; }
.btn_school_intro span{ position:absolute; background:url(../images/web/icon_school.png) no-repeat; width:36px; height:34px; left:8px; top:0; }
.btn_school_intro a{ display:block; color:#ff8400; font-size:17px; border-radius:6px; padding:5px 10px 5px 50px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3)}
.btn_school_intro a:hover{ background:#ff8400; color:#fff; text-decoration:none}

.btn_search{ float:right; position:relative; display:block; color:#166cad; font-size:17px; border-radius:6px; padding:5px 8px; background: rgba(0,0,0,0.3); box-shadow:0 0 3px rgba(0,0,0,.3); margin:0 15px 0 0;}
.btn_search input{ width:130px; color:#666; border:1px solid #ddd; padding:3px; }
.btn_search #btn_submit {width:25px; height:25px; border:0px; background:url(../images/icon/icon_search.png) #2fa2db no-repeat center center; background-size:17px 18px; cursor:pointer}
.btn_search #btn_submit:hover {  background:url(../images/icon/icon_search.png) #ffb400 no-repeat center center; background-size:17px 17px; cursor:pointer}

/* Menu */
#nav-wrap{ padding:0; float: right; width:72%;}


@media screen and (max-width: 1024px) {
#nav-wrap {float: left;width: 100%; }
}

/* Search */
.search_result{ background:#f5f5f5; padding:5px;}
.search_result span{ color:#F00}
.search_listing ul{ list-style:none; margin:0; padding:0 }
.search_listing ul li{ margin:10px 0; padding:5px 0; border-bottom:1px dotted #ddd; color:#666 }
.search_listing ul li a{ font-size:19px; display:block; text-decoration:underline}

/* Area & width */
.banner_area{ float: left; width:100%;background: #fff; position:relative}
.right_area{ float: right; width:100%; background: #981216}
.left_area{ float: left; width:100%; background:url(../images/web/ob_bg.png) no-repeat center top #fff; position: relative; padding: 0px 0;}

/* Banner */
.slider{ float:left;  margin:15px 0 0 0; width:100%}
.sentense{ float:left; width:100%  }
.sentense .box{background:url(../images/web/sentense_bg.png) repeat center; border-radius:12px; border:2px solid #fff; position:relative; box-shadow:0 0 8px rgba(0,0,0,.2)}
.sentense .area{margin: 6px 10px 6px 176px; padding:10px; color:#2f2f2f; line-height:21px;font-size: 15px;background: #fff; border-radius: 6px;}
.sentense .title{ position:absolute;font-weight: bold; left:5px; top:-15px; background:url(../images/web/logo_sentense.png) no-repeat; padding:30px 34px 20px 60px;color:#292500; text-align: center; font-size:22px;text-shadow: 0px 3px 0px #fff, 0px -3px 0px #fff, 3px 0px 0px #fff, -3px 0px 0px #fff, -3px -2px 0px #fff, -3px 2px 0px #fff, 3px -2px 0px #fff, 3px 2px 0px #fff, 2px 3px 0px #fff, -2px 3px 0px #fff, -2px -3px 0px #fff, 2px -3px 0px #fff;}






.intro{
    display: block;
    padding: 0;
    margin: 0;
}
.intro ul{
    list-style: none;
    padding:  0;
    margin: 0;
}
.intro ul li{ display: block; width: 39%; float: left; margin: 0 1%; text-align: center;}
.intro ul li img{ max-width:100%}
.intro ul li p{ text-align:center; position:relative; margin:0; padding:0 0 30px 0}
.intro ul li p span{ background: url(../images/web/ob_bottom.png) no-repeat right; width:19px; height:16px; position:absolute; right:0; bottom:0}
.intro ul li h3{ text-align:center; color:#ed1b23; border-bottom:2px solid #ed1b23;padding: 20px 0; position:relative}
.intro ul li h3 span{ background: url(../images/web/ob_top.png) no-repeat left; width:19px; height:16px; position:absolute;left: 0;}




.intro ul li+li {display: block; width: 57%; float: left; margin: 0 1%; position:relative}
.intro ul li+li a{display: block;position: absolute;right: 30px;bottom: 20px;float: right;padding: 0px 30px;background: #fff;font-size: 13px;}
.intro ul li+li a:hover{ background:#333; color:#fff; } 
 	
#history {background: rgba(157,0,6,0.8);margin: 140px 0 0 0;padding: 0;min-height: 190px;position: absolute;width: 70%;top:0;right: 0;}
#history_w {background: rgba(255,255,255,0.8);margin:160px 0 0 0;padding: 0;min-height: 335px;position: absolute;width: 70%;top: 0;right: 20px;}
#history p{ text-align: left;padding:20px 20px 70px 20px;color: #fff; line-height: 24px;}
#history h3{ text-align:left; color:#fff; padding: 20px ;  border-bottom:none; margin:0}







.latest_new{ position:relative;  padding:5px 0 20px 0px;background: linear-gradient(#f3f3f3,#dcdcdc);}
.latest_new .area{ padding: 0px ; }
.latest_new .regular { padding: 45px 0px; }
.latest_new .title{padding: 40px 0px;color: #f04a50;font-size: 30px;text-align: left;background: #fff;text-transform: uppercase;} 
.latest_new .title span{ position:absolute; left:10px; top:-15px; width:72px; height:59px; display:none}
.latest_new_area { margin:0 0 0 ; clear: both; border-radius:12px; padding:10px; }

.slick-slide {}

	.news_box { text-align: center; padding: 20px 0 20px 20px;; background:#fff; margin: 40px 0;}
	.news_box a { display:block; text-decoration: none; color: #42759E; }
	.news_box span{}
	.news_box .content {padding: 8px 0; color: #42759E; font-weight: bold; }

.buttons{margin: 1em 0;}

.footer_area { background:#333}

.latest_new .content{ padding: 0;text-align: left; color:#333; font-weight: normal; min-height:80px }
.latest_new .content img{ }
.latest_new .more_area{ position:absolute; right:20px; top:7px; font-size:13px;}
.latest_new .more_area a{ line-height:23px; display:block; padding:0 20px; font-size:17px; color:#898989; background:url(../images/web/more.png) no-repeat right; }
.latest_new .more_area a:hover{ color:#ed1b23 }





.latest_award{ position:relative; background:url(../images/web/act_bg.png) no-repeat center bottom #fff;padding: 0 0 30px 0;}
.latest_award .area{}
.latest_award .title{padding: 40px 0px;color: #f04a50;font-size: 30px;text-align: left; text-transform: uppercase;} 
.latest_award .title span{ position:absolute; left:10px; top:-15px; width:72px; height:59px; display:none}
.latest_award_area { margin:0 0 0 ; clear: both; border-radius:12px; padding:10px; }
.latest_award ul{ list-style:none; margin:0; padding:0px;  }



.latest_award ul li{ float:left; width:calc(33.3% - 2% - 20px); margin:0 1% 1% 1%; transform:scale(1,1);transition: all 1s ease-out; font-size:15px;transition: all 0.3s ease-in-out; opacity: 1;box-shadow: 0 0 3px rgba(0,0,0,.2); min-height:350px; background:#fcfcfc;border-top: 5px solid #ed1b23; padding:10px; }
.latest_award ul li:hover{ background: #f5f5f5; transform:scale(1.05,1.05); }
.latest_award ul li .cover { padding:0 ; margin-bottom:30px}
.latest_award ul li .cover img { width:100%; border:1px solid #fff; }


.latest_award ul li a{ display:block; padding:10px 0px 0px 0px; color:#fff}
.latest_award ul li a:hover{}
.latest_award .content{ position:relative; display: block;color: #ed1b23;padding: 0px 0 0px 0;position: relative;margin: 15px 0 0 0; font-size:19px;line-height: 35px;min-height: 80px;}
.latest_award .content p{color: #292929;font-size: 17px; padding:10px 0 0 0;line-height: 25px;}
.latest_award .date{ color:#0b5898; font-size:15px;position: absolute;bottom: 0;}

.latest_award ul li:nth-child(3n+1) { clear:both}







.latest_award .more_area{ position:absolute; right:0px; top:12px; font-size:12px;}
.latest_award .more_area a{ line-height:23px; display:block; padding:0 20px; font-size:17px; color:#898989; background:url(../images/web/more.png) no-repeat right; }
.latest_award .more_area a:hover{ color:#ed1b23 }


.latest_events{position:relative; margin:20px 0 0 0; }
.latest_events .title{ background:url(../images/web/bg_title_activities.png) no-repeat 15px 0px ; color:#fff; 
padding:40px 0 10px 90px; font-size:23px; color:#ed1b23; display:block;  }
.latest_events .title span{ background:url(../images/web/logo_activities.png) ; width:68px; height:71px; position:absolute; left:0px; top:1px;}
.latest_events_area{ padding:6px; background:url(../images/web/bg_shadow.png) #ed1b23 ; border-radius:12px; padding:10px; }
.latest_events_area ul{ list-style:none; margin:0; padding:10px 0; background:#fff;border-radius:12px; clear:both; }
.latest_events_area ul li{ float: left; width:23%; margin:0 1% 10px 1%;}
.latest_events_area ul li .cover{ box-shadow:0 0 2px rgba(0,0,0,.2); margin-bottom:5px; }
.latest_events_area ul li .cover img{ width:100%; border:1px solid #fff; }
.latest_events_area ul li:hover .cover img{ width:100%; border:1px solid #ed1b23; }
.latest_events_area ul li:nth-child(4n+1){ clear:both;}
.latest_events_area ul li span{ background:#ed1b23; color:#fff; padding:6px 15px; display:block; font-size:15px; line-height:17px; }
.latest_events_area ul li a{ display:block; padding:6px 0px;}
.latest_events_area .content{float: left;}
.latest_events_area .content img{ width:25px;}

.latest_events .more_area{ position:absolute; right:0px; top:12px; font-size:12px;}
.latest_events .more_area a{ background:#555; line-height:23px; display:block; padding:0 21px; border-radius:6px; color:#fff}
.latest_events .more_area a:hover{ background:#ff507b; }


#login_area{ margin:20x 0 0px 0;  position:relative;  }
#login_area .login_icon{ position:absolute; left:-15px; top:-15px;}
.bg_eclass{ background:#fff; border-radius:12px; padding:35px 10px 5px 8px; margin-top:15px;}
#login_area #sumbit{margin-top: 10px; background:#9ecc14; line-height:15px;font-weight: bold; cursor:pointer; color:#fff; padding:5px 15px; text-align: center; border:0px; border-radius:4px; } 
#login_area #sumbit:hover{ background:#ff9600; }
#login_area{ background:url(../images/web/bg_shadow.png) repeat-x top #ffbd66;; margin:25px 0 ; position:relative; border:2px solid #ffd776; border-radius:16px; padding:10px;}
#login_area .login_icon{ position:absolute; left:-15px; top:-15px;}

.fc-view-container{ background:#fff;}
.main_calenadr h2{ font-size:12px; margin:0; padding:0; line-height:15px;}
.main_calenadr{ background:#FFF; border-radius:8px; position:relative; box-shadow:0 0 3px rgba(0,0,0,.2); margin:0 0 15px 0; border:3px solid #ffdb55}
.main_calenadr .area{ padding:35px 15px 10px 15px; color:#00a5e3; line-height:21px;}
.main_calenadr .title{ font-size:23px; color:#ff7c2d; padding:8px 0px 12px 60px ; margin-bottom:5px;  font-weight:bold; text-shadow:0px 2px 0px #fff, 0px -2px 0px #fff, 2px 0px 0px #fff, -2px 0px 0px #fff, -2px -1px 0px #fff, -2px 1px 0px #fff, 2px -1px 0px #fff, 2px 1px 0px #fff, 1px 2px 0px #fff, -1px 2px 0px #fff, -1px -2px 0px #fff, 1px -2px 0px #fff, 0 0 6px rgba(0,0,0,.2); } 
.main_calenadr .title span{ position:absolute; left:-5px; top:-22px; background:url(../images/web/calendar.png) no-repeat center; width:77px; height:68px;}
.main_calenadr .area{ padding:10px; min-height:180px; }
.main_calenadr .area iframe{ width:100%; height:235px;}
.main_calenadr .area iframe .view-container-border{ padding:0px;}
.main_calenadr .detail_btn{right:10px; top:10px; box-shadow:0 0 3px rgba(0,0,0,.2) }
.main_calenadr .more_area{ position:absolute; right:10px; top:15px; font-size:12px;}
.main_calenadr .more_area a{ display:block; padding:0 15px; color:#333}
.main_calenadr .more_area a:hover{color: #F30}




section .left_description .title { color: #143291;font-size: 38px;float: left; width:100%; padding:0 0 30px 0; border-bottom:2px solid #143291;margin: 0 0 20px 0; line-height:45px;}


.school_photo { width:100%; float:left}
.school_photo img { float: right;width: 45%;position: absolute;right: 0;}
.school .title { color: #fff;font-size: 43px;float: left; width:100%; padding:0 0 30px 0; border-bottom:2px solid #143291;margin: 0 0 20px 0; }

.school{ float: right; width:100%;margin:30px 0;background: #143291; height:378px;}
.school ul { list-style:none;padding:0; float:left; margin:0}
.school ul li { padding:85px 0 0 0; float: left;width:50%;color: #fff;}
.school ul li+li { padding: 0;float: right;width: 45%; margin:0 0 0 5%}






section { }
section img { width:100%;}
section .photo{ margin: -20px 0;width: 54%;vertical-align: middle;display: inline-block;}
section .photo_o{ margin: -20px 0;width: 54%;vertical-align: middle;display: inline-block;}
section .photo_right{ margin: -20px 0;width: 88%;vertical-align: middle;display: inline-block;float: right;position: relative;z-index: 5;}
section .left_right{ margin: -20px 50px;width: 88%;vertical-align: middle;display: inline-block;float: right;position: relative;z-index: 5;}
section .photo_bg{ margin: 30px 0 30px 4%;width: 46%;vertical-align: middle;display: inline-block;float: left;position: absolute;}
section .photo_bg_left{ margin: 30px 0 ;width: 46%;vertical-align: middle;display: inline-block;float: left;position: absolute;}



section .left_description{display: inline-block;vertical-align: middle;width: 45%; margin: 0}
section .right_description{display: inline-block;vertical-align: middle;width: 45%; margin: 0}
section .content{ font-size:19px; color:#fff;line-height: 28px;}
section .content_black{ font-size:19px; color:#333;}
section h2 {color: #fff; font-size: 38px; padding: 0 0 15px 0; margin: 20px 0px 10px 0; line-height: 46px;}



#intro{ margin:140px 0}

#intro .more_area{ ; left:9px; top:440px; font-size:13px; margin:20px 0;}
#intro .more_area a{background: #fff;
padding: 5px 30px;
color: #333;}
#intro .more_area a:hover{background:  #e72435  ; color:#fff; }






#school_info{ background:#143291; margin:50px 0}

#school_info .more_area{ ; left:9px; top:440px; font-size:13px; margin:20px 0;}
#school_info .more_area a{background: #fff;
padding: 5px 30px;
color: #333;}
#school_info .more_area a:hover{background:  #e72435  ; color:#fff; }




#school_admission{ background:#9b0006; margin:70px 0 0 0; padding:0 0 100px 0}

#school_admission .more_area{ ; left:9px; top:440px; font-size:13px; margin:20px 0;}
#school_admission .more_area a{background: #fff;
padding: 5px 30px;
color: #333;}
#school_admission .more_area a:hover{background:  #e72435  ; color:#fff; }






#school_life{ background:#ffa200; margin:110px 0}

#school_life .more_area{ ; left:9px; top:440px; font-size:13px; margin:20px 0;}
#school_life .more_area a{background: #fff;
padding: 5px 30px;
color: #333;}
#school_life .more_area a:hover{background:  #e72435 ; color:#fff; }


.contact_area{ float: left;width:100%; position:relative; background:#ed1b23}
.contact_left { float: left; width:100%; }

.logo_right{ margin: 0 ; }
.logo_chinese{  color:#0c2e9b; font-size:35px; margin: 8px 0px; line-height:31px;}
.logo_english{ color:#333; font-size:20px; line-height:19px; text-transform:uppercase;}




#sch_table{ font-size:17px; border-top:2px solid #d3212d; border-bottom:2px solid #d3212d; }
#sch_table  tr:nth-child(even) {background: #fff3f3}
#sch_table  tr:nth-child(odd) {background: #FFF}
#sch_table tr td { padding:5px }
#bottom_line {background: url(../images/web/bottom_line.png) no-repeat center;position: absolute;width: 268px;height: 2px;top: 200px; left:0; right:0 }


.slogan{ background: rgba(47,47,47,.7);position: absolute;top: 600px;left: 1%;padding: 20px 50px;font-size: 34px; line-height:42px; letter-spacing:2px; color: #fff;border-left: 5px solid #ed1b23; }
.slogan span{}
.text_1{}
.text_2{text-transform:uppercase; }


.contact_info{float: left;width: 100%;text-align: left;margin: 0;padding: 20px 0;  position:relative}

.contact_info_left h3{ color:#fff; margin:0}
.contact_info_left ul { list-style:none; margin:0; padding:10px 0 0 0px}
.contact_info_left ul li { color:#fff; float:left; width:50% ;margin: 0px 0 0 0;padding: 0; }
.contact_info_left ul li:nth-child(2n)  { color:#fff; float:left; width:50% ;margin: 0px 0 0 0;padding: 0; }
.contact_info_left ul li:nth-child(2n+1) { clear:both}
.contact_info_left a:hover { color:#333;}
.contact_info_left a { color:#fff;}



.contact_info_left { float:left; width:18%; margin:0 2% 0 0}
.contact_info_right{ float:left; width:70%; margin:-5px 0 0 0}
.contact_info_right ul { list-style:none; margin:0; padding:10px 0 0 0px}
.contact_info_right ul li { color:#fff; float:left; width:82% ;margin: 5px 0 0 0;padding: 0; }
.contact_info_right ul li:nth-child(2n)  { color:#fff; float:left; width:18% ;margin: 5px 0 0 0;padding: 0; }

.contact_info_right a:hover { color:#333;}
.contact_info_right a { color:#fff;}


.school_building{width: 40%;
float: left;
margin:2%;
padding: 0; } 




/* Inner Area */
.inner_area{ padding:0px 0 0 0; background:#9c020b;}



.latest_video{ margin:20px 0 0; float: left; width:48%; position:relative; background:#fff; border-radius:8px; border:3px solid #d64541; position:relative; box-shadow:0 0 3px rgba(0,0,0,.2)}
.latest_video .title{ border-bottom:1px solid #eddecc; background:#d64541; padding:10px 0px 10px 75px; color:#fff; font-size:21px;} 
.latest_video .title span{ position:absolute; left:10px; top:-10px; background:url(../images/icon/icon_video.png) no-repeat; width:53px; height:53px;}
.latest_video ul{ list-style:none; margin:0; padding:0}
.latest_video ul li{ border-bottom:1px dotted rgba(0,0,0,.2); font-size:13px; padding:0px 10px;}
.latest_video ul li span{ color:#764713; float: left; padding:0 0px; display: inline-block}
.latest_video ul li a{ display:block; padding:9px 0px; color:#333}
.latest_video ul li a:hover{ color:#9b684b}
.latest_video .content{float: left; margin:0 0 0 10px;}
.latest_video img{ width:100px; float:left; margin:0 5px 0 0;}
.latest_gallery{ margin:20px 0 0; float: right; width:48%; position:relative; background:#fff; border-radius:8px; border:3px solid #32a5dd; position:relative; box-shadow:0 0 3px rgba(0,0,0,.2)}
.latest_gallery .title{ border-bottom:1px solid #eddecc; background:#32a5dd; padding:10px 0px 10px 75px; color:#fff; font-size:21px;} 
.latest_gallery .title span{ position:absolute; left:10px; top:-10px; background:url(../images/icon/icon_album.png) no-repeat; width:53px; height:53px;}
.latest_gallery ul{ list-style:none; margin:0; padding:0}
.latest_gallery ul li{ border-bottom:1px dotted rgba(0,0,0,.2); font-size:13px; padding:0px 10px;}
.latest_gallery ul li span{ color:#764713; float: left; padding:0 ;}
.latest_gallery ul li a{ display:block; padding:9px 0px; color:#333}
.latest_gallery ul li a:hover{ color:#9b684b}
.latest_gallery .content{float: left; margin:0 0 0 10px;}
.latest_gallery img{ width:100px; float:left; margin:0 5px 0 0;}
/* Main Userful Links */
.Userful_link_inside{padding: 0 ;width: 100%;float: left; position:relative}
.Userful_link_inside .title{padding: 30px 0px 20px 0;color: #fff;font-size: 30px;text-align: left;text-transform: uppercase; }
.Userful_link_inside ul{ list-style:none; margin:10px 0%; padding:0 ; }
.Userful_link_inside ul li{ float: left; width:19%; margin:0 1% 5px 0%}
.Userful_link_inside ul li img{ width:99%;  box-shadow:0 0 3px rgba(0,0,0,.2);border: 3px solid #5c0005;}
.Userful_link_inside ul li:hover img{ opacity:.7; box-shadow:0 0 3px rgba(0,0,0,.4)}
.Userful_link_inside .screen{}

#useful_bg { background:#9c020b}

.Userful_link_inside .more_area{ position:absolute; right:20px; top:45px; font-size:13px;}
.Userful_link_inside .more_area a{ line-height:23px; display:block; padding:0 21px; border-radius:16px; color:#fff; }
.Userful_link_inside .more_area a:hover{  }






.Userful_link_outside{ padding:0px 0 30px 0}
.Userful_link_outside .title{ display:none}
.Userful_link_outside ul{ list-style:none; margin:0 0 0 -1.5%; padding:0}
.Userful_link_outside ul li{ float: left; width:15%; margin:0 0 15px 1.65%}
.Userful_link_outside ul li img{ width:100%; border-radius:6px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.Userful_link_outside ul li:hover img{ opacity:.7; box-shadow:0 0 3px rgba(0,0,0,.4)}


/* Footer */
.footer{ background:#ffffff; color:#333; font-size:12px; box-shadow:0 -2px 2px rgba(0,0,0,.1)}
.footer .screen{ padding:20px 15px;}
.footer .copyright{ float:left; width:70%; text-align: left;}
.footer .power{ float:right; width:29%; text-align: right}
.footer a{ color: #800108;}
.footer .power a:hover{ color: #999;}

.cd-top {
  display: inline-block;  position: fixed; visibility: hidden;  opacity: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  height: 50px;  width: 50px;  bottom: 90px;  right: 30px;  
  overflow: hidden;  text-indent: 100%;  white-space: nowrap;  border:2px solid #fff; box-shadow:0px 0px 5px #999;
  background: #333 url(../ddsmoothmenu/cd-top-arrow.svg) no-repeat center center;
  
}
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;
  background: #666  url(../ddsmoothmenu/cd-top-arrow.svg) no-repeat center center;
}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-fade-out { opacity: .5;}
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1;}

/* Nevigation */
.nevigation{ padding:15px 0px; font-size:13px; margin-bottom:15px; border-bottom:1px dotted #ddd; }
.nevigation .screen{ padding:0; }
.nevigation .home{ background:url(../images/icon/icon_home_red.png) no-repeat; background-position:0px 5px; display: block; padding-left:25px; }
.nevigation ul{ list-style: none; margin:0px; padding:0px; }
.nevigation ul .sp{ padding:0px 15px; color:#666 }
.nevigation ul li{ float: left; line-height:24px;  }
.nevigation ul li a{ color:#666; text-decoration: none }
.nevigation ul li a:hover{ text-decoration: underline ; color:#ed1b23}

#Information_detail .nevigation{ margin-bottom:20px;}

.inner_banner{ background:url(../images/web/Banner_s.jpg) no-repeat; background-size:cover; position: relative; padding:0; background-position: center center;  min-height:340px; }
.inner_banner h1{ background:#ed1b23; color:#fff; padding:10px 32px 10px 130px; display:inline; font-size:27px; line-height:36px; }

.template_banner{background:url(../images/web/inside_banner.jpg) ; background-size:cover; color:#fff; padding:40px 0 20px 20px;}
.template_banner h1{ color:#fff;}


.inside_banner{  background:url(../images/web/Banner_s.jpg) no-repeat; background-size:cover; position: relative; padding:0; background-position: center bottom;  min-height:340px;}
.inside_banner h1{ color:#143291; padding:46px 32px;  text-align: center; font-size:32px; line-height:36px;}

/* Page Content */
.inner_content{ float:right; width:78%; margin-bottom:50px}
.inner_content .main_content{ padding:5px 20px 30px 20px; min-height:500px; border-radius:12px;  }
.inner_content_full{ margin-bottom:50px}
.inner_content_full .main_content{ padding:5px 20px 50px 20px; min-height:500px; border-radius:12px; position:relative; background:#fff;}
.inner_content_full h1{ }

.inner_content iframe{ width: 100%; min-height:450px;}
.inner_content img, .inner_content_full img{ max-width:100%;}
.inner_banner img{ width:100%;}


@media screen and (max-width: 1280px) {
.inner_banner {min-height:360px;}
.inside_banner{min-height:360px;}
}

.Album{ margin:30px 0px;}

.Album .title{ color: #003670; margin: 0 0 ;
padding: 8px 0px;
position: relative;
border-bottom: 1px solid #EAF4FF; font-size:32px; line-height:36px;  margin-bottom:15px;}







.Album .description{ background: #fcfcfc; padding:15px; margin:20px 0; border-radius:4px }
.Album .description ul{ list-style: outside; padding:0; margin: 0 15px; }
.Album .description ul li{ margin:0 0 5px; text-align: left}
.Album .description ol{ padding:0; margin: 0 15px; }
.Album .description ol li{ margin:0 0 5px;}
.Album ul { list-style:none; padding:0 }
.Album ul li{ margin:0 0 10px 0; text-align: center }
.Album ul li img{   }
.Album ul li:hover img{ }



#Inner_Type_A{ }
#Inner_Type_A ul{ margin:20px 0 0 -2%; list-style:none; padding:0px;  }
#Inner_Type_A li{ float:left; width:31%; margin:0 0 15px 2%; text-align: center;}
#Inner_Type_A li:nth-child(3n+1){ clear:both}
#Inner_Type_A li img{ max-width:100%; max-height:255px  }
#Inner_Type_A li p{  }

#Inner_Type_B { }
#Inner_Type_B .title{ margin:0 ;  }
#Inner_Type_B ul{ margin:20px 0 0 -2%; padding:0; }
#Inner_Type_B li{ float:left; width:48%; margin:0 0 15px 2%; }
#Inner_Type_B .title_des { float: left; width:100%;}
#Inner_Type_B li img{ max-width:100%; height:auto }
#Inner_Type_B li:nth-child(2n+1) { clear:both}
#Inner_Type_B .right_desc { float: right; width:100%; padding:10px 0 0}
#Inner_Type_B .right_desc ul{ list-style: outside; margin:0; padding:0}
#Inner_Type_B .right_desc ul li{ margin:0 0 0 15px;}
#Inner_Type_B .right_desc ol{ margin:0; padding:0}
#Inner_Type_B .right_desc ol li{ margin:0 0 0 15px;}

#Inner_Type_C {}
#Inner_Type_C .title{ }
#Inner_Type_C ul{ margin:20px 0 0 0; padding:0px;}
#Inner_Type_C li{ float:none; margin:0 0 15px 0%; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_C li img{ width:100%; height: auto; text-align: center; margin:0 0 10px 0}
#Inner_Type_C li .title_des{ width:42%; float:left; }
#Inner_Type_C li .right_desc{ float: right; width:56%;}
#Inner_Type_C .right_desc ul{ list-style: outside; margin:0; padding:0}
#Inner_Type_C .right_desc ul li{ margin:0 0 0 15px;}
#Inner_Type_C .right_desc ol{ margin:0; padding:0}
#Inner_Type_C .right_desc ol li{ margin:0 0 0 15px;}

#Inner_Type_D { background:none}
#Inner_Type_D li{ float:none; margin:0 0 15px 20px; width: auto; text-align: left; clear:both; padding:0}

#Inner_Type_E li{ float:none; margin:0 0 15px 20px; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_E li a{ background:url(../images/icon/icon_pdf_b.png) no-repeat left; background-size:20px 27px;  }
#Inner_Type_E li a:hover{ background:url(../images/icon/icon_pdf_b.png) no-repeat left;  background-size:20px 27px; }

.download_area{ margin:30px 0px;}




.download_area .title{ color: #026dba; margin: 0 0 ;
padding: 8px 0px;
position: relative;
border-bottom: 1px solid #EAF4FF; font-size:28px; line-height:32px; margin-bottom:15px; }
.download_area .description{ background:#fff; padding:10px; margin:20px 0; }
.download_area ul{ list-style:none; margin:0px 0 0 -2%; padding:0px;}
.download_area ul li{ float:left; width:31%; margin:0 0 15px 2%; text-align: left;}
.download_area ul li a{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:3px 5px; padding:8px 0 3px 30px; line-height:19px; color:#333; background-size:23px 23px; display:block;}
.download_area ul li a:hover{ background:url(../images/icon/icon_download.png) no-repeat left; color:#db1111; background-position:3px 8px; background-size:23px 23px}

/* Subject Template */
.subject_category{}
.subject_category ul{ list-style:none; margin:0 0 0 -1.5%; padding:0px;}
.subject_category ul li{ float:left; width: 31%; margin:0 0 30px 2%; padding:0;}
.subject_category ul li img{ box-shadow:0 0 3px rgba(0,0,0,.3); border:1px solid #fff; margin:0;}
.subject_category ul li:hover img{ box-shadow:0 0 3px rgba(0,51,204,.3); border:1px solid #0083ca;}
.subject_category p{ color:#0b5898;  border:1px solid #0b5898; margin:0px 0 0 0px; padding:5px; text-align: center;}
.subject_category a{ }
.subject_category a:hover p{ border:1px solid #0b58b1; background:#0b58b1; color:#fff; }
.subject_category a:hover{ text-decoration:none}

/* Information Template */
.sub_category{ margin:15px 0;}
.sub_category ul{ list-style: none; padding: 0px 0 0px 0;margin: 0px 0 10px 0;text-align: center; border-bottom: 1px solid #ddd;}
.sub_category ul li{ padding: 0 3px; float:left}
.sub_category ul li a{  padding: 10px 24px; display: block; color: #ed1b23; font-size: 19px; line-height: 23px; border-right: 1px solid #ddd;  border-left: 1px solid #ddd;  border-top: 1px solid #ddd; }
.sub_category ul li a:hover{ background: #666; color:#fff}
.sub_category ul li a.current{ background: #ed1b23; color:#fff }

.sub_category_b{ margin:15px 0;}
.sub_category_b ul{ list-style: none;padding: 0px 0 15px 0;margin: 0px;text-align: center; border-bottom: 1px solid #ddd;}
.sub_category_b ul li{ display: inline-block; padding: 0 15px;}
.sub_category_b ul li a{  padding: 10px 21px; display: block; color: #ed1b23; font-size: 17px;  line-height: 19px;  }
.sub_category_b ul li a:hover{ color:#ed1b23}
.sub_category_b ul li a.current{ background: #ed1b23; color:#fff }
.sub_category_b ul li + li { border-left: 1px dashed #ddd; }

#pages{ float:right; margin:15px 0px 0 ; clear: both; font-size:12px;}
.pages_page{ float:left;padding:0px 10px 0 0;}
#pages ul{ float: left; list-style:none; min-height:17px; margin:0px; padding:0px;}
#pages ul li{  float: left; margin:0px 5px 0px 5px;}
#pages ul li a{ line-height:25px; height:25px; width:25px; display: inline-block; text-align: center; background:#fff; border-radius:50%; color:#333; box-shadow:0 0 3px rgba(0,0,0,.2)}
#pages ul li a:hover{ background:#ececec; text-decoration:underline }
#pages ul li a.pgCurrent{ background:#ed1b23; color:#fff}

.year_box{ position:absolute; right:20px ;top:20px;}
.year_box select{ padding:5px 5px;}

#info_type_A .information ul{  margin:0; padding:0; }
#info_type_A .information ul li{ float:none; width: 100%; margin:0; padding:10px 5px; border-bottom:1px solid #ddd;  display:inline-block;  }
#info_type_A .information ul li:nth-child(even) {background: #fafafa}
#info_type_A .information ul li a{}
#info_type_A .information ul li a:hover{}
#info_type_A .information ul li img{ float:left; margin:0 20px 0 0; max-width:200px;}
#info_type_A .information .date{ float:left; width:28%;  }
#info_type_A .information .date span{ padding:0 0 0px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:4px 50%;}
#info_type_A .information p{ float:left; width:70%; }
#info_type_A .information ul .title_area{ border-bottom:2px solid #ed1b23; color:#ed1b23;}

#info_type_B .information ul{  margin:0 0 0 -2%; padding:0; list-style: none; }
#info_type_B .information ul li{ float: left; width:23%; margin:0 0 15px 2%;}
#info_type_B .information ul li:nth-child(4n+1){ clear:both;} 
#info_type_B .information ul li a{ display: block; color:#ed1b23; }
#info_type_B .information ul li a:hover{ text-decoration:none}
#info_type_B .information ul li .cover{ box-shadow: 0 0 3px rgba(0,0,0,.1); padding:1px;}
#info_type_B .information ul li .content{ }
#info_type_B .information ul li img{ width:100%; }
#info_type_B .information .date{ }
#info_type_B .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:1px 50%;}

#info_type_C .information ul{  margin:0 0 0 -1%; padding:0; list-style: none; }
#info_type_C .information ul li{ float: left; width:31%; margin:0 0 15px 2%; box-shadow:0 0 3px rgba(0,0,0,.2)}
#info_type_C .information ul li:hover{  box-shadow:0 0 3px #ed1b23 ; background:#F9F9F9}
#info_type_C .information ul li:nth-child(3n+1){ clear:both;} 
#info_type_C .information ul li a{ display: block; color:#ed1b23; }
#info_type_C .information ul li a:hover{ text-decoration:none}
#info_type_C .information ul li .cover{ box-shadow: 0 0 3px rgba(0,0,0,.1); padding:1px;}
#info_type_C .information ul li .content{ padding:5px ; }
#info_type_C .information ul li img{ width:100%; }
#info_type_C .information .date{ }
#info_type_C .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:1px 50%;}

#info_type_D .information ul{  margin:0 0 0 0; padding:0; list-style: none; }
#info_type_D .information ul li{ margin:0 0 15px 0;}
#info_type_D .information ul li a{ display: block; color:#ed1b23; }
#info_type_D .information ul li a:hover{ text-decoration:none}
#info_type_D .information ul li .cover{ float:left; width:30%; box-shadow: 0 0 3px rgba(0,0,0,.1); padding:1px;}
#info_type_D .information ul li .content{ float:right; width:68%; }
#info_type_D .information ul li img{ width:100%; }
#info_type_D .information .date{ }
#info_type_D .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:1px 50%;}

/* Notice */
#notice .information ul{  margin:0; padding:0; list-style: none; }
#notice .information ul li{ float:none; width: 100%; margin:0; padding:10px 5px; border-bottom:1px solid #ddd;  display:inline-block;  }
#notice .information ul li:nth-child(even) {background: #fafafa}
#notice .information ul li a{ display:inline-block; padding:0px 0; width:100%; }
#notice .information ul li a:hover{ color: #ed1b23; text-decoration:none}
#notice .information .date{ float:left; width:13%; padding:0 1%;}
#notice .information .date span{ padding:0 0 0px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:4px 50%;}
#notice .information .number{ float:left; width:13%; padding:5px 1%;  }
#notice .information .title{ float:left; width:48%; padding:5px 1%;  }
#notice .information .dead{ float:left; width:18%; padding:5px 1%;  }
#notice .information p{}
#notice .information .download{ float:right; width:auto; }
#notice .information .download a{ background: url(../images/icon/icon_pdf.png) no-repeat; background-position:0px 50%; background-size:20px; padding:5px 5px 5px 30px; display:block; color:#fc2130; width:auto }
#notice .information ul .title_area{ border-bottom:2px solid #ed1b23; color:#ed1b23;}

/* media */
#MediaA .information ul{  margin:0 0 0 -3.3%; list-style:none; padding:0; }
#MediaA .information .clip{ background:url(../images/icon/clip.png) no-repeat; width:35px; height:68px; position:absolute; left:20px; top:-8px; z-index:1 }
#MediaA .information ul li{ width:30%; margin:0 0 20px 3.3%; float:left; position:relative; }
#MediaA .information ul li .cover{ background:#f4f4f4; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:2px; padding:10px 15px 5px 15px; }
#MediaA .information ul li img{ width:100%; box-shadow:0 0 0;}
#MediaA .information ul li:nth-child(3n+1) { clear:both}
#MediaA .information .date{ position: relative; text-align: center; }
#MediaA .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:inline-block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:3px 50%;}
#MediaA .information p{ text-align: center; }
#MediaA .information ul li:hover .cover{ background:#e8f7ff; box-shadow:0 0 3px rgba(0,0,0,.3); }
#MediaA .information ul li a:hover{ text-decoration:none; color:#333; }

#MediaB .information ul{  margin:0 0 0 -2%; list-style:none; padding:0; }
#MediaB .information .clip{ display:none;}
#MediaB .information ul li{  width:23%; margin:0 0 20px 2%; float:left; position:relative; }
#MediaB .information ul li .cover{ background:#fdfdfd; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:0px; padding:5px 5px 5px 5px; }
#MediaB .information ul li img{ width:100%; box-shadow:0 0 0;}
#MediaB .information ul li:nth-child(4n+1) { clear:both}
#MediaB .information .date{ position: relative; text-align: center; }
#MediaB .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:inline-block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:3px 50%;}
#MediaB .information p{ text-align: center; }
#MediaB .information ul li:hover .cover{ background:#f9f9ff; box-shadow:0 0 3px rgba(0,0,0,.3); }
#MediaB .information ul li a:hover{ text-decoration:none; color:#333; }

.youtube_video{ width:70%; box-shadow:0 5px 10px rgba(0,0,0,.5); background:#000; padding:10px; border:1px solid #fff; margin-top:30px;}
.youtube_video iframe{ width:100%; min-height:420px;}
.youtube_video video{ width:100%; min-height:420px;}
.video_footer{ background:url(../images/icon/tv_footer.png) no-repeat center; height:38px; width:70%; margin-bottom:50px;}

/* Information - Full Page Display */
#Information_detail #Inner_Type_A li{ float:left; width:23%; margin:0 0 15px 2%; text-align: center;}
#Information_detail #Inner_Type_A li img{ max-width:100%; box-shadow:0 0 3px rgba(0,0,0,.5); height: auto; max-height:255px;}
#Information_detail #Inner_Type_A li:nth-child(3n+1) { clear:none}
#Information_detail #Inner_Type_A li:nth-child(4n+1) { clear:both}

#Inner_Type_F ul  { margin:0; padding:0; }
#Inner_Type_F ul li { width:100%; margin:0; }
#Inner_Type_F ul li iframe { height:800px; width:100%}
/* Sub Menu */

.r_left_menu{ float:left; width:100%; margin:20px 0;  }
.left_menu{ float:left; width:22%;  margin:-85px 0 20px 0;  }
.submenu{ ; margin:25px 0 0 0;}
.submenu .title { display: block;margin-top: 15px;margin-bottom: 12px;font-size: 2.4rem; line-height: 30px;color: #1d1e2a; }
.submenu .title p {font-size: 23px;color: #fff;background: url("../images/icon/arrow_d_white.png") no-repeat #ed1b23; color:#fff !important;
 background-position: 95% 50%; text-transform: uppercase; padding: 0;padding:15px 20px; } 




.arrowlistmenu{  }
.arrowlistmenu ul {list-style: none; margin: 0; padding: 0; font-size:17px;}
.arrowlistmenu ul ul {  font-size:15px; }
.arrowlistmenu ul ul ul { padding:0 0 0 20px; font-size:13px;}
.arrowlistmenu ul li { overflow: hidden;transition: all .4s ease;position: relative;display: block;font-size: 17px; letter-spacing: 1px;line-height: 21px; border-bottom:1px dotted #ddd; margin:2px 0;}


.categoryitems{ background:#fff } 



.arrowlistmenu ul ul li {border-bottom: 0px solid #ddd;}
.arrowlistmenu ul li a { color: #666; word-break: break-word; letter-spacing:0;
padding: 15px 10px 15px 20px; text-decoration:none; display:block; transition:all 0.3s; cursor: pointer;}

.arrowlistmenu ul ul li a {  padding: 10px 10px 10px 35px !important; border-left: 0px solid #ed1b23; }
.arrowlistmenu ul ul li a:hover {   border-left: 0px solid #ed1b23; }
.arrowlistmenu ul ul li a.current {  border-left: 0px solid #ed1b23; }

.arrowlistmenu ul li a:hover{ color:#ed1b23;  border-left: 3px solid #ed1b23; }

.arrowlistmenu ul li ul li a:hover{ border-left: 0px solid #ed1b23; }

.arrowlistmenu ul li span{ display:block;}
.arrowlistmenu ul li a.current{ color:#ed1b23; 
border-left: 3px solid #ed1b23;}
.arrowlistmenu ul ul ul li a.current{ olor:#ed1b23;}
/* Level 3
.arrowlistmenu ul ul ul li a.current{ background:#ed1b23; color:#fff;}
*/
.expandable_main a{ background-image: url(../images/icon/arrow_right.png); background-repeat: no-repeat; background-position:95% 50%; background-size:19px 19px;}
.arrowlistmenu .openheader a{ background-image: url(../images/icon/arrow_down.png); background-repeat: no-repeat; background-position:95% 50%; background-size:19px 19px;}
.expandable_main ul li a { background-image: none; }
.arrowlistmenu .openheader ul li a { background-image: none; }

/* Subject Menu */
.subject_template{  }
.subject_template .title { text-align: center; font-size:24px; padding:17px 5px 12px 5px; background:#f8f7f2; border-bottom:1px dotted #ddd; color:#ed1b23; font-weight: bold}
.subject_template ul{ list-style:none; margin:0; padding:10px}
.subject_template ul li{ margin:5px;float: left;  }
.subject_template ul li a, .subject_template ul li a:visited{ padding:10px 20px; display:block; border-left:2px solid #29c2c8; border:1px solid #0b5898; background:#fff; color:#0b5898;  }
.subject_template ul li a:hover{ color: #fff;background: #0b5898; }
.subject_template ul li a.current{ color:#fff; background: #0b5898;border: 2px solid #0b5898; box-shadow: 0 2px 3px rgba(0,0,0,.1);}

/* Site Map */
.site-map { margin:0; padding:0;}
.site-map ul{ list-style:none; margin:0 0 0 -3%; padding:0;}
.site-map ul li{ float: left; width: 22%; margin:0 0 15px 3%; padding:0; list-style:none;}
.site-map ul li:nth-child(4n+1){ clear: both; }
.site-map ul li ul{ list-style:none; margin:0 0 0 0px; padding:0;}
.site-map ul li ul li{ float: none; width: 100%; margin:0; }
.site-map ul li ul li ul{ list-style:none; margin:0 0 0 15px; padding:0;}

.site-map ul li a{ color:#ed1b23; padding:5px 0px; display:block; border-bottom:1px solid #ddd;}
.site-map ul li a:hover{ text-decoration:none;}
.site-map ul li ul li a{ border-bottom:0px solid #ddd; color:#333}

.site-map ul li ul li ul li a{ font-size:15px; border-bottom:0px solid #ddd; color:#555; background:url(../images/icon/arrow_right.png) no-repeat; background-size:15px 15px; background-position:0px 50%; padding:5px 0px 5px 20px ; display:block}
ul.site-map-menu li ul li ul li a:hover{ background:url(../images/icon/arrow_right.png) no-repeat; background-size:15px 15px; background-position:0px 50%; }
.site-map ul li ul li ul li ul li a{ font-size:15px; border-bottom:0px solid #ddd; color:#555; background:url(../images/icon/poting_right.png) no-repeat; background-size:7px 7px; background-position:5px 50%; padding:5px 0px 5px 20px ; display:block}
ul.site-map-menu li ul li ul li ul li a:hover{ background:url(../images/icon/poting_right.png) no-repeat; background-size:7px 7px; background-position:0px 50%; }


/* Other */
.contactus{}
.contactus .info{ float: left; width:49%; }
.contactus .info td{ padding-right:10px;}
.contactus .location{ float:right; width:49%;}
.contactus .location iframe{ height:380px; width:100%; border:1px solid #ddd; box-shadow:0 0 3px rgba(0,0,0,.2)}

.btn_back{ margin: 0px auto; text-align: center; margin-top: 50px;}
.btn_back a{ background: url(../images/icon/icon_back.png) no-repeat #ed1b23; color:#fff; background-size: 26px 25px;
background-position: 15px 50%;  padding: 10px 30px 10px 60px;  border: 1px solid #fff; display: inline-block;  font-size: 20px;  line-height: 28px;
}
.btn_back a:hover{ background: url(../images/icon/icon_back.png) no-repeat #333;background-size: 26px 25px; background-position: 15px 50%; color:#fff; }

.calendar { background:#fff; box-shadow:0 0 3px rgba(0,0,0,.2); margin-top:30px; width:96%; padding:15px 2%; }
.hk_class{ margin:0px 0 30px 0}
.hk_class ul{ padding:0px; list-style:none; float:none; clear: both}
.hk_class ul li{ float: left;  margin:0 10px 10px 0px; }
.hk_class ul li a{ padding:30px; display:block; background:#ddd; display:block; font-size:1.5em; border:1px solid #ccc; color: #333 }
.hk_class ul li a:hover{background:#ff457e; color:#FFF }


#FullPage  .left_menu { display:none;}

#FullPage .subject_template{ width:100%;}
#FullPage .subject_template .title { float:left; background: none; color:#333; text-align: left; margin:0; padding:5px 30px 10px 30px; font-size: 23px; text-shadow: 0px 0px 1px rgba(0,0,0,.3);}

#FullPage .subject_template ul{ list-style:none; margin:0; float:left; border-top: 1px solid #1799da; border-left: 1px solid #1799da; border-right: 1px solid #1799da; }
#FullPage .subject_template ul li{ float:left;  }
#FullPage .subject_template ul li+li{ float:left; border-left:1px solid #ddd; }
#FullPage .subject_template ul li a{ background:#fff; padding:7px 24px; display:block; font-size:15px;}
#FullPage .subject_template ul li a:hover{ background:#0087ca;  color:#fff}
#FullPage .subject_template ul li a.current{ background:#ffa800; color:#fff}

#table_box{ border:1px solid #163673; padding:1px; background:#fff;border-collapse:inherit} 
#table_box tr:nth-child(1), #title_head{ background:#14336e; color:#fff;} 
#table_box tr:nth-child(even) td{ background:#f7feff} 

.wrap .dropdown span {cursor: pointer;border-bottom:1px solid #039;color:#fff; font-size:18px; border:1px solid #ddd; padding:8px 38px 8px 8px; background:url(../images/icon/down.gif) no-repeat #039; background-position:90% 50%;  }
.wrap .dropdown { float:right; margin:7px 0 0; position:relative; }
.wrap  .dropdown-content {
  display: none;
  position: absolute; right:0;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
  padding: 0;
  z-index: 1;
}
.wrap .dropdown:hover .dropdown-content {  display: block;}
.wrap .dropdown-content ul { list-style: none; padding:5px; margin:0; display: flex;
  flex-direction: column-reverse;}
.wrap .dropdown-content ul li {  float: right;  width:100%;}
.wrap .dropdown-content ul li a{ display:block; padding:5px ; text-align: center; border-bottom:1px dotted #ddd; color:#333 }
.wrap .dropdown-content ul li a:hover { background:#039; color:#fff; }


.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity:1;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity:.8;
}
figure {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
.hover02 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity:.3;
}
.hover02 figure:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity:.7;
}
figure {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}










.newsletter{ position:relative; }
.newsletter .area{ position:relative;}

.newsletter ul{ list-style:none; margin:0 0 ; padding:0; clear:both;  }

.newsletter ul li{float:left; font-size:15px; width:46%; border-bottom:1px dotted #ddd; margin: 10px 2%; }

.sticky .logo,.sticky .google_classroom{ }


.google_classroom{ float: right; position:absolute;  right:75px; top:12px;}

.google_classroom a{ background:#fff; border-radius:6px; padding:0; display:block;}
.google_classroom a:hover{ background:#eeeeee; }

.newsletter ul li .cover { padding:0 0; float:left; width:50%;}
.newsletter ul li span{ padding:0 0; float: right; width:44%; text-align: left; margin:10px 0 0 0; }
.newsletter ul li img{ width:50%; float:left; position:relative; }
.newsletter_title p { font-size:19px; color:#30bbbb; }

.newsletter ul li a{ display:block; font-size:21px;  }

.newsletter ul li a:hover{ }

.newsletter .month span { color:#333;}
.newsletter ul li:hover .title_name{ color:#fff; background:#007749}
.newsletter .content img{ width:100%;box-shadow: 0 0 3px rgba(0,0,0,.4);border: solid #fff;}




.aim { background:#f8f7f2;margin: 0;/*padding: 30px 0;*/    padding: 10px 0 40px 0;}
.aim h2 {margin: 0;padding: 0; color:#0b5898; font-size:25px;line-height:31px; }
.aim h3 {/*margin: 20px 0 0 0 ;*/ margin: 0; color:#ed1b23; font-weight:normal; font-size:25px; line-height:31px; }




#popup_this h2 { color:#fff; font-size:21px; line-height:26px;}
#popup_this {
    text-align:center; 
    margin-top: 0px;
    margin-left: 0px;
    width:80%;
    background:url(../images/web/bg_pop.png) no-repeat #700205 center; background-size: 65%  ; color:#fff;
	
	 max-width:960px; 
}
#popup_this .content {  overflow-y: auto; padding:30px ; margin:30px;border-top: 1px solid #fff;
border-bottom: 1px solid #fff; position:relative }

.b-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #333;
    background: #fff;
    padding: 0px 10px;
}
.b-close:hover { 
    background: #610003; color:#fff;
}

#popup_top {   background:url(../images/web/popup_top.png) no-repeat;position: relative;width: 19px;height: 16px;padding: 5px;left: 0;margin: 0; }
#popup_bottom {   background:url(../images/web/popup_bottom.png) no-repeat; position: relative;width: 19px;height: 15px;right: 0;padding: 5px;margin: 0; float:right }


.latest_new .main_events_area ul li { list-style:none; margin:2% 0.5%; padding:0; float:left}
.latest_new .main_events_area li:nth-child(3n+1) { clear:both}
.latest_new .main_events_area li { width: calc(33.3% - 1% - 20px) !important;}
.news_box { padding:10px  !important}
.latest_new .main_events_area ul { padding:0}

.box_day {float: left;width: 60px;text-align: center;   background:#fff; border-top:2px solid #981216; margin-right: 20px; font-size:28px; display:block}
.box_day .day {color:#0b5898;  padding:5px 0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.box_day .month {color:#fff; background:#981216; font-size:13px; padding:3px 0; line-height:17px;  }
.news_box  .cover { width:100%; margin-bottom: 30px;}
.news_box  .cover img { max-width:100%; width:100%;}



/*notices_calendar*/

.notices_calendar_block{        display: table;    width: 100%;    border: none;    border-spacing: 0; margin:-5px 0 0 0}




.notices_calendar .notices_calendar_box {    transition: all .5s;    display: table-cell;    width: 33.33%;    overflow: hidden;
}

.notices_calendar_block:hover  .notices_calendar_box {    width:20%;}

.notices_calendar .notices_calendar_box:hover {    width: 60%;}
.notices_calendar_box:hover .notices_calendar_right_menu {    right: 0;    opacity: 1;    transition: opacity 0.2s ease 0.5s, right 0.2s ease 0.2s;    pointer-events: auto;}
.notices_calendar_box .notices_calendar_right_menu {    position: absolute;    right: 0px;    top: 30px;    width: 182px;
    min-height: 286px;    padding: 10px;    background-color: rgba(255, 255, 255, 0.75);    box-sizing: border-box;
    opacity: 0;    transition: opacity 0.2s ease 0s, right 0.2s ease 0s;    pointer-events: none;}
.notices_calendar_box .notices_calendar_right_menu ul { margin:0; padding:0}
.notices_calendar_box .notices_calendar_right_menu ul li {    display: block;    padding: 10px 8px 8px 14px;    border-bottom: 1px solid #00b5f8;    position: relative;    font-size: 16px;    color: #333333; }
.notices_calendar_box .notices_calendar_right_menu ul li a {    display: block; }

.notices_calendar_box .notices_calendar_right_menu ul li:hover a{    color:#00b5f8;}
.features_theme {    position: relative;    overflow: hidden;}
.features_theme img {    width: 100%;    height: 400px;    object-fit: cover;}
.features_theme h3 {    position: absolute;    font-size: 28px;    font-family: "方正行楷";    font-weight: 300;    padding: 12px ;    color: #fff;    bottom: 30px;    left: 0;    background: #2564b0cf;    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);}
.features_theme:hover  img
{    transform: scale(1);}
.features_theme a { display:block}

.Userful_link_inside { background:#981216}