@charset "utf-8";
/* CSS Document */
html,body {
    padding: 0px; margin: 0px; min-height:100%; font-size:17px; color: #333; line-height:28px; font-weight:bold;
	font-family: 'Roboto', sans-serif, "微軟正黑體", "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%;}
.screen{ min-width:680px; max-width:1180px; position:relative; padding:0px 10px;}
.container{height: auto;min-height:500px;background: url(../images/web/bg.jpg) no-repeat center top #fff;}
.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 a:visited { text-decoration: none;}
.container a:hover {color: #ff0000;text-decoration: underline;}

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

h1{font-size:36px;line-height:40px;color: #cf112b;}
h2{ font-size:26px; line-height:30px; color:#333; }
h3{ font-size:21px; line-height:26px; color:#cf112b; border-left: 2px solid #cf112b; padding:8px 10px; box-shadow:0 3px 2px rgba(0,0,0,.1); margin-bottom:30px}
h4{ font-size:21px; line-height:26px; color:#cf112b; border-left: 2px solid #cf112b; padding:8px 10px; box-shadow:0 3px 2px rgba(0,0,0,.1); margin-bottom:30px}
h5{ font-size:21px; line-height:40px; color:#cf112b}
h6{ font-size:19px; line-height:30px; 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:96%; padding:0 2%}
#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{ background:url(../images/icon/bg_box.png) #eb1f24; padding:5px; width:210px; 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}

#title_tpl{ padding:20px 0 0 0;}

/* Header */
.header{background: #fff;height: 125px;}
.header .logo{ float:left; margin:10px 0 0 0; width:44%;}
@media screen and (max-width: 960px) {
.header .logo{  width:36%;}
}
.header .logo img{ max-width:100%;}
.header .logo .logo_img{float:left;padding: 0px 0 0 0;}
.header .logo .logo_txt{float: left;margin: 18px 0 0 10px;}
.header .logo .logo_tc{color: #000;font-family: 華康新特明體;font-size: 30px;  letter-spacing:4px;}
.header .logo .logo_en{padding: 10px 0px 3px;font-family: Georgia;font-size: 18px;letter-spacing:-1px;line-height: 35px;color: #000;}

.header .info_top{ position:absolute; left:70px; top: 90px;}
.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 .icon_top {float: right;font-size:15px;width: auto;padding: 10px 0 0 0;}
.header .icon_top ul {list-style: none;margin: 0;padding: 0;}
.header .icon_top ul li {float: left;margin: 5px 0px; }
.header .icon_top ul li+li { border-left:1px dotted #ddd;}
.header .icon_top ul li a {padding: 0 10px 0 38px; color: #cf112b;}

.header .icon_top ul li a:hover { color:#666;} 
.header .icon_top ul .home a { background: url(../images/web/icon_home2.png) no-repeat; background-position:10px 50%;
    }

.header .icon_top .top_calendar { }
.header .icon_top ul .top_calendar a { background: url(../images/web/icon_calendar.png) no-repeat; background-position:15px 50%;
    }
.header .icon_top .top_calendar span {}
.header .icon_top .alumni { }
.header .icon_top ul .alumni a { background: url(../images/web/icon_alumni.png) no-repeat; background-position:10px 50%;
  }
.header .icon_top .alumni span {}
.header .icon_top .admin { }
.header .icon_top ul .admin a { background: url(../images/web/icon_admin.png) no-repeat; background-position:10px 50%;
   }

.header .icon_top ul .tel a { background: url(../images/web/icon_tel2.png) no-repeat; background-position:10px 50%;
   }

.header .screen {height: auto}

.header .btn_admission { position:absolute; right:0px; top:-2px; height:88px ; z-index:1;}
.header .btn_admission a{ background:url(../images/web/bg_orange.png) no-repeat ; background-position:0 100%; display:block; text-align: center; width:199px;  padding:13px 0 26px 20px; color:#fff;
-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;  }
.header .btn_admission a:hover{ background:url(../images/web/bg_orange.png) no-repeat ; background-position:0 90%; padding:20px 0 33px 20px; font-size:21px;}
.header .btn_admission span{ background:url(../images/web/icon_admission.png) no-repeat; width:27px; height:22px; position:absolute; left:35px; display:block; top:15px; left:45px; }
.header .btn_admission:hover span{ background:url(../images/web/icon_admission.png) no-repeat; background-size:30px 24px; width:30px; height:24px; position:absolute; left:35px; display:block; top:23px; left:40px;
-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; }


.header .btn_top_bar{ position:absolute; right:180px; top:-2px;  background:url(../images/web/bg_blue.png) no-repeat bottom left;  }
.header .btn_top_bar ul{ list-style:none; margin:0; padding:5px 20px 13px 40px;}
.header .btn_top_bar ul li { float: left; margin-right:30px;  }
.header .btn_top_bar ul li a { background:url(../images/web/icon_home.png) no-repeat left center; padding:10px 0 10px 35px; display:block; color: #fff;}
.header .btn_top_bar ul li+li a { background:url(../images/web/icon_locker.png) no-repeat left center; }
.header .btn_top_bar ul li a:hover{ color:#ffde02; }

.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:0px 0 0;background: linear-gradient(0deg, rgba(163,13,33,1) 00%, rgba(207,17,43,1) 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%;padding-bottom: 25px;}
.right_area{ float: right; width:26%;}
.left_area{float: left;width: 72%;}

/* Banner */
.slider{float:left;width:100%;}

.sentense{ float:left; width:100%; box-shadow: 0 0 3px rgba(0,0,0,.2); margin:15px 0 ;  }
.sentense .box{ border:2px solid #1564b3; background:#fff;  }
.sentense .area{ float: left; padding:10px; color:#333; line-height:28px; font-size: 15px; background: #fff; }

.sentense .title{ font-weight: bold; background:url(../images/web/bible.png) no-repeat #ffde02; background-position:15px 50% ; float:left; padding:10px 20px 10px 60px; color:#000; text-align:left; font-size:22px; }

.latest_new{ position:relative; margin:30px 0 50px 0; }
.latest_new .area{background: #ffffff;box-shadow: 0 0 3px rgba(0,0,0,.2);}
.latest_new .title{background: #ffffff;
padding: 0 0 0 20px;
font-size: 23px;
color: #cf112b;
display: block;} 
.latest_new .title span{    border-top: solid;
    padding: 18px 0;
    top: 0;
    display: inline-block;
}
.latest_new_area { margin:0 0 0 ; clear: both;  padding:5px 5px; }
.latest_new ul{list-style:none;margin:0;padding:0 2%;background:#fff;}
.latest_new ul li{font-size:15px; padding:10px;}

.latest_new ul li:nth-child(odd) {background: #fafafa;}
.latest_new ul li:nth-child(even) {background: #f8f8f8;}
.latest_new ul li:hover{ background:#f2eee4}

.latest_new ul li span{ float: left; color: #cf112b; line-height: 26px;background: url(../images/web/icon_date.png) no-repeat;padding-left: 30px; background-position: 0px 50%;}
.latest_new ul li a{ display:block; color:#333; }
.latest_new ul li a:hover{ color:#cf112b; text-decoration: none}
.latest_new .content{ float:left; width:57% }
.latest_new .category{ float:left; width:24%; text-align: center  ;color:#5d218b; margin:0 0.5%; padding: 0;}
.latest_new ul li a{ display:block; color:#333;  }

.latest_new .content img{ }
.latest_new .more_area{position: absolute;right: 10px;top: 0px;font-size: 16px;}
.latest_new .more_area a{background: #cf112b;line-height: 25px;display: block;padding: 10px 25px;color: #ffffff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.latest_new .more_area a:hover{ background:#000;}

.latest_new .datebox { float: left; width:18%; margin:0 0 0 2%;} 
.latest_new .date_area { border:1px solid #2454a5; padding:1px; } 
.latest_new .day{font-size: 26px; display: block; color: #0072ba; font-weight:bold; background:#fff; padding:5px 0; text-align: center;}
.latest_new .datebox span{float: none; padding: 0;}
.latest_new .month{font-size: 14px; background:#ffde02; padding:3px 0; line-height:13px; color: #000; text-transform: uppercase; text-align: center;display: block; }
.latest_new .datebox span{ padding:2px 0 0 0;} 

.latest_video{ position:relative; float:left; width:100%;}
.latest_video .area{}
.latest_video .title{ padding:20px 0px 10px 80px; border-bottom:2px solid #f41b49; color:#000; font-size:23px;   margin:0 0 10px 0px; } 
.latest_video .title span{ position:absolute; left:10px; top:12px; width:57px; height:47px; background:url(../images/web/icon_video.png) no-repeat;}
.latest_video_area { margin:0 0 0 ; clear: both; }
.latest_video ul{ list-style:none; margin:0; padding:0; }
.latest_video ul li{ float: left; width:32%; position:relative; font-size:15px; line-height:20px;  }
.latest_video ul li:nth-child(2){ margin: 0  1.5% }
.latest_video ul li .cover{ background:#fdfdfd; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:0px; padding:5px 5px 5px 5px; }
.latest_video ul li img{ width:100%; box-shadow:0 0 0;}



.latest_video .date{ position: relative; text-align: center; }
.latest_video .date span{ margin:10px 0 0; padding:5px 0 5px 30px; color:#666; font-size:15px; display:inline-block; background:url(../images/web/icon_calendar.png) no-repeat; background-size:21px 21px; background-position:3px 50%;}
.latest_video ul li p{ text-align: center; min-height:50px ; }
.latest_video ul li:hover .cover{ background:#f9f9ff; box-shadow:0 0 3px rgba(0,0,0,.3); }
.latest_video ul li a{ text-decoration:none; color:#0072ba; }
.latest_video ul li a:hover{  color:#333; }



.latest_video .more_area{ position:absolute; right:15px; top:15px; font-size:15px;}
.latest_video .more_area a{ background:#f41b49; line-height:23px; display:block; padding:10px 25px; color:#fff}
.latest_video .more_area a:hover{ background:#ff507b; }

.latest_events{ box-shadow: 0 0 2px rgba(0,0,0,.2);}

.latest_award{position:relative;background: #fff;margin: 25px 0 0 0;box-shadow: 0 0 2px rgba(0,0,0,.2);}
.latest_award .area{}
.latest_award .title{background: #ffffff;
padding: 0 0 0 20px;
font-size: 23px;
color: #cf112b;
display: block;} 
.latest_award .title span{    border-top: solid;
    padding: 18px 0;
    top: 0;
    display: inline-block;
}
.latest_award_area {padding: 0 2% 2%;}
/*
.latest_award_area ul{list-style: none;margin: 0;padding: 0px 0;clear: both;}
.latest_award_area ul li{ float: left;width: 38%; font-size: 15px;line-height: 18px;background: #f8f8f8;}
.latest_award_area ul li+li{float: right; width: 60%; margin: 0px 0px 15px 0;}
.latest_award .content{position: relative; padding: 5px;}
.latest_award .cover{}
.latest_award ul li+li .cover{width: 37%; float:left}
.latest_award ul li:hover{ background:#fff5fc; }
.latest_award ul li+li .content{position: relative;  float: right; width: 58%;}
*/

.latest_award_area ul{list-style: none;margin: 0;padding: 0px 0;clear: both;}
.latest_award_area ul li{ float: left;width: 100%; margin-bottom:1px; font-size: 15px;line-height: 18px;background: #f8f8f8;}
.latest_award .content{position: relative; padding: 5px;}
.latest_award .cover{}
.latest_award ul li:hover{ background: #FFF4F4; }
.latest_award .cover img{width: 100%;border: 1px solid #fff;box-shadow: 0 0 2px rgba(0,0,0,.2);}
.date_info{ padding:0 5px;  }

.latest_award ul li span{color: #cf112b;display: inline-block; padding:10px 25px; background: url(../images/web/icon_date.png) no-repeat; background-position: 0px 50%;}

.latest_award ul li a{display:block;color: #333;}
.latest_award ul li a:hover{ color:#cf112b; text-decoration: none}



.latest_award .more_area{position: absolute;right: 10px;top: 0px;font-size: 16px;}
.latest_award .more_area a{background: #cf112b;line-height: 25px;display: block;padding: 10px 25px;color: #ffffff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.latest_award .more_area a:hover{ background:#000; }
.latest_award ul li:hover .cover img{ width:100%; border:1px solid #cf112b; }


.latest_events{position:relative;margin:20px 0 0 0; background:#fff; box-shadow:0 0 2px rgba(0,0,0,.2);}
.latest_events .title{background: #ffffff;padding: 0 0 0 20px;font-size:23px;color: #cf112b;display:block;}
.latest_events .title span{
    border-top: solid; padding:18px 0;
    top: 0; display:inline-block;
}

.latest_events_area{padding: 0 0;background: #fff;}
.latest_events_area ul{ list-style:none; margin:0; padding:0px 15px 10px 15px; clear:both; }


.latest_events_area ul li{float: left; font-size:15px;line-height:18px;background: #fafafa;/* box-shadow: 0 0 3px rgba(0,0,0,.2); */}
.latest_events_area ul li{ width: 38%;}
.latest_events_area ul li+li{width: 29%; margin:0 0 10px 2%}
.latest_events_area ul li a{ display:block; padding:2px ; color:#333;}
.latest_events_area .content{ padding: 5px 10px;}
.latest_events_area ul li+li .content{ float: right; width: 49%; padding:0;}
.latest_events_area ul li + li { min-height:98px ; height:100px }
.latest_events_area ul li .cover{ width: 100%;}
.latest_events_area ul li+li .cover{ float:left; width: 42%;}

.latest_events_area ul li .cover img{ width:100%; border:1px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.2); }
.latest_events_area ul li:hover .cover img{ width:100%; border:1px solid #cf112b; }

.latest_events_area ul li span{color: #cf112b;display:block;font-size:13px;line-height: 25px;background: url(../images/web/icon_date.png) no-repeat;padding-left: 24px;margin: 1% 0;background-position: 0px 50%;}

.latest_events_area ul li a:hover{ color:#cf112b;}
.latest_events_area .content img{ }


.more_area{ text-transform:uppercase;}

.latest_events .more_area{position:absolute;right: 10px;top: 0px;font-size: 16px;}
.latest_events .more_area a{background: #cf112b;line-height: 25px;display:block;padding: 10px 25px;color: #ffffff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.latest_events .more_area a:hover{ background:#000; }




















.school_life{position:relative;margin:20px 0 0 0; background:#fff; box-shadow:0 0 2px rgba(0,0,0,.2);}
.school_life .title{background: #ffffff;padding: 0 0 0 20px;font-size:23px;color: #cf112b;display:block;}
.school_life .title span{
    border-top: solid; padding:18px 0;
    top: 0; display:inline-block;
}

.school_life_area{padding: 0 0;background: #fff;}
.school_life_area ul{ list-style:none; margin:0; padding:0px 15px 10px 15px; clear:both; }


.school_life_area ul li{float: left; font-size:15px;line-height:18px;background: #fafafa;/* box-shadow: 0 0 3px rgba(0,0,0,.2); */}
.school_life_area ul li{width: calc(33.3% - 1%);margin: 0 0.5%;}

.school_life_area ul li a{ display:block; padding:2px ; color:#333;}
.school_life_area .content{ padding: 5px 10px;}

.school_life_area ul li .cover{ width: 100%;}


.school_life_area ul li .cover img{ width:100%; border:1px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.2); }
.school_life_area ul li:hover .cover img{ width:100%; border:1px solid #cf112b; }

.school_life_area ul li span{color: #cf112b;display:block;font-size:13px;line-height: 25px;background: url(../images/web/icon_date.png) no-repeat;padding-left: 24px;margin: 1% 0;background-position: 0px 50%;}

.school_life_area ul li a:hover{ color:#cf112b;}
.school_life_area .content img{ }


.more_area{ text-transform:uppercase;}

.school_life .more_area{position: absolute;right: 10px;top: 0px;font-size: 16px;}
.school_life .more_area a{background: #cf112b;line-height: 25px;display: block;padding: 10px 25px;color: #ffffff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.school_life .more_area a:hover{ background:#890b1c !important;}




#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 20px 0;/* border:3px solid #ffdb55; */}
.main_calenadr .area{ padding:35px 15px 10px 15px; color:#00a5e3; line-height:21px;}
.main_calenadr .title{padding: 0 0 0 0;
font-size: 23px;
display: block; color: #652d90;} 
.main_calenadr .title span{
border-top: solid;
padding: 18px 0;
top: 0;
display: inline-block;}
.main_calenadr .area{padding: 0 10px 15px;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}

.main_useful_links{ margin:20px 0 0; }
.main_useful_links ul { list-style:none; margin:0; padding:0}
.main_useful_links ul li{ margin-bottom:5px;}
.main_useful_links ul li img{ width:100%;}

/* Inner Area */
.inner_area{ padding:0 0 ; background:#4cb6ec;  }




.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: 15px 0;}
.Userful_link_inside .title{ display:none}
.Userful_link_inside ul{list-style:none;margin:0 0 0 -1.2%;padding:0;}
.Userful_link_inside ul li{float: left;width: 100%;margin: 0 0 2% 1.2%; position:relative}
.Userful_link_inside ul li img{width: 97%;border: solid #fff;border-radius: 8px;box-shadow: 0 0 3px rgba(0,0,0,.2);}
.Userful_link_inside ul li:hover img{ opacity:.7; box-shadow:0 0 3px rgba(0,0,0,.4)}

.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 */
.contact {background: #e8e3d6;padding: 30px 0;}
.contact p{ text-align:center;}
.contact p span{ padding:0 10px; font-size:14px; }
.front_contact{ padding: 0 0; background:#f6f6f6; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.footer{font-size:12px; background: #313131;}
.footer .screen{ padding:28px 0 ;}
.blue_footer .screen{ padding:20px 0;}
.footer .copyright{float:left;width:70%;text-align: left;color: #fff;}
.footer .copyright a{color: #ffffff;} 
.footer .power{ float:right; width:30%; text-align: right}
.footer .power a{color: #fff;}
.footer .power a:hover{ color:#fffa67;}

.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-radius:50%; border:2px solid #fff; box-shadow:0px 0px 5px #999;
  background: #fac217 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: #8ec63f  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 3px;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:#462555}

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

.inside_area{ background:#fff; box-shadow: 0 0 3px rgba(0,0,0,.2); }

.inner_banner{ background-size:cover; position: relative; min-height:240px; }
.inner_banner h1{ background: rgba(0,0,0,.7); color:#fff; text-transform: uppercase; padding:5px 30px; display:inline; font-size:28px; line-height:32px; }

.inside_banner{  background:url(../images/web/inside_banner.jpg) no-repeat; background-size:cover; position: relative; padding:50px 0; margin-bottom:20px; text-align: center;}
.inside_banner h1{ color:#fff; padding:6px 32px; display:inline; text-align: center; font-size:32px; line-height:36px;}

/* Page Content */
.inner_content{ float:right; width:72%; margin:0px 0; padding:0 2%;}
.inner_content .main_content{ min-height:580px; padding:0 0 80px 0; }
.inner_content_full{ padding: 0}
.inner_content_full .main_content{padding:5px 20px 50px 20px;min-height:500px; position:relative; background:#fff;box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}
.inner_content_full h1{ }

#principal_msg{background:url(../images/web/indside_principal.jpg) no-repeat center;background-size: 100%;position: relative;}
#scool_life{ background:url(../images/web/indside_life.jpg) no-repeat center; background-size:cover; position: relative;  }
#award_banner{background: url(../images/web/indside_c.jpg) no-repeat center;background-size:cover;position: relative;}

.inner_content img, .inner_content_full img{ max-width:100%;}
.inner_banner img{ width:100%;}

.Album{ margin:30px 0px;}
.Album .title{background:#fafafa;border-left: 2px solid #cf112b;color: #cf112b;padding:8px 15px;font-size:21px;line-height:32px;display:block;box-shadow:0px 3px 2px rgba(0,0,0,.2);margin-bottom:20px;}
.Album .description{ background:#fff; padding:15px; margin:20px 0; border:2px solid #cf112b; }
.Album .description ul{ list-style: outside; padding:0; margin: 0 15px; }
.Album .description ul li{ margin:0 0 5px;}
.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{ box-shadow:0 0 3px rgba(0,0,0,.1); }
.Album ul li:hover img{ box-shadow:0 0 3px rgba(0,51,204,.2)}


#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:155px  }
#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{ background:#fafafa; border-left:2px solid #ff4546; color:#ff4546; padding:8px 15px; font-size:21px; line-height:32px; display:block;  box-shadow:0px 3px 2px rgba(0,0,0,.2); margin-bottom:20px; }
.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:#db1111; background-size:23px 23px; display:block;}
.download_area ul li a:hover{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:3px 8px; color:#666;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:#0083ca;  border-bottom:1px solid #0083ca; margin:0px 0 0 0px; padding:0px 5px; text-align: center;}
.subject_category a{ }
.subject_category a:hover p{ border-bottom:1px solid #0083ca; background:#0083ca; 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 10px; float:left}
.sub_category ul li a{padding: 10px 21px;display: block;color: #cf112b;font-size: 17px;line-height: 19px;border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
.sub_category ul li a:hover{ background: #cf112b; color:#fff}
.sub_category ul li a.current{background: #eee;color:#333;}

.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: #cf112b; font-size: 17px;  line-height: 19px;  }
.sub_category_b ul li a:hover{ color:#cf112b}
.sub_category_b ul li a.current{ background: #cf112b; 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:#cf112b; color:#fff}

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

.information a{color: #cf112b;}

#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/web/icon_calendar.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 #cf112b;color: #cf112b;}

#principal_msg_info {}
#principal_msg_info ul{  margin:0; padding:15px; box-shadow: 0 0 3px rgba(0,0,0,.2) }
#principal_msg_info ul li{ float:none; width: 100%; margin:0; padding:10px 5px; border-bottom:1px solid #ddd;  display:inline-block;  }
#principal_msg_info ul li:nth-child(even) {background: #fafafa}
#principal_msg_info span{padding:3px 0 3px 30px;color:#666;font-size:15px; float:left; background: url(../images/web/icon_calendar.png) no-repeat;background-size:21px 21px;background-position:4px 50%;}
#principal_msg_info .content{ float:left; padding:3px 0 3px 30px; }
#principal_msg_info ul li:hover{ background:#f5f5f5; }
	
#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: #cf112b;}
#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/web/icon_calendar.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 #cf112b ; background:#F9F9F9}
#info_type_C .information ul li:nth-child(3n+1){ clear:both;} 
#info_type_C .information ul li a{display: block;color: #cf112b;}
#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/web/icon_calendar.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:#cf112b; }
#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%;}

#Inner_Type_F ul{ list-style:none; margin:0; padding:0}
#Inner_Type_F ul li{ float: left; width:100%; margin:0; padding:0}
#Inner_Type_F iframe { width:100%; height:800px;}

/* 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:#333; text-decoration:none}
#notice .information .date{ float:left; width:12%; padding:5px 5px 5px 10px;}
#notice .information .date span{ padding:0 0 0px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date_blue.png) no-repeat; background-size:21px 21px; background-position:4px 50%;}
#notice .information .number{ float:left; width:10%; padding:5px 0;  }
#notice .information .title{ float:left; width:50%; padding:5px 0;  }
#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 #cf112b; color:#cf112b;}

/* 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/web/icon_calendar.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%; height:420px;}
.youtube_video video{ width:100%; 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%; 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}

/* Sub Menu */

.left_menu{ float:left; width:21%; margin:0px 0 0 2%; position:relative; z-index:1; }
.submenu{  background: #f6fbff}
.submenu .title {background: linear-gradient(0deg, rgba(126,10,26,1) 00%, rgba(207,17,43,1) 100%);margin:0px;padding:0px;text-align: center;background-size:cover;}
.submenu .title p { font-size:21px; color:#fff; text-shadow:0px 0px 1px rgba(0,0,0,.3); padding:15px 0px; margin:0;} 

.arrowlistmenu{background: #ffffff;}
.arrowlistmenu ul {list-style: none; margin: 0; padding: 5px; line-height:21px; font-size:15px; box-shadow: 0 0 2px rgba(0,0,0,.2)}
.arrowlistmenu ul ul {}
.arrowlistmenu ul ul ul { padding:0 0 0 20px; font-size:13px;}
.arrowlistmenu ul li { border-bottom: 1px dotted #ddd; position: relative; overflow: hidden; transition: all .4s ease;}
.arrowlistmenu ul ul li {border-bottom: 0px solid #ddd;}
.arrowlistmenu ul li a { color: #333; padding:10px; text-decoration:none; display:block; transition:all 0.3s; cursor: pointer;}
.arrowlistmenu ul ul ul li a { padding:5px 10px; }
.arrowlistmenu ul li a:hover{ color:#cf112b}

.arrowlistmenu ul li a.current{color: #ffffff;background: rgb(98,47,136);
background: linear-gradient(180deg, rgba(98,47,136,1) 0%, rgba(36,6,60,1) 100%);}
.arrowlistmenu ul ul ul li a.current{ background:#cf112b; color:#fff;}
/* Level 3
.arrowlistmenu ul ul ul li a.current{ background:#cf112b; 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{  box-shadow:-3px 3px 3px rgba(0,0,0,.1); margin:25px 0 0 0; background: #fffecf}
.subject_template .title { text-align: center; font-size:24px; padding:17px 5px 12px 5px; background:rgba(0,0,0,.05); border-bottom:1px dotted #ddd; color:#cf112b; font-weight: bold}
.subject_template ul{ list-style:none; margin:0; padding:10px}
.subject_template ul li{ margin-bottom:5px;  }
.subject_template ul li a{ padding:5px 10px; display:block; }
.subject_template ul li a:hover{ color:#cf112b}
.subject_template ul li a.current{ color:#cf112b; background:#fff; border-left:2px solid #cf112b; box-shadow: 0 2px 3px rgba(0,0,0,.1)}
.bottom_menu {
    background: url(../images/icon/shadow_bg_menu.png) no-repeat center center; background-size:cover;
    width: 100%;
    height: 7px;
}

/* 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:#cf112b; 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 #cf112b;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 #000;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 .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} 

.slogan{ position:absolute; left: 0; bottom:50px; background: rgba(101,45,114,.8); background-size:cover; padding:10px 30px; z-index:999;}
.slogan{ color:#fff; text-shadow: 0 0 3px rgba(0,0,0,.3); }
.title_a{ font-size:48px; line-height:52px; padding:5px; }
.title_b{ font-size:24px; line-height:32px; }


.right_content{ position:absolute; right:0; bottom:0; }
.header .btn_Login{ background:url(../images/web/bg_eclass.png) no-repeat center top; padding:17px 24px; float:right; height:32px; }
.intranet{background: url(../images/web/icon_login.png) no-repeat left; text-transform:uppercase; color:#fff; font-size:15px; float:left; line-height:24px; padding:5px 0 0 30px; }
.header input{ float: left; width:100px; background:#fff; border:0px solid #ddd; padding:2px; height:28px; margin-left:10px; box-shadow:inset 2px 2px 4px rgba(0,0,0,.2); font-size:12px; color:#666}
#login_btn{font-family: 'Oswald'; background:#125ea9; box-shadow:inset 0px 0px 0px rgba(0,0,0,0); color:#fff; text-transform:uppercase; height:30px; width:64px; font-size:15px; cursor:pointer}
#login_btn:hover{ background:#666; color:#fff}

.new_detail_date{ margin-bottom:20px;}


.slider_theme{ position: absolute; right:0px; top:30%; z-index:10}
.slider_theme a{ font-size:15px; line-height:19px !important; background: rgba(255,255,0,.9) !important; color:#000;  padding:5px 12px !important; 
border:0px solid rgba(255,255,255,0.2) !important; margin:0px !important; width:auto !important}

.information ul li , .sentense{ position:relative;}
.information ul li .editing ,  .grid_photo .editing,  .sentense  .editing { display:none; position:absolute; left:0; top:0; z-index:11}
.information ul li:hover .editing, .grid_photo:hover .editing  , .Userful_link_inside ul li:hover .editing, .sentense:hover  .editing { display:block; }
.information ul  li .editing a,   .grid_photo .editing a , .Userful_link_inside ul li  .editing  a, .sentense:hover .editing  a{ font-size:15px; line-height:19px !important; background: rgba(255,255,0,.9) !important; color:#000;  padding:5px 12px !important; 
border:0px solid rgba(255,255,255,0.2) !important; margin:0px !important; width:auto !important}

.adding { display:none; position:absolute; left:0; top:5px; z-index:11}
.adding  a{ font-size:15px; line-height:19px ; background: rgba(255,255,0,.9) ; color:#000;  padding:5px 12px ;border:1px solid rgba(255,255,255,0.2) ; margin:0;}
.adding  a::before{ content: "+";}
.area:hover .adding  { display:block; }
.Userful_link_inside ul li  .editing {display: block;position: absolute;left: 0;top: 0;z-index: 11;}



ul.primary { text-align:center;}