@charset "utf-8";
/* CSS Document */
html,body {
    padding: 0px; margin: 0px; min-height:100%; font-size:15px; color: #333; line-height:24px;		 
	font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:visited {color: #005bac; text-decoration: none;}
a:hover {color: #ff5d8b; text-decoration: none; }
.clear{clear:both}
.contextual-links-region{ position: static}
table{border-collapse: inherit; line-height:28px;}
table ul, table ol{ margin:0; }
img {border:0;}
div, ul li{ margin:0px auto; padding:0px;}
.wrap{ width:100%; min-height:100%;}
.screen{ min-width:680px; max-width:1180px; position:relative; padding:0px 15px;}
.container{ height: auto; min-height:500px; }
.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;}
h1{ font-size:2.4em; color:#0157c2; line-height:1.3em;}
h2{ font-size:2.1em; color:#0157c2; line-height:1.3em; }
h2 span{ font-size:.8em; color:#333 }
h3{ font-size:1.5em; margin:5px 0; color:#0157c2;  line-height:1.5em; }
h4{ font-size:1.2em; margin:0px; color:#ff9c00;  line-height:1.3em;}
h5{ font-size:1.2em; margin:0px; color:#ffa800;  line-height:1.2em;}
h6{ font-size: 1.1em; margin: 5px 0; color:#0157c2;  line-height:1.2em;}
p{ margin:0px; padding:0px}
/* theme */

#bg_blue_b{}
#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{ }
#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/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}

#bg_green_b{ background:url(../images/bg_green_b.jpg) no-repeat center top #c6d585;}
#bg_green_b .inner_content{ border-top:2px solid #25a078; }
#bg_green_b h1{ color:#25a078 }
#bg_green_b h2{ border-bottom:1px solid #25a078 }
#bg_green_b .header{ background:url(../images/bg_top_green_b.png) no-repeat top center; }
#bg_green_b .arrowlistmenu .title { background: url(../images/icon/bg_category.png) #25a078; }
#bg_green_b .arrowlistmenu{ background:#fff;}
#bg_green_b .arrowlistmenu a{ color:#25a078}
#bg_green_b .arrowlistmenu a.current,#bg_green_b .arrowlistmenu a:hover { background:#25a078; color:#fff;}
#bg_green_b .arrowlistmenu .expandable_main a.current, #bg_green_b .arrowlistmenu .expandable_main a:hover{ background:none; color:#25a078}

#bg_orange{ background:url(../images/bg_orange.jpg) no-repeat center top #fef4e5;}
#bg_orange .inner_content{ border-top:2px solid #ffa800; }
#bg_orange h1{ color:#ffa800 }
#bg_orange h2{ border-bottom:1px solid #ffa800 }
#bg_orange .header{ background:url(../images/bg_top_orange.png) no-repeat top center; }
#bg_orange .arrowlistmenu .title { background: url(../images/icon/bg_category.png) #ffa800; }
#bg_orange .arrowlistmenu{ background:#fff;}
#bg_orange .arrowlistmenu a{ color:#ffa800}
#bg_orange .arrowlistmenu a.current,#bg_orange .arrowlistmenu a:hover { background:#ffa800; color:#fff;}
#bg_orange .arrowlistmenu .expandable_main a.current, #bg_orange .arrowlistmenu .expandable_main a:hover{ background:none; color:#ffa800}

#bg_grape{ background:url(../images/bg_grape.jpg) no-repeat center top #2e143d;}
#bg_grape .inner_content{ border-top:2px solid #8d37ba; }
#bg_grape h1{ color:#8d37ba }
#bg_grape h2{ border-bottom:1px solid #8d37ba }
#bg_grape .header{ background:url(../images/bg_top_grape.png) no-repeat top center; }
#bg_grape .arrowlistmenu .title { background: url(../images/icon/bg_category.png) #8d37ba; }
#bg_grape .arrowlistmenu{ background:#fff;}
#bg_grape .arrowlistmenu a{ color:#8d37ba}
#bg_grape .arrowlistmenu a.current,#bg_grape .arrowlistmenu a:hover { background:#8d37ba; color:#fff;}
#bg_grape .arrowlistmenu .expandable_main a.current, #bg_grape .arrowlistmenu .expandable_main a:hover{ background:none; color:#8d37ba}

#bg_pink{ background:url(../images/bg_pink.jpg) no-repeat center top #f3bcca;}
#bg_pink .inner_content{ border-top:2px solid #ee6f70; }
#bg_pink h1{ color:#ee6f70 }
#bg_pink h2{ border-bottom:1px solid #ee6f70 }
#bg_pink .header{ background:url(../images/bg_top_pink.png) no-repeat top center; }
#bg_pink .arrowlistmenu .title { background: url(../images/icon/bg_category.png) #ff0066; }
#bg_pink .arrowlistmenu{ background:#fff;}
#bg_pink .arrowlistmenu a{ color:#f57677}
#bg_pink .arrowlistmenu a.current,#bg_pink .arrowlistmenu a:hover { background:#f57677; color:#fff;}
#bg_pink .arrowlistmenu .expandable_main a.current, #bg_pink .arrowlistmenu .expandable_main a:hover{ background:none; color:#f57677}

#bg_brown{ background:url(../images/bg_brown.jpg) no-repeat center top #e7d6c2;}
#bg_brown .inner_content{ border-top:2px solid #ab6b30; }
#bg_brown h1{ color:#ab6b30 }
#bg_brown h2{ border-bottom:1px solid #ab6b30 }
#bg_brown .header{ background:url(../images/bg_top_brown.png) no-repeat top center; }
#bg_brown .arrowlistmenu .title { background: url(../images/icon/bg_category.png) #ab6b30; }
#bg_brown .arrowlistmenu{ background:#fff;}
#bg_brown .arrowlistmenu a{ color:#ab6b30}
#bg_brown .arrowlistmenu a.current,#bg_brown .arrowlistmenu a:hover { background:#ab6b30; color:#fff;}
#bg_brown .arrowlistmenu .expandable_main a.current, #bg_brown .arrowlistmenu .expandable_main a:hover{ background:none; color:#ab6b30}

#FullPage .inner_content{ width:100%; }
#FullPage .arrowlistmenu{ display: none }
.inner_content{  margin-right:1%;}

#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}

/* Header */
.header{ background:#1367d3; height: auto;}
.header .logo{ float:left; padding:5px 0 0; margin:0; width:22%;}
.header .logo img{ max-width:100%;}
.header .links { font-size:13px;}
.header .info_top{ float:left; margin:15px 0 0 25px; line-height:25px; color:#fff; text-shadow:0 0 3px rgba(0,0,0,.2)}
.header .info_top a{ color:#f6ff00}
.header .links ul{ list-style:none; margin:0;padding:0;float: right;}
.header .links ul.btn_links li{ float: left; margin:0 0 0 16px; background:url(../images/dash.png) no-repeat right;}
.header .links ul.btn_links li a{padding:0 16px 0 30px; color:#fff;line-height: 40px;}
.header .links ul.btn_links li a{background: url(../images/icon/i_home.png) no-repeat left;}
.header .links ul.btn_links li+li a{background: url(../images/icon/i_sitemap.png) no-repeat left;}
.header .links ul.btn_links li+li+li a{background: url(../images/icon/i_contact.png) no-repeat left;}
.header .links ul.btn_links li a:hover{color:#f6ff00}
.header .links ul.textresizer,.header .links ul.lang{margin:0 12px 0 12px;}
.header .links ul.textresizer li,.header .links ul.lang li{float:left; line-height: 40px;margin:0 0 0 5px; color: #fff;}
.header .links ul.textresizer li a,.header .links ul.lang li a{padding: 2px 7px;text-align: center;color: #fff;}
.header .links ul.textresizer li a:hover,
.header .links ul.textresizer li a.textresizer-active,
.header .links ul.lang li a:hover{color: #1367d3; background: #fff; border-radius: 6px;text-decoration: none;}
.textresizer-label {display: inline-block; font-size:1em;}


.header .icon_top{ position:absolute; top:55px; right:10px;}
.btn_school_intro{ float:right; position:relative; margin:0 0 0 20px; }
.btn_school_intro span{ position:absolute; background:url(../images/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_notice{ float:right; position:relative; }
.btn_notice span{ position:absolute; background:url(../images/icon_bag.png) no-repeat; width:36px; height:34px; left:8px; top:0; }
.btn_notice a{ display:block; color:#166cad; font-size:17px; border-radius:6px; padding:5px 10px 5px 50px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3)}
.btn_notice a:hover{ background:#166cad; 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 #eeeeee; 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 */

/* 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 #eeeeee; color:#666 }
.search_listing ul li a{ font-size:19px; display:block; text-decoration:underline}
/* Banner */
.banner_area{ margin:0 0 0 0;background: rgba(0, 0, 0, 0) url("../images/banner_bg.jpg") repeat-x scroll center top; background-size:cover;}
.banner_container{padding: 30px 0 35px 0;box-shadow: 0 5px 6px rgba(0,0,0,0.15);}
.slider{ float:left; width:68%; min-height:420px}
.sentense{background:#fff; position:relative;}
.sentense .area{ border:2px solid #164098; padding:12px 0 12px 0; color:#00a5e3; line-height:21px;margin-left: 5px; font-size: 1.2em;color: #0d398e;overflow: hidden;}
.sentense .title{ position:absolute; left:0px; top:0; background:url(../images/slogan.png) no-repeat; padding:12px 37px 18px 55px;color:#fff; font-size: 18px}

.t_sen{ height:19px; font-size:18px;  color:#0d398e; margin:0 0 0 50px; overflow:hidden; position:relative;}
.sen_li,.swap{ line-height:19px; display:inline-block; position:absolute; top:0; left:72px;list-style: none;}
.swap{top:19px;}

.latest_events{float:right; width:30%; background:#fff; border-radius:8px; border:3px solid #53c2f6; position:relative; box-shadow:0 0 3px rgba(0,0,0,.2); margin:20px 0 0 0;}
.latest_events .title{ background:url(../images/bg_latest_event.jpg) repeat-x #00a5e3 bottom ; color:#fff; padding:8px 0 23px 55px; font-size:19px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.latest_events .title span{ background:url(../images/icon_announce.png) ; width:47px; height:49px; position:absolute; left:5px; top:-5px;}
.latest_events .bottom_events{ background:url(../images/bg_latest_event_bottom.jpg) bottom repeat-x; height:30px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.latest_events .main_events_area{ padding:0px 15px;}
.main_events_area{ padding:0px;}
.main_events_area ul{ list-style:none; margin:0; padding:0;}
.main_events_area ul li{ border-bottom:1px solid #eeeeee;}
.main_events_area ul li span{ color:#0076c0; float: left; padding-right:5px;}
.main_events_area ul li a{ display:block; padding:6px 0px;}
.main_events_area .content{float: left;}
.main_events_area .content img{ width:25px;}

/* Inner Area */
.inner_area{ padding:30px 0 0 0;}
.inner_area .screen{overflow: hidden;}
.more_area{ position:absolute; right:0px; top:6px; font-size:0.8em;}
.more_area a{ background:#4085de; line-height:23px; display:block; padding:0 23px; margin-right: 13px; border-radius:4px; color:#fff}
.more_area a:hover{ background: rgba(0,0,0,.3); color:#FFF ;text-decoration: none;}
.detail_btn{position:absolute; right:10px; top:10px; font-size:1em;}
.detail_btn a{ background:#1367d3; line-height:23px; display:block; padding:4px 23px; border-radius:4px; color:#fff}
.detail_btn a:hover{ background: rgba(0,0,0,.3); color:#FFF ;text-decoration: none;}

.latest_new{ float: left; width:48%; position:relative;margin-top: 48px;}
.latest_new .title{  padding:2px 0px 15px 66px; color:#333; font-size:1.4em; border-bottom: 1px solid #398de7;} 
.latest_new .title span{ position:absolute; left:14px; top:0px; background:url(../images/icon/i_news.png) no-repeat; width:39px; height:30px;}
.latest_new ul{ list-style:none; margin:0; padding:0; background:rgba(255,255,255,0.7)}
.latest_new ul li{ border-bottom:1px dotted #669de5; font-size:1em}
.latest_new ul li span{ color:#595959; float: left; padding:0 21px 0 0;width: 25%;}
.latest_new ul li a{ display:block; padding:18px 0px 18px 16px; color:#333}
.latest_new .content{float: left; color: #2373db;width: 67%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.latest_new .content:hover{ color:#9b684b}
.latest_new .content img{ width:25px;}

.campus_events{ float: right; width:48%; position:relative;margin-top: 48px;}
.campus_events .title{  padding:2px 0px 15px 66px; color:#333; font-size:1.4em; } 
.campus_events .title span{ position:absolute; left:0px; top:-12px; background:url(../images/icon/i_events2.png) no-repeat; width:61px; height:42px;}
.campus_events ul{ list-style:none; margin:0; padding:0; background:rgba(255,255,255,0.7)}
.campus_events ul li{ border: none; font-size:1.3em; float: left; width: 48%; margin-right: 2%;}
.campus_events ul li span{ color:#fff; padding:6px 16px;background: #398de7;min-width: 79px;text-align: center;}
.campus_events ul li a{ display:block; padding:0px 0px 12px 0px; color:#333}
.campus_events .events_img{background: url(../images/notice_bg.jpg) no-repeat left;background-position-y:35px; background-size: 100%; padding: 8px;}
.campus_events .events_img img{ width:100%;-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;}
.campus_events .events_img:hover img{ opacity:.7;}

.latest_award{ float: left; width:32%; margin-left:3%; position:relative;}
.latest_award .title{ padding:10px 0px 10px 75px; color:#764713; font-size:21px;} 
.latest_award .title span{ position:absolute; left:-10px; top:5px; background:url(../images/icon_award.png) no-repeat; width:72px; height:39px;}
.latest_award ul{ list-style:none; margin:0; padding:0; border:1px solid #fff; background:#f7ecd4;}
.latest_award ul li{ border-bottom:1px dotted rgba(0,0,0,.2); font-size:13px}
.latest_award ul li span{ color:#764713; float: left; padding:0 5px;}
.latest_award ul li a{ display:block; padding:9px 0px; color:#333}
.latest_award ul li a:hover{ color:#9b684b}
.latest_award .content{float: left;}
.latest_award .content img{ width:25px;}
.girl_sport{ position:absolute; bottom:-70px; left:-80px; background:url(../images/girl_sport.png) no-repeat; width:124px; height:132px;}
.girl_sport_2{ position:absolute; bottom:-70px; right:-45px; background:url(../images/girl_sport_2.png) no-repeat; width:139px; height:144px; z-index:1}

.content_area{ background: #eaf8fe; margin-top: 36px;padding: 68px 0 76px 0;}
.main_calendar{ float:left; width:48%; position:relative;}
.main_calendar .area{ color:#00a5e3; line-height:21px;}
.main_calendar .title{ font-size:1.4em; color:#1367d3; padding:0px 0px 18px 58px;} 
.main_calendar .title span{ position:absolute; left:6px; top:-7px; background:url(../images/icon/i_cal.png) no-repeat; width:43px; height:35px;}
.main_calendar .area{ min-height:180px; }
.main_calendar .area iframe{ width:100%; height:392px;}
.main_calendar .area iframe .view-container-border{ padding:0px;}
.main_calendar .detail_btn{right:0px; top:-4px; }
.calendar_container{background: #fff; padding: 15px;}

.main_map{ float: right; width: 48%; position: relative; }
.main_map .title{ font-size:1.4em; color:#1367d3; padding:0px 0px 18px 58px;} 
.main_map .title span{ position:absolute; left:6px; top:-7px; background:url(../images/icon/i_map.png) no-repeat; width:43px; height:35px;}
.main_map iframe{ width: 100%; height: 413px; }
.map_container{ margin-right: 12px; border:1px solid #d0d0d0; overflow: hidden;}

.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:50px 0 30px 0}
.Userful_link_inside .title{ display:none}
.Userful_link_inside ul{ list-style:none; margin:0 0 0 -1.5%; padding:0}
.Userful_link_inside ul li{ float: left; width:15%; margin:0 0 15px 1.65%}
.Userful_link_inside ul li img{ width:100%; border-radius:6px; 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 */
.footer{ background:#1367d3; font-size:12px; color: #fff;}
.footer .screen{ padding:15px 0 15px 0px;}
.footer .copyright{ float:left; text-align: left;padding-left: 18px;}
.footer .power{ float:right; text-align: right}
.footer .power a{ color: #fff; transition: all 0.3s ease-in 0s; }
.footer .power a:hover{ color:#eeeeee; text-decoration: none;}

.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: #1367d3   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: #1367d3 ; opacity: 1;}

/* Nevigation */
.nevigation{ padding:15px 0px; font-size:0.8em;  }
.nevigation .screen{ padding:0; }
.nevigation .home{ background:url(../images/icon/icon_home.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:#1367d3}

/* Page Content */
.inner_content{ float:right; width:75%; box-shadow:0 0 10px rgba(0,0,0,.2); background:#fff; margin-bottom:80px}
.inner_content .main_content{ padding:10px 20px 50px 20px ; min-height:500px; line-height:33px; background: url(../images/np.png) no-repeat top center;}
.inner_content .main_content h2{ text-align: left; }
.inner_content .main_content ol li a{text-decoration: underline;}


.inner_content .main_content h1{color: #1367d3;text-align: center; margin: 40px 0;}
.inner_content_full{ box-shadow:0 0 3px rgba(0,0,0,.2); background:#fff; margin-bottom:80px}
.inner_content_full .main_content{ padding:10px 20px 30px 20px; min-height:500px; line-height:33px; position:relative;}
.inner_content iframe{ width: 100%; height:360px;}
.inner_content img, .inner_content_full img{ max-width:100%;}
.inner_banner{ padding:20px 0 5px 0; }
.inner_banner img{ width:100%; border:1px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.2)}
.page_bg,.activity_bg,.sitemap_bg,.award_bg,.news_bg,.album_bg,.video_bg{background: url(../images/banner_bg.jpg) repeat-x top center; background-size:cover; box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);}
.page_bg h1,.activity_bg h1,.sitemap_bg h1,.award_bg h1,.news_bg h1,.album_bg h1,.video_bg h1{padding: 18px 0;margin: 0;color: #fff;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);font-size: 2.4em; line-height:1.5em;  text-align: center;}

.Album{ margin:15px 0px;}
.Album .title{ border-left:3px solid #005bac; background:#f9fafb; color:#005bac; padding:5px 19px; font-size:21px; display:inline; border-top:1px solid #e3e9f2; border-right:1px solid #e3e9f2; border-bottom:1px solid #e3e9f2; box-shadow:3px 3px 0px rgba(0,0,0,.15)}
.Album .description{ background:#fff; padding:10px; margin:20px 0; border:1px solid #0076c0; line-height:21px;}
.Album .description h3{line-height: 1.5em;}
.Album ul{ list-style:none; padding:0px; margin:15px 0}
.Album ol{ margin:0px; padding:0 5px;}
.Album ul li{ text-align: center; margin:0 0 10px 0; }
.Album ul li img{ box-shadow:0 0 3px rgba(0,0,0,.5); }
.Album ul li:hover img{ box-shadow:0 0 3px rgba(0,51,204,.5)}
.Album ul li p{ margin:0px; padding:5px 0; line-height:15px; text-align: center; }

#Inner_Type_A{ background: url(../images/icon/bg_box.png) #e6edff; padding:15px;  }
#Inner_Type_A .title{ margin-left:-15px; }
#Inner_Type_A ul{ margin:20px 0 0 -2%; }

#Inner_Type_A ol li{ float: none; width:100%; margin:0 0 5px 2%; }
#Inner_Type_A li{ float:left; width:31%; margin:0 0 15px 2%; }
#Inner_Type_A li img{ max-width:100%; height:155px  }
#Inner_Type_A li p{  }

#Inner_Type_B{padding:0px; background:none }
#Inner_Type_B .title{ margin-left:0px; }

#Inner_Type_B ul{  padding:0;}
#Inner_Type_B li{ float:none; width:100%; margin:0 0 15px 0%; text-align: center;}
#Inner_Type_B li img{ max-width:100%; height:auto }

#Inner_Type_C {padding:0px; }
#Inner_Type_C ul{ margin:20px 0px; padding:0px;}
#Inner_Type_C li{ float:none; margin:0 0 15px 0%; width:100%; text-align: left; clear:both; padding:0}
#Inner_Type_C li img{ width:100%; height: auto; text-align: center; margin:0; border:1px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.2)}
#Inner_Type_C li .title_des{ width:40%; float:left; }
#Inner_Type_C li .right_desc{ float: right; width:60%; padding:10px 10px 15px 10px; line-height:33px; width:55%; text-align: left; }
#Inner_Type_C li p{ margin-bottom:10px;}

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

#Inner_Type_F { background:none}
#Inner_Type_F ul{ margin:0; padding:0; list-style:none;}
#Inner_Type_F li{ float:none; margin:0 0 15px 0%; width: auto; text-align: left; clear:both; padding:0}

.download_area{ padding:5px 0; margin:10px 0px;}
.download_area .title{  border-left:3px solid #e23038; background:#fbfbfb; color:#e23038; padding:5px 19px; font-size:21px; display:inline; border-top:1px solid #f2e3e4; border-right:1px solid #f2e3e4; border-bottom:1px solid #f2e3e4; box-shadow:3px 3px 0px rgba(0,0,0,.15)}
.download_area .description{ background:#fff; padding:10px; margin:20px 0; border:1px solid #0076c0; line-height:21px;}
.download_area ul{ list-style:none; margin:15px 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:10px 0;}
.sub_category ul{ list-style:none; padding:0px; margin:0px; }
.sub_category ul li{ float:left; margin:0 10px 10px 0;}
.sub_category ul li a{ padding:10px 21px; display:block; color:#3398cc; background: #fff; font-size:15px; line-height:19px; border:1px solid #3398cc; }
.sub_category ul li a:hover{ background: #e2f9ff;  border:1px solid #3398cc; }
.sub_category ul li a.current{ background: #ff9c00 ; color:#fff; border:1px solid #ff7e00 ; }
#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; display:content}
#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); margin:0 3px}
#pages ul li a:hover{ background:#ececec; text-decoration:underline }
#pages ul li a.pgCurrent{ background:#8ec63f; color:#fff}
.year_box{ position:absolute; right:20px ;top:20px;}
.year_box select{ padding:5px 5px;}

.information{ margin:15px 0 0 0; min-height:350px;}
.information ul{ list-style:none; margin:0 0 0 -2%; padding:0px;}
.information ul li{ float:left; width: 23%; margin:0 0 30px 2%; padding:0; line-height:17px; }
.information ul li a{ display:block}
.information ul li a:hover{ color:#9151b2; text-decoration:none}
.information ul li img{ box-shadow:0 0 3px rgba(0,0,0,.3); border:1px solid #fff; margin:0;}
.information ul li:hover img{ box-shadow:0 0 3px rgba(0,51,204,.3); border:1px solid #0083ca;}
.information p{ margin:0px 0 0 0px; padding:0px 0px; font-size:13px}
.information .date{ margin:0px 0 0 0px; }
.information .date span{ padding:10px 0 5px 20px; color:#666; font-size:13px; display:block; background:url(../images/icon/icon_date.png) no-repeat left center; background-size:17px 17px;}
.information .single{ background:#fff}
.information .double{ background:#f6f6f6}

#info_type_B .information ul{  margin:0 0 0 0%; border-top:2px solid #0a8ccc}
#info_type_B .information ul li{ float:none; width: 100%; margin:0; padding:0px 5px; line-height:17px; border-bottom:1px solid #eeeeee;  }
#info_type_B .information ul li a{ display:inline-block; padding:10px 0; width:100%; }
#info_type_B .information ul li a:hover{ color:#333; text-decoration:none}
#info_type_B .information ul li:hover{ background:#eff9ff; }
#info_type_B .information ul li img{ width:150px; float:left; margin:0 20px 0 0;}
#info_type_B .information .date{ float:left; width:18%;  }
#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 3px;}
#info_type_B .information p{ float:left; width:80%; padding:5px 0; font-size:15px;}

/* 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:125px;}

/* Sub Menu */
.arrowlistmenu{ float:left; width:20%; margin:0px 0 80px 0; background: #f9f9f9; border:1px solid #cdd7e5}
.arrowlistmenu .title { background:#0157c2 ; margin:0px; padding:0px; text-align: center; border-bottom: 1px solid #059eee; }
.arrowlistmenu .title p { font-size:1.5em; line-height: 2em; color:#fff; text-shadow:0px 0px 1px rgba(0,0,0,.3); padding:15px 0px; margin:0;} 
.arrowlistmenu .expandable_main{background:#ecf2fa url(../images/icon/arrow_right.png) no-repeat; color:#0059af; background-position:95% 50%; background-size:19px 19px;  }
.arrowlistmenu .openheader { color:#0059af; background:#ecf2fa url(../images/icon/arrow_down.png) no-repeat; background-position:95% 50%; background-size:19px 19px; }
.arrowlistmenu .expandable_sub { margin:0; color:#0a8ccc}
.arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0px 0px;background: #fff; }
.arrowlistmenu ul li{ padding-bottom: 0px;}
.arrowlistmenu .categoryitems_sub{ }
.arrowlistmenu .categoryitems_sub a{}

.arrowlistmenu .categoryitems_sub li a{ margin:0 0 0 10px; background:#fff url(../images/arrow_pt.png) no-repeat; background-position:20px 15px; color:#666}
.arrowlistmenu .categoryitems_sub li a:hover{ background:#005bac url(../images/arrow_pt.png) no-repeat; background-position:20px 15px; color:#fff }
.arrowlistmenu .categoryitems_sub li a.current{ background:#005bac url(../images/arrow_pt.png) no-repeat; background-position:20px 15px; color:#fff }

.arrowlistmenu .menuheader{ margin:0px; padding:10px 15px; font-size:1.1em; cursor: pointer; display:block; color: #1367d3; border-top:1px solid #cdd7e5}

.arrowlistmenu a{  display:block;}
.arrowlistmenu a:hover{color: #333; background:#e2eeff } 
.arrowlistmenu a.current{ background-color:#005bac; color:#ecf2fa;}

.arrowlistmenu .expandable_main a:hover{color: #005bac; background: none}

.arrowlistmenu .expandable_sub a{ padding:10px 15px; }
.arrowlistmenu .expandable_sub a.current {  }

.arrowlistmenu .expandable_main a.current { background: none; color:#005bac }

.arrowlistmenu ul li a{ color: #333; background:#fff url(../images/arrow_blue.png) no-repeat; background-position:20px 15px;  font-size:0.9em; display: block; padding: 8px 15px 8px 35px; border-bottom: 1px dotted #eeeeee}
.arrowlistmenu ul li a:hover, .arrowlistmenu ul li a.current{ background:#005bac url(../images/arrow_white.png) no-repeat; background-position:20px 15px;  color:#fff}

/* Notice */
#notice .information ul{  margin:0 0 0 0%; border-top:2px solid #0a8ccc}
#notice .information ul li{ float:none; width: 100%; margin:0; padding:10px 0px 10px 0; line-height:17px; border-bottom:1px solid #eeeeee;  }
#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 ul li:hover{ background:#eff9ff; }
#notice .information .date{ float:left; width:12%; padding:5px 5px 5px 10px;}
#notice .information .date span{ padding:0 0 0 25px}
#notice .information .number{ float:left; width:10%; padding:5px 0;  }
#notice .information .title{ float:left; width:50%; padding:5px 0;  }
#notice .information p{ width: auto; font-size:15px;}
#notice .information .download{ float:right; }
#notice .information .download a{ background: url(../images/icon/icon_pdf.png) no-repeat; background-position:0px 0px; background-size:20px; padding:5px 5px 5px 30px; display:block; color:#fc2130; display:block}

/* media */
#Media_Album .information ul{  margin:0 0 0 -2%; }
#Media_Album .information .clip{ display: none;}
#Media_Album .information ul li{ float:none; width:18%; margin:0 0 20px 2%; padding:0; line-height:17px; float:left; position:relative; }
#Media_Album .information ul li .cover{ background:#f4f4f4; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:2px; padding:5px 8px 5px 8px; }
#Media_Album .information ul li img{ width:100%; box-shadow:0 0 0;}
#Media_Album .information .date{ position: relative; text-align: center; padding:8px 0 0 0}
#Media_Album .information .date span{ padding:5px 5px 5px 25px; color:#333; font-size:12px; display: inline; background:url(../images/icon/icon_date.png) no-repeat; background-size:15px 15px; background-position:5px 5px;}
#Media_Album .information p{ float: none; text-align: center; padding:5px 0 5px 0; font-size:1em; line-height:1.2em; min-height:3.7em;}
#Media_Album .information ul li:hover .cover{ background:#e8f7ff; box-shadow:0 0 3px rgba(0,0,0,.3); }
#Media_Album .information ul li:hover img{ opacity:.7}

#Media_Video .information ul{  margin:0 0 0 -2.5%; }
#Media_Video .information .clip{ background:url(../images/icon/icon_video.png) no-repeat; width:53px; height:53px; position:absolute; left:-5px; top:-5px; z-index:10 }
#Media_Video .information ul li{ float:none; width:30%; margin:0 0 20px 3%; padding:0; line-height:17px; float:left; position:relative; }
#Media_Video .information ul li .cover{ background:#f4f4f4; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:2px; padding:10px 15px 5px 15px; }
#Media_Video .information ul li img{ width:100%; box-shadow:0 0 0;}
#Media_Video .information .date{ position: relative; text-align: center; padding:8px 0 0 0}
#Media_Video .information .date span{ padding:5px 5px 5px 25px; color:#333; font-size:12px; display: inline; background:url(../images/icon/icon_date.png) no-repeat; background-size:15px 15px; background-position:5px 5px;}
#Media_Video .information p{ float: none; text-align: center; padding:10px 0 5px 0; font-size:19px;}
#Media_Video .information ul li:hover .cover{ background:#ffeeef; box-shadow:0 0 3px rgba(0,0,0,.3); }
#Media_Video .information ul li:hover img{ opacity:.7 ; border:1px solid #d64541}
#Media_Video .information ul li a{ color:#d64541}

.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:380px;}
.youtube_video video{ width:100%; height:380px;}
.video_footer{ background:url(../images/icon/tv_footer.png) no-repeat center; height:38px; width:70%; margin-bottom:50px;}

/* Site Map */
#site-map .site-map-box ul{ margin:0 0 0 -0%; padding:0;}
.site-map-menu{ line-height:19px;}
ul.site-map-menu { list-style:none; margin:0 0 0 0%; padding:0;}
ul.site-map-menu li{ float: left; width: 21%; margin:0 0 20px 3%; list-style:none;}
ul.site-map-menu li ul{ margin:10px 0 0 0%; padding:0; list-style:none; }
ul.site-map-menu li ul li ul{ margin:0 0 0 10px }
ul.site-map-menu li ul li{ float: none; width: 100%; margin:0; }
ul.site-map-menu li a{ font-size:15px; background:#0157c2; color:#fff; padding:8px 10px; display:block}
ul.site-map-menu li ul li a{ font-size:13px; background:#fff; color:#0a8ccc; background:url(../images/icon/arrow_right.png) no-repeat; background-size:15px 15px; background-position:0 7px; padding:5px 5px 5px 20px ; display:block}
ul.site-map-menu li ul li a:hover{ color:#ff9600; background:url(../images/icon/arrow_right.png) no-repeat; background-size:15px 15px; background-position:0 7px; }
ul.site-map-menu li ul li ul li a{ color:#333}
ul.site-map-menu li ul li ul li a:hover{ color:#ff9600; }
ul.site-map-menu li+li+li+li+li{ clear:both }
ul.site-map-menu li+li+li+li+li+li{ clear: none }

/* Other */
#principal{ text-align: left}
#principal p{ text-align: left; line-height:28px;}

.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 #eeeeee; box-shadow:0 0 3px rgba(0,0,0,.2)}

.btn_back{ margin:0px auto; text-align: center;}
.btn_back a{ background:#478ac2; color:#fff; padding:8px 30px; text-align: center;}
.btn_back a:hover{ background:#ffc000 }

.banner_title {
	background: rgba(10, 94, 202, 0.5) none repeat scroll 0 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    bottom: 19px;
    left: 44px;
    width: 286px;
    padding: 6px 24px;
}
.banner_title div {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin: 0 auto;
	padding: 18px 0;
    color: #fff;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
    font-size: 2em;
}
.np_sene{ border:2px solid #0157c2; margin:0px auto; width:70%; padding:30px 50px; background:#f4faff; text-align: center; font-size:1.6em; line-height:2em;}
.theme_blue{ background:#0074de; color:#fff;}
.theme_orange{ background:#ffa200; color:#fff;}
.pdf_frame iframe{ width:100%; min-height:700px;}
.table_boxing{ border:1px solid #ddd; padding:2px;}

.subject{}
.subject ul{ list-style:none; margin:0 15px 0 -3%; padding:0px;}
.subject ul li{ float:left; width:30%; margin:0 0 15px 3%;}
.subject ul li a{ display:block; border:2px solid #1e50b6; padding:5px 0px; text-align: center;}
.subject ul li a:hover{ background:#003f96; color:#fff100}

.banner_boxes {border:3px solid #fff; box-shadow:0 0px 8px 0 rgba(0,0,0,0.1);}
.level_1{ font-size:10px; line-height:15px;}
.level_2{ font-size:15px; line-height:15px;}
.level_3{ font-size:19px; line-height:15px;}

#ad_float_ad .ad_close_ad{display:none !important;}