@charset "utf-8";

.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
}

/* CSS Document */
html,body {
    padding: 0px; margin: 0px;
	font-size:15px; color: #333; line-height:23px;	
	 min-height:100%;
	font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

}
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

a:link, a:visited {color: #009eea;	text-decoration: none;}
a:hover {text-decoration: underline; color: #ff5d8b;}

.clear{clear:both}
img {border:0;}
h1, h2, h3, h4, h5, h6, p{ padding:0px; margin:0px; color: #333;}
h1{ }
h2{ }
h3{ }
h4{ }
h5{ }
h6{ }
p { }
div, ul li{ margin:0px auto; padding:0px;}
#wrap{ width:100%; min-height:100%; height:100% }
.screen{ min-width:680px; max-width:980px; position:relative; padding:0px 10px;}


.box_shadow{ border:1px solid #eee; box-shadow:0px 0px 5px #eee;}

/* Header */
.header{ position:relative; background:url(../images/bg_top.jpg) no-repeat center top; height:129px; }
.header .logo{ float:left; height: auto; padding:10px 0 0px 0;}
.header .ship{ background: url(../images/ship.png) no-repeat center bottom ; width:364px; height:161px; position: absolute; top:0px; right:0px;}
.header .logo img{ }

.header .top_shortcut{ position:absolute; right:0px; top:0px;  }

.header .eclass_top{ float:right; margin-left:10px;}
.header .eclass_top a{ background:url(../images/btn_eclass.png) no-repeat center top; height:55px; width:140px; display:block }
.header .eclass_top a:hover{ background:url(../images/btn_eclass_over.png) no-repeat center top;  }
.header .contact{ float:right; }
.header .contact a{ background:url(../images/btn_contact.png) no-repeat center top; height:55px; width:140px;  display:block}
.header .contact a:hover{ background:url(../images/btn_contact_over.png) no-repeat center top;  }



.fc-view-container{ background:#fff;}
.main_calenadr h2{ font-size:12px; margin:0; padding:0; line-height:15px;}
.main_calenadr{ float:right; width:320px; margin:0; position:relative;  }
.main_calenadr .area{ background:#FFF;  position:relative; margin:10px 0 15px 0; border:2px solid #27a4db; border-radius:8px;}
.main_calenadr .title{ font-size:30px; color:#00499a; padding:50px 0px 0px 80px ; margin-bottom:5px;  }
.main_calenadr .title span{ position:absolute; background: url(../images/title_calendar.png); width:138px; height:68px; margin:-54px 0 0 -80px;}
.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;  font-size:12px; top:20px; right:10px;}
.main_calenadr .more_area a{border: 2px solid #74c7f2;
background: #fff;
padding: 3px 15px;
font-size: 15px;
border-radius: 8px;
}
.main_calenadr .more_area a:hover{color: #F30}


/* Content Section */
.container{ width:100%; min-height:300px; }

.main_bg_c{ padding:10px 0px; background:url(../images/bg_main_c.jpg) ; min-height:250px; }
.index_main_banner{ margin:0px 0px 0px 0; background:url(../images/main_bg.jpg) repeat-x center top; height:389px; padding-top:22px; position:relative;}


#boy{ position:absolute; left:0px; top:8px; background:url(../images/boynews.png) no-repeat; width:288px; height:379px; z-index:11 }
#girl{ position:absolute; right:0px; bottom:0px; top:8px; background:url(../images/girlnews.png) no-repeat; width:241px; height:377px ; z-index:11}
.section_main{ padding:30px 0px; }

.special_news{ border:2px solid #e20a0a ; margin:0px auto; box-shadow:0 0 3px rgba(0,0,0,0.2); float:left; margin-top:35px; background: url(../images/bg_special.png) #fff; position:relative;  min-width:250px; }
.special_news .content iframe{ width:100%;}
.special_news .icon{ display:none; background:url(../images/notice_alert.png) no-repeat; width:55px; height:55px; position:absolute; left:-6%; top:-15px;}
.special_news .content{padding:5px 15px 10px 15px; font-size:12px; line-height:17px; }
.special_news .title_special{padding:8px 22px 0px 15px; font-size:19px; color:#013c02; font-weight:bold; }
.special_news .date{ color:#333;}
.special_news  .details{ margin:7px 0 5px 0; font-size:12px;}
.special_news  .details a{ background:#00581c url(../images/small_arrow.png) no-repeat; background-position:90% 50%; font-size:13px; padding:3px 25px 3px 20px; border-radius:4px; color:#fff}
.special_news  .details a:hover{ background:#88ba12 url(../images/small_arrow.png) no-repeat; background-position:90% 50%; color:#fff}
#abgne_float_ad {
	display: none;
	position: absolute;
	z-index:4001;
}
#abgne_float_ad .abgne_close_ad {
	display: block; background:url(../images/btn_close.png) no-repeat; height:42px; width:42px;
	cursor: pointer; position:absolute; right:-15px; top:-15px;
}
#abgne_float_ad a img {
	border: none;
}

.more_video{ float:right; font-size:13px; position:absolute; right:5px; top:8px; }
.more_video a{ background:#fff; color:#2564a9; padding:3px 15px; font-size:13px; border-radius:8px;}
.title_video{ padding:5px 0;}
.main_video{float:right; position:relative; width:320px; height:auto;}
.main_video_content {
	border-radius:8px;
    background: #2564a9;
    padding: 5px;
    height: auto;color:#fff;
	margin:10px 0 0 0;

}
.main_video_content iframe { width:100%; height:210px;} 
.main_album{float:right; width:320px; height:350px; position:relative;}

.main_album p{ font-size:15px; text-align: center; padding:6px 0 15px 0;}

.main_calendar{ float:right; width:255px;}
.main_calendar .title{ position:relative; height:68px; padding:0px 0 0 0}
.main_calendar .title p{ font-size:21px; padding:12px 0 0 85px; color:#fff; text-shadow:0px 0px 3px #333; display:none}
.calendar_content{ border:2px dashed #aed6eb; background:#fff;  margin:10px 0 0; height: auto;}

.inner_area .calendar_content{ border:0px dashed #aed6eb; background:#fff;  margin:0px 0 0; height: auto;}

.latest_news{ float:left; width:640px; margin:0px 0 0 0; position:relative;}
.latest_news .title{ position:relative; height:68px; padding:0px 0 0 0}
.latest_news .title p{ font-size:21px; padding:12px 0 0 85px; color:#fff; text-shadow:0px 0px 3px #333; display:none}
.latest_news .more_news{ position:absolute; right:0px; top:20px;}
.latest_news .more_news a{ background: url(../images/btn_more.png) no-repeat; width:70px; height:34px; padding:10px 0 0 39px; display:block; color:#333;}
.latest_news .more_news a:hover{ background: url(../images/btn_more_over.png) no-repeat; color:#fff; }

.latest_news_area{ background: #fff; height: auto; width:640px; margin:5px 0 0px ; border:2px solid #74c7f2; border-radius:8px;}
.latest_news_area ul{ margin:0px; padding:15px; list-style:none; }
.latest_news_area ul li{ margin:5px 0; line-height:21px; border-bottom:2px dotted #ddd; height: auto; padding:5px 0 5px 0; }
.latest_news_area ul li .cover{ float:left; width:130px; border:2px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.2); margin:5px 10px 5px 5px; display:none}
.latest_news_area ul li .cover img{ width:100%; }
.latest_news_area ul li .description{ }

.latest_news_area ul li a{ display:block;}
.latest_news_area ul li a:hover{ text-decoration:none; background:#fff7d9;}
.latest_news_area ul li span{ color:#076db0; background:#fdf8a7; padding:2px 10px; display:inline-table;  float:left; }
.latest_news_area ul li p{ float:left; padding:5px 0px;margin-left:10px; color:#000;  }
.latest_news_area ul li:hover p{ color:#2e70b4;  }

.more_news{ float:right;}
.more_news a{ background:url(../images/icon_plane.png) no-repeat #23b081; text-align: center; background-position:90% 50%; width:100px; padding:8px 35px 8px 15px; display:block; font-size:17px; color:#fff;}
.more_news a:hover{ background:url(../images/icon_plane.png) no-repeat #009eea; background-position:90% 50%; }





.latest_album{ display:none; position: absolute; table-layout:100px; background:url(../images/bg_album.png) no-repeat; width:267px; height:273px; right:15px; top:80px;   }
.latest_album h1{ font-size:17px; background: none; border-bottom: 0px ; border-left:0px ; color:#345ec5; padding:0px; margin-bottom:0px; line-height:19px; position:absolute; z-index:10; top:210px; width:220px;-ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg); text-align: center; left:20px;}

.latest_album .clip{ background:url(../images/btn_clip_index.png) no-repeat; width:23px; height:54px; position:absolute; right:25px; top:-10px; }
.latest_album .cover{ border:2px solid #fff;  -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg); position:absolute; right:13px; top:15px; width:234px; }
.latest_album img{ border:1px solid #fff; width:100%;} 
.latest_album img:hover{ border:1px solid #ffcc00; } 
.bg_new_shadow{ background:url(../images/bg_new_shadow.png) no-repeat;  width:442px; height:19px; float: right; }
.latest_album .description_new{ }
.latest_album p{ display:none }


.userful_links{ margin:15px 0 ; float:left; width:100%; background-position:99% 60px; }


.userful_links .title{ position:relative; padding:0px 0 0 0; }
.userful_links .title p{ font-size:21px; padding:12px 0 0 65px; color:#fff; text-shadow:0px 0px 3px #333;}
.userful_links  .more_btn{ position:absolute; right:15px; top:12px;}
.userful_links  .more_btn a{ background:#ff6d3e; font-size:15px; padding:3px 18px; border-radius:8px; box-shadow:0px 3px 3px #666 ; color:#fff}
.userful_links  .more_btn a:hover{ background:#00ab4d; border-radius:8px; color:#fff}
.userful_links ul{ margin:10px 0 0 -4%; padding:0px; list-style:none; min-height:213px;}
.userful_links ul li{ margin:0 0 10px 0; -webkit-transition: all 0.3s ease-in-out; float: left; width:21%; margin-left:4%;  }
.userful_links ul li img{ display:block; width:100%; border:2px solid #fff; box-shadow:0 0 3px rgba(0,0,0,0.1); border-radius:6px; -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; } 
.userful_links ul li img:hover{ border:2px solid #ddd; opacity:.7} 

.userful_links_b{ margin:15px 0 ; float: left; width:100%; }
.userful_links_b ul{ margin:70px 0 0 -2%; padding:0px; list-style:none; min-height:213px;}
.userful_links_b ul li{ margin:0 0 15px 0; -webkit-transition: all 0.3s ease-in-out; float: left; width:22%; margin-left:4%;  }
.userful_links_b ul li img{ display:block; width:100%; border:2px solid #fff; box-shadow:0 0 3px rgba(0,0,0,0.1); border-radius:6px; -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; } 
.userful_links_b ul li img:hover{ border:2px solid #ddd; opacity:.7} 

.userful_links_b .more_news{ position:absolute; right:0px; top:20px;}
.userful_links_b .more_news a{ background: url(../images/btn_more.png) no-repeat; width:70px; height:34px; padding:10px 0 0 39px; display:block; color:#333;}
.userful_links_b .more_news a:hover{ background: url(../images/btn_more_over.png) no-repeat; color:#fff; }

.speech{ margin:25px 0px 0px 0; background:#ffa4b3; position:relative; min-height:125px; float:right; width:33%; border-radius:8px; border:2px solid #ffa4b3;}
.speech .icon{ position: absolute; top:-19px; left:-10px; background: url(../images/title_month.png) no-repeat; width:181px; height:68px;}
.speech .title{ padding:25px 0px 0px 15px; }
.speech .title span{ text-align: center; padding:5px 8px; font-size:21px; margin-right:2px; color:#666; width:181px; height:68px;}
.speech .content{ color:#333; padding:15px; background:#fff; border-bottom-right-radius:8px; border-bottom-left-radius:8px;}
.speech_footer{  height:16px; width:100%; text-align: center; position:absolute; bottom:-15px;}

.main_icon_shotcut{ }
.main_icon_shotcut .title{ position:relative; color:#fff; padding:10px 0px 0px 5px; font-size:21px; color:#ff6666;  border-radius:8px; background:url(../images/bg_title_right_links.jpg) repeat-x top ; height: auto;}
.main_icon_shotcut ul{ margin:0px; list-style:none; padding:2% 1% 10px 1%; }
.main_icon_shotcut ul li{ float:left; width:48%; margin:5px 1%;}
.main_icon_shotcut ul li img{ display:block; width:100%; border:1px solid #ddd;} 

/* Footer Section */

#footer{ font-size:13px; padding:0px;  }
#footer .screen{ padding:20px 0px 20px; color:#fff; }
.footer_bgbg{ background: url(../images/bg_footer.jpg) }
.footer_bgbg a{ color:#fff}
#footer .copy{ text-align: left; color:#333; float:left; width:65%; color:#fff}
#footer .copy a{ color:#fff;}

#footer .designby{ width:30%; float: right; color:#fff; text-align: right}
#footer .designby a { color:#fff; }
.information_school{ min-height:140px; background:#fff;}
.slogon{ width:49%; height:80px; background:url(../images/slogon.jpg) no-repeat center bottom; float:left}
.school_info{ float:right; width:50%; color:#333; padding:15px 0 0 0; }
.school_info ul{ list-style:none; padding:0px; margin:0px;}
.school_info ul li{ float:left;  height: 32px; line-height:38px; margin:0px 0 10px 0; padding:0 0 0px 40px; font-size:14px; }

.school_info ul li { background:url(../images/icon_map.png) no-repeat left center; width:220px;}
.school_info ul li span { color:#ff6666}

.school_info ul li + li { background:url(../images/icon_mail.png) no-repeat left center; width:190px;}
.school_info ul li  + li a { color:#009eea}
.school_info ul li + li + li  { background:url(../images/icon_tel.png) no-repeat left center; width:220px;}
.school_info ul li + li + li  span { color:#23b081}
.school_info ul li + li + li + li  { background:url(../images/icon_fax.png) no-repeat left center; width:190px;}
.school_info ul li + li + li + li  span { color:#6666cc}

.nevigation{ padding:15px 0px 10px 0; font-size:13px; }

.nevigation .home{ background:url(../images/icon_home.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 }

.inner_main{ margin:30px 0px 60px 0; min-height:250px; text-align: justify }
.inner_main .img{ max-width:100%;}
.inner_main p{ clear:both; margin-bottom:15px;}

.Album {background:#fafafa; border:1px solid #ddd; border-radius: 8px;  position:relative; margin:50px 0px 20px 0;}
.Album .title { background: url(../images/bg_white.png) #23b081; padding:8px 35px; display:block; position:absolute; left:20px; color:#FFF; text-shadow:0px 0px 2px #333; font-size:19px; top:-10px;}
.Album .title_bg{ background: url(../images/bg_album_a.png) no-repeat; width:5px; height:10px; position:absolute; left:15px; top:-10px;}
.Album ul{ list-style: none; padding:25px 0% 1% 2.5%;}
.Album ul li{ float: left; margin:1% 2.5% 1% 0%; width:30.5%; text-align: center; background:#FFF }
.Album ul li div{ background:#fff; border:1px solid #eee; box-shadow:0px 0px 3px #eee;} 
.Album ul li div:hover{ background:#fff; border:1px solid #27b4b8; box-shadow:0px 0px 3px #eee;} 
.Album p { padding:0 0 5px 0px; text-align:center; font-size:13px;}

.Album ul li div p{ padding:4px 5px; min-height:auto; font-size:12px; line-height:14px; text-align: center;} 
.Album ul li+li+li+li{ clear:both}
.Album ul li+li+li+li+li{ clear: none}
.Album ul li+li+li+li+li+li+li{ clear:both}
.Album ul li+li+li+li+li+li+li+li{ clear: none}

.Album ul li img{ width:100%}
.Album ul li img:hover{opacity: .8;}
.Album ul li .enlargeicon{ position:absolute; text-align: center; top:43%; width:100%;}

.Album_tpl_B {background:#fafafa; border:1px solid #d7d7d7; border-radius: 8px;  position:relative;margin:20px 0 30px 0}
.Album_tpl_B .title { background: url(../images/bg_white.png) #ffa200; padding:8px 35px; display:block; position:absolute; left:15px; color:#FFF; text-shadow:0px 0px 2px #333; font-size:19px; top:-10px;}
.Album_tpl_B .title_bg{ background: url(../images/bg_album_b.png) no-repeat; width:5px; height:10px; position:absolute; left:10px; top:-10px;}

.Album_tpl_B ul{ list-style: none; padding:25px 1% 1% 1%;}
.Album_tpl_B ul li{ float: none; margin:1% 0; clear:both; padding-bottom:10px;  }
.Album_tpl_B ul li .photo_Area{ float: left; width:25%;}
.Album_tpl_B ul .photo_Area img{ width:100%; border: 5px solid #fff; box-shadow: 0px 0px 2px #ccc;}

.Album_tpl_B ul li .Description{ width:72%; float:right; text-align: left;}

.Pdf_download {background:#fafafa; border:1px solid #d7d7d7; border-radius: 8px;  position:relative; margin:20px 0 30px 0;}
.Pdf_download .title { background: url(../images/bg_white.png) #fd3a5a; padding:8px 35px; display:block; position:absolute; left:15px; color:#FFF; text-shadow:0px 0px 2px #333; font-size:19px; top:-10px;}
.Pdf_download .title_bg{ background: url(../images/bg_album_c.png) no-repeat; width:5px; height:10px; position:absolute; left:10px; top:-10px;}
.Pdf_download ul{ list-style: none; padding:25px 1% 1% 1%;}
.Pdf_download ul li{ float: left; margin:1%; width:47%; }
.Pdf_download ul li a{ display:block; color:#333333; background:url(../images/pdf_download.png) no-repeat; background-position:0px 0%; padding:3px 3px 3px 35px; font-size:12px; text-align:left}
.Pdf_download ul li a:hover{ color:#d00324}

.cd-top {
  display: inline-block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 90px;
  right: 30px;
  
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../images/pagetop.png) no-repeat center center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.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: url(../images/pagetop.png) no-repeat center center; opacity:0.5;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  opacity: 1;
}


.Sub_menu_container{ width:20%; float: right; box-shadow: 0px 0px 3px #ccc; margin-top:30px;  }
.Sub_menu_container .title{ background:#000; color:#fff; font-size:19px; font-weight: normal; margin-bottom:0px; text-align: center; padding:13px 0px 13px 0; text-transform:uppercase; }
.sub_menu{}
.sub_menu ul{ list-style:none;  margin:0px; padding:0px;  }
.sub_menu ul li{ margin:0px; border-bottom:1px solid #d2d4d4; border-top:1px solid #fff;}
.sub_menu ul li a{ padding:10px; display:block; font-size:15px; text-decoration: none;
   background-color: rgba(242,243,246, 0.6);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;}
.sub_menu ul li a:hover, .sub_menu ul li a.current{ background:#37beec; color:#fff; }
.sub_menu ul li ul{ }
.sub_menu ul li ul li{ margin:0px; border-bottom:0px solid #d2d4d4; border-top:0px solid #fff;}
.sub_menu ul li ul li a{ background: url(../images/icon_arrow_r.png) no-repeat #fff;  padding:10px 10px 10px 28px; font-size:13px; background-position:10px 50%;}
.sub_menu ul li ul li a:hover, .sub_menu ul li ul li a.current{ background: url(../images/icon_arrow_r_white.png) no-repeat #37beec;  background-position:10px 50%;}

#Main_content_with_submenu{ width:76%; float: left;  }

.fade_effect{
	-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;}

/* Product */
.Product_category {background:#fff; position:relative; margin-bottom:30px;}
.Product_category ul{ list-style: none; padding:0% 0% 0% 0%; margin-right:-1.5%}
.Product_category ul li{ float: left; margin:0px 1.5% 15px 0%; width:31.8%; text-align: center; background:#FFF }
.Product_category ul li div{ border: 5px solid #fff; box-shadow: 0px 0px 2px #ccc;}
.Product_category ul li img{
   width:100%; 
   opacity: 1;
   background-color: rgba(0,0,0, 0.6);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out; }   
.Product_category ul li:hover img{opacity: 0.7; }
.Product_category ul li a{ text-decoration:none}
.Product_category ul li p{ padding:10px 10px 0 10px}
.Product_category ul li:hover p{ color:#666 }

.product_gallery{ float:left; width:70%;}
.product_description{ float:right; width:28%;}

/* News */
.year_box{ position:absolute; right:30px; top:30px;}

.main_container .news{ padding:0px; min-height:500px;}
.main_container .news ul{ list-style:none; min-height:500px; padding:0px;}
.main_container .news ul li{ padding:10px 10px; clear: both; border-bottom:1px dotted #CCCCCC;  }

.main_container .news ul .lv2{ background:#fff;}
.main_container .news .top{ background:#ff9947 ; color:#fff; line-height:25px; height:25px;}


.main_container .news .date, .main_container .news .download_date {width:13%; text-align: left;float:left; }
.main_container .news .linking{ width:10%; float: right; text-align: left; }
.main_container .news .title_note,.main_container .news .download_name{ width:55%; float:left; text-align: left; }
.main_container .news .num, .main_container .download_num{ width:20%; float:left; text-align: left; }

.year_box select{ padding:5px;}


.main_container .notice{ padding:0px; min-height:500px; }
.main_container .notice ul{ list-style:none; min-height:500px; padding:0px;}
.main_container .notice ul li{ padding:10px 10px; clear: both; border-bottom:1px dotted #CCCCCC; cursor:pointer; }
.main_container .notice ul li:hover{ background:#f0f9ff}
.main_container .notice ul .lv2{ background:#f8f7f5;}
.main_container .notice .top{ background:#0e59ad ; color:#fff;  padding:8px 10px; margin-bottom:5px; }
.main_container .notice .top:hover{ background:#0e59ad;}
.main_container .notice .linking{ width:70%; float:right; text-align: left; }
.main_container .notice .number{ width:10%; float: left; text-align: left; }

.main_container .notice .prev_thumb{ width:10%; text-align: left;float:left; }
.main_container .notice .prev_thumb img{ border:1px solid #fff; box-shadow:0px 0px 2px #ccc;}

.main_container .notice .date {width:16%; text-align: left;float:left; }
.main_container .notice .linking a{ display:block; color:#333333}


.main_container .notice .date{ margin:0px 0 0px; }

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

.new_detail_date{ padding-bottom:15px; color:#ff244d }
.btn_back{text-align: center; margin:20px 0;}
.btn_back a{ padding:7px 20px 7px 57px;  background:url(../images/icon_back_white.png) no-repeat; background-position:20px 50%; color:#333; font-size:17px; text-decoration:none; text-transform:uppercase; }
.btn_back a:hover{ background:url(../images/icon_back_white.png) no-repeat #fff; background-position:12px 50%; color:#06C }

.contactus{}
.contactus .info{ float: left; font-size:15px; width:60%}
.contactus .info table{ margin:15px 0; padding:0px; width:100%; border-collapse:inherit}
.contactus .info table td{ padding:0px 15px 15px 0px; text-align: left;}
.contactus .info .title_contact{ width:35%; padding-right:10px; }
.contactus .info table a{ color:#37beec}
.contactus .info table a:hover{ color:#666}
.maparea{ margin:30px 0px; box-shadow: 0px 0px 3px #ccc; padding:2px;}
.maparea iframe{ width:100%; height:450px;}
.contact_form{ float:right; width:36%;}

.sitemap{}
#site-map .site-map-box ul{ list-style:none; padding:0px;}


.sitemap ul{ list-style: none; margin:0px; padding:0px;}
.sitemap ul li{ float:left; margin:0px; width:17%; margin:10px 2% 10px 0; list-style:none }

.sitemap ul li+li+li+li+li+li{ clear: both}
.sitemap ul li+li+li+li+li+li+li{ clear: none}
.sitemap ul li ul{ padding:0px; list-style:circle;  }
.sitemap ul li ul li ul{ padding:0px; }

.sitemap ul li ul li{ width:100%;  margin:0px 0% 5px 0; }
.sitemap ul li ul li ul li{ margin:1px 0% 1px 10px;}

.sitemap ul li a{ font-size:19px; display: block; border-bottom:1px solid #ddd; padding:0px 0 5px 0;}
.sitemap ul li ul li a{ font-size:15px; display: block; color:#000; line-height:18px; border-bottom:1px  dotted #fff; padding:5px 5px 5px 13px;background:url(../images/arrow_black.png) no-repeat; background-position: 0px 9px; }
.sitemap ul li ul li a:hover{ color:#ffa800 }

.sitemap ul li ul li ul li a{ font-size:13px; color:#666 ; display: block; line-height:15px; border-bottom:1px dotted #fff; padding:5px 0px 5px 13px;background:url(../images/arrow_black_c.png) no-repeat; background-position: 0px 9px; }
.sitemap ul li ul li ul li  a:hover{ }

#home_bg{  background:url(../images/bg.jpg)}

.container{  height: auto; background:url(../images/bg_texture.gif)}

.container .inner_area{min-height:500px; clear:both; padding:10px 0 90px 0;}

.notice_category{ position:absolute; right:20px; top:25px;}
.notice_category ul{ list-style:none; margin:0px; padding:0px;}
.notice_category ul li{ float:left; margin:0 0 0 5px;}
.notice_category ul li a{ background:#ff9933; padding:7px 22px; border-radius:8px; display:block; color:#fff}
.notice_category ul li a:hover{ background:#ffcc00; }
.notice_category ul li a.current{ background:#0e59ad; }






.arrowlistmenu{ width:21%; float: left; position:relative; background:#FFF; border-radius:6px; margin-bottom:30px; }
.arrowlistmenu .boxder{ padding:0px 0 0px 0; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.2); }
.arrowlistmenu .title { color:#FFFFFF;  text-align: center; 
background: url(../images/bg_menu_title_school.png) #fff top repeat-x; height:141px; }
.arrowlistmenu .title p { font-size:21px; color:#fff; padding-top:17px; font-weight:bold; text-shadow:0px 0px 1px rgba(0,0,0,.3);} 

.arrowlistmenu .menuheader{ margin:0px 0px; padding:10px 5px 10px 15px; font-size:15px; cursor: hand;cursor: pointer; display:block; border-bottom:1px solid #cdd7e5; }
.arrowlistmenu .menuheader:hover, .arrowlistmenu .menuheader.current{ background:#ecf2fa; color:#345ec5;}


.arrowlistmenu .expandable_main{background: url(../images/plus_blue.png) no-repeat ;  background-position:95% 50%;  }
.arrowlistmenu .expandable{background: url(../images/plus_blue.png) no-repeat #fff;  background-position:95% 50%;  }
.arrowlistmenu .expandable_main:hover{ background: url(../images/plus_blue.png) no-repeat ;  background-position:95% 50%;  }


.arrowlistmenu .openheader, .arrowlistmenu .openheader:hover{  }
.arrowlistmenu ul{ list-style-type: none;  border-bottom:1px solid #cdd7e5;}
.arrowlistmenu ul li{padding-bottom: 0px;}
.arrowlistmenu ul li .opensubheader{ background: lightblue !important;}
.arrowlistmenu ul li .closedsubheader{ background: lightgreen !important;}

.arrowlistmenu ul { padding:0px; margin:0px }

.arrowlistmenu ul li a{
color: #666; font-size:13px; border-bottom:0px;
display: block; padding: 5px 0 5px 25px; background:url(../images/thumb_blue.png) #fff no-repeat; background-position:15px 50%;
text-decoration: none; border-top:0px solid #ddd;
}
.arrowlistmenu ul li a:hover{color:#345ec5 ;}
.arrowlistmenu ul li a:hover, .arrowlistmenu ul li a.current {color:#345ec5 ;background:url(../images/thumb_blue.png) #fff no-repeat; background-position:15px 50%; text-decoration:underline; }


.inner_content{ width:77%; float:right; nline-height:24px; background:#fff; margin-bottom:50px;}
.inner_content_full{ line-height:19px}

.main_container{ border-radius:6px;   }

.main_container .container_inner { padding:20px; text-align:justify; position:relative; background:#fff; min-height:500px; line-height:30px;}
.main_container .container_inside { padding:0px; text-align:justify; position:relative;}
.main_container .container_inner ol{ margin-bottom:30px;}
.userful_link{}
.userful_link ul{ list-style:none; margin-left:-3%; padding:0px;}
.userful_link ul li{ float: left; width:17%; margin-left:3%; margin-bottom:15px; position:relative; }
.userful_link ul li img{ width:100%; border: 1px solid #ddd;}
.userful_link ul li img:hover{border: 1px solid #ff9f05;}

.userful_link ul li p{position:absolute; bottom:5px; padding:2px 3px 5px 3px; margin:0 0 3px 1px; color:#fff; font-size:0.9em; line-height:1.1em; width:97%; background: url(../images/bg_ppp.png); text-align:center; }



.album_photo{ text-align: center}
.album_photo .album_category{ margin-top:-15px;}
.album_category ul{ list-style:none; border-left:1px solid #ddd; padding:0px; margin:0px; }
.album_category ul li{ float:left;}
.album_category ul li a{ padding:12px 20px; display:block; color:#fff; background: url(../images/Xbg_blue.png) #23b081; font-size:15px;  border-right:1px solid #ddd; border-bottom:1px solid #ddd;  }
.album_category ul li a:hover{ background: url(../images/Xbg_blue.png) #69d8b3; color:#fff}
.album_category ul li a.current{ background: url(../images/Xbg_yellow.png) #fff; color:#23b081}

.album_cotent{}
.album_cotent ul{ list-style:none; margin:25px 0px 30px -2%; padding:0px;}
.album_cotent ul .label{ background:url(../images/clip.png) no-repeat; width:19px; height:55px; position:absolute; top:-6px; left:25px;}
.album_cotent ul li{ float:left; border-radius:8px; background:#fff; box-shadow:0px 1px 5px #ccc; width:21%; padding:1%; position:relative; margin-left:2%; margin-bottom:20px; }
.album_cotent ul li:hover{ background:#daf6ed; box-shadow:0px 1px 5px #ccc; color:#69d8b3 }
.album_cotent ul li a:hover{ color:#666 }

.main_ablum_content{
	border: 2px dashed #aed6eb;
    background: #fff; padding:5px;
    height: auto; background:#fffbd0;
}

.album_cotent ul li p{ text-align: center; padding:5px 10px 15px 5px; font-size:13px; line-height:17px;}

.album_cotent ul li img{  width:100%;}

.album_photo_datebox{ background: url(../images/bg_blue.png) #fff; padding:10px; border:1px solid #c0ecff; line-height:24px;}

.album_photo_area{}
.album_photo_area ul{ list-style:none; padding:35px 0px 30px 0%; margin-left:-2%;}
.album_photo_area ul li{ float:left; background:#fff; box-shadow:0px 1px 3px #ccc; width:17.5%; padding:2px; position:relative; margin-left:2%; margin-bottom:25px; height:126px;}
.album_photo_area ul li:hover{ background:#fffbf3; box-shadow:0px 1px 5px #ffca50; color:#666 }
.album_photo_area ul li a:hover{ color:#666 }
.album_photo_area ul li img{  width:100%;}


.download { min-height:400px; }
.download ul{ list-style:none; min-height:400px; margin:0px;margin-bottom:20px; padding:0px;}
.download ul .lv2{ background:#f8f7f5;}
.download ul li{ padding:7px; clear: both; border-bottom:1px dotted #CCCCCC; font-size:0.9em;}
.adobe_reader{ font-size:12px}
.adobe_reader img{ padding-right:5px;}


.download .top{ background:#00923f; color:#fff;  padding-left:7px; border-radius:6px; margin-bottom:5px; padding:3px 7px;  }
.download .download_name {width:65%; text-align: left; display: block; float: left; padding-right:5px;  }

.download .download_date {width:12%; text-align: left; white-space: nowrap; padding-right:6px; display: block; float: left; }
.download .download_num {width:10%; text-align: left; white-space: nowrap; padding-right:6px; display: block; float: left; }


.download .linking{ width:9%; float:right; text-align: center;  }
.download .linking a{ display:block; color:#333333; background:url(../images/pdf_download.png) no-repeat; background-position:0px 50%; padding:6px 3px 4px 25px; font-size:12px; line-height:19px;}
.download .linking a:hover{ color:#00923f}

.container_inner img{ max-width:100%;}

.awards_list {
    margin: 0;
    padding: 0;
}
.awards_list .title {
    border-bottom: 1px solid #73c3fe;
    color: #137ecb;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    margin: 15px 0 0 0;
    padding: 5px 0;
}
.awards_list .title:hover {
    color: #ff9bbd;
    text-decoration: underline;
}
.awards_list ul {
    list-style: outside none none;
    margin: 0 0 0px;
    padding: 10px 0px 30px 0;
}
.awards_list ul table { width:100%; background:#d1ecff; border:1px solid #1486d4; font-size:12px;}
.awards_list ul table  tr{background:#fff; line-height:15px; }


.awards_list ul li {
    margin: 0;
    padding: 0px;
}

.awards_list #subtitle {
    background: #40b7f1 none repeat scroll 0 0;
    border-bottom: 0 solid #73c3fe;
    color: #ffffff;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0;
    padding: 2px 5px;
}
.expandable2 {
    background: rgba(0, 0, 0, 0) url("../images/awards_list_arrow_left.png") no-repeat scroll 98% 50%;
    display: block;
}
.openheader2 {
    background: rgba(0, 0, 0, 0) url("../images/awards_list_arrow.png") no-repeat scroll 98% 50%;
    color: #ff9bbd;
    display: block;
}
/* News */
.News {background:#fff; position:relative; margin-bottom:30px;}
.news_listing ul{ list-style: none; padding:0% 0% 0% 0%; margin-right:-3%}
.news_listing ul li{ float: left; margin:0px 3% 10px 0%; width:17%; text-align: center; position:relative}
.News .Month_Year  { background:#b01731; color:#fff; line-height:25px; font-size:12px; white-space:nowrap;  margin:0px;}
.news_listing ul li .News_Contetent{ border: 0px solid #fff;}
.news_listing ul li p{ padding:2px 0;  text-align:left; margin-bottom:0px;}
.news_listing ul li img{ width:100%; border:1px solid #ddd; max-height:170px; overflow:hidden}
.news_listing ul li .Date{ color:#888; margin:3px 0 5px 0;}
.news_listing ul li .Title{ color:#1588d7; min-height:50px; line-height:16px;}
.news_listing ul li:hover .Title{ color:#ff9c00}

.more_album{ position:absolute; right:0; top:22px;}
.more_album a{ border: 2px solid #74c7f2; background:#fff; padding:3px 15px; font-size:15px; border-radius:8px;}
.news_listing ul li .prev{
   width:100%; 
   opacity: 1;
   background-color: rgba(0,0,0, 0.6);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out; }   
   
.news_listing ul li:hover .prev{opacity: 0.7; }
.news_listing ul li a{ text-decoration:none}

.main_calendar .bottom{ display:none }
.calendar_content{ padding:20px 0px;}


.hk_class{ margin:15px 0 40px 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 }

.calendar .arrow_left {
    position: absolute;
    top: 30px;
    left: 15px;
}

.calendar .arrow_rr {
    position: absolute;
    top: 30px;
    right: 15px;
}

.calendar{ width:215px; float:left; background:#fff; position:relative; height: auto}
.calendar .top{position:relative; background:#345ec5; color:#fff; text-align: center; padding:8px 0px; font-size:19px;  border-bottom:1px solid #bcbcbc;}

.calendar .calendar_content {
    text-align: center;
    padding: 20px 0px;
}

.calendar_HW{ width:220px; float:left; background:#fff; -webkit-border-radius: 6px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 6px;
-moz-border-radius-bottomright: 0;
border-radius: 6px;
border-bottom-right-radius: 0; position:relative; height:260px}
.calendar_HW .top{position:relative; background:#418f72; color:#fff; text-align: center; padding:8px 0px; font-size:19px;  -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom:1px solid #bcbcbc;}

.calendar_content_custom{ text-align:center}


.hw_area{ float:right; padding:0px;}

.hw_area .date-display-single{ display:none;  font-size:21px; line-height:30px; margin-bottom:5px; border-left:3px solid #008d36; font-weight: normal; padding:3px 10px 3px 10px; color:#000; box-shadow:0px 3px 3px #ddd; margin-bottom:15px;  margin-bottom:30px}

.hw_area p{ font-size:15px;  text-align:justify;} 
.hw_area table p{ font-size:15px;  text-align: center;} 

.hw_area img{ width:100%; margin-bottom:20px; border:1px solid #ccc}
.hw_area img:hover{ border:1px solid #ffbd49}

.Hw_next_pre{ margin:15px 0 15px}
.Hw_next_pre a{ margin:15px 0 15px}

.banner { margin-top:-60px;}

.banner img { max-width:100%;}

#calendar_div_custom, .calendar_control_custom, .calendar_links_custom, .calendar_header_custom, .calendar_custom{ width:auto} 
.subject_banner{}
.subject_banner ul{ list-style:none; margin:0px 0 0 0%; padding:0px;}
.subject_banner ul li{ margin:0px 0 10px 0%; width:100%; padding:0px 0 5px 0;}
.subject_banner ul li img{ border:0px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.2)}
.subject_banner ul li:hover img{ border:0px solid #1a78a0; box-shadow:0 0 3px rgba(0,0,0,.6)}



.top_scl_info{ border-bottom: 3px solid #345ec5; color:#345ec5; line-height:30px; }
.box_content{ box-shadow:0 0 3px rgba(0,0,0,.3)}
.title_box{ background:#1676b6; color:#fff; padding:5px 20px; font-size:21px;}
.box_bgbg{background:url(../images/bg.jpg) ; padding:15px 20px; }